/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 12 2023 | 01:46:51 */
footer.entry-meta{display:none;}
.gray{background:#eee; padding:20px 30px;}
.primg{display:flex; flex-direction: column;
	align-items: center;}
.smartslider{position:relative; width:100%;}


@media screen and (min-width:768px){
	.sp-version{display:none!important;}}
@media screen and (max-width:768px){
	.pc-version{display:none!important;}}


img{max-width:100%;}

/**PC**/
@media screen and (min-width:768px){
	
		.twoblog li{width:50%!important;}
	
	.site-header{height:120px;}
	.main-center-a p{margin:0;}
.main-center-a{width:100%; height:200px; margin:auto; z-index:999; margin-top:-80px;}
.menu-a .rank{margin:0; font-size:1.1rem; background:#00a7db; border-radius:20px; padding:2px 15px; margin:7px; color:#fff; }
.main-center-b{width:1000px; height:450px; margin:100px auto 0; background:#fff; position:relative; border:3px solid #fff; border-radius:10px;
filter: drop-shadow(1px 1px 7px rgba(0,0,0,0.1)); padding:20px 30px;display:flex; flex-direction: column; justify-content: space-around;}
.main-center-c{width:100%;  display:flex; position:relative;}
.mc-c1{width:50%;}
.mc-c2 {width:30%;position:relative;}
.mc-c2 img{max-width:260px; position:absolute; bottom:-10px;}
.mc-c3{width:20%; display:flex; flex-direction: column;	align-items: center;}
.mc-c3 img{max-width:130px;}
.main-center-d{display:flex;}
.main-center-d>div{width:100%;}
.main1{margin-top:80px;}
.movie{width:100%; margin-top:120px; gap:30px; display:flex;  justify-content:center; align-items:center;  flex-direction: column; }
.movie img{max-width:750px;}
.primg img{max-width:800px;}

	
.lyb01{width:940px; display:flex; position:relative; margin:auto; margin-bottom:60px; }
.lyb01a{width:530px; height:550px; display:flex; justify-content:center; align-items:center; border-radius:15px ; background-image: linear-gradient(90deg, rgba(65, 164, 253, 1), rgba(14, 244, 255, 1))}
.lyb01b{width:440px; height:480px;　display:flex; justify-content:center; align-items:center; flex-direction: column; padding:50px;
	background:#eee; position:absolute; right:0; top:30px; border-radius:15px; }
.lyb01b p{line-height: 150%; font-weight: 400; font-size: 14px;margin-top: 12px;}
.lyb01b .in{position:absolute; top:-95px; right:40px; font-size:7rem; font-family: 'Montserrat', sans-serif; color:#00a7db;}
.lyb02{width:940px; display:flex; position:relative; margin:auto; margin-bottom:60px;     flex-direction: row-reverse;}
.lyb02a{width:530px; height:550px; display:flex; justify-content:center; align-items:center; border-radius:15px ; background-image: linear-gradient(90deg, rgba(65, 164, 253, 1), rgba(14, 244, 255, 1))}
.lyb02b{width:440px; height:490px;display:flex; justify-content:center; align-items:center; flex-direction: column; padding:50px;
	background:#eee; position:absolute; left:0; top:30px; border-radius:15px;}
.lyb02b .in{position:absolute; top:-95px; left:40px; font-size:7rem; font-family: 'Montserrat', sans-serif; color:#00a7db;}
.ttl2{padding-bottom:60px;}
.lyb02b p{line-height: 150%;    font-weight: 400;    font-size: 14px;margin-top: 12px;}
.lyb01b h3{margin:30px 0px 10px; color:#333;}
.lyb02b h3{margin:30px 0px 10px; color:#333;}
	
.two-tree p{line-height:1.5;}
.two-tree dl{display:flex; flex-wrap: wrap;}
.two-tree dt{width:20%; display:flex; justify-content:center; align-items:center; border-radius:15px; margin:10px 0;}
.two-tree dt img{max-width:110px;}
.two-tree dd{width:30%; padding:0 10px; margin:10px 0;}
.two-tree dd h4{text-align:center; color:#00a7db; margin:5px 0;}
.border {width:1px; background:#BBB; height:140px;}

}

/**スマホ**/
@media screen and (max-width:768px){

.ttl_wf-sdeco{margin-top:50px!important; margin-left:10px; margin-right:10px;}
.main-center-a p{margin:0;}
.main-center-a{width:100%; height:200px; margin:auto; z-index:999; margin-top:-10px;}
.menu-a .rank{margin:0; font-size:0.9rem; background:#00a7db; border-radius:20px; padding:2px 15px; margin:7px; color:#fff; }
.main-center-b{width:100%; height:auto; margin:auto; background:#fff; position:relative; border:3px solid #fff; border-radius:10px;
filter: drop-shadow(1px 1px 7px rgba(0,0,0,0.1)); padding:20px 20px;display:flex; flex-direction: column; justify-content: space-around;}
.menu-a { flex-direction: column;}
.main-center-c{width:100%;  display:flex; position:relative; flex-direction: column;}
.mc-c1{width:100%;}
.mc-c2 {width:100%;display:flex; justify-content:center; align-items:center; padding:10px; }
.mc-c2 img{max-width:260px;}
.mc-c3{width:100%; display:flex; align-items: center; justify-content: space-evenly; padding:15px 0;}
.mc-c3 p{display:none;}
.mc-c3 img{max-width:170px; margin:0 6px;}
	.main-center-d{display:flex;}
	.main-center-d 	p{ font-size:0.9rem!important; line-height:1.4; margin:0; margin-top:5px;}
	
.main-center-d>div{width:100%;}
.main1{margin-top:60px;}
	
.movie{width:100%; margin-top:20px; display:flex;  justify-content:center; align-items:center;  flex-direction: column; }
.movie img{max-width:400px;}
.movie {width: 100%; aspect-ratio: 16 / 9;}
.movie iframe { width: 100%; height: 100%;}
.lyb01{width:100%; display:flex; position:relative; margin:auto; margin-bottom:30px; flex-direction: column;}
.lyb01a{width:100%; display:flex; justify-content:center; align-items:center; border-radius:15px ; background-image: linear-gradient(90deg, rgba(65, 164, 253, 1), rgba(14, 244, 255, 1))}
.lyb01b{width:100%; display:flex; justify-content:center; align-items:center; flex-direction: column; padding:0px 20px 20px;
	background:#eee; border-radius:15px; margin-top:-20px;}
.lyb01b p{line-height: 150%; font-weight: 400; font-size: 14px; margin-top: 12px;}
	.lyb01b .in{ font-size:4rem; font-family: 'Montserrat', sans-serif; color:#00a7db; margin:0;}
.lyb02{width:100%; display:flex; position:relative; margin:auto; margin-bottom:30px; flex-direction: column;}
.lyb02a{width:100%; display:flex; justify-content:center; align-items:center; border-radius:15px ; background-image: linear-gradient(90deg, rgba(65, 164, 253, 1), rgba(14, 244, 255, 1))}
.lyb02b{width:100%; display:flex; justify-content:center; align-items:center; flex-direction: column; padding:0px 20px 20px;
	background:#eee; border-radius:15px; margin-top:-20px;}
.lyb02b .in{font-size:4rem; font-family: 'Montserrat', sans-serif; color:#00a7db; margin:0;}
.ttl2{padding-bottom:30px;}
.lyb02b p{line-height: 150%; font-weight: 400; font-size: 14px; margin-top: 12px;}
.lyb01b h3{margin:0px 0px 10px; color:#333;}
.lyb02b h3{margin:0px 0px 10px; color:#333;}
.ttl_wf2{font-size:16px!important;}
	
.saisin li p{font-size:0.8rem; line-height:1.5;}
	
.treepercent{width:100%!important; margin:0!important;}
.treepercent li{width:50%!important; margin:0!important; text-align:left!important;}
.treepercent li{font-size:0.8rem!important;}
.treepercent li:after{display:none!important;}
.treepercent li b{font-size:16px!important;}	
.onlsrv {display:flex; justify-content:center; align-items:center;}
.onlsrv img{width:50%;}
.onlsrvb p{line-height:1.5; margin:0; margin-bottom:10px;}	
.onlsrvb h4{margin:0;}
	
.two-tree p{font-size:0.8rem;}
.two-tree dl{display:flex; flex-wrap: wrap; margin:0; flex-direction:column;}
.two-tree dt{width:100%; display:flex; justify-content:center; align-items: flex-start; padding:10px; border-radius:15px; margin-bottom:10px;}
.two-tree dt img{width:110px; height:70px; object-fit:cover;}
.two-tree dd{width:100%; padding-left:20px; }
.two-tree dd p{line-height:1.5;}
.two-tree dd h4{text-align:center; color:#00a7db; margin:0; margin-bottom:6px; font-size:17px;}
.border {width:1px; background:#BBB; height:60px;}

}


.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

.bottan-a{width:320px; height:60px; background:#333; border:1px solid #eee; border-radius:30px; margin:auto;}
.bottan-a a{color:#fff; display: block;
    width: 100%;
    height: 100%; justify-content:center; display:flex; align-items:center; font-size:1.2rem;}
.bottan-a a:hover{text-decoration:none;}
.bottan-a:hover{opacity:0.6;}



.mobile-line{justify-content:center; gap:30px;}

.ul_wf4 li{position:relative;}
.riyou p{line-height: 150%;    font-weight: 400;    margin-top: 8px;    font-size: 14px;}