@charset "utf-8";

/* ------------------------------
   Universal Reset
   Contents
   Responsive
   Animation
------------------------------ */

/*==================================================================
   Universal Reset
==================================================================*/
html,body{margin:0;padding:0;width:100%;height:100%;font-size:100%;}
main{display:block;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,div,object,ul,ol,li,dl,dt,dd,tr,td,fieldset,form,legend,small,figure{margin:0;padding:0;font-size:100%;font-weight:normal;}
ul,ol{list-style:none;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none;}
table,th,td{border:0;border-spacing:0;}
caption,th{text-align:left;}
em,strong,cite,abbr,caption,th,address{font-style:normal;font-weight:normal;}
img{max-width:100%;border:0 none;vertical-align:bottom;_vertical-align:text-bottom;}
input:not([type="radio"]):not([type="checkbox"]),select,textarea{margin:0;padding:0;border:none;border-radius:0;vertical-align:middle;
-moz-appearance:none;-webkit-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
input[type="submit"]:hover{cursor:pointer;}
input[type="image"]{max-width:100%;outline: none;}
option{padding-right:5px;}
button{background:none;padding:0;border:0;text-align:left;}
article,aside,dialog,details,figure,figcaption,footer,header,hgroup,menu,nav,section{display:block;}
mark{font-weight:normal;font-style:normal;}
blockquote,q{quotes:none;}
a{vertical-align:baseline;text-decoration:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}


/*==================================================================
   Contents
==================================================================*/
html{font-size:calc(1000vw / 750);}
:root{
  --bdr-w: 0.4rem;
  --c-green: #41b797;
  --c-yellow:#f4ed21;
  --c-dark:  #171717;
  --c-mint:  #e4fff8;
}
body{color:var(--c-dark);font-size:3rem;font-family:'Noto Sans JP',"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;line-height:1.6;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;}
#container{text-align:left;background:#fff;display: flex;flex-direction: column;min-height: 100%;}
main{min-height:80vh;position:relative;z-index: 1;flex-grow: 1;}
section{position:relative;}
.view_sp{display:block;}
.view_pc{display:none;}


/*========== frame ==========*/
/*--- header ---*/
#header{position: relative;background:#fff;padding:3rem;box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);}
#header .logo > a{display: block;width: 15.3rem;}
#header .logo > a img{display: block;}
/* only not index */
body:not(#index) main.lowerCont{font-size:2.8rem;line-height:1.8;padding-bottom:8rem;}

/*--- footer ---*/
#footer {text-align:center;padding: 5rem 0 4.5rem;background:var(--c-green);}
#footer nav ul.fnav{display: flex;flex-direction: column;justify-content: center;}
#footer nav ul.fnav li:not(:last-child){padding-right: 0;}
#footer nav ul.fnav li:not(:last-child)::after{content: none;}
#footer nav ul.fnav > li > a{display:block;color:#FFF;text-align:left;padding:2rem 6rem;}
#footer .copyright{color:#FFF;margin-top:5rem;font-size:2.6rem;}


/*========== parts ==========*/
/*--- title ---*/
/* ttl_01 */
.ttl_01{color:var(--c-dark);font-size:4.4rem;font-weight:bold;text-align: center;line-height:1.4;padding: 10rem 4rem 0;}
.ttl_01 > span{color: var(--c-green);}
/* ttl_02 */
.ttl_02{position: relative;font-size:3rem;font-weight:bold;text-align: left;line-height:1.4;padding-left:2rem;margin-block: 4rem;}
.ttl_02::before {position: absolute;content: "";top: 0;left: 0;width: 0.6rem;height: 100%;border-radius: 0.3rem;background: var(--c-green);}

/*--- bg ---*/
.bg_mint{background: var(--c-mint);}

/*--- balloon ---*/
.balloon{position: relative;background: var(--c-green);color: #fff;font-weight: bold;text-align: center;border-radius: 1rem;}
.balloon::after{content: '';position: absolute;bottom: calc(var(--balloon-h, 1.4rem) * -1 + 1px);left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: var(--balloon-w, 1.2rem) solid transparent;border-right: var(--balloon-w, 1.2rem) solid transparent;border-top: var(--balloon-h, 1.4rem) solid var(--c-green);}

/*--- circle_num ---*/
.circle_num{border-radius: 50%;background: var(--c-yellow);border: var(--bdr-w) solid var(--c-green);display: flex;align-items: center;justify-content: center;flex-shrink: 0;align-self: flex-start;color: var(--c-green);}

/*--- list ---*/
/* list_disc */
ul.list_disc01{list-style: outside disc;margin-left: 1.3em;}
ul.list_disc01 > li{margin-block:0.5em;}
/* list_num */
ol.list_num01{list-style: outside decimal;margin-left: 1.3em;}
ol.list_num01 > li{margin-block:0.5em;}
ol.list_num02{list-style: none;counter-reset: paren-counter;}
ol.list_num02 > li{counter-increment: paren-counter;text-indent: -1.8em;padding-left: 1.8em;}
ol.list_num02 > li::before{content: "(" counter(paren-counter) ")";margin-right: 0.5em;}
/* list_kana */
ol.list_kana01{list-style: none;counter-reset: katakana-counter;}
ol.list_kana01 > li{counter-increment: katakana-counter;text-indent: -1.5em;padding-left: 1.5em;}
ol.list_kana01 > li::before{content: counter(katakana-counter, katakana);margin-right: 0.5em;}
/*--- list_item ---*/
dl.list_item01 dt{position: relative;font-weight:bold;margin-bottom:0.3em;}
dl.list_item01 dd{margin:0 0 1.5em;}

/*--- button ---*/
/* btn01 */
.btn01 a,
.btn01 input[type="submit"]{background: #fff;border-radius: 6rem;max-width: 46rem;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 4rem auto 0;font-size: 3.2rem;text-align: center;padding: 1.5rem 0.5rem;font-weight: bold;box-shadow: 0 0 2rem #e6e6e6;line-height: 1.5;min-height: 9rem;}
.btn01 input[type="submit"]{padding: 2rem;}
.btn01.contact a,
.btn01.contact input[type="submit"]{color: var(--c-green);border: solid var(--c-green) var(--bdr-w);}
.btn01.request a,
.btn01.request input[type="submit"]{background: var(--c-green);color: var(--c-yellow);border: solid #fff var(--bdr-w);}
.btn01.request a span,
.btn01.request input[type="submit"] span{color: #fff;font-size: 2rem;font-weight: 500;display: block;}
.btn01.ext a,
.btn01.ext input[type="submit"]{background: #ff9e20;border: solid #ff9e20 var(--bdr-w);color: #fff;padding: 2rem;margin-top: 10rem;}
/* 追従CTA */
#js_fixed_btn .js_fixed_btn_cont .btn01{display: flex;}
#js_fixed_btn .js_fixed_btn_cont .btn01 a{margin-top: 0;flex: 1;}
/* btn02 */
.btn02 a,
.btn02 input[type="submit"]{background: #fff;display: block;max-width: 46rem;width: 100%;color:#AAA;font-size: 3.2rem;font-weight: bold;text-align: center;padding: 1.5rem;margin: 4rem auto 0;border: solid #AAA var(--bdr-w);border-radius: 4.5rem;}
/* list_btn */
ul.list_btn{display: grid;grid-template-columns: 1fr 1fr;gap: 3.5rem;}
ul.list_btn > .btn01{display: flex;}
ul.list_btn > .btn01 > a,
ul.list_btn > .btn01 > input[type="submit"]{flex: 1;margin-top: 0;font-size: 3rem;min-height: 6.4rem;}

/*--- form ---*/
input,select,textarea{width:100%;font-size:16px;font-family:'Noto Sans JP',"Meiryo","メイリオ",sans-serif;}
input::placeholder,input::-webkit-input-placeholder{font-size:16px;}

/*--- area ---*/
.area_01{padding:6rem 3rem;max-width:920px;margin:0 auto;}

/*--- table ---*/
.tbl_01{width:100%;border-collapse:collapse;}
.tbl_01 th,.tbl_01 td{text-align: left;vertical-align: top;border: solid #d6d6d6 1px;padding:2rem;}
.tbl_01 th{background: #f6f6f6;font-weight: bold;}
.tbl_01 td{background: #fff;}


/*========== index setion block ==========*/
main > *[class^="blc_"]:not(.blc_mv) > .inner{padding:6rem 3rem 10rem;}

/*--- blc_mv ---*/
.blc_mv {background: url(../img/mv_bg_sp.jpg) center top / cover no-repeat;}
.blc_mv .area_mv {padding: 2rem 3rem 0 3rem;display: flex;flex-wrap: wrap;gap: 2.5rem 5rem;justify-content: center;}
.blc_mv .area_mv > .logo {flex: 0 0 100%;}
.blc_mv .area_mv > .logo img {width: 15.3rem;}
.blc_mv .area_ttl {flex: 0 0 100%;margin-bottom: 0.5rem;--balloon-w: 1.5rem;--balloon-h: 1.7rem;}
.blc_mv .area_ttl .balloon {font-size: 3.2rem;padding: 1.2rem 3rem;}
.blc_mv .catch {font-size: 6rem;font-weight: 900;line-height: 1.5;margin-top: 2.5rem;font-feature-settings: "palt";}
.blc_mv .catch .f_green {font-size: 7.4rem;display: block;line-height: 1.2;}
.blc_mv .area_pic {flex: 0 0 30.8rem;}
.blc_mv .area_pic img {width: 100%;display: block;}
.blc_mv ul.list_medal {flex: 0 0 19.2rem;display: grid;grid-template-rows: 1fr 1fr 1fr;gap: 2rem;height: 64.6rem;}
.blc_mv ul.list_medal > li {min-height: 0;}
.blc_mv ul.list_medal > li img {display: block;width: 100%;height: 100%;object-fit: contain;}

/*--- blc_worry ---*/
.blc_worry ul.list_worry {display: flex;flex-direction: column;gap: 6rem;}
.blc_worry ul.list_worry > li > dl{position: relative;margin: 3.5rem auto 0;background: var(--c-mint);border-radius: 1rem;}
.blc_worry ul.list_worry > li > dl::before {position: absolute;content: '';top: -3.5rem;left: 50%;transform: translateX(-50%);width: 19.6rem;height: 9.9rem;border-radius: 50%;background: var(--c-green);z-index: -1;}
.blc_worry ul.list_worry > li > dl > dt{background: var(--c-green);color: #fff;padding: 1rem 4rem 1.3rem;font-weight: bold;font-size: 3.6rem;line-height: 1.2;text-align: center;border-radius: 1rem 1rem 0 0;}
.blc_worry ul.list_worry > li > dl > dd{padding: 3.5rem 4rem;}
.blc_worry ul.list_worry > li > dl > dd img{background: #fff;width: 100%;height: 30rem;object-fit: contain;display: block;margin: 0 auto 3rem;padding-top: 1rem;}

/*--- blc_feature ---*/
.blc_feature ul.list_feature {display: flex;flex-direction: column;gap: 4rem;}
.blc_feature ul.list_feature > li {display: flex;flex-direction: column;background: #fff;border-radius: 1rem;overflow: hidden;box-shadow: 0 0 2.1rem #cbf2e8;}
.blc_feature ul.list_feature > li .feature_head {background: var(--c-green);color: #fff;padding: 2rem 2.9rem;display: flex; flex-direction: row; align-items: center; gap: 2.5rem;}
.blc_feature ul.list_feature > li .feature_head .num {font-size: 2.6rem;margin: 0;font-weight: 500;}
.blc_feature ul.list_feature > li .feature_head .name { margin: 0;font-weight: 500;}
.blc_feature ul.list_feature > li > ul.list_items {padding: 4rem 3rem 4rem 4rem;display: flex;flex-direction: column;gap: 3rem;}
.blc_feature ul.list_feature > li > ul.list_items > li {display: flex;flex-direction: row;align-items: flex-start;gap: 2rem;}
.blc_feature ul.list_feature > li > ul.list_items > li > div {display: flex;gap: 1rem;flex: 1;}
.blc_feature ul.list_feature > li > ul.list_items > li img {width: 4.7rem;flex-shrink: 0;}
.blc_feature ul.list_feature > li > ul.list_items > li .ttl {font-weight: bold;margin: 0;width: 24.3rem;flex-shrink: 0;}
.blc_feature ul.list_feature > li > ul.list_items > li .desc {font-size: 2.6rem;margin: 0;font-weight: 500;}

/*--- blc_compare ---*/
.blc_compare .compare_wrap{margin-right: -3rem;filter: drop-shadow(0 0 1rem #e6e6e6);}
.blc_compare .compare{overflow-x: auto;}
.blc_compare .compare_inner{display: inline-block;border-radius: 1rem;overflow: clip;isolation: isolate;}
.blc_compare table.compare_table{width: 95rem;table-layout: fixed;border-collapse: separate;border-spacing: 0;}
.blc_compare table.compare_table th:first-child{width: 26rem;}
.blc_compare table.compare_table th:first-child,
.blc_compare table.compare_table td:first-child{position: sticky;left: 0;}
.blc_compare table.compare_table th,
.blc_compare table.compare_table td{text-align: center;padding: 2rem 1rem;vertical-align: middle;font-size: 2.4rem;box-shadow: 0 0 0.1rem #e6e6e6;font-weight: 500;}
.blc_compare table.compare_table th{font-size: 2.2rem;padding: 1.8rem 1rem;}
.blc_compare table.compare_table thead tr th:first-child{background: #595959;}
.blc_compare table.compare_table thead tr th:nth-child(2){background: var(--c-green);color: #fff;box-shadow: inset 0 var(--bdr-w) 0 0 var(--c-green), inset var(--bdr-w) 0 0 0 var(--c-green), inset calc(var(--bdr-w) * -1) 0 0 0 var(--c-green);}
.blc_compare table.compare_table thead tr th:nth-child(n+3),
.blc_compare table.compare_table tbody tr td:first-child{background: #595959;color: #fff;}
.blc_compare table.compare_table tbody tr td:nth-child(2){box-shadow: inset var(--bdr-w) 0 0 0 var(--c-green), inset calc(var(--bdr-w) * -1) 0 0 0 var(--c-green);}
.blc_compare table.compare_table tbody tr:last-child td:nth-child(2){box-shadow: inset var(--bdr-w) 0 0 0 var(--c-green), inset calc(var(--bdr-w) * -1) 0 0 0 var(--c-green), inset 0 calc(var(--bdr-w) * -1) 0 0 var(--c-green);}
.blc_compare table.compare_table tbody tr:nth-child(-n+4) td:nth-child(2){background: var(--c-mint);color: var(--c-green);}
.blc_compare table.compare_table tbody tr:nth-child(-n+4) td:nth-child(n+3){background: #ecebeb;}
.blc_compare table.compare_table tbody tr:nth-child(n+5) td:nth-child(n+2){background: #fff;}
.blc_compare table.compare_table tbody tr td.fs{font-size: 2.2rem;line-height: 1.2;padding-top: 0.5rem;padding-bottom: 0.5rem;}

/*--- blc_price ---*/
.blc_price {background: var(--c-green);}
.blc_price .price_box{background: #fff;border-radius: 1rem;padding: 4rem 4rem 5rem;box-shadow: 0 0 2.1rem #2f997c;}
.blc_price .price_box > .price_display .usage_fee{font-size: 2.4rem;background: var(--c-green);border-radius: 50%; color: #fff;width: 11rem;height: 11rem;display: flex;justify-content: center;align-items: center;flex-shrink: 0;font-weight: 500;line-height: 1.2;}
.blc_price .price_box > .price_display{display: flex;justify-content: center;gap: 4rem;margin-bottom: 5rem;}
.blc_price .price_box > .price_display .price{font-size: 6.2rem;font-weight: bold;border-bottom: solid var(--bdr-w) var(--c-green);display: inline-block;}
.blc_price .price_box ul.list_note > li{font-size: 2.6rem;font-weight: 500;padding-left: calc(2rem + 1em);text-indent: -1em;}
.blc_price .price_box ul.list_note > li:not(:last-child){margin-bottom: 2rem;}

/*--- blc_qa ---*/
.blc_qa ul.list_qa{display: flex;flex-direction: column;gap: 4rem;}
.blc_qa ul.list_qa > li{background: #fff;border-radius: 1rem;border: solid var(--bdr-w) var(--c-dark);overflow:hidden;transition: border-color 0.3s;display: flex;flex-direction: column;}
.blc_qa ul.list_qa > li > dl{display: flex;flex-direction: column;}
.blc_qa ul.list_qa > li:has(dt:hover),
.blc_qa ul.list_qa > li:has(dt.open){border-color: var(--c-green);}
.blc_qa ul.list_qa > li > dl > dt{display:grid;grid-template-columns: auto 1fr;column-gap: 2rem;align-items: stretch;padding: 0 8rem 0 0;cursor:pointer; position:relative;font-weight:bold;}
.blc_qa ul.list_qa > li > dl > dt::after {content: "\f078";font-family: 'Font Awesome 5 Free';position: absolute;right: 3rem;top: 50%;transform: translateY(-50%) rotate(0deg);transition: transform 0.5s, color 0.3s;color: var(--c-dark);display: block;line-height: 1;font-size: 2.6rem;}
.blc_qa ul.list_qa > li > dl > dt.open::after {transform: translateY(-50%) rotate(-180deg);color: var(--c-green);}
.blc_qa ul.list_qa > li > dl > dt:hover,
.blc_qa ul.list_qa > li > dl > dt.open {color: var(--c-green);}
.blc_qa ul.list_qa > li > dl > dt:hover::after {color: var(--c-green);}
.blc_qa ul.list_qa > li > dl > dt .num{background: var(--c-dark);color: #fff;font-weight: bold;padding: 3rem 4rem 3rem 3rem;display: flex;align-items: center;clip-path: polygon(0 0, calc(100% - 2.5rem) 0, 100% 50%, calc(100% - 2.5rem) 100%, 0 100%);transition: background 0.3s;}
.blc_qa ul.list_qa > li > dl > dt:hover .num,
.blc_qa ul.list_qa > li > dl > dt.open .num {background: var(--c-green);}
.blc_qa ul.list_qa > li > dl > dt .txt{display: flex;align-items: center;padding: 3rem 0;}
.blc_qa ul.list_qa > li > dl > dd{border-top: solid var(--bdr-w) var(--c-green);padding: 3rem 4rem;font-weight: 500;}

/*--- blc_flow ---*/
.blc_flow h2.ttl_01 .lt_logo {width: 24rem;vertical-align: baseline;}
.blc_flow h3 {--balloon-w: 2.2rem;--balloon-h: 3.5rem;padding: 3.5rem 2rem;margin-block: 10rem 7.5rem;}
.blc_flow .area_point,
.blc_flow .area_cooperation{margin-bottom: 4rem;}
.blc_flow .area_point .point_head{display: flex;align-items: center;gap: 1.5rem;border-bottom: solid var(--bdr-w) var(--c-green);padding-bottom: 2.5rem;margin-bottom: 3rem;}
.blc_flow .area_point .point_head .point{font-size: 2.2rem;background: var(--c-green);border-radius: 50%;color: #fff;width: 7.8rem;height: 7.8rem;display: flex;justify-content: center;align-items: center;flex-shrink: 0;font-weight: 500;}
.blc_flow .area_point .point_head .ttl{font-size: 2.4rem;flex: 1;font-weight: 500;}
.blc_flow .area_point .point_head .ttl span{font-size: 3.4rem;font-weight: bold;font-feature-settings: "palt";}
.blc_flow .area_cooperation{border: var(--bdr-w) solid var(--c-green);border-radius: 1rem;padding: 7rem 8.5rem 7rem 6.5rem;display: flex;align-items: center;justify-content: center;}
/* list_point */
.blc_flow ul.list_point{display: grid;grid-template-columns: 1fr;gap: 4rem;}
.blc_flow ul.list_point > li{display: grid;grid-row: span 2;grid-template-rows: subgrid;position: relative;}
.blc_flow ul.list_point > li > dl{display: grid;grid-row: span 2;grid-template-rows: subgrid;border: var(--bdr-w) solid var(--c-green);border-radius: 1rem;background: var(--c-mint);position: relative;margin: 4rem 0 0 1.5rem;}
.blc_flow ul.list_point > li > dl > dt{display: flex;align-items: center;position: absolute;left: -1.5rem;top: -4rem;font-weight: 500;}
.blc_flow ul.list_point > li > dl > dt .circle_num{width: 7.5rem;height: 7.5rem;position: relative;}
.blc_flow ul.list_point > li > dl > dt .ttl{background: #35b797;color: #fff;border-radius: 3rem;padding: 0.7rem 4rem 0.7rem 8rem;margin-left: -7rem;}
.blc_flow ul.list_point > li > dl > dd.pic{padding-bottom: 1rem;}
.blc_flow ul.list_point > li > dl > dd.pic img{width: 100%;height: 25.7rem;object-fit: contain;display: block;margin: 8rem auto 0;padding: 0 3rem;}
.blc_flow ul.list_point > li > dl > dd.pic img.img_sm{height: 16.5rem;}
.blc_flow ul.list_point > li > dl > dd.txt p{padding: 0 4rem 3rem;font-weight: 500;}
/* list_flow */
.blc_flow ol.list_flow {display: flex;flex-direction: column;align-items: center;gap: 3.5rem;}
.blc_flow ol.list_flow > li {position: relative;display: flex;flex-direction: row;align-items: center;gap: 3rem;width: 100%;}
.blc_flow ol.list_flow > li:not(:last-child)::after {content: "";position: absolute;bottom: 0;left: 4rem;width: 1.7rem;height: 1.7rem;border-right: var(--bdr-w) solid var(--c-green);border-bottom: var(--bdr-w) solid var(--c-green);transform: translateX(-50%) rotate(45deg);}
.blc_flow ol.list_flow > li .circle_num{width: 8.4rem;height: 8.4rem;font-size: 2.7rem;margin-top: 2rem;font-weight: 500;}
.blc_flow ol.list_flow > li .box_flow { border: var(--bdr-w) solid var(--c-green);border-radius: 1rem; overflow: hidden;flex: 1;display: flex;flex-direction: row;align-items: stretch;padding: 3rem 4rem 2.5rem 6rem;gap: 4rem;}
.blc_flow ol.list_flow > li .pic {display: flex;align-items: center;justify-content: center; flex-shrink: 0;}
.blc_flow ol.list_flow > li .pic img{width: 15.4rem;}
.blc_flow ol.list_flow > li .text_flow {display: flex;flex-direction: column;flex: 1;}
.blc_flow ol.list_flow > li .text_flow .ttl {background: var(--c-green);color: #fff;text-align: center; margin: 0; display: flex; align-items: center;justify-content: center; flex: 1; border-radius: 1rem;padding: 0 1rem 0.1rem;font-weight: 500;}
.blc_flow ol.list_flow > li .text_flow .desc {font-size: 3rem;text-align: center;padding-top: 1rem;color: var(--c-dark);font-weight: 500;}
/* box_explanation */
.blc_flow .box_explanation{position: relative; background: var(--c-mint);padding: 6rem 4rem 3rem 4rem;margin-top: 7rem;}
.blc_flow .box_explanation::before {position: absolute; content: "!"; top: calc((7rem / 2) * -1);left: 0;right: 0;margin: auto;background: var(--c-green);font-size: 4.2rem;color: #fff; width: 7rem;height: 7rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.blc_flow .box_explanation .lt_logo {width: 16rem;vertical-align: baseline;margin-right: 0.5rem;}
.blc_flow .box_explanation .lf_logo{width: 10.4rem;vertical-align: baseline;margin-inline: 0.5rem;}

/*--- blc_regist ---*/
.blc_regist{padding-bottom: 5rem;}
/* 追従CTA */
#js_fixed_btn.js_fixed_btn_active .js_fixed_btn_cont{position: fixed;bottom: 0;right: 0;left: 0;z-index: 3;}
#js_fixed_btn .js_fixed_btn_cont > .inner{padding:0 3rem 5rem;}

/*--- blc_form ---*/
.blc_form .area_form ul.list_radio{display:flex;flex-wrap:wrap;align-items: center;margin-bottom: -0.8em;}
.blc_form .area_form ul.list_radio > li{min-width:40%;margin:0 0.8em 0.8em 0;}
.blc_form .area_form ul.list_radio > li.col-auto{min-width:auto;}
.blc_form .area_form ul.list_radio > li.col-wide{margin-right: 0;letter-spacing: -0.1rem;}
.blc_form .area_form dl.list_input{display: block;}
.blc_form .area_form dl.list_input dt,
.blc_form .area_form dl.list_input dd,
.blc_form .area_form dl.list_input dd.left{font-weight:500;margin-bottom:1.2rem;}
.blc_form .area_form dl.list_input dt span{color: #ff0700;}
.blc_form .area_form dl.list_input dd{margin-bottom:6rem;}
.blc_form .area_form dl.list_input dd.left {margin-bottom: 2.5rem;}

.blc_form .area_form input[type="submit"]{margin: 1.5em auto;}
.blc_form .area_form input[type="text"],
.blc_form .area_form input[type="email"],
.blc_form .area_form input[type="tel"],
.blc_form .area_form textarea{padding:1rem 2rem;border:1px solid #d1d1d1;border-radius: 0.5rem;}
.blc_form .area_form input[type="radio"],
.blc_form .area_form input[type="checkbox"] {display: none;}
.blc_form .area_form input[type="radio"] + label ,
.blc_form .area_form input[type="checkbox"]+ label{position: relative;padding-left: 4.5rem;display: block;}
.blc_form .area_form input[type="radio"] + label::before,
.blc_form .area_form input[type="checkbox"] + label::before {content: "";font-family: "Font Awesome 5 Free";display: block;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;width: 2.8rem;height: 2.8rem;border-radius: 0.5rem;background: #fff;border:1px solid #d1d1d1;}
.blc_form .area_form input[type="radio"]:checked + label::before,
.blc_form .area_form input[type="checkbox"]:checked + label::before{display: flex;justify-content: center;align-items: center;position: absolute;content: "\f00c";font-weight: 900;font-size: 1.8rem;text-align: center;color: #fff;border: 1px solid var(--c-green);background: var(--c-green);}
.blc_form .area_form input::placeholder {color: #d1d1d1;}



/*========== common ==========*/
em{color:#ff0000;}
strong{color:#ff0000;font-weight:bold;}

.mt_0{margin-top:0 !important;}
.mt_S{margin-top:0.5em !important;}
.mt_M{margin-top:1em !important;}
.mt_L{margin-top:1.5em !important;}
.mt_LL{margin-top:2em !important;}
.mb_0{margin-bottom:0 !important;}
.mb_S{margin-bottom:0.5em !important;}
.mb_M{margin-bottom:1em !important;}
.mb_L{margin-bottom:1.5em !important;}
.mb_LL{margin-bottom:3em !important;}

.pt_0{padding-top:0 !important;}
.pt_S{padding-top:0.5em !important;}
.pt_M{padding-top:1em !important;}
.pt_L{padding-top:1.5em !important;}
.pt_LL{padding-top:2em !important;}
.pb_0{padding-bottom:0 !important;}
.pb_S{padding-bottom:0.5em !important;}
.pb_M{padding-bottom:1em !important;}
.pb_L{padding-bottom:1.5em !important;}
.pb_LL{padding-bottom:2em !important;}

.f_bold{font-weight: bold !important;}
.f_b500{font-weight: 500 !important;}
.f_green{color: var(--c-green);}
.f_yellow {color: var(--c-yellow);}

.tx_left{text-align:left;}
.tx_right{text-align:right;}
.tx_center{text-align:center;}

/*==================================================================
   Responsive
==================================================================*/
/*========== 750px以上 PC表示 ==========*/
@media screen and (min-width:750px) {
html{font-size:62.5%;}
:root{--bdr-w: 0.2rem;}
body{font-size:2rem;}
#container{min-width:1000px;}
.view_sp{display:none;}
.view_pc{display:block;}
/* only not index */
body:not(#index) main.lowerCont{font-size:1.6rem;}

/*========== frame ==========*/
/*--- header ---*/
#header{padding:2rem calc((100% - 920px) /2);}
#header .logo > a{width: 14rem;}

/*--- footer ---*/
#footer {font-size:2rem;padding: 6rem 1rem;}
#footer nav ul.fnav{flex-direction: row;}
#footer nav ul.fnav li{position: relative;display: inline-block;}
#footer nav ul.fnav li:not(:last-child){padding-right: 6rem;}
#footer nav ul.fnav li:not(:last-child)::after{position: absolute;content: "/";top:calc(50% - 2.2rem);right:2.5rem;color: #fff;font-size: 2.5rem;}
#footer nav ul.fnav > li > a:hover{color:var(--c-yellow);}
#footer nav ul.fnav > li > a{display:block;color:#FFF;font-size: 2rem;padding:0;border-bottom:none;text-align:left;}
#footer .copyright{margin-top:3rem;font-size: 1.6rem;}

/*========== parts ==========*/
/*--- title ---*/
.ttl_01{font-size:3.2rem;padding:6rem 4rem 0;}

/*--- button ---*/
.btn01 a,
.btn01 input[type="submit"]{font-size: 2.4rem;margin: 0;transition: all .4s;max-width: 40rem;min-height: 8rem;}
.btn01.request a span,
.btn01.request input[type="submit"] span{font-size: 1.6rem;}
.btn01.request a:hover,
.btn01.request input[type="submit"]:hover{background: #fff;border-color: var(--c-green);color: var(--c-green);}
.btn01.request a:hover span,
.btn01.request input[type="submit"]:hover span{color: var(--c-green);}
.btn01.contact a:hover,
.btn01.contact input[type="submit"]:hover{background: var(--c-green);color: #fff;}
.btn01.ext a,
.btn01.ext input[type="submit"]{margin: 6rem auto 0;}
.btn01.ext a:hover,
.btn01.ext input[type="submit"]:hover{background: #fff;color: #ff9e20;}
.btn02 a,
.btn02 input[type="submit"]{font-size: 2.4rem;max-width: 40rem;min-height: 8rem;}
/* list_btn */
ul.list_btn{gap: 10rem;margin-inline: 1rem;}
ul.list_btn > .btn01 > a,
ul.list_btn > .btn01 > input[type="submit"]{font-size: 2.4rem;min-height: 8rem;padding: 1rem 0.5rem;}



/*========== index setion block ==========*/
main > *[class^="blc_"]:not(.blc_mv) > .inner{padding:6rem calc((100% - 920px) /2);}

/*--- blc_mv ---*/
.blc_mv {background-image: url(../img/mv_bg_pc.jpg);}
.blc_mv .area_mv {display: grid;grid-template-columns: 23.5rem 1fr;grid-template-rows: auto auto 1fr;
 grid-template-areas: 
 "logo ." 
 "pic ttl" 
 "pic medal";
 padding: 2rem calc((100% - 920px) / 2) 0;gap: 3rem 5rem;}
.blc_mv .area_mv > .logo {grid-area: logo;align-self: start;}
.blc_mv .area_mv > .logo img {width: 14rem;}
.blc_mv .area_ttl {grid-area: ttl;}
.blc_mv .area_ttl .balloon {padding: 1rem 2.5rem;margin-bottom: 0;}
.blc_mv .catch {font-size: 5.4rem;}
.blc_mv .catch .f_green {font-size: 6.8rem;margin-top: 1rem;}
.blc_mv .area_pic {grid-area: pic;align-self: center;padding-left: 0;}
.blc_mv .area_pic img {width: 23.5rem;}
.blc_mv ul.list_medal {grid-area: medal;display: flex;height: auto;align-self: end;flex-direction: row;justify-content: space-between;gap: 4rem;margin-top: 0;margin-right: 0;}
.blc_mv ul.list_medal > li img {width: 18.3rem;height: auto;}

/*--- blc_worry ---*/
.blc_worry ul.list_worry {justify-content: space-between;flex-direction: row;gap: 2rem;}
.blc_worry ul.list_worry > li {width: calc(100% / 3);display: flex;flex-direction: column;}
.blc_worry ul.list_worry > li > dl {margin-top: 2rem;margin-bottom: 0;flex: 1;}
.blc_worry ul.list_worry > li > dl > dt{font-size: 2.4rem;line-height: 1;}
.blc_worry ul.list_worry > li > dl::before {top: -2rem;width: 11.7rem;height: 5.9rem;}
.blc_worry ul.list_worry > li > dl > dd{padding: 1rem 1rem 2.5rem;}
.blc_worry ul.list_worry > li > dl > dd img {margin-bottom: 2.5rem;height: 16.8rem;padding: 2rem 0 0.7rem;}
.blc_worry ul.list_worry > li:first-child > dl > dd img{padding-top: 1rem;}
.blc_worry ul.list_worry > li > dl > dd p{margin-inline: 2rem;}

/*--- blc_feature ---*/
.blc_feature ul.list_feature {gap: 2.7rem;}
.blc_feature ul.list_feature > li {flex-direction: row; align-items: stretch;}
.blc_feature ul.list_feature > li .feature_head {width: 20rem;flex-shrink: 0;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 0;padding: 1.5rem 3rem;}
.blc_feature ul.list_feature > li > ul.list_items {display: flex;flex-direction: row;flex: 1;padding: 1.5rem 2rem 1.5rem 3rem;gap: 1rem;}
.blc_feature ul.list_feature > li > ul.list_items > li > div {flex-direction: column;align-items: flex-start;width: auto;flex-shrink: 1;gap: 0;}
.blc_feature ul.list_feature > li > ul.list_items > li {flex: 5;align-items: center;gap: 1.2rem;}
.blc_feature ul.list_feature > li > ul.list_items > li .ttl {width: auto;}
.blc_feature ul.list_feature > li .feature_head .num,
.blc_feature ul.list_feature > li > ul.list_items > li .desc{font-size: 1.6rem;}

/*--- blc_compare ---*/
.blc_compare .compare_wrap{margin-right: 0;}
.blc_compare .compare{overflow-x: visible;}
.blc_compare .compare_inner{display: block;}
.blc_compare table.compare_table{width: 100%;}
.blc_compare table.compare_table th:first-child{width: 25%;}
.blc_compare table.compare_table th,
.blc_compare table.compare_table td{padding: 1.5rem 1rem;font-size: 2rem;}
.blc_compare table.compare_table tbody tr td.fs{font-size: 1.8rem;}

/*--- blc_price ---*/
.blc_price .price_box{display: grid;grid-template-columns: 1fr 2fr;column-gap: 15rem;align-items: center;padding: 4.2rem 4rem 4.2rem 8rem;}
.blc_price .price_box > .price_display{margin-bottom: 0;position: relative;gap: 3rem;}
.blc_price .price_box > .price_display::after{content: "";position: absolute;right: -8.5rem;top: 50%;transform: translateY(-50%);width: 0.2rem;height: 12rem;background: var(--c-green);}
.blc_price .price_box > .price_display .usage_fee{width: 8.5rem;height: 8.5rem;font-size: 1.8rem;}
.blc_price .price_box > .price_display .price{font-size: 5rem;}
.blc_price .price_box ul.list_note{padding-left: 0;}
.blc_price .price_box ul.list_note > li{font-size: 1.8rem;padding-left: 1em;text-indent: -1em;}

/*--- blc_qa ---*/
.blc_qa ul.list_qa > li > dl > dt{padding: 0 9rem 0 0;column-gap: 2.2rem;}
.blc_qa ul.list_qa > li > dl > dt::after{font-size: 2rem;}
.blc_qa ul.list_qa > li > dl > dd{padding: 3rem;line-height: 2;}
.blc_qa ul.list_qa > li > dl > dt .num{padding-right: 5rem;margin: -1px 0 -1px -1px;padding-top: calc(3rem + 1px);padding-bottom: calc(3rem + 1px);padding-left: calc(3rem + 1px);}

/*--- blc_flow ---*/
.blc_flow h2.ttl_01 .lt_logo {width: 16.6rem;}
.blc_flow h3{--balloon-w: 1.7rem;--balloon-h: 2.8rem;margin-block: 6rem 4.5rem;font-size: 2.3rem;}
.blc_flow .area_lead{display: grid;grid-template-columns: 2.1fr 3fr;grid-template-areas: "cooperation point";gap: 0 4.5rem;}
.blc_flow .area_lead .area_cooperation{grid-area: cooperation;margin-bottom: 0;padding: 3rem 4rem 3rem 3rem;}
.blc_flow .area_lead .area_point{grid-area: point;margin-bottom: 0;}
.blc_flow .area_point .point_head{padding-bottom: 2rem;margin-bottom: 2rem;}
.blc_flow .area_lead .area_point .point_head .point{width: 5.6rem;height: 5.6rem;font-size: 1.5rem;}
.blc_flow .area_lead .area_point .point_head .ttl{font-size: 1.6rem;}
.blc_flow .area_lead .area_point .point_head .ttl span{font-size: 2.4rem;}
/* list_point */
.blc_flow ul.list_point{grid-template-columns: 1fr 1fr;margin-top: 3.5rem; gap: 2.8rem 4.3rem;}
.blc_flow ul.list_point > li > dl{margin: 2.5rem 0 0 1rem;}
.blc_flow ul.list_point > li:last-child:nth-child(odd){grid-column: 1 / -1;grid-row: span 1;}
.blc_flow ul.list_point > li:last-child:nth-child(odd) > dl{grid-row: span 1;grid-template-rows: auto;grid-template-columns: 1.7fr 2fr;align-items: center;margin-top: 2.5rem;gap: 3rem;padding: 6rem 3rem 4rem 3rem;}
.blc_flow ul.list_point > li > dl > dd.pic img.img_sm{height: 9.5rem;}
.blc_flow ul.list_point > li:last-child:nth-child(odd) > dl > dd.txt p{padding: 0;}
.blc_flow ul.list_point > li > dl > dt{top: -2.5rem;left: -1rem;}
.blc_flow ul.list_point > li > dl > dt .circle_num{width: 4.8rem;height: 4.8rem;}
.blc_flow ul.list_point > li > dl > dt .ttl{margin-left: -3rem;padding: 0.5rem 2rem 0.5rem 4rem;}
.blc_flow ul.list_point > li > dl > dd.pic{padding-bottom: 0.7rem;display: flex;align-items: center;justify-content: center;}
.blc_flow ul.list_point > li > dl > dd.pic img {height: 19rem;margin: 6rem auto 0;padding: 0 5rem;}
.blc_flow ul.list_point > li > dl > dd.txt p{padding: 0 3rem 3rem}
.blc_flow ul.list_point > li:last-child:nth-child(odd) > dl > dd.pic{padding-bottom: 0;}
.blc_flow ul.list_point > li:last-child:nth-child(odd) > dl > dd.pic img {margin: 0;padding: 0;}
/* list_flow */
.blc_flow ol.list_flow {align-items: flex-start;gap: 5rem;justify-content: center;flex-direction: row;}
.blc_flow ol.list_flow > li {flex-direction: column;text-align: center;width: calc(100% / 5);gap: 0;}
.blc_flow ol.list_flow > li:not(:last-child)::after {left: auto;width: 1.1rem;height: 1.1rem;right: -2.5rem;top: 9.5rem;transform: translateY(-50%) rotate(-45deg);}
.blc_flow ol.list_flow > li .circle_num {width: 4.9rem;height: 4.9rem;font-size: 1.5rem;margin: 0 0 -2.45rem 0.9rem;position: relative;z-index: 1;}
.blc_flow ol.list_flow > li .box_flow {border: none;border-radius: 0;overflow: visible;flex: none;flex-direction: column;width: 100%;gap: 0;padding: 0;}
.blc_flow ol.list_flow > li .pic {border: var(--bdr-w) solid var(--c-green);border-bottom: none;border-radius: 1rem 1rem 0 0;padding: 3rem 2rem 1.5rem;}
.blc_flow ol.list_flow > li .pic img {width: 10.6rem;}
.blc_flow ol.list_flow > li .text_flow {flex: none;}
.blc_flow ol.list_flow > li .text_flow .ttl {border-radius: 0 0 1rem 1rem;flex: none;font-size: 1.5rem;padding: 0.3rem;}
.blc_flow ol.list_flow > li .text_flow .desc {padding: 2rem 0 0;flex: none;display: block;font-size: 1.5rem;}
/* box_explanation */
.blc_flow .box_explanation{display: grid;grid-template-columns: auto auto;justify-content: center;align-items: center;column-gap: 2.5rem;row-gap: 1rem;padding: 4rem;margin-top: 4rem;}
.blc_flow .box_explanation::before{position: static;margin: 0;top: auto;left: auto;right: auto;width: 5.7rem;height: 5.7rem;font-size: 3.4rem;grid-row: 1 / 3;align-self: center;}
.blc_flow .box_explanation .lt_logo {width: 11.9rem;}
.blc_flow .box_explanation .lf_logo{width: 6.8rem;}

/*--- blc_regist ---*/
.blc_regist {padding-bottom: 1rem;}
#js_fixed_btn .js_fixed_btn_cont > .inner{padding:0 calc((100% - 920px) /2) 5rem;}

/*--- blc_form ---*/
.blc_form .area_form{max-width:700px;margin:0 auto 3rem;}
.blc_form .area_form dl.list_input{display: flex;flex-wrap: wrap;}
.blc_form .area_form dl.list_input dt{width: 35%;}
.blc_form .area_form dl.list_input dd{width: 65%;}
.blc_form .area_form dl.list_input dd.left{width: 25%;margin-right: 2%;}
.blc_form .area_form dl.list_input dd.right{width: 38%}


/**/} /* Responsive End */