@charset "UTF-8";
.slick-prev, .slick-next { width: 16px; height: auto; font-size: inherit; transform: translateY(-80%); }
.slick-prev:before, .slick-next:before { content: ''; display: inline-block; width: 16px; height: 70px; background-color: #F5F5F5; border-radius: 3px; background-position: center; background-size: 55%; background-repeat: no-repeat; font-size: inherit; font-family: inherit; }
.slick-prev:before { background-image: url(../../_img/index/banners/arrow_prev.png); }
.slick-next:before { background-image: url(../../_img/index/banners/arrow_next.png); }

.Top_banner_links_list { font-size: 12px; padding: 30px 0; width: 1440px; max-width: 100%; margin-left: auto; margin-right: auto; }
.Top_banner_links { overflow: hidden; }
.Top_banner_links_list:after { content: ''; display: block; clear: both; }
.Top_banner_links_list li { float: left; list-style-type: none; margin: 0 0px; }
.Top_banner_links_list li a { width: 210px; margin-left: auto; margin-right: auto; max-width: 100%; display: block; color: #000; font-size: inherit; line-height: 1.3; }
.Top_banner_links_list li a:hover { text-decoration: none; }
.Top_banner_links_list li a figure { }
.Top_banner_links_list li figcaption { margin-top: .8em; }
.Top_banner_links_list li img { max-width: 100%; }

.banner_links { overflow: hidden; }
.banner_links_title { padding: 30px 0; text-align: center; }
.banner_links_list { font-size: 12px; padding: 0px 0px 30px 0px; width: 900px; max-width: 80%; margin-left: auto; margin-right: auto; }
.banner_links_list:after { content: ''; display: block; clear: both; }
.banner_links_list li { float: left; list-style-type: none; margin: 0 10px; }
.banner_links_list li a { width: 210px; margin-left: auto; margin-right: auto; max-width: 100%; display: block; color: #000; font-size: inherit; line-height: 1.3; }
.banner_links_list li a:hover { text-decoration: none; }
.banner_links_list li a figure { }
.banner_links_list li figcaption { margin-top: .8em; }
.banner_links_list li img { max-width: 100%; }
/*.font_g {font-family: YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}*/

/* cm_play----------*/
#cm_play { position: absolute; bottom: 20px; right: 62px; width: 24%; padding-top: 0.4rem; background-color: #ffffff80; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-sizing: border-box; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff, endColorstr=#CCfffff);
background: rgba(255, 255, 255, 0.8); }
#cm_play h3, #cm_play .btn a {font-size: .9375rem;color: #131313; text-align: center; opacity: 1; font-weight: normal;}
#cm_play .btn{text-align: center;position: relative;padding: 3px 0; cursor:pointer;}
/*
#cm_play .btn { position: relative; width: 134px; margin: 10px auto 10px; font-size: 0.8rem; color: #fff; text-align: center; line-height: 1; background-color: #00AEEB; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
#cm_play .btn a { display: block; display: -webkit-flex; display: flex; width: 134px; height: 25px; padding-top: 0.01rem; color: #fff; text-decoration: none; align-items: center; -webkit-justify-content: center; justify-content: center; vertical-align: middle; cursor:pointer;}*/
#cm_play .btn a:hover { opacity: 0.6; border-bottom: 1px solid;text-decoration: none;}
/*#cm_play .btn a::after { position: absolute; padding-left: 5px; top:50%; content: "\f0da"; font-family: "Font Awesome 5 Pro Solid"; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}*/
.youtube { position: relative; width: 95%; margin: 0 auto; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100%!important; height: 100%!important; }
#cboxOverlay { background: #fff!important; }

@media screen and (min-width:768px) {
	#sp_play { display: none; }
	.banner_links a[href] { transition: opacity .3s; }
	.banner_links a[href]:hover { opacity: .7; }
}
@media screen and (max-width:767px) {
	#cm_play { display: none; }
	#sp_play h3, #sp_play .btn a {font-size: .9375rem;color: #131313; text-align: center; opacity: 1; font-weight: normal;}
	#sp_play .btn {text-align: center;position:relative}
	#sp_play .btn a { padding: 0.6em 2em 0.5em; display:block;;cursor: pointer;}
	/*#sp_play .btn a::after {padding-left: 5px; content: "\f0da"; font-family: "Font Awesome 5 Pro Solid"; position: absolute; color:#131313; font-size:1.2em; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}*/
	.banner_links_list { padding: 6% 0; }
	.banner_links_list li { width: auto; max-width: none; padding: 0; font-size: 9px; }
	.slick-prev, .slick-next { transform: none; top: 6vw; }
	.slick-prev:before, .slick-next:before { height: 15vw; }
}

/*_____modal_____*/
.cf::after { content: ""; clear: both; display: block; }
.activ { background: #00aeeb!important; }
.activ a { color: #fff!important; pointer-events: none;}
body#mtop { background: url(../../_img/index/modal_bg.png); background-attachment:fixed; }
#modal { margin: 3.5rem 0 2rem; }
#modal .captcha { max-width: 1000px; margin: 0 auto; }
#modal .inner { padding: 0 75px; }
#modal .sec_cm { background: #fff; border-radius: 4px; float: left; width: 31%; height:206px; text-align: center; margin: 0 2.354% 10px 0; }
#modal .lst { margin-right: 0; }
#modal img { max-width: 100%; }
#modal p { text-align: left; padding: 0 0 0 10px; margin:0; font-size: 14px; font-weight: bold; }
#modal a { padding-top:8px; color: #333; display: block; text-decoration:none;}
#modal i { /*font-family: "Font Awesome 5 Pro"; font-weight:900;*/ color: #00aeeb;font-size: 4rem;}
#modal_play { padding: 0 30px; text-align: center; margin: 10px auto; max-width: 1000px; }
.movie { position: relative; width: 100%; padding-top: 56.25%; }
.movie iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
#overlay {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(255, 255, 255, 0.5);display: none;z-index: 20;}
#modalWindow {width: 100%;height: 100%;position: fixed;display: none;z-index: 20;left:50%!important; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);overflow: auto;}
#close {position: absolute;right: 20px;top: 10px; cursor: pointer; /*height: 50px; max-height: 70px; background: #fff;*/}
#close img { width:30%;}

@media screen and (max-width:999px) {
	#modal a { padding-top: 0;}
	#close {height: 45px;}
	#modal .sec_cm { width: 48%; height: 37vw; margin: 0 1% 1%!important; padding: 10px 1.5% 3%; box-sizing: border-box; }
	#modal img { width: 100%; }
	#modal p { font-size: 12px; padding-left: 7%; }
	#close {height: 50px; width:11%;}
}
@media screen and (max-width:768px) {
	#modal .inner { padding: 0 1%; }
	#modal p { font-size: 2.5vw; padding: 0.5em 0 0.5em 0.5em;line-height: 1.4; -webkit-text-size-adjust: 100%;}
 
	#modal i{font-size: 10vw;}
}
@media screen and (max-width:550px) {
	#modal .sec_cm { min-height: 37vw; }
}
@media screen and (max-width:414px) {
	#close {height: 35px; width:9%;}
}

/*_____PICKUP CONTENTS_____*/
.pickup {}
/*.pickup li { margin-bottom:1rem; padding:2rem; border-radius:1rem; background-color:#FFF;}*/
.pickup li > a {display:block; margin-bottom:1rem;}
.pickup li div {position:relative;}
.pickup li .q {display:block; margin-bottom:0.5em; padding-right:1.5em; font-size:1.1em; font-weight:bold; line-height:1.2;}
.pickup li .q:hover {cursor:pointer;}
.pickup li .q:after {position:absolute; top:0; right:0; content:"\f067"; color:#999; font-family:"Font Awesome 5 Pro"; font-weight:400;}
.pickup li .q.open:after {content:"\f068"; color:#CCC;}
.pickup li .a {display:block;}
.pickup li .a strong {display:block; font-weight:bold; margin-bottom:0.2em;}

/*_____Type_____*/
.Type {background-color: #fff;}
.Type .col3 { display: flex; }
.Type .col3 li { width: calc(100% / 3); }
.Type .col3 ul,
.Type .col3 li { padding-left: 0; margin-top: 0; margin-bottom: 0; list-style: none; text-align: center; padding: 20px; border: 1px solid #fff;}
.Type .col3 li img { width: 50%; }

.voice .voice_list .type { padding: 30px; border: solid 2px #DCDCDC; height: 315px !important; min-height: 550px !important; }
.voice .voice_list .type .pw { margin-bottom: 30px; text-align: center; }
.voice .voice_list .type .pw img { display: inline-block; width: 120px; }
.voice .voice_list .type h3 { margin-bottom: 20px; font-size: 16px; font-weight: bold; }
.voice .voice_list .type h4 { margin-bottom: 20px; color: #BBB; font-size: 16px; font-weight: bold; }
.voice .voice_list .type p { font-size: 16px; }