.cc-ap { width: 100%; font-size: 14px; font-size: 1.4rem; color: #555}
.cc-ap img { max-width: 100%; height: auto; width: auto; vertical-align: middle;}
.cc-ap .contwrap{width: 100%; padding:80px 0; margin-bottom: 50px;}
.cc-ap .cont1, .cc-ap .cont2, .cc-ap .cont3, .cc-ap .cont4{text-align: center; max-width: 980px; margin:0 auto;}
.cc-ap .yt{margin-bottom: 50px;}
.cc-ap .cont1_p{max-width: 650px; margin: 0 auto 40px; font-size: 16px; line-height: 2.3em;}
.cc-ap .contbox{background-color: #fff; padding:40px; text-align: left; margin-bottom: 25px;}
.cc-ap .contbox_wrap{margin-bottom: 80px;}
.cc-ap .point_mark{margin-bottom: 20px;}

.bg1 {background-color: #fffbf4;}
.bg2 {background-color: #f7f7f7;}

.cc-ap p{line-height: 2em; margin-bottom: 20px;}
.cc-ap p span.note {font-size: 12px; font-size: 1.2rem; color: #777}
.cc-ap h2.cont_ttl,
.cc-ap h2.cont_ttl2,
.cc-ap h2.cont_ttl02,
.cc-ap h2.cont_ttl02_2{color: #40220f; position: relative; margin-bottom: 100px;}
.cc-ap h2.cont_ttl::after {position: absolute;top: 65px;left: 50%;content: '';width: 210px;height: 4px;margin-left: -105px;background-color: #facac9;}
.cc-ap h2.cont_ttl2::after {position: absolute;top: 65px;left: 50%;content: '';width: 210px;height: 4px;margin-left: -105px;background-color: #8fcad2;}
.cc-ap h2.cont_ttl02::after {position: absolute;top:100px;left: 50%;content: '';width: 210px;height: 4px;margin-left: -105px;background-color: #facac9;}
.cc-ap h2.cont_ttl02_2::after {position: absolute;top: 65px;left: 50%;content: '';width: 210px;height: 4px;margin-left: -105px;background-color: #8fcad2;}

.cc-ap h3{color: #fff;}
.cc-ap h4{color: #df0623; font-size: 24px; margin-bottom: 30px;}
.cc-ap .cont3 h4{color: #3bb0c2; font-size: 24px; margin-bottom: 30px;}
.cc-ap .cont3 .cont3_p{max-width: 650px; margin: 0 auto 50px;}
.cc-ap .cont2 .anno,.cc-ap .cont3 .anno,.cc-ap .cont4 .anno {color: #6b6b6b;}
.cc-ap div.h3_pink_n{background-color:#df8182; color:#fff; padding:10px 0; margin-bottom: 30px;}
.cc-ap div.h3_pink{background-color:#df8182; color:#fff; padding:15px 0; margin-bottom: 30px;}
.cc-ap div.h3_blue{background-color:#8fcad2; color:#fff; padding:15px 0; margin-bottom: 30px;}

.cc-ap h3 .new{display: inline-block; background-color: #df0623; font-size: 11px; border-radius: 100%; width: 40px; height: 40px; line-height:40px !important; vertical-align: middle; margin-right: 7px;}

.cc-ap .col-43{width: 43%;}
.cc-ap .col-57{width: 57%;}
.cc-ap .col-50{width: 50%;}
.cc-ap .col-45{width: 45%;}
.cc-ap .fl-l{float: left;}
.cc-ap .fl-r{float: right;}

.cc-ap .vm img{margin-top: 50px;}

.ll-ab__btn { font-size: 13px; font-size: 1.3rem; color: #fff; margin: 0 auto 10px; display: inline-block; * display: inline; * zoom: 1}
.ll-ab__btn a { padding: 10px; display: block; box-sizing: border-box; min-width: 240px; background-color: #005293; color: #fff; text-decoration: none; background-size: 14px 14px; border-radius: 6px}
.anno { font-size: 13px; font-size: 1.1rem; line-height: 1; color: #facac9;}
.super { vertical-align: super; font-size: 80%}

.spbr { display: inline}
.pcbr { display: none}
.spimg { display: block}
.pcimg { display: none}
hr.hr1 { border: 0; width: 100%; height: 1px; background-color: #ccc; margin: 30px auto}



.img_r {float: right;margin: 0 0 10px 10px}
.center {text-align: center !important;}
.btm10 {margin-bottom: 10px}
.btm20 {margin-bottom: 20px}
.btm30 {margin-bottom: 30px}
.btm40 {margin-bottom: 40px}
.btm50 {margin-bottom: 50px}
.btm60 {margin-bottom: 60px}
.btm70 {margin-bottom: 70px}
.btm80 {margin-bottom: 80px}
.btm90 {margin-bottom: 90px}
.btm100 {margin-bottom: 100px}
.li_disc li {list-style: disc outside;margin-left: 18px}

/*!------------------------------------*\
    Smartphone
\*!------------------------------------*/
@media screen and (max-width: 641px) {
.cc-ap .contwrap{padding:20px 0; margin-bottom: 20px;}
.cc-ap .cont1, .cc-ap .cont2, .cc-ap .cont3, .cc-ap .cont4{max-width: 90%;}
h2 {font-size: 1.4rem; letter-spacing: 0em;}
h3 {font-size: 1.4rem; letter-spacing: 0em;}
.cc-ap h2.cont_ttl::after {top: 35px;left: 50%;content: '';width: 30%;height: 3px;margin-left: -15%;}
.cc-ap h2.cont_ttl2::after {top: 35px;left: 50%;content: '';width: 30%;height: 3px;margin-left: -15%;}
.cc-ap h2.cont_ttl02::after {top: 50px;left: 50%;content: '';width: 30%;height: 3px;margin-left: -15%;}
.cc-ap h2.cont_ttl02_2::after {top: 50px;left: 50%;content: '';width: 30%;height: 3px;margin-left: -15%;}

.cc-ap h2.cont_ttl, .cc-ap h2.cont_ttl2,
.cc-ap h2.cont_ttl02, .cc-ap h2.cont_ttl02_2{margin-bottom: 50px;}

.cc-ap .yt{margin-bottom: 25px;}
.cc-ap .cont1_p{max-width: 90%; margin: 0 auto 20px; font-size: 14px; line-height: 1.6em; letter-spacing: 0;}
.cc-ap h3 .new{font-size: 9px; border-radius: 100%; width: 30px; height: 30px; line-height:30px !important; }
.cc-ap div.h3_pink_n{margin-bottom: 15px;}
.cc-ap div.h3_pink{margin-bottom: 15px;}
.cc-ap div.h3_blue{margin-bottom: 15px;}
.cc-ap .contbox{padding:6%; margin-bottom: 15px;}
.cc-ap h4{font-size: 18px; margin-bottom: 15px;}
.cc-ap p{line-height: 1.5em;}
.cc-ap .contbox_wrap{margin-bottom: 30px;}
.cc-ap .cont3 h4{font-size: 18px; margin-bottom: 15px;}
.cc-ap .cont3 .cont3_p{margin: 0 auto 20px;}
.cc-ap .vm img{margin-top: 0px;}


.cc-ap .col-50{width: 100%; margin-bottom: 20px;}
.cc-ap .col-45{width: 100%; margin-bottom: 20px;}
.cc-ap .col-57{width: 100%;}
.cc-ap .col-43{width: 100%;}
.cc-ap .fl-l{float: none;}
.cc-ap .fl-r{float: none}
}