@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;500;700;900&display=swap');

/* ------------------------------------------- CSS Information 
 Style Info:     ブラウザスタイルのリセット設定
----------------------------------------------------------- */  
html{overflow-y:scroll;} 
body,div,blockquote,pre,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,table,th,td,form,input,textarea,fieldset{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}   
img,abbr,acronym,fieldset{border:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
hr,legend{display:none;}
object,embed{vertical-align:top;}
li{list-style:none;}

/* ------------------------------------------- CSS Information 
 Style Info:     基本設定
----------------------------------------------------------- */
/*A Style*/  
a:link{text-decoration: underline;color: #666666;}
a:visited{text-decoration: none;color: #666666;}
a:hover{text-decoration: underline;color: #999999;}
a:active{text-decoration: none;color: #666666;}
/*font*/
.b{font-weight:bold;}
.ul{background:linear-gradient(transparent 70%, #fff799 0%)}
.bg{background-color:#f9e427;}
.big{font-size:22px;line-height:36px;}@media only screen and (max-width:750px){.big{font-size:16px;line-height:24px;}}
.small{font-size:12px;line-height:20px;}
.red{color:#c9171e;}
.text_center{text-align:center !important;}
.text_right{text-align:right;}
.pc{display:block;}
.sp{display:none;}
@media only screen and (max-width:750px){
.pc{display:none;}
.sp{display:block;}
}

/* ----------------------- CSS Information 
 Style Info: HTML/BODY
--------------------------------------- */
html,body{  
font-family:'Noto Sans JP',"メイリオ","ヒラギノ角ゴ Pro W3",Sans-Serif;
color:#333333;
font-size:18px;
line-height:0;
text-align:center;
letter-spacing:0em;
background:#ffffff;
width:100%;
height:100%;
}

/* ----------------------- CSS Information 
 Style Info: HEADER
--------------------------------------- */
header{
position:relative;
width:100%;
margin:0;
padding:0;
background:#fafcfb url(../img/header_bg_pc.png) no-repeat center;
background-size:auto 100%;
box-sizing:border-box;
}
.header_wrapper{
width:100%;
max-width:1400px;
margin:0 auto;
padding:0;
}
.header_box{
position:relative;
width:100%;
max-width:1000px;
margin:0 0 0 auto;
padding:0;
}
.header_text{
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}
.btn_header{
position:absolute;
width:60%;
max-width:600px;
bottom:15%;
right:8%;
}
.btn_header a{
display:block;
width:100%;
max-width:600px;
margin:0;
padding:0;
background:#ffffff;
overflow:hidden;
border-radius:8px;
box-shadow:2px 2px 4px 0px rgba(0,0,0,0.5);
box-sizing:border-box;
}
.btn_header a img{width:100%;}
.btn_header a img:hover{opacity:0.5;}
@media only screen and (max-width:750px){
header{background:none;}
.header_wrapper{}
.header_box{margin:0 auto;}
.header_text{}
.btn_header{width:80%;bottom:16%;right:10%;}
.btn_header a{}
.btn_header a img{}
.btn_header a img:hover{}
}

/* ----------------------- CSS Information 
 Style Info: 共通設定
--------------------------------------- */
.section{
width:100%;
margin:0;
padding:120px 0 120px 0;
position:relative;
background:#ffffff;
}
.section_wrapper{
width:100%;
max-width:1000px;
margin:0 auto;
box-sizing:border-box;
}
.section_box{
width:100%;
margin:0 auto;
padding:0 4%;
box-sizing:border-box;
}
.section_img{
display:block;
width:30%;
max-width:300px;
float:right;
margin:0 0 20px 20px;
padding:0;
}
@media only screen and (max-width:750px){
.section{padding:40px 0 40px 0;}
.section_wrapper{}
.section_box{}
.section_img{width:30%;margin:0 0 15px 15px;}
}

/* ----------------------- CSS Information 
 Style Info: TITLE
--------------------------------------- */
.title{
display:block;
width:100%;
margin:0 auto 80px auto;
padding:0;
}
.title img{
display:block;
width:100%;
max-width:690px;
margin:0 auto;
padding:0;
}
.title_corner{
display:block;
width:100%;
padding:30px 0;
box-sizing:border-box;
background-image:url(../img/corner_lt.png),url(../img/corner_rt.png),url(../img/corner_lb.png),url(../img/corner_rb.png);
background-position:left top,right top,left bottom,right bottom;
background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
background-size:20px 20px,20px 20px,20px 20px,20px 20px;
}
.title_en{
display:flex;
justify-content:flex-start;
align-items:center;
margin:0 0 40px 0;
padding:0;
}
.title_en img{
display:block;
width:auto;
height:20px;
margin:0;
padding:0;
}
.title_en:before,.title_en:after{
content:"";
margin:0;
flex:1;
height:2px;
}
.title_en:before{margin:0 15px 0 0;background:linear-gradient(to right,#8fa5c6,#bad3d1);}
.title_en:after{margin:0 0 0 15px;background:linear-gradient(to right,#bad3d1,#8fa5c6);}
@media only screen and (max-width:750px){
.title{margin:0 auto 30px auto;}
.title_en{margin:0 0 20px 0;}
.title_en img{height:12px;}
.title_en:before,.title_en:after{}
.title_en:before{margin:0 10px 0 0;}
.title_en:after{margin:0 0 0 10px;}
.title_img{}
}
/* -- text -- */
.text{
width:100%;
margin:0 auto;
padding:0;
font-size:18px;
line-height:40px;
text-align:left;
box-sizing:border-box;
}
.text p{margin:0 0 30px 0;padding:0;}
.text p:last-child{margin:0;}
.text ul{margin:0 0 30px 0;padding:0;}
@media only screen and (max-width:750px){
.text{
font-size:14px;
line-height:24px;
text-align:justify;
}
.text p{margin:0 0 20px 0;}
.text p:last-child{margin:0;}
.text ul{margin:0 0 20px 0;padding:0;}
/* -- br -- */
.text br{display:none;}
.text br.sp{display:block;}
.text br.all{display:block;}
}

/* ----------------------- CSS Information 
 Style Info: PROLOGUE
--------------------------------------- */
#prologue{background:#ffffff;}
.title_prologue{
display:flex;
justify-content:flex-start;
align-items:center;
margin:0 0 60px 0;
padding:0;
}
.title_prologue img{
display:block;
width:auto;
height:20px;
padding:0;
}
.title_prologue:after{
content:"";
margin:0 0 0 15px;
flex:1;
height:2px;
background:linear-gradient(to right,#bad3d1,#8fa5c6);
}
.prologue_sign{
margin:60px 0 0 0;
text-align:right;
}
.prologue_sign span{
display:flex;
justify-content:flex-start;
align-items:center;
margin:0 0 20px 0;
padding:0;
font-size:18px;
line-height:20px;
font-weight:500;
}
.prologue_sign span:before{
content:"";
margin:0 15px 0 0;
flex:1;
height:2px;
background:linear-gradient(to right,#8fa5c6,#bad3d1);
}
.sign{
display:block;
width:auto;
height:40px;
margin:0 0 0 auto;
padding:0;
}
@media only screen and (max-width:750px){
#prologue{}
.title_prologue{margin:0 0 30px 0;}
.title_prologue img{height:16px;}
.title_prologue:after{}
.prologue_sign{margin:30px 0 0 0;}
.prologue_sign span{margin:0 0 10px 0;font-size:14px;}
.prologue_sign span:before{margin:0 5px 0 0;}
.sign{height:22px;}
}

/* ----------------------- CSS Information 
 Style Info: PROBLEM
--------------------------------------- */
#problem{
background:#dddddd url(../img/problem_bg.png) no-repeat center;
background-size:cover;
}
#problem .text{text-align:center;}
#problem .text br{display:block !important;}
ul.problem_list{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:stretch;
margin:0 0 60px 0;
padding:0;
}
ul.problem_list li{
position:relative;
display:block;
width:49%;
margin:0 0 20px 0;
padding:20px 10px;
font-size:18px;
line-height:28px;
text-align:center;
color:#ffffff;
background:rgba(60,91,142,0.5);
border-radius:10px;
box-sizing:border-box;
}
.problem_text{
display:block;
width:100%;
max-width:690px;
margin:0 auto;
padding:0;
}
@media only screen and (max-width:750px){
#problem{}
#problem .text{}
#problem .text br{}
ul.problem_list{display:block;margin:0 0 30px 0;}
ul.problem_list li{width:100%;margin:0 0 10px 0;padding:10px;font-size:14px;line-height:24px;}
.problem_text{}
}

/* ----------------------- CSS Information 
 Style Info: CAUSE
--------------------------------------- */
#cause{background:#ffffff;}
p.marks{
position:relative;
font-family:'Noto Serif JP',"メイリオ","ヒラギノ角ゴ Pro W3",Sans-Serif;
padding:0 0 0 20px;
font-weight:700;
color:#3c5b8e;
}
p.marks:before{content:"「";position:absolute;left:0;}
p.marks:after{content:"」";}
.cause_list{
width:100%;
margin:60px 0;
padding:0;
}
#cause_detail .cause_list{margin:0 0 60px 0;}
.cause_list dl{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:stretch;
margin:0 0 20px 0;
padding:0;
}
.cause_list dl dt{
width:210px;
margin:0;
padding:10px;
font-weight:500;
text-align:center;
color:#f6f6f5;
background:linear-gradient(to right,#728cca,#98b8e3);
box-sizing:border-box;
}
.cause_list dl dd{
font-family:'Noto Serif JP',"メイリオ","ヒラギノ角ゴ Pro W3",Sans-Serif;
flex:1;
margin:0;
padding:10px 20px;
font-size:20px;
font-weight:500;
text-align:left;
color:#3c5b8e;
background:linear-gradient(to right,#fbfbfc,#dadee7);
}
/* -- CAUSE_DETAIL -- */
#cause_detail{background:linear-gradient(to right,#dadee7,#fbfbfc,#dadee7);}
.cause_box{
margin:0 auto 120px auto;
padding:0;
}
#cause_detail h2{
display:block;
font-family:'Noto Serif JP',"メイリオ","ヒラギノ角ゴ Pro W3",Sans-Serif;
margin:80px 0 40px 0;
padding:0 0 0 10px;
font-size:20px;
line-height:30px;
font-weight:500;
color:#3c5b8e;
border-left:5px solid #3c5b8e;
}
/* -- CASE -- */
.case{
width:100%;
margin:60px auto;
padding:0;
box-sizing:border-box;
background:#ffffff;
border-radius:10px;
overflow:hidden;
}
.case_title{
display:flex;
justify-content:flex-start;
align-items:center;
padding:20px;
color:#ffffff;
font-size:20px;
line-height:30px;
font-weight:500;
background:linear-gradient(to right,#728cca,#98b8e3);
}
.case_img{
display:block;
margin:0 15px 0 0;
width:100px;
height:auto;
}
ul.case_list{
position:relative;
width:100%;
margin:0;
padding:50px 4% 30px 4%;
background:linear-gradient(to bottom,#f3f3f3,#ffffff);
box-sizing:border-box;
}
ul.case_list:before{
content:"";
position:absolute;
top:0;
left:50%;
margin-left:-30px;
border:30px solid transparent;
border-top:30px solid #ffffff;
}
.case ul.case_list:first-of-type:before{display:none;}
ul.case_list li{
position:relative;
margin:0 0 20px 0;
padding:0 0 0 16px;
font-weight:500;
line-height:30px;
}
ul.case_list li:before{
content:"";
position:absolute;
left:0;
top:10px;
width:12px;
height:12px;
background:#3c5b8e;
border-radius:50%;
}
/* -- CAUSE03 -- */
dl.cause03_list{
width:100%;
margin:60px auto;
padding:40px 4% 60px 4%;
box-sizing:border-box;
background:#ffffff;
border-radius:10px;
overflow:hidden;
}
dl.cause03_list dt{
position:relative;
margin:20px 0 0 0;
padding:0 0 0 16px;
font-weight:500;
line-height:30px;
}
dl.cause03_list dt:before{
content:"";
position:absolute;
left:0;
top:10px;
width:12px;
height:12px;
background:#3c5b8e;
border-radius:50%;
}
dl.cause03_list dd{
position:relative;
padding:0 0 0 16px;
line-height:30px;
}
@media only screen and (max-width:750px){
#cause{}
p.marks{padding:0 0 0 14px;}
.cause_list{margin:30px 0;}
#cause_detail .cause_list{margin:0 0 30px 0;}
.cause_list dl{display:block;margin:0 0 10px 0;}
.cause_list dl dt{width:100%;}
.cause_list dl dd{padding:15px 10px;font-size:16px;text-align:center;}
/* -- CAUSE_DETAIL -- */
#cause_detail{padding:;}
.cause_box{margin:0 auto 40px auto;}
#cause_detail h2{margin:40px 0 20px 0;padding:0 0 0 5px;font-size:15px;line-height:24px;border-left:2px solid #3c5b8e;
}
/* -- CASE -- */
.case{margin:40px auto;}
.case_title{padding:10px;font-size:16px;line-height:20px;}
.case_img{margin:0 10px 0 0;width:60px;}
ul.case_list{padding:30px 4% 10px 4%;}
ul.case_list:before{margin-left:-20px;border:20px solid transparent;border-top:20px solid #ffffff;}
.case ul.case_list:first-of-type:before{display:none;}
ul.case_list li{padding:0 0 0 14px;line-height:24px;}
ul.case_list li:before{top:6px;}
/* -- CAUSE03 -- */
dl.cause03_list{margin:40px auto;padding:10px 4% 30px 4%;}
dl.cause03_list dt{padding:0 0 0 14px;line-height:24px;}
dl.cause03_list dt:before{top:6px;}
dl.cause03_list dd{padding:0 0 0 14px;font-size:13px;line-height:24px;}
}

/* ----------------------- CSS Information 
 Style Info: WHY
--------------------------------------- */
#why{background:#ffffff;}
ul.why_list{margin:60px 0;}
ul.why_list li{
font-family:'Noto Serif JP',"メイリオ","ヒラギノ角ゴ Pro W3",Sans-Serif;
margin:0 0 20px 0;
padding:10px 20px;
font-size:20px;
font-weight:500;
text-align:left;
color:#3c5b8e;
background:linear-gradient(to right,#fbfbfc,#dadee7);
border-left:5px solid #3c5b8e;
}
@media only screen and (max-width:750px){
#why{}
ul.why_list{margin:30px 0;}
ul.why_list li{margin:0 0 10px 0;padding:10px;font-size:15px;border-left:2px solid #3c5b8e;}
}

/* ----------------------- CSS Information 
 Style Info: POINT
--------------------------------------- */
#point{
background:#dddddd url(../img/point_bg.png) no-repeat center;
background-size:cover;
}
ul.point_list{
display:block;
margin:0;
padding:0;
}
ul.point_list li{
position:relative;
display:block;
font-family:'Noto Serif JP',"メイリオ","ヒラギノ角ゴ Pro W3",Sans-Serif;
width:100%;
margin:0 0 20px 0;
padding:30px 0;
font-size:18px;
line-height:30px;
text-align:center;
font-weight:500;
color:#3c5b8e;
background:linear-gradient(to right,rgba(240,239,235,0.5),rgba(255,255,255,0.5));
border-radius:10px;
box-shadow:2px 2px 4px 0px rgba(0,0,0,0.25);
box-sizing:border-box;
}
@media only screen and (max-width:750px){
#point{}
ul.point_list{}
ul.point_list li{margin:0 0 10px 0;padding:15px 10px;font-size:14px;line-height:24px;}
}


/* ----------------------- CSS Information 
 Style Info: RECOMMEND
--------------------------------------- */
#recommend{background:#ffffff;}
ul.recommend_list{
display:block;
margin:0;
padding:0;
}
ul.recommend_list li{
position:relative;
display:block;
width:100%;
margin:0;
padding:30px 0 30px 40px;
font-size:18px;
line-height:30px;
text-align:left;
font-weight:500;
box-sizing:border-box;
border-bottom:1px dashed #999999;
}
ul.recommend_list li:before{
content:"";
position:absolute;
left:0;
top:33px;
width:24px;
height:24px;
background:#dce2e9;
}
ul.recommend_list li:after{
content:"";
position:absolute;
left:5px;
top:30px;
width:22px;
height:11px;
border-left:3px solid #c9171e;
border-bottom:3px solid #c9171e;
transform:rotate(-45deg);
}
@media only screen and (max-width:750px){
#recommend{}
ul.recommend_list{}
ul.recommend_list li{padding:20px 0 20px 26px;font-size:14px;line-height:24px;}
ul.recommend_list li:before{top:24px;width:18px;height:18px;}
ul.recommend_list li:after{left:3px;top:22px;width:16px;height:8px;border-left:2px solid #c9171e;border-bottom:2px solid #c9171e;}}

/* ----------------------- CSS Information 
 Style Info: OVERVIEW
--------------------------------------- */
#overview{background:#f6f6f5;}

/* ----------------------- CSS Information 
 Style Info: SCHEDULE
--------------------------------------- */
#schedule{padding:0 0 120px 0;}
.schedule_box{
width:100%;
margin:0 auto 60px auto;
padding:0 0 60px 0;
border-bottom:2px dotted #6db2bf;
}
.schedule_box:last-child{
margin:0 auto;
border-bottom:none;
}
.schedule_info{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
}
.schedule_info span.num{
display:block;
width:80px;
height:80px;
margin:0 15px 0 0;
padding:0;
font-size:16px;
line-height:80px;
text-align:center;
color:#ffffff;
background:linear-gradient(to right,#bad3d1,#8fa5c6);
border-radius:50%;
}
.schedule_info span.day{
font-size:18px;
line-height:30px;
text-align:left;
font-weight:700;
color:#4c82ac;
}
dl.curriculum{margin:25px 0 0 0;}
dl.curriculum dt{
margin:0;
padding:0 0 20px 0;
font-size:20px;
line-height:40px;
font-weight:700;
text-align:left;
}
dl.curriculum dd{
font-size:18px;
line-height:40px;
text-align:justify;
}
dl.curriculum dd p{margin:0;padding:0;}
dl.curriculum dd p br{display:none;}
dl.curriculum dd img{
display:block;
width:30%;
float:right;
margin:0 0 20px 20px;
}
@media only screen and (max-width:750px){
#schedule{padding:0 0 60px 0;}
.schedule_box{margin:0 auto 40px auto;padding:0 0 40px 0;}
.schedule_box:last-child{}
.schedule_info{}
.schedule_info span.num{width:60px;height:60px;margin:0 10px 0 0;font-size:14px;line-height:60px;}
.schedule_info span.day{font-size:14px;line-height:24px;}
dl.curriculum{margin:15px 0 0 0;}
dl.curriculum dt{padding:0 0 15px 0;font-size:16px;line-height:30px;}
dl.curriculum dd{font-size:14px;line-height:24px;}
dl.curriculum dd p{}
dl.curriculum dd p br{}
}

/* ----------------------- CSS Information 
 Style Info: STYLE
--------------------------------------- */
#style{padding:0 0 120px 0;}
.table_style{border-collapse:separate;border-spacing:1px 1px;width:100%;margin:40px auto;table-layout:fixed;}
.table_style th{text-align:center;padding:20px 0;font-size:16px;line-height:24px;font-weight:500;}
.table_style tr th:nth-child(1){width:260px;}
.table_style tr th:nth-child(2){color:#ffffff;background:#3c5b8e;}
.table_style tr th:nth-child(3){color:#ffffff;background:#3c5b8e;}
.table_style td{padding:20px 10px;background:#f3f3f3;text-align:center;font-size:16px;line-height:24px;}
.table_style tr td:nth-child(1){background:#a1b3c6;color:#ffffff;text-align:left;}
.table_style tr td:nth-child(2){background:#ffffff;}
.table_style tr td:nth-child(3){background:#ffffff;}
ul.attention_list{margin:0;padding:0;}
ul.attention_list li{position:relative;padding:0 0 0 16px;font-size:16px;line-height:30px;}
ul.attention_list li:before{content:"※";position:absolute;left:0;}
@media only screen and (max-width:750px){
#style{padding:0 0 60px 0;}
.table_style{margin:30px auto;}
.table_style th{padding:15px 0;font-size:12px;line-height:20px;}
.table_style tr th:nth-child(1){width:90px;}
.table_style tr th:nth-child(2){}
.table_style tr th:nth-child(3){}
.table_style td{padding:15px 5px;background:#f3f3f3;text-align:center;font-size:13px;line-height:20px;}
.table_style tr td:nth-child(1){}
.table_style tr td:nth-child(2){}
.table_style tr td:nth-child(3){}
ul.attention_list{}
ul.attention_list li{padding:0 0 0 14px;font-size:13px;line-height:20px;}
ul.attention_list li:before{}
}

/* ----------------------- CSS Information 
 Style Info: PRICE
--------------------------------------- */
#price{}
dl.price_list{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
width:100%;
margin:0 auto 10px auto;
}
dl.price_list dt{
display:block;
width:260px;
margin:0 15px 0 0;
padding:20px 0;
font-size:16px;
line-height:24px;
font-weight:500;
text-align:center;
color:#ffffff;
background:#3c5b8e;
}
dl.price_list dd{
font-size:20px;
line-height:30px;
text-align:left;
font-weight:500;
}
@media only screen and (max-width:750px){
#price{}
dl.price_list{}
dl.price_list dt{width:120px;margin:0 10px 0 0;padding:10px 0;font-size:13px;line-height:20px;}
dl.price_list dd{font-size:16px;}
}

/* ----------------------- CSS Information 
 Style Info: PRESENT
--------------------------------------- */
#present{
background:#f4ebe4 url(../img/present_bg.png) no-repeat center top;
background-size:100% auto;
}
.present_box{
width:100%;
margin:0 auto 60px auto;
padding:40px 4%;
background:#ffffff;
box-sizing:border-box;
}
.present_num{
display:block;
width:240px;
height:auto;
margin:0 auto 30px 0;
padding:0;
}
.present_title{
position:relative;
display:block;
font-family:'Noto Serif JP',"メイリオ","ヒラギノ角ゴ Pro W3",Sans-Serif;
width:100%;
margin:0 0 40px 0;
padding:0 0 40px 0;
font-size:24px;
line-height:40px;
text-align:left;
font-weight:500;
color:#b58d69;
border-bottom:2px dotted #b58d69;
}
.present_img{
display:block;
width:32%;
float:right;
margin:0 0 20px 20px;
padding:0;
}
ul.present01_list{}
ul.present01_list li{
position:relative;
margin:0 0 20px 0;
padding:0 0 0 16px;
font-weight:500;
}
ul.present01_list li:before{
content:"";
position:absolute;
left:0;
top:15px;
width:12px;
height:12px;
background:#b58d69;
border-radius:50%;
}
@media only screen and (max-width:750px){
#present{}
.present_box{margin:0 auto 40px auto;padding:30px 4% 40px 4%;}
.present_num{width:160px;margin:0 auto 20px auto;}
.present_title{margin:0;padding:0 0 30px 0;font-size:18px;line-height:30px;text-align:center;border-bottom:none;}
.present_img{width:100%;float:none;margin:0 0 30px 0;}
ul.present01_list{}
ul.present01_list li{margin:0 0 20px 0;}
ul.present01_list li:before{top:7px;}
}

/* ----------------------- CSS Information 
 Style Info: FAQ
--------------------------------------- */
#faq{}
#faq input[type=checkbox]{display:none;}
#faq label{
display:block;
width:100%;
max-width:920px;
margin:0 auto;
padding:20px 20px 20px 70px;
font-size:16px;
line-height:30px;
text-align:justify;
color:#333333;
border-radius:10px;
cursor:pointer;
text-transform:uppercase;
box-sizing:border-box;
background-color:#f6f6ff;
background-image:url(../img/faq_q.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:20px 20px;
}
#faq label:hover{background-color:#f6f6f5;}
#faq input[type=checkbox]:checked + label{background-color:#f6f6f5;border-radius:10px 10px 0 0;}
.faq_answer{
position:relative;
margin:0 auto 30px auto;
padding:0 20px 0 70px;
width:100%;
max-width:920px;
height:0;
font-size:16px;
line-height:30px;
text-align:justify;
transition:1s;
box-sizing:border-box;
background-color:#faf7e4;
background-image:url(../img/faq_a.png);
background-size:30px 30px;
background-repeat:no-repeat;
background-position:20px 20px;
border-radius:0 0 10px 10px;
overflow:hidden;
opacity:0;
}
.faq_answer p{margin:0;padding:0;}
.faq_answer:last-child{margin:0 auto 0 auto;}
#faq input[type=checkbox]:checked + label + .faq_answer{
padding:20px 20px 20px 70px;
height:auto;
opacity:1;
}
@media only screen and (max-width:750px){
#faq{}
#faq label{
padding:10px 10px 10px 40px;
font-size:14px;
line-height:20px;
border-radius:6px;
background-size:20px 20px;
background-position:10px 10px;
}
#faq input[type=checkbox]:checked + label{border-radius:6px 6px 0 0;}
.faq_answer{
margin:0 auto 15px auto;
padding:0 10px 0 40px;
font-size:14px;
line-height:24px;
background-size:20px 20px;
background-position:10px 10px;
border-radius:0 0 6px 6px;
}
.faq_answer br{display:none;}
#faq input[type=checkbox]:checked + label + .faq_answer{padding:8px 10px 8px 40px;}
}

/* ----------------------- CSS Information 
 Style Info: CTA
--------------------------------------- */
.cta{
padding:0 0 120px 0;
background:#dddddd url(../img/cta_bg.png) no-repeat center;
background-size:cover;
}
.cta_img{
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.btn_cta{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
align-items:flex-start;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.btn_cta a{
position:relative;
display:block;
width:44%;
max-width:440px;
padding:0;
background:#ffffff;
overflow:hidden;
border-radius:8px;
box-shadow:2px 2px 4px 0px rgba(0,0,0,0.5);
box-sizing:border-box;
}
.btn_cta a:nth-of-type(1){margin:0 2% 0 4%;}
.btn_cta a:nth-of-type(2){margin:0 4% 0 2%;}
.btn_cta a img{width:100%;}
.btn_cta a img:hover{opacity:0.5;}
.payment{
width:100%;
margin:40px auto 0 auto;
padding:0;
text-align:center;
color:#333333;
}
.payment dt{
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 10px auto;
font-size:16px;
line-height:30px;
color:#3c5b8e;
font-weight:500;
}
.payment dt:before,.payment dt:after{
content:"";
height:1px;
background:#3c5b8e;
flex:1;
}
.payment dt:before{margin-right:10px;}
.payment dt:after{margin-left:10px;}
.payment dd{
margin:0;
padding:0;
font-size:16px;
line-height:30px;
}
.payment_img{
display:block;
width:auto;
height:40px;
margin:0 auto;
}
@media only screen and (max-width:750px){
.cta{padding:0 0 60px 0;}
.cta_img{}
.btn_cta{display:block;padding:0 4%;}
.btn_cta a{width:100%;max-width:600px;}
.btn_cta a:nth-of-type(1){margin:0 auto 20px auto;}
.btn_cta a:nth-of-type(2){margin:0 auto;}
.btn_cta a img{}
.btn_cta a img:hover{}
.payment{margin:20px auto 0 auto;}
.payment dt{font-size:14px;line-height:24px;}
.payment dt:before,.payment dt:after{}
.payment dt:before{margin-right:10px;}
.payment dt:after{margin-left:10px;}
.payment dd{font-size:14px;line-height:24px;text-align:justify;}
.payment_img{width:100%;max-width:690px;height:auto;margin:0 auto 10px auto;}
}

/* ----------------------- CSS Information 
 Style Info: FOOTER
--------------------------------------- */
footer{
margin:0;
padding:40px 0 40px 0;
width:100%;
background:#273266;
color:#eeeeee;
}
#fnav a{color:#eeeeee;text-decoration:none;}
#fnav a:hover{color:#eeeeee;text-decoration:underline;}
#fnav{margin:0 0 20px 0;}
#fnav ul{list-style-type:none;}
#fnav li{
font-size:12px;
line-height:20px;
display:inline-block;
padding:0 20px;
border-right:1px solid #444cb4;
}
#fnav li:last-child{border-right:none;}
address{
text-align:center;
font-size:12px;
line-height:20px;
padding:0;
}
@media only screen and (max-width:767px){
#fnav{margin:0 0 40px 0;}
#fnav li{display:block;border-right:0;margin:0 0 20px 0;}
.sp_no{display:none;}
}

/* ----------------------- CSS Information 
 Style Info: TOPBAR
--------------------------------------- */
#topbar{
display:block;
width:100%;
background:#3c5b8e;
box-shadow:0 0 4px 0px rgba(0,0,0,0.5);
box-sizing:border-box;
}
@media only screen and (max-width:750px){}