.box { padding: 1em 1em 1.5em 1em;}
.catch_txt { font-size: 120%; font-weight: 700; text-align: center; line-height: 140%; letter-spacing: .05em; padding: .5em 0;}
.catch_txt p { padding: .5em 0; color: rgba(0, 39, 122, 1);}
.con_txt p { width: 100%; max-width: 1000px; padding: .5em 0; line-height: 160%; font-size: 95%; letter-spacing: .1em; margin: 0 auto;}
.s_catch { font-size: 120%; font-weight: 700; text-align: center; line-height: 140%; padding: 1em 0 .5em 0; color: rgba(2, 4, 12, 1); font-style: italic;}

/*navi*/
#navi_sp #mn_about { opacity: .6;}
#navi_sp #mn_about a { cursor: default; pointer-events: none;}
/*h2*/
.h2_sp { display: block; width: 69%;}
#h2_about { display: block; width: 100%; height: 0; padding-top: 19.67213115%; padding-top: -webkit-calc(240 / 1220 * 100%); calc(240 / 1220 * 100%); background-repeat: no-repeat; background-size: contain; margin-bottom: .5em;}
/*for_W768-*/
@media all and (min-width: 768px) { 
.h2_sp { width: 48%;}
.box { padding: 1em 1.5em 1.5em 1.5em;}
}

/*_accordion*/
.accordion { width: 100%; margin: 1em auto 0 auto; position: relative; z-index: 50;}
.accordion .toggle { display: none;}
.accordion .title, .accordion .cont { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s;}
.accordion .title:hover { opacity: .8; cursor: pointer;}

#goto_cmt-sp { display: block; width: 74%; max-width: 240px; margin: 0 auto;}
#goto_cmt { display: block; width: 100%; height: 0; padding-top: 22%; background-color: rgba(0, 39, 122, 1); position: relative;}
#gtcmt_txt {width: 90%; text-align: center; position: absolute; top: 50%; left: 5%; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: rgba(255, 255, 255, 1); font-weight: bold; letter-spacing: .1em; line-height: 100%;}
#gtcmt_txt::after { content: ''; width: 12px; height: 12px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; position: absolute; top: 50%; right: 5%; transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg);}

.accordion .toggle:checked + .title + .cont { max-height: 8000px; transition: all 1s;}
.accordion .toggle:checked + .title #gtcmt_txt::after { content: ''; transform: translateY(-50%) rotate(-135deg); -webkit-transform: translateY(-50%) rotate(-135deg); margin-top: 0;}

.accordion .cont { box-sizing: border-box; width: 100%; max-width: 1000px; margin: 0 auto; max-height: 0; overflow: hidden; padding: 0;}
.accordion .cont .cmt_all { width: 100%; margin: 0 auto; padding: 1em 0 0 0;}
.accordion .cont .cmt_set { box-sizing: border-box; width: 100%; padding: 0 1em; background-repeat: no-repeat; background-size: cover; background-image: url(../../img/bg_cmt.jpg?0); border: 1px solid rgba(0, 39, 122, 1); margin-bottom: 1em;}
.accordion .cont .cmt_set dt { box-sizing: border-box; display: block; width: 100%; padding: 1em 0; font-size: 120%; font-weight: 700; text-align: left; color: rgba(24, 43, 119, 1); border-bottom: 1px solid rgba(0, 39, 122, 1);}
.accordion .cont .cmt_set dd { box-sizing: border-box; width: 100%; padding: 1.5em 0; font-size: 92%; line-height: 170%; letter-spacing: .05em; border-radius: 0 0 20px 20px;}
/*for_W640-*/
@media all and (min-width: 640px) { 
.accordion .cont .cmt_set dt { background-size: 140%;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#goto_cmt { margin-bottom: 1em;}
.accordion .cont .cmt_set dt { font-size: 130%; background-size: 100%;}
.accordion .cont .cmt_set dd { font-size: 100%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#goto_cmt-sp { max-width: 300px;}
}
/*for_W1200-*/
@media all and (min-width: 1200px) { 
.accordion .cont .cmt_set dt { font-size: 140%; background-size: cover;}
.accordion .cont .cmt_set dd { font-size: 92%;}
#goto_cmt { padding-top: 20%;}
}