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

.page_header {margin:3%;padding:2px;border: 4px solid #fff;}
.page_header_in {padding:5% 0;background:#fff;}

.logoimage {width:60%;margin:0 auto;padding:1em 0 0;}
.logoimage span {display:block;background:url(../../images/about/logo.png) no-repeat center 0;background-size:contain;padding-top:92%;}
.logoimage + p {font-weight:bold;color:#95b2ea;font-size:1.1em;}
.mobile_icon {width: 7em;margin: 0 auto;}

.logo_title {width: 80%;margin: 0 auto 2em;max-width: 400px;}

.page_header p {margin:1em 0;text-align:center;}
.page_header .morebtn {margin: 2em auto;max-width: 20em;}

.morebtn {margin:4em auto 0;max-width:16em;}
.morebtn a {display: block;color: #fff;line-height: 3;font-size: 1.05em;position:relative;text-align:center;padding:4px;font-family: 'Montserrat', sans-serif;font-weight:600;background: -webkit-linear-gradient(0deg, #a3aff9 0%, #a9c0ea 100%);background : linear-gradient(to 0deg, #a3aff9 0%, #a9c0ea 100%);}
.morebtn a span {display:block;border:1px solid #fff;}
.morebtn a:after {content:"\f3d3";font-family:"ionicons";color:#fff;position: absolute;right:1.5em;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all 0.2s;transition: all 0.2s;}
.morebtn a:hover:after {right:1em;}
.morebtn.sub {}
.morebtn.sub a {background:rgba(255,255,255,.3);}

.about_in {padding:2em 0 0;}
.about_in h3 {font-family: 'Montserrat' , sans-serif;font-weight:900;font-size:2.4em;text-align:center;line-height:1;margin:1em 0 .5em;letter-spacing:.05em;text-indent:.05em;}
.about_in h3 svg {height:1.2em;width: 100%;}
.about_in h3 svg text {stroke-width:1.5;stroke:#fff;fill:transparent;stroke-linejoin: round;paint-order:stroke;}

.content li {background:rgba(255,255,255,1);padding:5% 2% 5% 5%;margin:1em 0;position:relative;}
.content li h4 {font-size:1.3em;font-family: 'Montserrat' , 'Noto Sans JP' , sans-serif;font-weight:700;letter-spacing:.05em;margin-bottom:.2em;color:#95b2ea;}
.content li h4 i {font-size:.9em;font-style:normal;}
.content li p {font-size:.9em;}
.content li .text {float:left;width:70%;}
.content li .illust {width:30%;float:right;}

table {width: 100%;}
table,td,th {border-collapse: collapse;}
td,th {padding:.5em;}

.fee {padding:0;}
.fee h2 {font-family: 'Noto Sans JP', sans-serif;font-weight:700;line-height:1.3;font-size:1.7em;color:#f9f5fd;letter-spacing:.1em;text-indent:.1em;position: relative;margin:1em 0;text-align:center;}
.fee h2:after {content:"";border:#f9f5fd solid;border-width:1px 0 0 0;display:block;width:1.2em;margin:1em auto;}
.fee table {font-size:.9em;line-height:1.4;margin-bottom: 1em;margin-top:2em;text-align:left;}
.fee table , .fee td , .fee th {border:1px solid #edeffb;}
.fee th {text-align:center;background:#a2bbe1;color:#fff;padding:1em 0;}
.fee th i {display:block;font-style:normal;}
.fee td {width:70%;height:5em;text-align:center;background:#fff;padding:1.5em .5em;}
.fee td:first-child {width:30%;background:#f9f5fd;}
.fee td span:before {display:block;font-size:2.5em;font-family:'ionicons';}
.fee td span.pict01:before {content:"\f3a7";color:#f9f5fd;}
.fee td span.pict02:before {content:"\f3a6";color:#e8b0e6;}
.fee td span.pict03:before {content:"\f2f4";color:#ccc;}
.fee td span.pict04:before {content:"\f2f4";color:#ccc;}
.fee td li {text-align:left;list-style:disc;margin-left:1.5em;margin-top:1em;margin-bottom:1em;}

.admission {border:2px solid #fff;margin-top:2em;padding:4px !important;}
.admission h3 {text-align:center;font-family: 'Noto Sans JP', sans-serif;font-weight:700;font-size:1.4em;margin-bottom:.5em;color:#95b2ea;}
.admission_in {padding:8% 5%;background:rgba(255,255,255,1);}
.admission_in .morebtn {margin:1em auto;}

.benefits {border:2px dashed #fff;color:#fff;margin-top:4em;padding:5%;}
.benefits h2 {text-align:center;font-family: 'Noto Sans JP', sans-serif;font-weight:700;font-size:1.3em;margin-bottom:.5em;color:#95b2ea;background:#fff;width:12em;border-radius:30px;text-align:center;margin:0 auto;position:relative;top:-2.2em;line-height:2.5;}
.benefits .setimg {margin-bottom:1em;}
.benefits h3 {margin:1em 0 .5em;}
.benefits p {margin:1em 0;}
.benefits li {display:inline-block;vertical-align:top;}
.benefits li:before {content:"・"}



.benefits.koushin h2 {text-align:center;font-family: 'Noto Sans JP', sans-serif;font-weight:700;font-size:1.3em;margin-bottom:.5em;color:#fff;background:#95b2ea;width:12em;border-radius:30px;text-align:center;margin:0 auto;position:relative;top:-2.2em;line-height:2.5;}

.benefits.koushin p {margin:1em 0;text-align: left;}
.benefits.koushin .koushin-taisho-box h3 {margin: 0;font-size: 1.1rem;letter-spacing: 1px;}
.benefits.koushin .koushin-taisho-box{
	background: -webkit-linear-gradient(0deg, #a3aff9 0%, #a9c0ea 100%);
	background: linear-gradient(to 0deg, #a3aff9 0%, #a9c0ea 100%);
	background: -webkit-linear-gradient(0deg, #a3aff9 0%, #a9c0ea 100%);
	padding: 22px 0;
	text-align: center;
	border-radius: 15px;
	margin: 2em 1em;
}
.benefits.koushin .koushin-taisho-box p{
	text-align: center;
}
.benefits.koushin .koushin-taisho-box span {font-size: 0.8rem;letter-spacing: normal;}

.about_movie .item {margin:2em auto 1em;max-width:800px;}
.about_movie .item > div {width:100%;height: 0;padding-top: 54.25%;}
.about_movie .item .caption {text-align:center;margin-top:1em;}
.about_movie .item .caption span {display:block;}
.about_movie .item .vjs-big-play-button {font-size: 2em;color: #fff;background: rgba(255,255,255,0);border:1px solid #fff;}
.about_movie .item .vjs-poster {background-size:cover;}

.double {color:#fff;text-align:center;margin-top: 2em;}
.double h3 {font-size: 1.2em;}
.double h3 + p {margin:1.5em 0;}

.about_in .content{overflow-x: hidden;}

@media screen and (min-width:375px) {
}

@media screen and (min-width:568px) {
}

@media screen and (min-width:768px) {

.page_header_in {padding: 30px;}
.logoimage {width: 40%;max-width: 300px;}
.logo_title {margin: 1em auto 3em;}

.about_in {padding: 20px 0 0;}
.about_in h3 {font-size:2.8em;}

.content ul {display: flex;flex-wrap: wrap;width: 102%;margin-left:-1%;padding: 0;}
.content li {padding: 20px 5px 20px 20px;width:48%;margin:1%;}
.content li .illust {max-width:100px;}
/*
.content li:last-child {width:100%;}
.content li:last-child .illust {width:14%;}
.content li:last-child .text {width: 80%;}
*/

.pc_table th {background:#bfa1dd;color:#fff;}
.pc_table tr:first-child th {background:#6a64ef;color:#fff;}
.pc_table .box01 span {display:block;font-weight:bold;color:#e41395;}
.pc_table .box02 span {display:block;font-weight:bold;}
.pc_table .box03 p {font-weight:bold;background: linear-gradient(transparent 70%, #f9f768 0%);display: inline;color: #534ded;font-size:1em;}
.pc_table .box03 span {display:block;font-weight:bold;color:#e41395;margin-top:.5em;}
.pc_table .none {opacity:.4;}

.fee h2 {font-size:2em;margin-top: 0;}
.fee th {display: table-cell;border-right: 1px solid #e1e0f0;font-size: 1.15em;}
.fee td {display: table-cell;width: 75%;}
.fee table {margin-top:0;}
.fee table + p {text-align:right;}
.fee td b {font-size:1.1em;}
.admission {margin-top:40px !important;}
.admission_in {padding: 30px 0 20px;}
.admission h3 + p {text-align:center;font-size:.95em;margin:1.5em 0;}

.benefits {padding:0 20px 20px;text-align: center;margin-top: 80px !important;padding-top:10px !important;}
.benefits .setimg {max-width: 400px;margin: 0 auto 2em;}
.benefits h2 {top: -35px;}
.benefits h3 {font-size:1.1em;margin: 1em 0 0;}

.about_movie .item {margin-bottom:3em;}

.double h3 {font-size: 1.4em;}
	.benefits.koushin .koushin-taisho-box p{font-size: 1.1rem;font-weight: bold;}
}

@media screen and (min-width:1024px) {

.page_header {margin: 60px auto 0;max-width: 960px;}

.contents .inner {max-width: 960px;margin: 0 auto;padding-top:40px;}
.about_in {padding: 0;}
.benefits.koushin .koushin-taisho-box span {font-size: 0.9rem;letter-spacing: normal;}}

@media screen and (min-width:1200px) {

}

@media screen and (min-width:1440px) {
}

@media screen and (min-width:1280px) and (min-height:800px) {
}

@media screen and (max-height:880px) {
}

@media only screen
    and (min-device-width:320px)
    and (max-device-width:1334px) {
}