@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box}
body{background: #f4f4f4}
@media screen and (min-width:1200px){
	header{background:linear-gradient(-45deg, rgba(163,219,215,0.54), rgba(217,175,217,0.56)) fixed, url(../img/img01.jpg) no-repeat center;padding:40px 0;background-size: cover}
h2 {font-size: 40px;}
.inner{width: 1200px;margin: auto;padding: 50px 0;}
.btn:hover{text-decoration: none;color: #EC6859!important;border-color: #EC6859;text-shadow: 0px 1px 2px rgba(255,255,255,0.5), 1px 1px 1px rgba(255,255,255,0.9)}
.btn:hover:before{width: 100%;height: 100%;border-radius: 0;color: #EC6859;border-radius: 5px;}
.flexbox{display: flex;justify-content:-webkit-space-around;justify-content: space-around;-webkit-flex-wrap: wrap;flex-wrap:wrap;}
.w10{width: 10%;}
.w20{width: 20%;height: auto;padding: 0 10px;}
.w30{width: 32%;height: auto;padding: 0 10px;}
.w30_f{width: 30%;height: auto;padding: 0 10px;}
.w40{width: 40%;height: auto;padding: 0 10px;}
.w45{width: 45%;height: auto;padding: 0 10px;}
.w50{width: 50%; padding: 0 20px;box-sizing: border-box}
.w60{width: 60%;height: auto;padding: 0 10px;}
.w70{width: 70%;height: auto;padding: 0 10px;}
.w80{width: 80%;height: auto;padding: 0 10px;}
}
@media screen and (min-width:1000px) and (max-width:1199px){
	header{background:linear-gradient(-45deg, rgba(163,219,215,0.54), rgba(217,175,217,0.56)) fixed, url(../img/img01.jpg) no-repeat;padding:10px 0;background-size: cover}
h2 {font-size: 40px;}
.inner{width: 1000px;margin: auto;padding: 50px 0;}
.btn:hover{text-decoration: none;color: #ED6C9F!important;border-color: #ED6C9F;text-shadow: 0px 1px 2px rgba(255,255,255,0.5), 1px 1px 1px rgba(255,255,255,0.9)}
.btn:hover:before{width: 100%;height: 100%;border-radius: 0;color: #ED6C9F;border-radius: 5px;}
.flexbox{display: flex;justify-content:-webkit-space-around;justify-content: space-around;-webkit-flex-wrap: wrap;flex-wrap:wrap;}
.w10{width: 10%;}
.w20{width: 20%;height: auto;padding: 0 10px;}
.w30{width: 32%;height: auto;padding: 0 10px;}
.w30_f{width: 30%;height: auto;padding: 0 10px;}
.w40{width: 40%;height: auto;padding: 0 10px;}
.w45{width: 45%;height: auto;padding: 0 10px;}
.w50{width: 50%; padding: 0 20px;box-sizing: border-box}
.w60{width: 60%;height: auto;padding: 0 10px;}
.w70{width: 70%;height: auto;padding: 0 10px;}
.w80{width: 80%;height: auto;padding: 0 10px;}
}

@media screen and (max-width:999px){
header{background:linear-gradient(-45deg, rgba(163,219,215,0.54), rgba(217,175,217,0.56)) fixed, url(../img/img01_m.jpg) no-repeat center;padding:10px 0;background-size: cover}
.inner{width: 100%;margin: auto;padding: 50px 0;}
}

h2 {position: relative;padding-left: 25px;margin-bottom: 50px;font-weight: 900;}

h2:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px #abecd6;
}
h2:after {
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 100%;
border-bottom: solid 3px #abecd6;
}


.descript{color: #F082AD;font-weight: 800;margin-bottom: 20px;font-size: 30px;background: rgba(255,255,255,0.8);text-shadow: 0px 0px 3px #FFF;text-align: center}
header h1{font-weight: 900 !important;font-size: 50px;padding: 15px;
text-shadow: 0px 0px 1px #FFF, 0px 0px 1px #FFF, 0px 0px 1px #FFF, 0px 0px 2px #FFF, 0px 0px 2px #FFF;
color: #666;}


footer{background: #2EBFA9;color: #E0F2F1;text-align: center;padding: 50px 0}
.bold{font-weight: 900;}
.tshadow{text-shadow:0 1px 0 rgba(0,183,164,0.8),
0 2px 0 rgba(0,183,164,0.75),
0 3px 0 rgba(0,183,164,0.70),
0 4px 0 rgba(0,183,164,0.66),
0 5px 0 rgba(0,183,164,0.64),
0 6px 0 rgba(0,183,164,0.62),
0 7px 0 rgba(0,183,164,0.55),
0 8px 0 rgba(0,183,164,0.50),

0 0 10px rgba(0,0,0,.05),
0 1px 10px rgba(0,0,0,.2),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.2),
5px 10px 10px rgba(0,0,0,.2),
10px 20px 20px rgba(0,0,0,.3);
}
#contetns p{margin-bottom: 20px}

.question li{display: block;margin: 0 0 20px 0;position: relative;border-bottom: 1px solid #71c0dc;padding: 10px 0 10px 36px;line-height: 32px}
.question li:before{content: " "; background: url(../img/question.png) no-repeat;
height: 32px;width: 32px;display: inline-block;position: absolute;left: 0px;}

p.day, .day li{display: block;margin: 0 0 50px 0;position: relative;padding: 20px 0;line-height: 32px;border-bottom: 1px dashed #999;}
p.day, .day li:before{display: block;counter-increment: count-number;
content: counters(count-number,".") "回目";font-weight: 800;
background: #96CAE8 url(../img/arrow.png) no-repeat 10px center;padding: 10px 10px 10px 40px;color: #55829B;margin: 0 0 20px 0;border-radius: 3px; box-shadow: 0px 2px 2px 1px #dbdbdb;}

.btn{border-radius: 5px;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;
width: 100%;cursor: pointer;margin: 20px 0;font-weight: 700;background: #EC6859; color: #fff!important;position: relative;display: block;z-index: 1;text-align: center;box-shadow: 1px 10px 30px -15px #000;box-sizing: border-box;padding: 10px;text-shadow: 0px 1px 2px rgba(0,0,0,0.2), 1px 1px 1px rgba(0,0,0,0.2);border: 2px solid #E63F2B}

.btn:before { position: absolute;
content: '';top: 50%;left: 50%;
height: 0;width: 0;border-radius: 5px;
background: #FCE9E7;z-index: -1;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
-o-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
-webkit-transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear;
-webkit-transition-delay: 0s, 0s, 0.05s;
transition: width 0.3s, height 0.2s ease-in-out, border-radius 0.1s linear 0.05s;
}


/*=================*/
h3 {font-size: 24px;color: #AAB31E;font-weight: 800;border-bottom: 1px solid #AAB31E;margin: 20px 0}


.primary{color: #5988DB;}
.secondary{color: #E896DA;}
.blue{color: #7ce3dd}
.danger{color: #DD3939;}
.caution{color: #AAB31E;}
.disable{color: #7A7A7A;}

.f24{font-size: 24px;}
.f70{font-size: 70px;}
.f80{font-size: 80px;}
.f90{font-size: 90px;}
.f100{font-size: 100px;}

.maginb20{margin-bottom: 20px}
.maginb30{margin-bottom: 30px}
.maginb40{margin-bottom: 40px}
.maginb50{margin-bottom: 50px}
.maginb60{margin-bottom: 60px}
.maginb70{margin-bottom: 70px}
.maginb80{margin-bottom: 80px}

.headdes{font-size: 0.8em;}

hr {border: 0; height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}