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

/*==================================================
width-min:750px
===================================*/
html{
scroll-behavior: smooth;
}
img{
width:100%;
}
header {
z-index: 10;
}
ul{list-style: none;}
#sec_01,#sec_02,#sec_03,#sec_04,#sec_05,#sec_06,#sec_07{
padding-top: 50px;
margin-top: -50px;
position: relative;
}

.w750px {
width: 540px;
margin: 0 auto;
}
.bg_glass {
border-radius: 20px;
-webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.5);
}
.pc_bg_cloud{
position: relative;	
}
.pc_bg{
position: relative;
background: #5fb2ec;
background-attachment: fixed;	
background-image: url(../image/cp2025_pc_bg_cloudline01.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom;
}
.pc_bg:before{
background-image: url(../image/cp2025_pc_bg_cloudline02.png);
background-size: 100%;
background-repeat: no-repeat;
bottom: 0;
top: 0;
position: relative;
background-position: bottom;
}
.pc_bg:after{
background-image: url(../image/cp2025_pc_bg_cloudline03.png);
background-size: 100%;
background-repeat: no-repeat;
bottom: 0;
top: 0;
position: relative;
background-position: bottom;
}
.section_pc{
position: fixed;
width: 300px;
top: 20%;
left: 5%;
z-index: 1;
}
.line_qr{
width: 180px;
margin: 40px auto;
}
.pc_logo{
width: 170px;
margin: 0 auto;
}
.item_navi_cover{
width: 200px;
position: fixed;
top: 25%;
list-style: none;
right: 8%;
    box-shadow: none;
    background-color: initial;
}
.sab_navi_01{
position: relative;
}
.sab_navi_01 a{
display: block;
    padding-top: 0;
    margin-top: 0;
}
.sab_navi_01 a img{
height: 24px;
width: auto;
margin: 14px 0;
}
.link-current{
position: relative;
}
.link-current:before{
content: '';
width: 24px;
height: 24px;
background-image: url(../image/cp2025_pc_arrow_now.png);
background-size: 20px auto;
background-repeat: no-repeat;
position: absolute;
top: calc(40% - 10px);
left: -2.0em;
transition: all .5s;
}
@media only screen and (max-width: 1280px){
.section_pc{
left: 20px;
}
.item_navi_cover{
right: 50px;
}
}
@media only screen and (max-width: 1180px){
.section_pc{
width: 22%;
}
.item_navi_cover{
right: 40px;
}
.sab_navi_01 a img {
height: 20px;
margin: 10px 0;
}
.link-current:before {
width: 20px;
height: 20px;
background-size: 16px auto;
left: -1.4em;
}
}
@media only screen and (max-width: 1180px){
.section_pc {
width: 20%;
}
.item_navi_cover {
right: 0px;
}
}
@media only screen and (max-width: 1000px){
.section_pc {
display: none;
}
.sab_navi_01 a img {
height: 16px;
margin: 6px 0;
}
.item_navi_cover {
width: 18%;
}
.link-current:before {
width: 16px;
height: 16px;
background-size: 12px auto;
top: calc(40% - 8px);
}
.item_navi_cover {
top: 36%;
right: 30px;
}
.w750px{
margin: 0 auto 0 0;	
}
}

.sec_inner_02,.cloud_inner_05,.cloud_inner_08{
background: #ffffff;
}
.sec_inner_03,.cloud_inner_06,.cloud_inner_04{
background: #e0f3ff;
}
.cloud_inner_02,.cloud_inner_07{
background: #b5e2ff;
}
.sec_inner_01{
background: #5fb2ec;
}
.sec_inner_01 img,.sec_inner_02 img,.sec_inner_03 img,.cloud_inner_02 img,.cloud_inner_04 img,.cloud_inner_05 img,.cloud_inner_06 img,.cloud_inner_07 img,.cloud_inner_08 img{
display: block;
}
@media only screen and (min-width: 751px){
.cv_area{
    z-index: 100000;
}
footer{
    position: relative;
    z-index: 100000;
}
#topcontrol {
    z-index: 100001;
}
}
@media only screen and (max-width: 750px){
.section_pc{
display: none;
}
.w750px {
width: 100%;
}
.sab_navi_01 a img {
height: 20px;
margin: 14px 0;
}
}
/* mv */
h1.catch_copy {
width: 94%;
padding-top: 100px;
/*padding-bottom: 100px;*/
}
.main_visual{
background: #5fb2ec;
position: relative;
/*padding-bottom: 113px;*/
}
.section_01,.section_04,.section_07{
background: #fff;
overflow: hidden;
position: relative;
/* padding-bottom: 102px;*/
}
.section_02,.section_05,.cloud_02{
background: #e0f3ff;
overflow: hidden;
position: relative;
/*	    padding-bottom: 65px;*/
}
.cloud_02{
/*padding-bottom: 113px;*/
}
.section_08{
background: #e0f3ff;
overflow: hidden;
}
.section_06{
background: #b5e2ff;
overflow: hidden;
position: relative;
/*padding-bottom: 113px;*/
}
.search_ex{
background: #b5e2ff;
overflow: hidden;
position: relative;
padding-bottom: 10px;
}
.search_ex .point_txt{
text-indent: -1.2em;
    padding-left: 1.2em;
}
.h2_height{
height: 30px;
width: auto;
text-align: center;
margin: 60px auto 30px;
}
.h2_height img ,.h3_height img ,.h4_height img, .p18_height img {
height: 100%;
width: auto;
}
.w18_width{
    width: 84%;
    height: auto;
    text-align: center;
margin: 20px auto 0px;
}
.w18_width img {
height: auto;
width: 100%;
}
.h3_height{
height: 28px;
width: auto;
text-align: center;
margin: 60px auto 30px;
}
.search_ex .h3_height{
margin: 30px auto 30px;
}
.section_01 .h3_height{
height: 20px;
}
.h4_height{
height: 30px;
width: auto;
text-align: center;
}
.p18_height{
height: 22px;
width: auto;
text-align: center;
margin-top: 20px;
margin-bottom: 40px;
}
@media only screen and (max-width: 750px){
.p18_height{
height: 20px;
}
.h3_height {
height: 26px;
}
.section_01 .h3_height{
height: 16px;
}
}
ul.slider_item{
width: 100%;
display: flex;
list-style: none;
}
ul.slider_item li {
width: 20%;
margin: 0 auto;
text-align: center;
}
/*.slider_item li:nth-child(1) img{
width: 44px;
}
.slider_item li:nth-child(2) img{
width: 60px;
}
.slider_item li:nth-child(3) img{
width: 44px;
}
.slider_item li:nth-child(4) img{
width: 60px;
}
*/

.section_04 ul li {
padding: 20px 0;
}


.sec_01_txt{
width: 84%;
margin: 20px auto;
}

.sec_02_txt,.sec_03_txt{
width: 80%;
margin: 20px auto;	
}
.sec_02_txt_02{
width: 80%;
margin: 30px auto;		
}
.sec_02_period {
    width: 80%;
    margin: 20px auto 0;
}
.sec_03_txt_02{
width: 84%;
margin: 20px auto;
}
.sec_03_txt_03{
width: 88%;
margin: 40px auto 30px;
}
.sec_03_txt_04{
width: 84%;
margin: 20px auto;
    text-indent: -1.2em;
    padding-left: 1.2em;
}
p.sec_03_txt_04:last-child {
    padding-bottom: 20px;
}
ul.point_txt{
width: 88%;
margin: 0 auto 20px;
list-style: none;
}

.logo_txt_box{
border: 2px solid #0f0f85;
background: #e0f3ff;
border-radius: 10px;
padding: 20px;
width: 88%;
margin: 0 auto;
}
.logo_txt_box p{
    text-indent: -1.0em;
    padding-left: 1.0em;
}
.logo_txt_box_logo{
margin: 0 auto;
width: 200px;
margin-top: 10px;
}

.present_course{
/*    border: 8px solid #0f0f85;
border-radius: 10px;*/
}
.present_box{
background: #ffffff;
padding: 20px;
border-bottom: 8px solid #0f0f85;
}
.present_box img {
height: 22px;
width: auto;
margin: 0 auto;
}
.present_box.lines2{
padding: 8px;	
}
.present_box.lines2 img {
height: 46px;
width: auto;
}

.present_list{
width: 100%;
display: flex;
list-style: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px 0px;
background: #b5e2ff;
}
.present_list_btn{
width: 46%;
padding: 4px;
}

.width60{
width: 60%;
margin: 20px auto;
padding: 10px 0;
}
.width80{
width: 80%;
margin: 0 auto;
}
.width90{
width: 88%;
margin: 0 auto;
}
.width100{
width: 100%;
margin: 0 auto;
}
.slider_item_more img{
width: 100%;
}
.slider_cp .point_txt_01 img{
height: 100%;
width: auto;
}
.point_txt_01{
height: 22px;
width: auto;
margin: 10px 0;
text-align: left;
}
dd.point_txt_01 img{
height: 100%;
width: auto;
}
dd.width100 img {
width: 100%;
}
.w750px dd,.w750px p,.w750px #sec_05 li,.w750px #sec_06 li,.w750px #sec_07 li,.w750px #sec_08 li{
font-weight: 700;
line-height: 1.6em;
}
.w750px li{
margin-bottom: 8px;
}

.step_txt p:nth-child(1){
    text-indent: 0;
    padding-left: 0;
    margin-bottom: 8px;
	margin-top: 8px;
}
.step_txt p{
	text-indent: -1.2em;
    padding-left: 1.2em;
}
.w750px li:last-child{
margin-bottom: 0;
}
.w750px ul.niowaina_item li:last-child{
margin: auto 0;	
}
.bg_cycle{
background: #ffffff;
padding: 10px;
margin-top: 50px;
border-radius: 320px;
border-top: 6px dotted #ffffff;
border-bottom: 6px dotted #ffffff;
width: 110%;
margin-left: -5%;
}
.bg_cycle_02{
border-top: 6px dotted #0f0f85;
border-left: 6px dotted #0f0f85;
border-right: 6px dotted #0f0f85;
background: #ffffff;
padding: 32px;
border-radius: 378px;
border-bottom: 6px dotted #0f0f85;
}
.new_item{
width: 140px;
margin: 0 auto;
display: block;
margin-bottom: 20px;
}
.new_item_img{
width: 72%;
margin: 0 auto;
}
.bg_cycle_02 .cp_btn_02{
margin-bottom: 30px;
}
.ex_item_box{
border: 8px solid #0f0f85;
border-radius: 10px;
background: #ffffff;
width: 88%;
margin: 0 auto;
margin-top: 30px;
}
.ex_item_box h4.h4_height {
margin-top: 40px;
}
.ex_item_box ul{
display: flex;
list-style: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ex_item_box ul li{
width: 28%;
text-align: center;
margin: auto 0;
}

ul.niowaina_item li:nth-child(1) img,ul.niowaina_item li:nth-child(3) img,ul.niowaina_item li:nth-child(10) img{
width: 100%;
height: auto;
}
ul.niowaina_item li:nth-child(2) img,ul.niowaina_item li:nth-child(4) img,ul.niowaina_item li:nth-child(5) img,ul.niowaina_item li:nth-child(6) img,ul.niowaina_item li:nth-child(7) img,ul.niowaina_item li:nth-child(8) img,ul.niowaina_item li:nth-child(9) img,ul.niowaina_item li:nth-child(10) img{
height: 140px;
width: auto;
}
ul.series_item li:nth-child(1) img,ul.series_item li:nth-child(2) img,ul.series_item li:nth-child(3) img{
width: 100%;
height: auto;	
}
ul.series_item li:nth-child(4) img,ul.series_item li:nth-child(5) img,ul.series_item li:nth-child(6) img{
height: 120px;	
width: auto;
}

.step_tit{
height: 20px;
width: auto;
margin-top: 40px;
margin-bottom: 16px;
text-align: center;
}
.step_tit img{
height: 100%;
width: auto;
}
.step_img{
width: 250px;
margin: 0 auto;
}
.step_txt{
width: 80%;
margin: 0 auto;
}
@media only screen and (max-width: 750px){
.new_item_img{
width: 88%;
margin: 0 auto;
}
}

/*==================================================
gallery_present
===================================*/
/*画像の横幅を100%にしてレスポンシブ化*/
/*img{
width: 100%;
height: auto;
vertical-align: bottom;/*画像の下にできる余白を削除*/
/*}*/

/*メイン画像下に余白をつける*/

.gallery_present{
width: 88%;
margin: 0 auto 40px;
padding: 2px;
}

.gallery_present li{
list-style:none;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev_01, 
.slick-next_01 {
position: absolute;/*絶対配置にする*/
z-index: 3;
top: 50%;
cursor: pointer;/*マウスカーソルを指マークに*/
outline: none;/*クリックをしたら出てくる枠線を消す*/
/*border-top: 2px solid #0f0f85;
border-right: 2px solid #0f0f85;*/
height: 15px;
width: 15px;}

.slick-prev_01 {/*戻る矢印の位置と形状*/
left:-3.5%;
transform: rotate(-135deg);
border-radius: 2px;
}

.slick-next_01 {/*次へ矢印の位置と形状*/
right:-3.5%;
transform: rotate(45deg);
border-radius: 2px;
}

/*選択するサムネイル画像の設定*/
.choice_btn{
width: 90%;
margin: 0 auto;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.choice_btn li{
cursor: pointer;
outline: none;
background: #0f0f85;
padding: 21px 20px 14px;
border-radius: 10px;
width: 100%;
list-style:none;
}
ul.choice_btn li{
width: 50%;
}
ul.choice_btn div div{
margin-bottom: 10px;
}
.cp_btn_01{
width: 280px;
position: relative;
margin: 0 auto;
margin-top: 20px;
}
.cp_btn_01 a{
background: #0f0f85;
padding: 20px;
border-radius: 60px;
display: block;
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.cp_btn_01 a span{
height: 30px;
width: auto;
display: block;
margin-left: 30px;
}

.cp_btn_01:before{
z-index: 2;
content: '';
width: 24px;
height: 24px;
border-color: #59c3e1;
background-image: url(../image/cp2025_icon_windows.png);
background-size: 24px auto;
background-repeat: no-repeat;
position: absolute;
top: calc(40% - 3px);
right: 2.0em;
transition: all .5s;
}
.cp_btn_02{
width: 280px;
position: relative;
margin: 0px auto;
margin-top: 20px;
}
.cp_btn_02 a{
background: #5fb2ec;
padding: 20px;
border-radius: 60px;
display: block;
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.cp_btn_02 a span{
height: 22px;
width: auto;
display: block;
margin-left: 22px;
}
.cp_btn_01 a span img,.cp_btn_02 a span img{
height: 100%;
width: auto;
}

/*.cp_btn_02:before{
z-index: 2;
content: '';
width: 24px;
height: 24px;
border-color: #5fb2ec;
background-image: url(../image/cp2025_icon_windows.png);
background-size: 24px auto;
background-repeat: no-repeat;
position: absolute;
top: calc(40% - 3px);
right: 2.0em;
transition: all .5s;
}*/

.choice_btn li img{
opacity: 1;/*選択されていないものは透過40%*/
}
.choice_btn li.slick-current {
    background: #a89024;
    border: 2px solid #0f0f85;
    padding: 19px 0 16px !important;
}
.choice_btn li:nth-child(4){
    padding: 23px 12px 14px !important;
}
.choice_btn li:nth-child(4).slick-slide.slick-current.slick-active {
    padding: 21px 10px 14px!important;
}
.choice_btn li.slick-current img{
opacity: 1;/*選択されているものは透過しない*/
}

.choice_btn .slick-track {
transform: unset !important;/*画面幅サイズ変更に伴うサムネイル固定*/
display: flex;
list-style: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery_present .slick-track {
min-height: 500px;
background: #b5e2ff;
}
.gallery_present .slick-list.draggable{
border: 8px solid #0f0f85;
border-radius: 10px;
}

.cp_btn_01.point_btn a span{
height: 18px;
}
.cp_btn_02.point_btn a span{
height: 18px;
margin-left: 4px;
}

.receipt_main{
width: 80%;
margin: 0 auto;
}
.receipt_main_txt{
width: 88%;
margin: 20px auto;
}
.receipt_txt{
width: 88%;
margin: 0 auto;
list-style: disc;
padding-left: 1.4em;
line-height: 1.6em;
}
ul.receipt_txt li {
margin-bottom: 8px;
}
.receipt_etc_txt{
width: 80%;
margin: 20px auto;
}
@media only screen and (max-width: 750px){
.choice_btn li.slick-current {
    padding: 22px 0 16px !important;
}
.choice_btn li:nth-child(4) {
    padding: 25px 12px 14px !important;
}
.choice_btn li:nth-child(4).slick-slide.slick-current.slick-active {
    padding: 23px 10px 14px !important;
}
}
/*==================================================
modal
===================================*/
/*.hide_area{
display: none;
}*/

.modal-open{
cursor: pointer;
}
.modal-content dl dd:nth-child(1){
background: #0f0f85;
}
.modal-content dl dd.item_pay_p{
margin-left: 1.0em;
text-indent: -1.0em;
margin-top: 10px;
font-size: 12px;
line-height: 1.4em;
color: #0f0f85;
}
.modal-content dl dd:nth-child(1) img{
height: 36px;
width: auto;
padding: 6px 0 4px;
margin: 0 auto;
}
.modal-content dl dd:nth-child(2){
margin: 14px auto;
    position: relative;
}
.modal-content dl dd:nth-child(3){
margin-top: 20px;
}
.modal-container{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right:0;
width: 100%;
height: 100%;
text-align: center;
background: rgba(0,0,0,50%);
padding: 40px 20px;
overflow: auto;
opacity: 0;
visibility: hidden;
transition: .3s;
box-sizing: border-box;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
content: "";
display: inline-block;
vertical-align: middle;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
opacity: 1;
visibility: visible;
width: 460px;
}
/*モーダル枠の指定*/
.modal-body{
position: relative;
display: inline-block;
vertical-align: middle;
max-width: 500px;
width: 90%;
/*height: 100%;*/
background: #ffffff;
border-radius: 10px;
border: 4px solid #0f0f85;
/*overflow-y: scroll;*/

}
/*モーダルを閉じるボタンの指定*/
.modal-close{
position: relative;
display: flex;
align-items: center;
justify-content: center;
bottom: 14px;
right: 0;
left: 44%;
width: 40px;
height: 40px;
font-size: 40px;
color: #fff;
cursor: pointer;
background: #0f0f85;
border-radius: 10px;
margin-top: 10px;
}
.modal-close:before, .modal-close:after {
position: absolute;
content: '';
width: 18px;
height: 4px;
background-color: #FFFFFF;
}
.modal-close:before{
transform: rotate(45deg);
}
.modal-close:after{
transform: rotate(-45deg);
}

/*モーダル内のコンテンツの指定*/
.modal-content{
background: #fff;
text-align: left;
padding: 30px;
border-radius: 10px;
}
@media only screen and (max-width: 750px){
.modal-container{
width: 100%;
padding: 10px;
	text-align: justify;
}
.gallery_present .slick-slide{
width: 80%;
}
.modal-container.active{
width: 100%;
overflow: initial;
/*   height: auto;*/
overflow-y: scroll;
}
.modal-container {
position: fixed;
overflow: auto;
width: 70%;
}
.modal-body{
max-width: 24%;
width: 100%;
height: auto;
display: block;
overflow-y: scroll;
}
.modal-content{
padding: 20px;
}
.present_course{
height: 552px;
overflow-y: scroll;
overflow: visible;
}
.modal-close {
position: relative;
}
}
.contents_slider_pre ul.slider_cp_pre{
overflow: hidden;
width: 100%;
margin: 0 auto;
}
.slider_con_pre{
width: 100%;
}
.gallery_present .slider_cp_pre .slick-track {
    min-height: auto;
}
.gallery_present .slider_cp_pre .slick-list.draggable {
    border: none;
    border-radius: 0;
}
.w750px li.slider_con_pre {
    margin-bottom: 0;
}
.slider_cp_pre ul.slick-dots {
    height: 20px;
}
.slider_cp_pre .slick-list.draggable {
    padding: 0!important;
}
.slick-prev_02, 
.slick-next_02 {
position: absolute;/*絶対配置にする*/
top: 50%;
cursor: pointer;/*マウスカーソルを指マークに*/
outline: none;/*クリックをしたら出てくる枠線を消す*/
border-top: 2px solid #0f0f85;
border-right: 2px solid #0f0f85;
height: 15px;
width: 15px;
}
.slick-prev_03 {/*戻る矢印の位置と形状*/
left: -3.5%;
transform: rotate(-135deg);
border-radius: 2px;
}
.slick-next_03 {/*次へ矢印の位置と形状*/
right: -3.5%;
transform: rotate(45deg);
border-radius: 2px;
}
/*==================================================
slider_item
===================================*/
.slider_item img {
width:100%;/*スライダー内の画像を横幅100%に*/
height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider_item .slick-slide {
margin:10px 10px 40px;/*スライド左右の余白調整*/
}

/*==================================================
slider_cp
===================================*/
/*中央の画像のサイズだけ等倍に*/
/*.contents_slider{
display: flex;
gap: 10px;	
}*/
.contents_slider ul.slider_cp{
overflow: hidden;
width: 100%;
margin: 0 auto;
}
.slider_cp {
width: 300px;
height: 400px;
overflow: hidden;
display: flex;
}
.slider_con{
width: 300px;	
}

.contents_slider .slick-track {
    display: flex;
}
.contents_slider .slick-track .slick-slide{
    height: auto !important;
    display: flex;
}

#slid_04{

}
.slider_con dl{
background: #b5e2ff;
padding: 20px;
border-radius: 10px;
margin-bottom: 10px;
}
.slider_con dd:nth-child(4){
line-height: 1.6em;
margin-top: 10px;
}
/*.slider_cp img {
width:60vw;
height:auto;
}

.slider_cp .slick-slide {
transform: scale(0.8);
transition: all .5s;
opacity: 0.5;
}

.slider_cp .slick-slide.slick-center{
transform: scale(1);
opacity: 1;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev_02, 
.slick-next_02 {
position: absolute;/*絶対配置にする*/
top: 50%;
cursor: pointer;/*マウスカーソルを指マークに*/
outline: none;/*クリックをしたら出てくる枠線を消す*/
border-top: 2px solid #0f0f85;
border-right: 2px solid #0f0f85;
height: 15px;
width: 15px;
}

.slick-prev_02 {/*戻る矢印の位置と形状*/
left: -3.5%;
transform: rotate(-135deg);
border-radius: 2px;
}

.slick-next_02 {/*次へ矢印の位置と形状*/
right: -3.5%;
transform: rotate(45deg);
border-radius: 2px;
}

/*ドットナビゲーションの設定*/

.slick-dots {
text-align:center;
margin: 0 auto;
display: flex;
justify-content: center;
width: 100px;
padding-top: 6px;
}

.slick-dots li {
display:inline-block;
margin:0 5px;
}

.slick-dots button {
color: transparent;
outline: none;
width: 12px;
height: 12px;
padding: 4px;
display: block;
border-radius: 10px;
background: #ffffff;
border: 2px solid #0f0f85;
}

.slick-dots .slick-active button{
background:#0f0f85;/*ドットボタンの現在地表示の色*/
}
.slick-dots{
text-align: center;
}
ul.slick-dots li{
text-align: center;
color: transparent;
outline: none;
width: 10px;
height: 10px;
display: block;
border-radius: 50%;
background: #ccc;
}
li.slider_con.slick-slide{
margin: 0 20px;	
}
@media only screen and (max-width: 750px){
li.slider_con.slick-slide {
margin: 0 10px;
}
}
ul.slider_cp li dl dt{
background: #0f0f85;
width: 100px;
border-radius: 10px;
padding: 10px;
display: block;
}
/*ul.slider_cp li dl dt img{
width: 100%;
}
ul.slider_cp li{
width: 90%;
margin: 0 auto;
background: #b5e2ff;
border-radius: 10px;
padding: 20px;
}

/*==================================================
Q＆A アコーディオン全体
===================================*/
.accordion-area{
list-style: none;
width: 88%;
max-width: 800px;
margin:0 auto;
}

.accordion-area li{
margin: 10px 0;
}

.accordion-area section {
border: 3px solid #b5e2ff;
}

/*アコーディオンタイトル*/
.qa_title {
position: relative;/*+マークの位置基準とするためrelative指定*/
cursor: pointer;
font-size:1rem;
font-weight: normal;
padding: 3% 3% 2% 50px;
transition: all .5s ease;
background: #b5e2ff;
}

/*アイコンの＋と×*/
.qa_title::before,
.qa_title::after{
position: absolute;
content:'';
width: 18px;
height: 4px;
background-color: #0f0f85;

}
.qa_title::before{
top:48%;
left: 15px;
transform: rotate(0deg);

}
.qa_title::after{    
top:48%;
left: 15px;
transform: rotate(90deg);

}

/*　closeというクラスがついたら形状変化　*/

.qa_title.close::before{
transform: rotate(45deg);
}

.qa_title.close::after{
transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.qa_box{
display: none;/*はじめは非表示*/
background: #ffffff;
margin:0 3%;
padding: 3%;
}

h3.qa_title img {
height: 20px;
width: auto;
}
ul li:nth-child(3) h3.qa_title img ,ul li:nth-child(4) h3.qa_title img,ul li:nth-child(5) h3.qa_title img,ul li:nth-child(6) h3.qa_title img,ul li:nth-child(9) h3.qa_title img,ul li:nth-child(13) h3.qa_title img,ul li:nth-child(14) h3.qa_title img,ul li:nth-child(15) h3.qa_title img,ul li:nth-child(16) h3.qa_title img,ul li:nth-child(17) h3.qa_title img,ul li:nth-child(22) h3.qa_title img,ul li:nth-child(24) h3.qa_title img{
height: 42px;
}

/* 応募規約・注意事項 */
.section_06_box{
width: 88%;
margin: 0 auto;
background: #ffffff;
background: #FFF;
padding: 2em;
position: relative;
overflow-x: hidden;
overflow-y: scroll;
height: 600px;
line-height: 1.6em;
}
.line_paragraph{
border-bottom: 2px dotted #0f0f85;
padding: 20px 0;
}
.section_06_box .line_paragraph p{
margin-bottom: 0;
}
.section_06_box .line_paragraph:nth-child(1){
padding-top:0;
}
.line_paragraph h3{
color:#0f0f85;
}
.section_06_box div:last-child{
border-bottom: none;
padding: 20px 0 0;
}
ul.text_care_00{
list-style: disc;
padding-left: 1.4em;
line-height: 1.6em;
}
.no_disc{
list-style: none;
line-height: 1.6em;
text-indent: -1.3em;
}
ol.text_care_00 li.step_no_disc{
list-style: none;
line-height: 1.6em;
text-indent: -1.0em;
padding-left: 5.0em;
}
li.no_disc{
list-style: none;
line-height: 1.6em;
text-indent: -1.0em;
padding-left: 1.0em;
}
ol.text_care_00 li.no_no_disc {
padding-left: 1.6em;
line-height: 1.6em;
text-indent: -1.6em;
margin-bottom: 8px;
}
ol.text_care_00{
list-style: none;
}
ol.text_care_00 li{
padding-left: 4em;
line-height: 1.6em;
text-indent: -4em;
margin-bottom: 8px;
}
ul.text_care_00 li {
margin-bottom: 8px;
}
ul.text_care_00 li:last-child{
margin-bottom: 0px;
}
.qa_box p,.qa_box dl{
line-height: 1.6em;
margin-bottom: 8px;
}
li.qa_box p:last-child{
margin-bottom: 0;
}
.qa_box .no_disc{
text-indent: -1.2em;
padding-left: 1.2em;
}
.qa_box ol{
line-height: 1.6em;
padding-left: 1.2em;
}
.qa_box ol li{
margin-bottom: 8px;
}

/* お問い合わせ */
.info_box{
width: 88%;
background: #ffffff;
margin: 0 auto 50px;
text-align: center;
padding: 20px;
}
.info_box_mail{
color: #5fb2ec;
font-size: 1.6em;
}
.info_box_p{
width: 80%;
margin: 0 auto;
}

/* SNS */
.section_08 .h2_height img{
margin: 0 auto;
}
.link_list.list02{
width: 90%;
display: flex;
list-style: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
margin: 0 auto 30px;
}
.link_list.list02 li{
width: 47%;
margin-bottom: 20px;
}
.link_list.list02 li a{
width: 100%;
border-radius: 40px;
padding: 20px 0 18px;
text-align: center;
display: block;
}
.link_list.list02 li a img{
height: 14px;
width: auto;
margin: 0 auto;
}
.link_list.list02 li:nth-child(1) a{
background: #000000;
}
.link_list.list02 li:nth-child(2) a{
background: #1877f2;
}
.link_list.list02 li:nth-child(3) a{
background: #dc0000;
}
.link_list.list02 li:nth-child(4) a{
background: #06c755;
}

.c_comment_01{
background: #ffffff;
padding: 14px 0;
text-align: center;
}

ul.choice_btn.slick-initialized.slick-slider{
display: block;
list-style: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack:space-between;
-ms-flex-pack: space-between;
justify-content:space-between;


}
.section_02 ul.choice_btn.slick-initialized.slick-slider li{
width: 47% !important;
height: 60px;
margin: 4px;
}
.section_02 ul.choice_btn.slick-initialized.slick-slider li:nth-child(4){
padding-top: 22px;
}
.section_02 ul.choice_btn.slick-initialized.slick-slider li:nth-child(1) img,.section_02 ul.choice_btn.slick-initialized.slick-slider li:nth-child(2) img,.section_02 ul.choice_btn.slick-initialized.slick-slider li:nth-child(3) img{
height: 18px;
width: auto;
margin: 0 auto;
}
@media only screen and (max-width: 750px){
.choice_btn li {
padding: 24px 0 16px;
}
.section_02 ul.choice_btn.slick-initialized.slick-slider li:nth-child(1) img,.section_02 ul.choice_btn.slick-initialized.slick-slider li:nth-child(2) img,.section_02 ul.choice_btn.slick-initialized.slick-slider li:nth-child(3) img{
height: 14px;
}
.section_02 ul.choice_btn.slick-initialized.slick-slider li:nth-child(4) {
padding: 25px 0 20px !important;
}
.section_02 ul.choice_btn li:nth-child(4).slick-slide.slick-current.slick-active{
padding: 23px 0 20px !important;
}
.section_02 ul.choice_btn.slick-initialized.slick-slider li:nth-child(4) img{
height: 11px;
width: auto;
margin: 0 auto;
}
.present_box img {
height: 14px;
}
.present_box.lines2 img {
height: 37px;
}
h3.qa_title img {
height: 13px;
}
ul li:nth-child(1) h3.qa_title img,ul li:nth-child(8) h3.qa_title img,ul li:nth-child(18) h3.qa_title img{
height: auto;
width: 80%;		
}
ul li:nth-child(19) h3.qa_title img{
height: auto;
width: 84%;		
}
ul li:nth-child(20) h3.qa_title img{
height: auto;
width: 94%;		
}
ul li:nth-child(23) h3.qa_title img{
height: auto;
width: 90%;		
}
ul li:nth-child(2) h3.qa_title img,ul li:nth-child(21) h3.qa_title img{
height: auto;
width: 66%;		
}
ul li:nth-child(7) h3.qa_title img,ul li:nth-child(11) h3.qa_title img,ul li:nth-child(12) h3.qa_title img{
height: auto;
width: 60%;		
}
ul li:nth-child(10) h3.qa_title img{
height: auto;
width: 56%;		
}
ul li:nth-child(3) h3.qa_title img, ul li:nth-child(4) h3.qa_title img, ul li:nth-child(5) h3.qa_title img, ul li:nth-child(6) h3.qa_title img, ul li:nth-child(9) h3.qa_title img, ul li:nth-child(13) h3.qa_title img, ul li:nth-child(14) h3.qa_title img, ul li:nth-child(15) h3.qa_title img, ul li:nth-child(16) h3.qa_title img, ul li:nth-child(17) h3.qa_title img, ul li:nth-child(22) h3.qa_title img, ul li:nth-child(24) h3.qa_title img{
height: auto;
width: 100%;	
}
.link_list.list02 li a img {
height: 11px;
}
}

.sp_menu_area,.sp_point_btn{
display: none;
}
@media only screen and (max-width: 750px){
.sp_menu_area{
display: block;
position: absolute;
z-index: 3;
height: auto;
width: 100%;
}
.sp_menu_area button{
position: fixed;
background:#5fb2ec;
cursor: pointer;
width: 50px;
height:50px;
border-radius: 5px;
border: 0;
right: 0;
bottom: 0;
margin: 0 10px 10px 0;
z-index: 3;
}
.sp_point_btn{
position: fixed;
bottom: 0;
width: 110px;
right: 0;
margin-right: 10px;
z-index: 1;
display: block;
}
.sp_menu_area button span{
display: inline-block;
transition: all .4s;
position: absolute;
left: 14px;
height: 3px;
border-radius: 2px;
background: #ffffff;
width: 45%;
}
.sp_menu_area button span::before,
.sp_menu_area button span::after {
position: absolute;
display: block;
width: 100%;
height: 100%;
background-color: inherit;
content: '';
-webkit-transition: inherit;
transition: inherit;
border-radius: 2px;
}
.sp_menu_area button span::before {
top: -6px;
}
.sp_menu_area button span::after {
top: 6px;
}
.sp_menu_area button.btn_sp_linecp.js-btn.active{
transition: all .4s;
background: #ffffff;
}
.sp_menu_area button.btn_sp_linecp.js-btn.active span{
transition: all .4s;
transform: translateY(0px) rotate(45deg);
}
.sp_menu_area button.btn_sp_linecp.js-btn.active span::before{
transition: all .4s;
transform: translateY(6px) rotate(0deg);
opacity: 0;
}
.sp_menu_area button.btn_sp_linecp.js-btn.active span::after{
transition: all .4s;
transform: translateY(-6px) rotate(-90deg);
}
.sab_navi_cover{
display: none;
}
ul.sab_navi_cover.item_navi_cover.sp_menu.opened{
z-index: 2;
display: block;
transition: all .4s;
background: #5fb2ec;
width: 100%;
height: 100%;
bottom: 0%;
top: 0%;
right: 0;
padding: 30% 20% 20%;
}
.sp_menu_area button span.opened{
background: #5fb2ec;
transition: all .4s;
transform: translateY(0px) rotate(45deg);
}
}
@media (orientation: landscape) and (max-width: 750px){
.sab_navi_01 a img {
height: 14px;
margin: 6px 0;
}
ul.sab_navi_cover.item_navi_cover.sp_menu.opened{
padding: 60px 12%;	
}
}

/* sliderの中にslider */
.slider_item_more {
position: relative;
width: 100%;
max-width: 400px; /* 適宜調整 */
/*overflow: hidden;*/
}

.slider-wrapper {
display: flex;
transition: transform 0.3s ease-in-out;
}

.slider-item_img {
min-width: 100%;
box-sizing: border-box;
text-align: center;
}

.slider-item_img img {
width: 100%;
height: auto;
}

/* ナビゲーションボタン */
.slider-prev, .slider-next {
position: absolute;
width: 14px;
top: 50%;
transform: translateY(-50%);
border: none;
padding: 0;
cursor: pointer;
z-index: 100;
}

.slider-prev {
left: 0;
}

.slider-next {
right: 0;
}
.qa_box a {
    color: #0f0f85;
    border-bottom: 2px solid #0f0f85;
}
.slider_item_more {
  touch-action: pan-y;
}
.niowaina_item,.series_item{
margin: 20px;
}