/*	navi
============================== */
#about_mn #mn_about .mn a { background-image: url(../../img/mn_s/about0.png); cursor: default; pointer-events: none;}
/*for_W768-*/
@media all and (min-width: 768px) { 
#about_mn #mn_about .mn a { background-image: url(../../img/mn/about0.png);}
}

/*	contents
============================== */
.unit h2 { width: 70%; max-width: 500px; margin: 0 auto .75em auto;}
.unit h2 .img { display: block; width: 100%; height: 0; padding-top: 30.86419753%; padding-top: -webkit-calc(200 / 648 * 100%); padding-top: calc(200 / 648 * 100%); background-repeat: no-repeat; background-size: contain;}
.nkm { padding-bottom: 2em;}

.catch_txt { color: rgba(255, 255, 255, 0); font-size: 110%; line-height: 170%; background-image: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 254, 236, 1), rgba(255, 250, 178, 1), rgba(255, 244, 92, 1)); -webkit-background-clip: text; font-weight: 800; filter: drop-shadow(1px 1px 6px rgba(168, 63, 73, 1)); text-align: center; letter-spacing: .05em; padding: 1em 0;}
.catch_txt p { padding-bottom: 1em;}

#about_img-sp { width: 72%; max-width: 600px; margin: 0 auto 2em auto; border: 2px dotted rgba(255, 244, 92, 1); padding: .2em;}
#about_img-sp #about_img { width: 100%; height: 0; padding-top: 138.08333333%; padding-top: -webkit-calc(1657 / 1200 * 100%); padding-top: calc(1657 / 1200 * 100%); background-repeat: no-repeat; background-size: contain;}

.about_info { box-sizing: border-box; width: 95%; max-width: 1000px; margin: 1em auto 2em auto; background-color: rgba(255, 255, 255, .7); border-radius: 20px; padding: 2em 1em; font-size: 95%; line-height: 170%; letter-spacing: .05em;}
.about_info p { padding: 0 1em 1em 1em;}
.about_info .mds { width: 100%; text-align: center; font-size: 130%; line-height: 160%; padding: 0 0 1em 0; margin: 0 auto; color: rgba(235, 53, 94, 1); font-weight: 800; filter: drop-shadow(1px 1px 4px rgba(242, 121, 131, .5)); position: relative;}
.about_info .mds::before { content: ''; width: 60px; height: 49px; background-repeat: no-repeat; background-size: contain; background-image: url(../../img/lines.png); position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.about_info .mds::after { content: ''; width: 60px; height: 49px; background-repeat: no-repeat; background-size: contain; background-image: url(../../img/lines.png); position: absolute; top: 50%; right: 0; transform: translateY(-50%) scale(-1, 1); -webkit-transform: translateY(-50%) scale(-1, 1);}

/*for_W640-*/
@media all and (min-width: 640px) { 
.catch_txt { font-size: 120%;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
.catch_txt { font-size: 130%; padding: 1.5em 0 1em 0;}
#about_img-sp {  border: 3px dotted rgba(255, 244, 92, 1); margin: 0 auto 3em auto;}
.about_info { font-size: 100%;}
.about_info p { padding: 0 1.5em 1.5em 1.5em;}
.about_info .mds { width: 95%; margin: 0 auto;}
.about_info .mds::before { content: ''; width: 75px; height: 52.5px;}
.about_info .mds::after { content: ''; width: 75px; height: 52.5px;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
.catch_txt { font-size: 140%;}
}
/*for_W1200-*/
@media all and (min-width: 1200px) { 
.catch_txt { font-size: 160%; padding: 2em 0 1em 0;}
#about_img-sp {  border: 4px dotted rgba(255, 244, 92, 1);}
.about_info { font-size: 95%;}
.about_info .mds { width: 90%; margin: 0 auto;}
.about_info .mds::before { content: ''; width: 108px; height: 89px;}
.about_info .mds::after { content: ''; width: 108px; height: 89px;}
.about_info p { padding: 0 1.25em 1.5em 1.25em;}
}


/*_accordion*/
.accordion { width: 100%; margin: 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: 80%; max-width: 480px; margin: 0 auto;}
#goto_cmt { display: block; width: 100%; height: 0; padding-top: 18.57142857%; padding-top: -webkit-calc(130 / 700 * 100%); padding-top: calc(130 / 700 * 100%); background-repeat: no-repeat; background-size: contain;}
.accordion .toggle:checked + .title + .cont { max-height: 8000px; transition: all .8s;}
.accordion .cont { box-sizing: border-box; width: 95%; max-width: 1000px; margin: 0 auto; max-height: 0; overflow: hidden;}
.accordion .cont .cmt_all { width: 100%; margin: 0 auto; padding: 1em 0 0 0;}
.accordion .cont .cmt_set { width: 100%; margin: 1em auto .5em auto; background-color: rgba(255, 255, 255, .8); border-radius: 20px;}
.accordion .cont .cmt_set dt { box-sizing: border-box; display: block; width: 100%; padding: 1em; border-radius: 20px 20px 0 0; text-align: center; font-size: 120%; font-weight: 700; background-repeat: no-repeat; background-size: 160%; background-image: url(../../img/bg_dt.png);}
.accordion .cont .cmt_set dd { box-sizing: border-box; width: 100%; padding: 1.5em 1.5em 2em 1.5em; font-size: 95%; 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%;}
.accordion .cont .cmt_set dd { padding: 2em;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
.accordion .cont .cmt_set dt { font-size: 130%; background-size: 100%;}
.accordion .cont .cmt_set dd { padding: 2em 2.5em; font-size: 100%;}
}
/*for_W1200-*/
@media all and (min-width: 1200px) { 
.accordion .cont .cmt_set dt { font-size: 140%; background-size: cover;}
.accordion .cont .cmt_set dd { padding: 2em 2.2em; font-size: 92%;}
}