@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0; margin:0; padding:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/*-------------------------------------------------------------- */

a { text-decoration: none; color:#333;}
a:hover { text-decoration: none; color:#333;}
a:hover img{opacity:0.6;}
a:hover img {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
 .row:after,
article:after,
section:after,
header:after,
.clearfix:after {content: "";display: block;clear: both;height: 0;visibility: hidden;}
a img {
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}


a:active { text-decoration: none; color:#333;}

body{
color:#000;
font:100% verdana,"ヒラギノ角ゴ Pro W3","メイリオ","Meiryo", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.8;
-webkit-text-size-adjust: none;
}

#wrap{margin:0px 0px;padding:0px 0px;width:100%;}
header{padding:0px 0px;text-align:center;}
header .hc{height:640px;width:100%;background:url(./images/hbg.jpg) center center no-repeat;background-size:cover;position:relative;}
header .hc h1{width:90%;max-width:960px;margin:0px auto;}
header .hc h1 img{width:100%;max-width:835px;height:auto;display:block;margin:0px 0px;}
header .hc1{position:absolute;bottom:10px;left:50%;width:28%;max-width:270px;margin-left:14%;}
header .hc2{position:absolute;bottom:0px;left:50%;width:30%;margin-left:-15%;}
header .hc2 img,
header .hc1 img{display:block;width:100%;height:auto;}
main{}

header > p > img {max-width: 96%;height: auto;display: block;margin: 0px auto;}

article{}

section{position:relative;}
section > p{width:96%;max-width:960px;margin:0px auto;}
section > p > img{display:block;width:100%;margin:0px auto;}
section.bg2,
section.bg{background:url(./img/cbg.jpg);}
section.bg > p{position:relative;top:-30px;margin:0px auto;}
section.bg > p img{max-width:1073px;width:100%;margin:0px auto;display:block;}
section.bg :after{content:"";background:url(./img/c1bg.png) right bottom no-repeat;width:40%;max-width:466px;background-size:contain;position:absolute;left:50%;margin-left:40px;bottom:-30px;display:block;height:266px;}

section.line{background:url(./images/line.png) top left repeat-x,url(./images/line.png) bottom left repeat-x;padding:50px 0px;margin-bottom:30px;}
section.line.topline{background:url(./images/line.png) top left repeat-x;padding:60px 0px　0px;margin-bottom:0px;}

section.line.topline p{font-size:120%;font-weight:bold;text-align:center;}

section.voice{padding:40px 0px;background:url(./images/line.png) bottom left repeat-x,url(./images/bg2.png);}

section p.w80{width:90%;max-width:760px;}

.row.col2.btn{padding:30px 0px 40px 0px;}
section .col2{width:96%;margin:0px auto;max-width:960px;}
section .col2 > a{display:block;width:50%;float:left;}
section .col2 > a img{width:100%;display:block;height:auto;}
section .col2 > p{width:50%;float:left;padding:30px 0px;}
section .col2 > p > img{display:block;width:100%;height:auto;margin:0px auto;}

section .col2.em{margin-bottom:30px;}
section .col2.em > p{font-size:115%;font-weight:bold;}

section .col2.em > p small{font-size:0.7em;line-height:1.5;display:block;font-weight:normal;}
section .col2.em > img{max-width:352px;display:block;width:100%;height:auto;}
section .col2.e1{background:url(./images/d1b.png) center center no-repeat;}
section .col2.e2{background:url(./images/d2b.png) center center no-repeat;}
section .col2.e3{background:url(./images/d3b.png) center center no-repeat;}
section .col2.e1 > img,
section .col2.e3 > img{float:right;}
section .col2.e2 > img{float:left;}
section .col2.e2 > p{float:right;}

.row.col3{width:90%;max-width:960px;padding:0px 0px;margin:0px auto;}
.row.col3 > div{float:left;width:32%;margin:0px 1% 20px;padding:30px 0px;}
.row.col3 > div:nth-child(3n+1){margin-left:0px;clear:both;}
.row.col3 > div:nth-child(3n){margin-right:0px;}
.row.col3 > div img{width:100%;height:auto;display:block;}

.row.col3{color:#FFF;}
.row.col3 dt{font-size:120%;line-height:130%;padding:10px 0px;}

.caption{width:96%;max-width:640px;margin:10px auto 20px;font-size:90%;}

div.timer{width:96%;max-width:960px;padding:20px 0px;background:#c80000;color:#FFF;margin:0px auto;text-align:center;font-weight:bold;}
div.timer h3{display:inline-block;}
div.timer p{display:inline-block;font-size:200%;padding:0px 20px;}
div.timer p span{font-size:250%;line-height:130%;}
div.timer time{background:#FFF;color:#c80000;border-radius:12px;padding:5px auto;font-weight:bold;text-align:center;display:block;margin:20px auto;width:86%;font-size:120%;}
footer{background:#E70A6B;text-align:center;color:#FFF;padding:6px 0px;}

section.pink{background:url(./images/bg1.png) left top repeat-x;padding:20px 0px;}
section.pink p:before{content:"";background:url(./images/c2.png) center top no-repeat;background-size:contain;width:100%;height:80px;display:block;}
section.pink p:after{content:"";background:url(./images/c2.png) center top no-repeat;background-size:contain;width:100%;height:80px;display:block;-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);}


section p.w420 img{max-width:420px;}

section.es > img{width:50%;height:auto;}
section.es > p{width:50%;float:left;max-width:480px;padding:20px 0px 20px 20px;color:#FFF;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
section.es > p img{margin-bottom:10px;}
section.es > p img.photos{}
section.es > p em{color:#FFFF00;}
section.purple{background:#8c5690;}
section.es.green > p{float:right;}
section.green{background:#7ac943;}
section.orange{background:#ff8a2f;}
section.es.purple > img{float:left;}
section.es.green > img{float:right;}
section.es.orange > img{width:60%;float:left;}
section.es.orange > p{width:40%;}
section.es.green > p{padding:20px 20px 20px 0px;}

section.flow{position:relative;background:url(./images/bg.jpg);padding-bottom:40px;}
section.flow .flowhead{background:#9c770e;width:100%;position:absolute;}
section.flow .flowhead div{width:90%;max-width:960px;margin:0px auto;}
section.flow .flowhead div:after{content:"";display:block;clear:both;}
section.flow .flowhead img{float:right;display:block;max-width:607px;width:60%;}
section.flow > img{position:relative;z-index:200;margin:0px auto 0px;display:block;width:100%;max-width:960px;}

.interview{margin:-40px auto 30px;width:90%;max-width:960px;padding:30px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background:rgba(255,255,255,0.8);}
.interview > img{width:30%;float:left;max-width:245px;display:block;}
.interview > p{width:67%;float:right;}
.interview > p em{color:#e50069;font-size:130%;display:block;margin-bottom:10px;font-weight:bold;line-height:130%;}

section.bg2{padding:20px 0px;}
section.bg2 h2{}
.col6 {width:96%;max-width:960px;margin:20px auto;}
.col6 > img{float:left;width:40%;margin:0px auto;display:block;height:auto;}
.col6 > div{float:right;width:59%;}
.col6 > div > p{background:#FFF;padding:20px;font-size:90%;}
.col6 > div > img{width:100%;max-width:475px;font-size:90%;}

.col4 {width:96%;max-width:960px;margin:20px auto;}
.col4 > img{float:right;width:40%;margin:0px auto;display:block;height:auto;}
.col4 > div{float:left;width:59%;}
.col4 > div > p{background:#FFF;padding:20px;}
.col4 > div > img{width:100%;max-width:475px;}

#fc{width:92%;max-width:960px;margin:2rem auto 4rem;}
#fc h3{font-size:1.3em;font-weight:bold;border-bottom:1px solid #000;padding-bottom:0.5rem;}
#fc ul{}
#fc ul li{padding-left:1.4rem;margin-top:1rem;position:relative;}
#fc ul li:before{width:10px;height:10px;border-radius:50%;border:1px solid #000;position:absolute;left:4px;top:10px;content:"";}



/* タブレット横 */
@media screen and (max-width: 959px) {
header .hc{height:600px;}
}
/* タブレット縦 */
@media screen and (max-width: 768px) {
header p img{width:90%;height:auto;}
.row.col2.btn{padding:10px 0px 10px 0px;}
header .hc{height:400px;}
header .hc1{width:30%;margin-left:20%;}
header .hc2{width:40%;margin-left:-20%;}

section.pink{margin-top:30px;}
.col6 > img{float:none;width:70%;margin:0px auto;}
.col6 > div{float:none;width:90%;margin:0px auto;}
.col4 > img{float:none;width:70%;margin:0px auto;}
.col4 > div{float:none;width:90%;margin:0px auto;}


section .col2.em > img{max-width:352px;display:block;width:100%;height:auto;float:none;margin:0px auto;}
section .col2.em > p{text-align:center;}

section.es > img,
section.es.orange > img{width:100%;float:none;margin:0px auto 20px;display:block;}
section.es.purple > p,
section.es.green > p,
section.es.orange > p{width:90%;float:none;margin-top:16px;}
section.es > .row.col3 > div{width:80%;margin:0px auto 0px;padding:0px;float:none;}
section.es > .row.col3 > div dd{padding-bottom:20px;}

section .col2.e1,
section .col2.e2,
section .col2.e3{background-position:center top;}

section .col2 > p{width:100%;}


div.timer p{font-size:200%;padding:0px 20px;}
}

/* スマホ縦 */
@media screen and (max-width: 480px) {


.interview > img,
.interview > p{width:100%;float:none;margin:0px auto 10px;}

header .hc{height:240px;}
header .hc1{width:30%;margin-left:20%;}
header .hc2{width:50%;margin-left:-25%;}
.caption{width:96%;max-width:640px;margin:10px auto 20px;font-size:90%;}
div.timer h3{font-size:150%;}
div.timer p{font-size:100%;padding:0px 20px;}
}