@import "/css/legacy/font.css";

a:hover img {opacity: 0.8;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,p,blockquote,table,th,td,legend,em,strong{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,pre,code,dfn,h1,h2,h3,h4,h5,h6,th,var,em{font-style:normal;font-weight:normal;}
strong{font-style:normal;font-weight:bold;}
caption,th {text-align:left;}
q::before,q::after{content:'';}
a{text-decoration:none;}
ul,ol {list-style-type:none;}

/* === common === */
html {
visibility: hidden;
}
html.wf-active {
visibility: visible;
}
body {
font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MS P Gothic", Osaka, sans-serif;
font-style: normal;
font-weight: 400;
margin: 0;
padding: 0;
background: #fff;
}
img {
vertical-align: bottom;
}
a {color:#002f86;}
a:link {text-decoration:underline;}
a:visited {text-decoration:underline; color:#8b5eab;}
a:hover, active {text-decoration: none; color:#0036ff; opacity: 0.6}

.sp-page {
background-color:#fff;
margin-bottom: 1rem;
font-size: 1.2rem;
line-height: 1.5;
font-feature-settings: "palt";
}
b, strong, em, h2, h3,
.seminar .company-name {
font-weight: 700;
}

.title-area {
background: url(img/bg.webp) no-repeat 50% 100%;
background-size: cover;
}
.title-area h1{
text-align: center;
margin: 0;
padding: 0 40px;
}
.title-area h1 img {
width: 100%;
max-width: 1200px;
/* max-height: 481px; */
/*margin-bottom: 20px;*/
}

h2 {
font-size: 28px;
letter-spacing: 5px;
margin-bottom: 40px;
text-align: center;
}
h2 span {
font-size: 24px;
}
h3 {
position: relative;
display: block;
margin-bottom: 50px;
letter-spacing: 5px;
font-size: 22px;
}
h3:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 100%;
height: 2px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: black;
}

.contents p {
margin-bottom: 1rem;
}
.sns {
margin-bottom: 30px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-end;
}
.sns li {
margin: 0 5px;
}

.mw950 {
max-width: 950px;
margin-left: auto;
margin-right: auto;
}
.mb0 {
margin-bottom: 0 !important;
}

.mb20 {
margin-bottom: 20px !important;
}

.mb40 {
margin-bottom: 40px !important;
}

.center {
text-align: center !important;
}
.ext-link::before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "";
margin-right: 0.2rem;
}
.notice,
p.notes,
ul.notes li {
font-size:1rem;
text-indent:-1rem;
padding-left:1rem;
line-height: 1.4rem;
margin-bottom: 0.4rem;
}
.txtRed {
color: #f00;
}

.onlySP {
display: none;
}
/* === .zoom === */
.zoom{
display:inline-block;
position:relative;
vertical-align:top;
}
.zoom:after{
content:"";
width:22px;
height:22px;
background:url(img/zoom.png) no-repeat 0 0;
position:absolute; bottom:5px; right:5px;
}
.zoom:hover:after{ background-position:-22px 0; }
span.zoom:after{ display:none; }

#footer {
border-top: 1px solid #ccc;
padding: 40px;
text-align: center;
font-size: 0.9rem;
}
#footerNavi {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#footerNavi li {
margin: 10px 5px;
padding-right: 10px;
border-right: 1px solid #ccc;;
}
#footerNavi li:last-of-type {
border-right: none;
}

#back-top {
position: fixed;
bottom: 40px;
right:40px;
}
#back-top a {
width: 70px;
height: 70px;
display: block;
background: #00a5ff;
color:#fff;
border-radius:12px;
text-align:center;
border:1px solid #fff;
}
#back-top a .fa{
line-height:70px;
font-size: 20px;
margin-right: 0;
}


/* === .apply === */
.apply {
text-align:center;
padding: 0;
}
.apply p:first-child {
color:#CB1613;
}
.btn-entry a {
display: block;
padding: 10px;
background-color: #FDE823;
border-radius: 6px;
color: #000;
margin: 40px 40px 0;
font-size: 1.2rem !important;
text-decoration: none;
line-height: 1.5;
}
.btn-entry a:hover {
opacity: 0.8;
}
/* === timer === */
.timerHidden{ display: none;}
.timerVisible{ display: block;}



/* === intro === */

#intro {
padding: 40px 40px 60px;
background: #fff url(img/bg2.png)repeat-x 0 100%; 
background-position: bottom; 
background-size: 150px;
}
#intro-inner {
max-width: 950px;
margin: auto;
}


/* === talk-show === */
#talk-show {
background: #d2efff;
padding: 20px 0 40px;
background: #d2efff url(img/bg1.png)repeat-x 0 100%; 
background-position: bottom; 
background-size: 150px;
}
#talk-show-inner>p{
max-width: 1292px;
padding: 0 40px;
box-sizing: border-box;
margin: 0 auto 1rem;
}
#talk-show-inner{
padding: 0 40px;
}

.swiper-slide {
margin: 10px 10px 40px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
background: #fff;
padding: 20px;
box-sizing: border-box;
border-radius: 12px;
justify-content: center;
align-items: center;
width: auto !important;
}
.swiper-wrapper {
transition-timing-function: linear;
}
.swiper-slide p {
margin-bottom: 0;
text-align: left;
}
.swiper-slide .img-wrap {
margin-right: 20px;
}
.swiper-slide .img-wrap img {
height: 300px;
}
.swiper-slide .profile {
font-size: 1rem;
margin: 0 20px 0 0;
}
.swiper-slide .profile span{
display: block;
margin-top: 5px;
line-height: 1.4;
}
.swiper-slide .profile img {
width: 120px;
border-radius: 50%;
vertical-align: middle;
}
.swiper-slide .profile.nobr img {
border-radius: 0;
}
.swiper-slide .txt {
max-width: 370px;
}
.swiper-slide .txt dt{
display: flex;
margin-bottom: 10px;
}
.swiper-slide .txt dd {
font-size: 17px;}

/* === exhibition === */
#exhibition {
padding: 20px 40px 60px;
background: #fff url(img/bg3.png)repeat-x 0 100%; 
background-position: bottom; 
background-size: 150px;
}
#exhibition-inner {
max-width: 1292px;
margin: auto;
}
.makers {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
list-style-type: none;
padding:0;
margin-bottom: 40px;
}
.makers li {
list-style-type: none;
text-align: center;
margin: 0 20px 20px;
padding: 0;
}
.makers li .logo-h {
vertical-align: middle;
margin-bottom: 10px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.makers li img {
width: 100%;
max-width: 210px;
max-height: 90px;
}
.makers li .company-name {
margin-top: auto;
margin-bottom: 0;
line-height: 1.4;
}


/* === detail === */
#detail {
padding: 20px 40px 40px;
/* background: #eee; */
}
#detail-inner {
max-width: 950px;
margin: auto;
}
dl.detail {
display: flex;
flex-wrap: wrap;
padding-bottom: 10px;

}
dl.detail dt {
width:9rem;
padding-right:1rem;
vertical-align:top;
padding-top: 5px;
padding-bottom: 5px;
}
dl.detail dd {
width: calc(100% - 10rem);
padding-top: 5px;
padding-bottom: 5px;
}

p.icon-a {
display: inline-block; 
padding: 15px 40px;
font-weight: 700;
color: #fff;
background: #000;
font-size: 1.5rem;
letter-spacing: 3px;
border-radius: 6px;
margin-bottom: 40px;
}

#photographers .profile-wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
#photographers {
padding: 40px;
}
#photographers-inner {
max-width: 1200px;
margin: auto;
}
.photographers-wrap {
margin-bottom: 60px;
}
.photographers-wrap h3 {
margin-bottom: 40px;
}
.photographers-wrap .image {
margin-right: 20px;
width: 30%;
max-width: 300px;
flex-shrink: 0;
}
.photographers-wrap .image img {
width: 100%;
border-radius: 50%;
}
.photographers-wrap .work {
display: flex;
margin-top: 20px;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.photographers-wrap .work li {
width: calc((100% - 80px)/2);
margin:0 20px 20px;
text-align: center;
}
.photographers-wrap .work li img {
width: 100%;
max-height: 600px;
}
.photographers-wrap .work.vertical li img {
width: auto;
max-height: 600px;
}

.photographers-wrap .work.vertical li:first-of-type {
text-align:right;
}

.photographers-wrap .work.vertical li:last-of-type {
text-align:left;
}


.photographers-wrap .work.single li img {
max-width: 500px;
}

a.link-button {
border-radius: 12px;
padding: 30px 60px;
display: inline-block;
font-size: 1.4rem;
background: #fff;
text-decoration: none;
color: #000;
background: #FDE823;
}

a.link-button b{
font-size: 1.6rem;
}

ul.ul li {
list-style-type:disc;
line-height:1.4;
margin:0.4em 0 0.4em 1.5em;
}

.exhibition {
max-width: 880px;
margin: 0 auto 40px;
}
.exhibition dt {
font-size: 2.5rem;
margin-bottom: 2rem;
line-height: 1.2;
}
.exhibition dt em {
color: #c14594;
font-size: 5rem;
font-family: "zen-old-mincho", sans-serif;
font-weight: 900;
font-style: normal;
}
.exhibition dd {
text-align: left;
font-size: 1.2rem;
}
.ex-maker {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding-bottom: 20px;
margin-bottom: 20px;
/* border-bottom: 2px dotted #999; */
}


.ex-maker dt {
flex-shrink: 0;
flex-basis: 300px;
font-weight: normal;
font-size: 0.8em;
text-align: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
box-sizing: border-box;
line-height: 1.3;
}

.ex-maker dd {
margin-left: 20px;
border-left: 2px dotted #999;
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
flex-basis: calc(100% - 310px);
box-sizing: border-box;
padding: 10px 0 10px 20px;
}

.ex-maker dt img{
max-width: 200px;
max-height: 80px;
margin-bottom: 10px;
width: 100%;
}

.ex-maker ul img{
max-width: 230px;
max-height: 150px;

}

.ex-maker dd h4 {
font-weight: bold;
font-size: 1.2em;
margin-bottom: 10px;
}

.ex-maker dd ul.col3 {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items:baseline ;
justify-content: center;
margin-top:10px;
}

.ex-maker dd ul.col2 {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items:baseline ;
justify-content: center;
margin-top:10px;
}

.ex-maker dd ul.col3 li {
flex-shrink: 0;
/* flex-basis: calc((100% - 20px)/3); */
text-align: center;
box-sizing: border-box;
}

.ex-maker dd ul.col3 li p {
font-size: 0.9em;
line-height: 1;
margin-bottom: 0;
margin-top: 5px;
}

.ex-maker dd ul.col2 li {
flex-shrink: 0;
margin: 0 20px;
text-align: center;
box-sizing: border-box;
}

.ex-maker p {
margin-bottom: 0;
}



/* === event === */
#event {
background: #fbeff5;
padding: 20px 40px 80px;
background: #ffe7f3 url(img/bg1.png)repeat-x 0 100%; 
background-position: bottom; 
background-size: 150px;
}
#event-inner{
max-width: 1292px;
margin: auto;
}
.event-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
/* border-top:2px dotted #999; */
margin-top: 20px;
padding-top: 20px;

}
.event-wrap>li {
width: calc((100% - 42px)/2);
}
.event-wrap>li:first-of-type {
border-right:2px dotted #999;
margin-right: 20px;
padding-right: 20px;
}

.event-wrap li:last-of-type {
border-right:none;
}

.model-col2 {
display: flex;
margin: auto;
justify-content: center;
}

.model-col2 li {
width: 40%;
max-width: 300px;
text-align: center;
}

.model-col2 li:first-of-type {
margin-right: 40px;
}


.model-col2 li img {
border-radius: 50%;
width: 100%;
}