@charset "UTF-8";

/*bace--------------------------------------------*/
body{position:relative;font-family:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Crossten,sans-serif;font-size:1rem;font-weight:500;line-height:1.6;color:#333;text-align:center;background-size:auto auto;background-color:#4bb4fd;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,#3f9cdf 2px,#3f9cdf 10px);}
main img{max-width:100%;vertical-align:middle;border-style:none;border:none;-ms-interpolation-mode:bicubic;}
main p{display:inline-block;margin:0.5em auto;text-align:left;}
main small{color:#666;font-size:0.8em;}
aside{display:inline-block;margin:0.5em auto;margin:0.5rem auto;color:#666;font-size:0.8em;text-align:left;}
aside.ylw{color:#f8f724;}
strong{color:#ea5532;font-size:1.2rem;font-weight:700;}
i{color:#ea5532;font-weight:500;}
main a{color:#f6ad3c;text-decoration:underline;}
main a:hover{text-decoration:none;}
/*main--------------------------------------------*/
main section{position:relative;width:100%;margin:0;padding:30px 0;background:none;}
main section h2{position:relative;width:100%;font-size:18px;font-weight:700;margin:0;color:#fff;text-align:left;line-height:34px;}
main section h2::before{content:"●";width:18px;margin-right:3px;color:#f8f724;}
/*topArea*/
main section#topArea{position:relative;overflow:hidden;width:100%;height:auto;min-height:500px;margin:0;padding:30px 0 0 0;background:url('../mainte_pack/images/top_bg.png')no-repeat top center;background-size:cover;z-index:-1;}
main section#topArea::before{content:"";position:absolute;top:0;left:0;right:0;width:518px;height:100%;margin:0 auto;background-color:#f8f724;z-index:1;}
main section#topArea h1{position:relative;width:100%;margin:0 auto 20px auto;z-index:2;}
main section#topArea div.flex_ard{max-width:1100px;margin:0 auto;z-index:2;}
.point{width:168px;height:168px;margin:0 0 20px 0;padding:0 5px;text-align:center;border-radius:50%;border:4px solid #fff;box-sizing:border-box;z-index:2;}
.point:nth-child(1){background-color:#f7931e;}
.point:nth-child(2){background-color:#8fc75c;}
.point:nth-child(3){background-color:#ea5532;}
.point:nth-child(4){background-color:#e6739e;}
.point h2{display:inline-block;width:auto;margin:24px auto 4px auto;padding:0;color:#fff;font-size:12px;font-weight:bold;text-align:center;line-height:1.2;border-bottom:2px solid #fff;}
.point h2::before{display:none;}
.point p{width:124px;margin:4px auto 0 auto;color:#fff;font-size:9px;text-align:center;line-height:1.2;}
@media(min-width:521px){
	.point{width:252px;height:252px;padding:0 10px;border:6px solid #fff;}
	.point h2{margin:40px auto 10px auto;font-size:18px;}
	.point p{width:190px;margin:10px auto 0 auto;font-size:14px;line-height:1.4;}
}
@media(min-width:960px){
	main section{padding:50px 0;}
}
@media(min-width:1025px){
	main section#topArea::before{transform:skewX(20deg);}
	main section#topArea h1{margin:0 0 20px -60px;}
}
/*cont*/
.cont{text-align:center;border:10px solid #dbdcdc;background-color:#fff;}
.cont h2{display:inline-block;width:auto;margin:30px auto 20px auto;color:#333;font-size:30px;text-align:center;border-bottom:2px solid #333;}
.cont h2::before{display:none;}
.cont div{position:relative;width:100%;max-width:640px;height:-webkit-calc(500 / 640 * 100%);height:calc(500 / 640 * 100%);max-height:500px;margin:0 auto;}
.cont div img{width:100%;height:auto;margin:0 auto;}
.cont div ul{position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;height:100%;}
.cont div ul li{position:absolute;}
.cont div ul li:nth-child(1){top:6%;left:42%;background-color:#8fc75c;}
.cont div ul li:nth-child(2){top:15%;left:62%;background-color:#f7931e;}
.cont div ul li:nth-child(3){top:80%;left:10%;background-color:#e6739e;}
.cont div ul li:nth-child(4){top:84%;left:70%;background-color:#4bb4fd;}
.cont div ul li::after{content:"";position:absolute;left:30px;width:4px;border-left:4px dotted #333;}
.cont div ul li:nth-child(1)::after{height:175%;bottom:-175%;}
.cont div ul li:nth-child(2)::after{height:250%;bottom:-250%;}
.cont div ul li:nth-child(3)::after{height:100%;top:-100%;}
.cont div ul li:nth-child(4)::after{height:50%;top:-50%;}
.cont div ul li a{display:block;width:auto;height:30px;padding:0 10px;color:#fff;font-size:14px;font-weight:bold;line-height:30px;text-decoration:none;}
.cont div ul li:nth-child(1) a{background-color:#8fc75c;}
.cont div ul li:nth-child(2) a{background-color:#f7931e;}
.cont div ul li:nth-child(3) a{background-color:#e6739e;}
.cont div ul li:nth-child(4) a{background-color:#4bb4fd;}
.cont div ul li a:hover{background-color:#333;}
@media(min-width:480px){
	.cont div ul li:nth-child(1)::after{height:225%;bottom:-225%;}
	.cont div ul li:nth-child(2)::after{height:300%;bottom:-300%;}
	.cont div ul li:nth-child(3)::after{height:175%;top:-175%;}
	.cont div ul li:nth-child(4)::after{height:100%;top:-100%;}
	.cont div ul li a{height:40px;line-height:40px;font-size:16px;}
}
@media(min-width:640px){
	.cont div{height:500px;}
}
/*price_list*/
.price_list{padding:30px 0;text-align:center;border:10px solid #ea5532;background-color:#fff;}
.price_list h2{display:inline-block;width:auto;margin:0 auto;color:#333;font-size:30px;text-align:center;border-bottom:2px solid #333;}
.price_list h2::before{display:none;}
.price_list .container{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.title dl{width:auto;background:none;}
.title dl dd{width:auto;height:40px;margin-bottom:4px;font-size:14px;font-weight:bold;text-align:left;}
.title dl dd.course01, .title dl dd.course02{padding:0 0 4px 0;line-height:1.2;}
.price_item{width:140px;}
.price_item dl{width:140px;}
.price_item dl:not(:last-child){margin-right:4px;}
.price_item dl:nth-child(2n){background-color:#f0ffff;}
.price_item dl:nth-child(2n-1){background-color:#ffffdd;}
.price_item dl dt img{margin:0 auto;}
.price_item dl dt{width:140px;padding:0 0 10px 0;font-weight:bold;text-align:center;white-space:nowrap;}
.price_item dl dd{width:140px;margin-bottom:4px;font-size:12px;font-weight:bold;text-align:left;white-space:nowrap;box-sizing:border-box;}
.price_item dl dd .price{font-size:20px;background:none;}
.price_item dl dd.course01{border:3px solid #f7931e;line-height:1.2;}
.price_item dl dd.course02{border:3px solid #8fc75c;line-height:1.2;}
.price_item dl dd.course03{border:3px solid #ea5532;}
.price_item dl dd.course04{border:3px solid #e6739e;}
.price_item dl dd.course05{border:3px solid #4bb4fd;}
.sale{display:inline-block;width:32px;height:32px;margin-right:15px;line-height:1.2;background-color:#ea5532;transform:rotate(-45deg);position:relative;top:0;left:0;text-align:center;}
.sale span{display:block;width:100%;height:100%;background-color:#ea5532;transform:rotate(22.5deg);}
.sale span span span span{padding-top:6px;color:#fff;font-size:10px;font-weight:normal;transform:rotate(-35deg);}
@media(min-width:440px){
	.title dl{width:210px;}
	.title dl dd{width:240px;font-size:16px;white-space:nowrap;}
}
@media(min-width:584px){
	.price_item{width:284px;}
}
@media(min-width:728px){
	.price_item{width:428px;}
}
@media(min-width:872px){
	.price_item{width:572px;}
}
/*popup*/
.popup{background-color:#fff;}
.popup h2{position:relative;width:100%;font-size:18px;font-weight:700;margin:0;text-align:left;line-height:34px;}
.popup h2::before{content:"●";width:18px;margin-right:3px;color:#f8f724;}
/*table--------------------------------------------*/
table{width:auto;margin:0.5rem auto;padding:0;font-size:16px;box-sizing:border-box;}
table th,table td{text-align:left;vertical-align:middle;box-sizing:border-box;}
.course01{color:#f7931e;}
.course02{color:#8fc75c;}
.course03{color:#ea5532;}
.course04{color:#e6739e;}
.course05{color:#4bb4fd;}
/*schedule*/
.scrl{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
.schedule{display:inline-block;margin:0.5rem auto 0 auto;border:1px solid #999;background-color:#fff;table-layout:fixed;}
.schedule thead th{text-align:center;border-right:1px solid #999;white-space:nowrap;}
.schedule thead th img{width:170px;height:120px;}
.schedule thead td{position:relative;width:110px;min-width:110px;height:120px;padding-top:5px;text-align:center;vertical-align:top;border-right:1px solid #999;white-space:nowrap;}
.schedule thead td span{position:relative;z-index:2;}
.schedule thead td span:nth-child(1){color:#fff;font-weight:bold;font-size:30px;}
.schedule thead td span:nth-child(2){color:#fff;font-weight:bold;font-size:16px;}
.schedule thead td span:nth-child(3){font-size:16px;}
.schedule thead td::before{content:"";position:absolute;left:0;top:0;width:100%;height:110px;}
.schedule thead td.date_pnk::before{background-color:#e6739e;}
.schedule thead td.date_grn::before{background-color:#8fc75c;}
.schedule thead td.date_org::before{background-color:#f7931e;}
.schedule thead td.date_red::before{background-color:#ea5532;}
.schedule thead td::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;margin:auto;border-style:solid;border-width:20px 55px 0 55px;}
.schedule thead td.date_pnk::after{border-color:#e6739e transparent transparent transparent;}
.schedule thead td.date_grn::after{border-color:#8fc75c transparent transparent transparent;}
.schedule thead td.date_org::after{border-color:#f7931e transparent transparent transparent;}
.schedule thead td.date_red::after{border-color:#ea5532 transparent transparent transparent;}
.schedule tbody th{padding:5px;border-right:1px solid #999;white-space:nowrap;}
.schedule tbody td{position:relative;width:110px;min-width:110px;color:#1d2087;font-size:22px;text-align:center;border-right:1px solid #999;white-space:nowrap;}
.schedule tbody td.full span{display:inline-block;position:absolute;left:0;top:10px;width:110px;height:16px;margin:0;}
.schedule tbody tr.basic{color:#1d2087;}
.schedule tbody tr.basic:nth-child(1){border-bottom:1px dashed #999;}
.schedule tbody tr.basic:nth-child(2){border-bottom:1px solid #999;}
.schedule tbody tr.price{background-color:#ffffdd;}
.schedule tbody tr.price:not(:last-child){border-bottom:1px dashed #999;}
.schedule tbody tr.price th{font-weight:bold;}
.schedule tbody td.course01 span{background-color:#f7931e;}
.schedule tbody td.course02 span{background-color:#8fc75c;}
.schedule tbody td.course03 span{background-color:#ea5532;}
.schedule tbody td.course04 span{background-color:#e6739e;}
.schedule tbody td.course05 span{background-color:#4bb4fd;}
/*detail*/
.detail{width:100%;margin:0.5rem auto 2rem auto;border:3px solid #ebe9e4;}
.detail thead td{padding:5px 10px;color:#666;text-align:center;border-right:1px solid #ebe9e4;border-bottom:1px solid #ebe9e4;background-color:#f9f8f6;}
.detail tbody th{padding:5px 10px;text-align:left;border-right:1px solid #ebe9e4;border-bottom:1px solid #ebe9e4;white-space:nowrap;}
.detail tbody td{padding:5px 10px;color:#ff8f00;text-align:center;border-right:1px solid #ebe9e4;border-bottom:1px solid #ebe9e4;background-color:#fff;}
.detail tr:last-child th,.detail tr:last-child td{border-bottom:none;}