@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/*==========================================================================*/
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*==========================================================================*/
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd { font-size: 160%; -webkit-text-size-adjust: none; font-weight: 500;}
*,::before,::after{box-sizing:border-box;outline: none;}
img {vertical-align: middle;max-width: 100%;flex-shrink: 0;height: auto;}
select { visibility: visible !important; }
a{transition:all ease 0.3s;text-decoration:none;color: var(--txt);}
a[href^="tel:"] {word-break: keep-all;}
ol li{list-style: decimal;}

/*==========================================================================*/
/*                             Common-Setting                               */
/*==========================================================================*/
:root {
  --txt: #333333;
  --mcolor: #003255;
  --mcolor2: #FF7846;
  --scolor: #FF7846;
  --scolor2: #003255;
  --grey: #F1F3F4;
  --container: 124rem;

  --blue: #00BFD3;
  --red: red;
  --shadow1: 0.3rem 0.3rem 2rem rgba(161, 161, 161, 0.16);

  --f-main: 'Noto Sans JP', sans-serif;
  --f-rbt: "Roboto", sans-serif;
  --f-msr: "Montserrat", sans-serif;
}

html{background:#fff;font-size: 62.5%;}
body{-webkit-text-size-adjust:none;min-width:32rem;color:var(--txt);font-family: var(--f-main);}
table {width: 100%}
h1,h2,h3,h4,h5,h6{line-height: 1.4;}
p,dd,dt,li,th,td,address{line-height: 1.6;letter-spacing: 0;}
p{margin: 0 0 1.5em;}
p:last-child{margin-bottom: 0}

.bold{font-weight: bold;}
.left{text-align:left}
.right{text-align: right;}
.auto{margin-left: auto; margin-right: auto;}
.link{text-decoration: underline;color: var(--mcolor);}

.mb10{margin-bottom:1rem}
.mb15{margin-bottom:1.5rem}
.mb20{margin-bottom:2rem}
.mb30{margin-bottom:3rem}

#wrapper{overflow:hidden;margin:0 auto;background: #F2F5FB;min-width: 1260px;}
.inner{width: var(--container);margin:0 auto;position:relative;max-width: 100%;padding: 0 2rem;}

/*==========================================================================*/
/*                                 TOP PAGE                                 */
/*==========================================================================*/
/* HAMBUGER BUTTON */
.hamburger{font:inherit;display:block;overflow:visible;margin:0;padding:5px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color: #fff;}
.hamburger-box{position:relative;display:inline-block;width:34px;height:14px}
.hamburger-inner{top:50%;display:block;position:absolute;width:34px;height:2px;transition:all ease 0.15s;}
.hamburger-inner::after,
.hamburger-inner::before{position:absolute;width:34px;height:2px;transition:all ease 0.15s;background-color:var(--txt)}
.hamburger-inner::after,
.hamburger-inner::before{display:block;content:""}
.hamburger-inner::before{top:-6px}
.hamburger-inner::after{bottom:-6px}
.hamburger--3dxy .hamburger-box{perspective:8rem}
.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(0.645,0.045,0.355,1),background-color 0 cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy .hamburger-inner::after,
.hamburger--3dxy .hamburger-inner::before{transition:transform cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy.is_active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}
.hamburger--3dxy.is_active .hamburger-inner::before{transform:translate3d(0,6px,0) rotate(45deg)}
.hamburger--3dxy.is_active .hamburger-inner::after{transform:translate3d(0,-6px,0) rotate(-45deg)}

/*============= HEADER ==============*/
header{position: relative; z-index:9;}
.h_box{width:100%;position: fixed;height: 8rem;display: flex;align-items: center;justify-content: space-between;background-color: #FFF;}
.h_contact{height: 100%;}
.h_contact a{display: flex;justify-content: center;align-items: center;width: 20rem;font-size: 1.4rem;font-weight: bold;text-align: center;color: #FFF;background-color: #FF7846;height: 80px;}
.fw3{font-weight: 300;}
.f14{font-size: 1.4rem;}

/*============= MAIN ==============*/
main{position: relative;z-index: 2;padding-top: 8rem;}
.mv{padding: 7.9rem 0 7.6rem;background: url('../images/mv_bg.jpg') no-repeat top center /cover;}
.mv_box_content *{color: #FFF;}
.mv_box_content .mv_slg{font-size: 2.6rem;font-weight: bold;background-color: #FFF;padding: 0.4rem 3.5rem 0.3rem;border-radius: 0.6rem;margin-bottom: 2.2rem;width: fit-content;line-height: 1.3;display: flex;align-items: center;}
.mv_box_content .mv_slg,.mv_box_content .mv_slg span{color: var(--txt);}
.mv_box_content .mv_slg .big{font-size: 3.9rem;margin-right: 0.4rem;}
.mv_box_content .mv_slg .lg{font-size: 3.3rem;margin-right: 0.6rem;}
.mv_box_content .mv_slg .sm{font-size: 2.1rem;}
.mv_box_content .mv_slg .min{font-size: 1.9rem;margin-right: 0.5rem;}
.mv_box_content .mv_tt1{font-size: 2.1rem;font-weight: bold;margin-bottom: 1rem;text-align: center;}
.mv_box_content .mv_ttl{font-weight: 900;font-size: 5rem;margin-bottom: 0;}
.mv_box_content .mv_tt2{font-weight: 900;font-size: 2.6rem;text-align: right;margin: -0.5rem 0 6rem;}
.mv_box_content .mv_des{line-height: 1.7;margin-bottom: 2.3rem;}

/* Custom */
.en{font-family: var(--f-rbt);}
.ttl_h2{text-align: center;margin-bottom: 2.8rem;}
.ttl_h2 span{display: block;}
.ttl_h2 .en{font-size: 1.5rem;font-family: var(--f-msr);margin-bottom: 0.5rem;}
.ttl_h2 .ja{font-size: 3rem;font-weight: bold;}
.ttl_h3{font-size: 2rem;font-weight: bold;margin-bottom: 2rem;}
.desc{font-size: 2rem;line-height: 1.7;}
.desc2{font-size: 1.8rem;}

.btn a{width: 40rem;height: 6rem;display: flex;justify-content: center;align-items: center;font-size: 1.6rem;font-weight: bold;border-radius: 99.9rem;position: relative;background-color: var(--scolor);margin: 0 auto;letter-spacing: 0.08rem;max-width: 100%;color: #FFF;border: 3px solid var(--scolor);}
.btn a::after{content: "";position: absolute;top: calc(50% - 0.5rem);right: 3.2rem;width: 1rem;height: 1rem;background-color: #FFF;clip-path: polygon(0 0, 0% 100%, 100% 50%);}


/* SEC01 */
.sec01{background-color: #FAFAFA;}
.sec01_list{margin-bottom: 4.9rem;}
.sec01_list li{background-color: #FFF;box-shadow: var(--shadow1);display: flex;align-items: center;flex-direction: column;padding: 2.5rem 1.5rem 4rem;min-height: 30.5rem;text-align: center;position: relative;border-radius: 1.2rem;}
.sec01_list li .num{font-size: 4.3rem;font-weight: bold;font-family: var(--f-rbt);line-height: 1.2;margin-bottom: 1rem;}
.sec01_list li .tt1{font-size: 2.6rem;color: var(--blue);font-weight: bold;margin-bottom: 0.4rem;line-height: 1.4;}
.sec01_list li .tt2{font-size: 1.8rem;font-weight: bold;margin-bottom: -0.2rem;min-height: 6.6rem;display: flex;justify-content: center;flex-direction: column;line-height: 1.45;}
.sec01_list li .tt2 span{font-size: 2rem;display: block;}
.sec01_list li .price{font-size:3rem;font-weight: bold;color: var(--scolor);margin-bottom: 0;line-height: 1;}
.sec01_list li .price span{font-size: 4.6rem;transform: translateY(0.3rem);display: inline-block;}
.sec01_list li .desc2{width: fit-content;margin: 2.3rem auto 0;text-align: left;line-height: 1.9;display: flex;flex-direction: column;}
.sec01_list li .desc2 span{display: inline-block;position: relative;padding-left: 1.8rem;}
.sec01_list li .desc2 span::before{content: '・';position: absolute;top: 0;left: 0;}
.sec01_list li .source{font-size: 1rem;font-weight: bold;position: absolute;width: 100%;left: 0;bottom: 1.5rem;padding: 0 1.5rem;}



/* SEC02 */
.sec02_list{display: grid;grid-template-columns: repeat(4,1fr);gap: 2.7rem;margin-bottom: 5rem;padding-top: 6.2rem;}
.sec02_list > li{background-color: #FFF;box-shadow: var(--shadow1);padding: 0 2.9rem 4.3rem;}
.sec02_list > li .ico{margin: -6rem auto 1.3rem auto;width: fit-content;}
.sec02_list > li .tt{font-size: 2.2rem;font-weight: bold;text-align: center;margin-bottom: 1.3rem;color: var(--blue)}
.sec02_list > li .des{font-weight: 400;}

.sec02_cta{font-size: 2.6rem;font-weight: bold;text-align: center;position: relative;padding-top: 5.6rem;}
.sec02_cta::before{width: 11.6rem;height: 2.9rem;background: #D4D8DB;top: 0;left: 50%;transform: translateX(-50%);clip-path: polygon(50% 100%, 0 0, 100% 0);content: '';position: absolute;}
.sec02_cta .lg{display: block;font-size: 3.6rem;font-weight: bold;width: fit-content;background-color: var(--mcolor);border-radius: 99.9rem;padding: 0.7rem 1.3rem 0.7rem 4rem;color: #FFF;text-align: center;margin: 1.2rem auto;}
.sec02_cta .lg .fw3:first-child,.sec_bnn .tt2 .fw3:first-child{margin-left: -1.5rem;}

.keytt{position: relative;margin-bottom: 0.3rem;font-weight: bold;}
/* .keytt::before{content: '';position: absolute;width: 1.3rem;height: 1.3rem;background-color: var(--blue);left: 0;top:0.6rem;} */

.list01:not(:last-child){margin-bottom: 3rem;}
.list01 li{position: relative;padding-left: 2.5rem;font-size: 1.5rem;font-weight: 400;}
.list01 li .sm{font-size: 1.2rem;display: block;}
/* .nav_list.list01 li::before{content: none;} */

.list03 li{position: relative;padding-left: 1.4rem;font-size: 1.4rem;font-weight: 400;}
.list03 li::before{content: '';position: absolute;width: 0.5rem;height: 0.5rem;background-color: #333;left: 0rem;top: 1rem;border-radius: 50%;line-height: 1.5;}


/* SEC03 */
.sec03{background: url('../images/sec03_bg.jpg') no-repeat center /cover;}
.sec03_head{margin-bottom: 3.9rem;}
.sec03_list{display: grid;grid-template-columns: repeat(2,1fr);gap: 2.7rem;margin-bottom: 3.6rem;position: relative;border-radius: 1.2rem;overflow: hidden;}
.sec03_list::before{content: "";position: absolute;width: 18.7rem;height: 18.7rem;background: url('../images/sec03_img.png') no-repeat center/cover;z-index: 1;top: calc(50% - 9.4rem);left: calc(50% - 9.4rem);}
.sec03_list dl{background-color: #FFF;padding: 2.4rem 1.5rem 1.5rem;}
.sec03_list dl dt{font-size: 3.2rem;font-weight: bold;text-align: center;color:var(--blue);margin-bottom: 0.7rem;}
.sec03_list dl dd{font-size: 2rem;text-align: center;line-height: 1.8;}
.sec03_list dl dd p{margin: 0 0 .6em!important;line-height: 1.3;}
.sec03_des{max-width: 90rem;margin: 0 auto;line-height: 1.8;}

/* SEC BNN */
.sec_bnn{background: url('../images/sec_bnn_bg.jpg') no-repeat center /cover;}
.sec_bnn *{color: #FFF;text-align: center;}
.sec_bnn .tt1{font-size: 2.6rem;margin-bottom: 1.5rem;font-weight: bold;}
.sec_bnn .tt2{font-size: 3.8rem;margin-bottom: 4rem;letter-spacing: 0.02rem;font-weight: 900;}
.sec_bnn .desc2{margin-bottom: 2.8rem;}
.sec_bnn .btn a{width: 38rem;height: 8rem;font-size: 1.8rem;letter-spacing: 0;}
.sec_bnn .btn a::after{display: none;width: 38rem;height: 8rem;}

/* SEC04 */
.sec04_box{background-color: #FFF;padding: 7.3rem 1.5rem 10rem;box-shadow: var(--shadow1);}
.sec04_ite{position: relative;background-color: #FAFAFA;padding: 3.9rem 4rem 2rem;min-height: 47.7rem;display: flex;flex-direction: column;justify-content: center;}
.sec04_ite:not(:last-child){margin-bottom: 5rem;}
.sec04_ite .ico{font-size: 1.9rem;font-weight: bold;color: #FFF;background-color:var(--mcolor);text-align: center;position: absolute;left: -3.6rem;top: -2.7rem;z-index: 1;width: 12rem;height: 12rem;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;line-height: 1.25;padding-top: 1.4rem;}
.sec04_ite .ico span{font-size: 4.3rem;font-family: var(--f-rbt);}
.sec04_ite .desc2{font-weight: bold;}
/* SEC05 */
.sec05{background: url(../images/sec05_bg.jpg) no-repeat center /1920px;}
.sec05_head{margin-bottom: 9.6rem;}
.sec05_box{display: flex;flex-direction: column;gap: 5rem 0;box-shadow: var(--shadow1);}
.sec05_box > dl dt{font-size: 2.4rem;font-weight: bold;text-align: center;padding: 1.5rem 1.5rem 1.4rem;background-color: var(--mcolor);color: #FFF;display: flex;justify-content: center;align-items: center;padding-right: 6.6rem;}
.sec05_box > dl dt img{display: inline-block;margin-right: 1.3rem;}
.sec05_box > dl dd{background-color: #FFF;padding: 3rem 5rem 5rem;}

.sec05_box .cat{font-size: 1.4rem;font-weight: bold;color: #FFF;padding: 0.2rem 2.5rem;background-color: var(--blue);border-radius: 99.9rem;margin-bottom: 0.7rem;width: fit-content;}
.sec05_box .ttl{font-size: 2.4rem;font-weight: bold;margin-bottom: 1.9rem;line-height: 1.5;}
.sec05_box .tags{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-bottom: 1rem;margin-top: 1.6rem;}
.sec05_box .tags li{background-color: #FFF;width: 14rem;height: 3.9rem;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 1.2rem;font-weight: bold;padding-right: 0.4rem;}
.sec05_box .tags li.lg{font-size: 1.3rem;}
.sec05_box .bnr{display: flex;gap: 1.5rem;margin-top: -1rem;}
.sec05_bot .ttl_h2 .ja{color: #02030A;}

.list02:not(:last-child){margin-bottom: 2.2rem;}
.list02 li{position: relative;padding-left: 2.3rem;font-weight: bold;}
.list02 li:not(:last-child){margin-bottom: 0.9rem;}
.list02 li::before{content: '';position: absolute;width: 1.8rem;height: 1.8rem;background:url('../images/ic_check.svg') no-repeat center /cover;left: 0;top: 0.4rem;border-radius: 50%;}
.frame01{background-color: #F1F3F4;padding: 1.9rem 1.7rem 1.9rem 2rem;}
.frame01 .tt{font-size: 1.8rem;font-weight: bold;margin-bottom: 0.5rem;}
.frame01 .tt.min{font-size: 1.6rem;margin-bottom: 1.3rem;}
.frame01 .slg{color: #FFF;font-weight: bold;text-align: center;background-color: var(--scolor);border-radius: 0.5rem;padding: 0.4rem 2rem;}
.frame01 .slg:not(:last-child){margin-bottom: 3.4rem;}
.frame01 .slg.mb24{margin-bottom: 2.4rem;}
.frame01 .slg:not(:first-child){margin-top: -1.1rem;}
.frame01_box{border-radius: 0.5rem;padding: 2rem 1rem;text-align: center;background-color: #FFF;margin-top: 4.3rem;}
.frame01_box .lg{font-size: 1.8rem;font-weight: bold;margin-bottom: 0.5rem;}
.frame01_box .sm{font-size: 1.4rem;}

.sec05_point dl{background-color: #FFF;padding: 0 3.3rem 2.3rem;}
.sec05_point dl dt{margin: -1.5rem auto 1.3rem;color: var(--blue);font-size: 2.2rem;font-family: var(--f-msr);font-weight: 600;text-align: center;}
.sec05_point dl dd{line-height: 1.95;}

/* SEC06 */
.step_list dl{position: relative;display: flex;flex-direction: column;box-shadow: var(--shadow1);}
.step_list dl:not(:last-child)::after{content: '';position: absolute;width:2rem;height: 2rem;background: #AEAEAE;top: calc(50% - 0rem);right: -4rem;z-index: 1;clip-path: polygon(0 0, 0% 100%, 100% 50%);}
.step_list dl dt{color: #FFF;padding: 1.5rem 1.5rem;background-color: var(--mcolor);text-align: center;}
.step_list dl dt .en{font-family: var(--f-msr);margin-bottom: 0.4rem;}
.step_list dl dt .ja{font-size: 1.8rem;font-weight: bold;line-height: 1.4;min-height: 5.2rem;display: flex;flex-direction: column;justify-content: center;}
.step_list dl dd{padding: 2rem 2.9rem 5.5rem;background-color: #FFF;position: relative;height: 100%;}
.step_list dl dd .keytt{margin-bottom: 0.8rem;}
.step_list dl dd .des{line-height: 1.5;margin-bottom: 2rem;}
.step_list dl dd .des.mb10{margin-bottom: 1rem;}
.step_list dl dd .time{background-color: #F2F2F2;text-align: center;padding: 0.3rem 1.5rem;font-weight: bold;position: absolute;width: calc(100% - 2rem);left: 1rem;bottom: 1rem;z-index: 1;border-radius: 0.5rem;}
.step_list dl.org dt,.step_list dl.org .keytt::before{background-color: var(--scolor);}

.step_list_icon{display:grid;grid-template-columns: 6.8rem 9.6rem 11rem;gap: 0.7rem 1rem;margin-top: 1.3rem;}
.step_list_icon li{font-size: 1.4rem;font-weight: bold;text-align: center;display: flex;flex-direction: column;justify-content: flex-end;}
.step_list_icon li.etc{align-items: flex-start;padding: 0 0.8rem;}
.step_list_icon li img{display: block;margin: 0 auto 0.5rem;}
.note{font-size: 1.4rem;position: relative;padding-left: 1.5rem;font-weight: 400;}
.note::before{content: '※';position: absolute;left: 0;top: 0;}

.faq_list:not(:last-child){margin-bottom: 4.5rem;}
.faq_list dl{border-bottom: 0.1rem solid #D4D8DB;}
.faq_list dt{font-weight: bold;line-height: 1.5em;align-items: center;cursor: pointer;letter-spacing: 0;border-radius: 0.5rem;font-size: 2rem;}
.faq_list dt::after{width: 2rem;height: 1.1rem;background:url('../images/faq_list_arrow.svg') no-repeat center /contain;right: 0.5rem;transition: all 0.3s;content: "";position: absolute;}
.faq_list dl.active dt::after{transform: rotate(180deg);}
.faq_list dl:not(.active) dd{height: 0;overflow: hidden;padding-top: 0;padding-bottom: 0;}
.faq_list dt,
.faq_list dd{position: relative;display: flex;padding: 2.7rem 0;transition: all 0.3s;}
.faq_list dd{line-height: 2em;padding-top: 0;padding-bottom: 2.1rem;font-weight: 400;margin-top: -0.5rem;line-height: 1.9;}
.faq_list dt span,.faq_list dd span{font-size: 2.1rem;margin-right: 1.6rem;flex-shrink: 0;font-family: var(--f-msr);width: 3.8rem;height: 3.8rem;display: flex;justify-content: center;align-items: center;border-radius: 0.3rem;text-align: center;font-weight: 500;transition: all 0.3s;}
.faq_list dt span{color: var(--blue);background-color: rgba(0,191,211,0.1);}
.faq_list dd span{color: #FFF;background-color: #02030A;margin-top: 0.4rem;}

.sec06_box{padding: 7.3rem 1.5rem 9.5rem;background-color: #FFF;box-shadow: var(--shadow1);}



/*============= FOOTER ==============*/
footer{position: relative;z-index: 3;background-color: #02030A;padding: 1.8rem 0;}
.ft_links{display: flex;justify-content: center;align-items: center;gap: 3rem;margin-bottom: 2.5rem;}
.ft_links li a{color: #FFF;font-size: 1.2rem;font-weight: 400;text-decoration: underline;}
address{color: #FFF;font-size:1rem;font-family: var(--f-msr);text-align: center;font-weight: bold;}


.to_top{position:fixed;z-index:6;width:7rem;height:7rem;bottom:2rem;right:2rem;cursor:pointer;transition:all .2s;opacity:0;visibility:hidden}
.to_top.show{transform:scale(1);opacity:1;visibility:visible}
@media screen and (min-width: 769px) {
  .sp{display:none !important}
  .find_a,.find_out{cursor: pointer;}
  .nowrap_pc{white-space: nowrap;}
  /* NAV */
  .hamburger{display:none;}
  .nav_list{display: flex;align-items: center;gap: 4rem;}
  .nav_list>li>a::before,.nav_list>li>.hook::before{content: "";position: absolute;width: 0.8rem;height: 0.8rem;border-radius: 50%;background-color: var(--blue);left: calc(50% - 0.4rem);top:-1rem;display: none;}
  .nav_list>li>a,.nav_list>li>.hook{display: flex;font-weight: bold;font-size: 1.4rem;position: relative;line-height: 1.4;color: #02030A;}

  /* HOVER */
  .nav_list>li:hover a::before,.nav_list>li:hover .hook::before{display:block}
  .parent:hover .sub{opacity:1;transform:translate(0,0);visibility:visible}
  .to_top img:hover,.pagenavi a:hover{opacity:.8}
  /* .btn a:hover{background-color: var(--mcolor);} */
  .btn a:hover{background-color: #FFF;color: var(--scolor);border: 3px solid var(--scolor);}
  .btn a:hover::after{background-color: var(--scolor);}
  .faq_list dt:hover{color: var(--mcolor);}

  .h_box{padding-left: 4rem;}
  nav{margin: 0 4rem 0 auto;}
  .mv_box{display: flex;justify-content: space-between;align-items: center;}
  .mv_box_content{max-width: 52.5rem;width: 42%;padding-top: 2rem;}
  .mv_box_img{max-width: 70.7rem;width: 55%;}
  .mv .inner{width: 134rem;max-width: 100%;}
  .h_contact a:hover{background-color: var(--mcolor2);}
  .h_contact a:hover{color: #FFF;background-color: var(--scolor2);}
  .sec01{padding: 5.3rem 0 7.5rem;}
  .ttl_h2 .ja.lg{font-size: 3.6rem;}
  .sec01_list{display: grid;grid-template-columns: repeat(3, 1fr);gap: 3rem;}
  .sec01 .ttl_h2{margin-bottom: 3.7rem;}
  .sec02{padding: 7.4rem 0 5.6rem;}
  .sec02_list > li .tt{width: calc(100% + 4rem);margin-left: -2rem;color: var(--blue)}
  .sec02_list > li .des.mb30{margin-bottom: 3.3rem;}
  .sec03{padding: 7.4rem 0 6.2rem;}
  .sec03_list dl{min-height: 22rem;}
  .sec03_list dl dd{min-height: 10.5rem;display: flex;flex-direction: column;justify-content: center;letter-spacing: 0;padding-right: 1rem;}
  .sec03_list dl dd{line-height: 1.3;}
  .sec_bnn{padding: 5.8rem 0 5.6rem;}
  .sec04{padding: 5rem 0 5rem;}
  .sec04_list{max-width: 90rem;margin: 0 auto;}
  .sec04 .ttl_h2{padding-left: 1rem;}
  .sec04_ite:nth-of-type(1) .img{padding-left: 5.7rem;}
  .sec04_ite:nth-of-type(2) .img{margin: -1.6rem 0 4.6rem 0.9rem;}
  .sec04_ite .desc2{max-width: 64.7rem;margin: 0 auto 5.6rem;line-height: 1.55;}
  .sec05{padding: 12.6rem 0 10.4rem;}
  .sec05_bot{padding: 10rem 0 0rem;}
  .sec05_bot .img{margin-bottom: 7.8rem;}
  .sec05_box_col{display: grid;grid-template-columns: repeat(2,1fr);gap: 5rem;}
  .sec05_box_col_r{display: flex;flex-direction: column;justify-content: space-between;}
  .sec05_box_col_r .frame01{min-height: 27.1rem;padding: 2rem 3rem 2.3rem;}
  .sec05_box_col_r .pick{margin-top: -0.7rem;}
  .sec05_box > dl dt{height: 7rem;}
  .sec05_box > dl:nth-of-type(1) .box01{min-height: 150px;}
  .sec05_box > dl:nth-of-type(3) dt{padding-right: 8.6rem;}
  .sec05_box > dl:nth-of-type(3) .sec05_box_col_r .pick{padding-top: 2.5rem;}
  .sec05_box > dl:nth-of-type(3) .frame01,
  .sec05_box > dl:nth-of-type(4) .frame01{padding: 1.9rem 3rem 2.9rem;}
  .sec05_box > dl:nth-of-type(4) .sec05_box_col_r .pick{margin-top: 2.3rem;}
  .sec05_point{display: grid;grid-template-columns: repeat(3,1fr);gap: 4rem;}
  .sec06{padding: 8.3rem 0 10rem;}
  .step_list{display: grid;grid-template-columns: repeat(3,1fr);gap: 6rem;margin-bottom: 6rem;padding-top: 0.3rem;}
  .step_list dl dt{min-height: 11rem;}
  .frame01 .des.mb37{margin-bottom: 3.7rem;}
  .faq_list{max-width: 90rem;margin: 0 auto;padding-top: 0.7rem;}
  .ft_links li a:hover{text-decoration: none;}
  .mv{min-height:60vh;display: flex;justify-content: center;flex-direction: column;}
}

@media screen and (min-width: 769px) and (max-width: 1400px){
  .mv{padding: 5rem 0;}
  .mv_box_content .mv_slg{font-size: 2.4rem;}
  .mv_box_content .mv_slg .big{font-size: 3.4rem;}
  .mv_box_content .mv_slg .lg{font-size: 2.9rem;}
  .mv_box_content .mv_slg .sm{font-size: 1.9rem;}
  .mv_box_content .mv_slg .min{font-size: 1.8rem;}
  .mv_box_content .mv_tt1{font-size: 1.9rem;}
  .mv_box_content .mv_ttl{font-size: 3.2rem;}
  .mv_box_content .mv_tt2{font-size: 2.2rem;}
  .mv_box_img{width: 48%;}
  .mv_box{padding: 0 2%;}
}

/* FIREFOX ONLY */
@-moz-document url-prefix() {
  .mv_box_content{max-width: 53.5rem;}
}

/* screen-min:768px */
@media screen and (max-width: 768px) {
    input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd{font-size: 1.4rem;}
    img{max-width:100%; height: auto;}
    .pc{display:none!important}
    #wrapper,header,main,footer,.inner{width:100%!important;min-width:unset!important}
    .image_r,.image_l{display:inline-block;width:100%;text-align:center;margin:0 auto 3rem !important}
    .is_nav{overflow: hidden;}
    .is_scroll .h_box{background-color: #FFF;}

    /* NAV */
    /* .hamburger{position:absolute;right:0;top:0;font:inherit;display:block;overflow:visible;margin:0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;z-index: 101;width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;} */
    .hamburger{font:inherit;display:block;overflow:visible;margin:0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;z-index: 101;width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;}
    nav{position:fixed;top:0;left:calc(100% + 1rem);width:100%;height:100vh;overflow:auto;z-index:100;background: #fff;transition: all 0.3s;padding:9rem 3rem 8rem ;}
    nav.active{left: 0;}
    nav .inner{padding: 0;}
    .sub{margin-bottom: 3rem;padding-left: 2.2rem;}
    .nav_list{max-width: 250px;margin: 0 auto;}
    .nav_list ul,
    .nav_list li{width:100%}
    .nav_list li.mt30{margin-top: 3rem;}
    .nav_list > li:not(:last-child),.nav_list .hook{margin-bottom: 1.3rem;}
    .nav_list .parent .sub ul li:not(:last-child){margin-bottom: 1rem;}
    .nav_list .parent .sub ul li a{font-size: 1.3rem;font-weight: 400;}
    .nav_list .hook, .nav_list a{display:block;font-size:1.5rem;font-weight:bold;}
    .nav_list .hook::before,
    .nav_list .hook::after{content:"";position:absolute;width: 1.6rem; height: 0.2rem; background-color: #FFF;top:calc(50% - 0.1rem);right:1rem; transition: all 0.3s;}
    .nav_list .hook::after{transform: rotate(-90deg);}
    .nav_list .hook.open::after{transform: rotate(0);}

    /*==========================================================================*/
    /*                                 TOP PAGE                                 */
    /*==========================================================================*/
    p,li,dd{font-size: 1.4rem;}
    /*============= HEADER ==============*/
    #logo {width: 120px;}
    .h_contact a{width: 105px;height: 60px;font-size: 12px;}
    .h_box{height: 60px;padding: 0 0 0 20px;}
    /*============= MAIN ==============*/
    main{padding-top: 60px;}
    .mv{padding: 5rem 0;}
    .mv_box{max-width: 335px;margin: 0 auto;}
    .mv_box_content .mv_slg{font-size: 1.6rem;padding: 0.5rem 1.2rem;width: 100%;max-width: 335px;}
    .mv_box_content .mv_slg .big{font-size: 3rem;}
    .mv_box_content .mv_slg .lg{font-size: 2.5rem;}
    .mv_box_content .mv_slg .sm{font-size: 1.9rem;}
    .mv_box_content .mv_slg .min{font-size: 1.5rem;}
    .mv_box_content .mv_tt1{font-size: 1.8rem;}
    .mv_box_content .mv_ttl{font-size: 2.5rem;}
    .mv_box_content .mv_tt2{font-size: 1.8rem;margin: 0 0 2rem;}
    .mv_box_img{margin-bottom: 30px;}

    .btn a{width: 32.5rem;font-size: 1.4rem;}
    .btn a::after{right: 1.5rem;}
    .ttl_h2{margin-bottom: 2rem;}
    .ttl_h2 .ja{font-size: 2.4rem;}
    .ttl_h2 .en{font-size: 1.4rem;}
    .desc2{font-size: 1.5rem;}
    .desc{font-size: 1.6rem;}
    .list01 li{font-size: 1.4rem;}
    .list01 li::before{content: '';position: absolute;width: 0.8rem;height: 0.8rem;background-color: var(--blue);left: 0rem;top: 8px;border-radius: 50%;}
    .list03 li::before{top: 11px;}

    .sec01{padding: 4rem 0;}
    .sec01_list{display: grid;grid-template-columns: repeat(2,1fr);gap: 1rem;}
    .sec01_list li{min-height: auto;padding: 20px 1.2rem;}
    .sec01_list li .tt1{font-size: 1.8rem;}
    .sec01_list li .tt2{font-size: 1.3rem;min-height: 5rem;margin-bottom: 0;}
    .sec01_list li .tt2 span{font-size: 1.4rem;}
    .sec01_list li .price{font-size: 2rem;margin-bottom: 10px;}
    .sec01_list li .price span{font-size: 3rem;}
    .sec01_list li .num{font-size: 3rem;}
    .sec01_list li:nth-of-type(2) .tt2{letter-spacing: -.05rem;width: calc(100% + 6px);margin-left: -3px;font-size: 1.2rem;}
    .sec01_list li .source{font-size: 0.9rem;}
    .sec01_list li:has(.source){padding-bottom:5rem;}
    .sec01_list li .desc2{font-size: 1.4rem;width: calc(100% + 5px);margin-top: 1rem;}
    .sec01_list li .desc2 span{padding-left: 1.2rem;}

    .sec02{padding: 4rem 0;}
    .sec02_list{display: grid;grid-template-columns: repeat(2,1fr);gap:5rem 1rem;padding-top: 3rem;margin-bottom: 3rem;}
    .sec02_list > li{padding: 0 1.5rem 2rem;}
    .sec02_list > li .ico{width: 6rem;margin: -3rem auto 1rem;}
    .sec02_list > li .tt{font-size: 1.8rem;}
    .sec02_list > li:nth-of-type(3) .tt,.sec02_list > li:nth-of-type(4) .tt{min-height: 60px;display: flex;flex-direction: column;justify-content: center;align-items: center;}

    .sec02_cta{font-size: 1.8rem;}
    .sec02_cta .lg{font-size:1.9rem;padding: 5px 1rem;margin: 0.5rem auto;}
    .sec02_cta .lg .fw3:first-child,.sec_bnn .tt2 .fw3:first-child{margin-left: -1rem;}
    .sec02_cta .lg .fw3:last-child{margin-right: -1rem;display: inline-block;}

    .sec03{padding: 4rem 0;}
    .sec03_head{margin-bottom: 3rem;}
    .sec03_list{gap: .6rem;margin-bottom: 3rem;}
    .sec03_list dl{padding: 2.5rem 1rem 3rem;}
    .sec03_list dl dt{font-size: 1.8rem;}
    .sec03_list dl dd{font-size: 15px;}
    .sec03_list dl:nth-of-type(1) dt{min-height: 5.8rem;display: flex;flex-direction: column;justify-content: center;}
    .sec03_list::before{width: 8rem;height: 8rem;top: calc(50% - 4rem);left: calc(50% - 4rem);}

    .sec_bnn{padding: 4rem 0;}
    .sec_bnn .tt1{font-size: 2rem;}
    .sec_bnn .tt2{font-size: 2.5rem;margin-bottom: 3rem;}
    .sec_bnn .btn a{width: 32rem;height: 5.5rem;font-size: 1.6rem;}
    .sec_bnn .desc2{font-size: 1.4rem;}
    .sec04_box{padding: 4rem 2rem 3rem;}
    .sec04_box .ttl_h2 .ja{font-size: 2.3rem;width: calc(100% + 10px);margin-left: -5px;}
    .sec04_list{padding-top: 3.5rem;}
    .sec04_ite{min-height: inherit;padding: 5rem 2rem 3rem;}
    .sec04_ite .ico{font-size: 1.3rem;width: 7rem;height: 7rem;top: -3.5rem;left: calc(50% - 3.5rem);padding-top:0.7rem;}
    .sec04_ite .ico span{font-size: 2.6rem;}
    /* .sec04_ite:nth-of-type(1) .img{padding-left: 3rem;} */

    .sec05{padding: 4rem 0;}
    .sec05_head{margin-bottom: 3rem;}
    .sec05_box > dl dd{padding: 2rem 1.5rem;}
    .sec05_box .cat{font-size: 1.3rem;margin-bottom: 10px;}
    .sec05_box .ttl{font-size: 1.9rem;}
    .sec05_box .tags{margin: 0 0 2rem;justify-content: center;}
    .sec05_box .tags li{width: 13.5rem;}
    .frame01{padding: 2rem 1.5rem 2.5rem;}
    .frame01 .tt{font-size: 1.6rem;margin-bottom: 1rem;}
    .frame01 .slg{padding: 0.6rem 1rem;}
    .frame01_box{margin-top: 3rem;}
    .frame01_box .lg{font-size: 1.6rem;}
    .list02 li::before{top: 0.3rem;width: 1.6rem;height: 1.6rem;}
    .sec05_box_col{display: flex;flex-direction: column;gap: 3rem;}
    .sec05_box_col_r .pick{margin-bottom: 3rem;text-align: center;}

    .sec05_box > dl dt{font-size: 1.9rem;padding:0.5rem 1.5rem;}
    .sec05_box > dl dt img{transform: scale(0.6);margin-right: 0;}
    .sec05_box .bnr{gap: 0.5rem;justify-content: center;}
    .sec05_box_col_l .box01{margin-bottom: 25px;}
    .sec05_bot{padding: 4rem 0 0;}
    .sec05_bot .img{margin-bottom:4rem;overflow-x: scroll;}
    .sec05_bot .img img{max-width: 700px;}
    .sec05_bot .ttl_h2 .ja{font-size: 2.3rem;}
    .scroll_note{font-size: 1.3rem;}
    .sec05_point{display: flex;flex-direction: column;gap: 30px;}
    .sec05_point dl{padding: 0 1.5rem 2rem;}
    .sec05_point dl dt{margin-bottom: 5px;font-size: 2rem;}

    .sec06{padding: 4rem 0;}
    .step_list{margin-bottom: 3rem;}
    .step_list dl:not(:last-child){margin-bottom: 40px;}
    .step_list dl:not(:last-child)::after{left: calc(50% - 1rem);top: calc(100% + 10px);transform: rotate(90deg);width: 1.4rem;}
    .step_list dl dt .ja{font-size: 1.6rem;min-height: auto;}
    .step_list dl dd{padding: 2rem 1.5rem 4rem;}

    .sec06_box{padding: 4rem 1.5rem;}
    .faq_list dl:first-child dt{padding-top: 0;}
    .faq_list dt{font-size: 1.6rem;padding: 2rem 2.6rem 2rem 0;}
    .faq_list dt span, .faq_list dd span{margin-right: 1rem;font-size: 1.8rem;width: 3rem;height: 3rem;}
    .faq_list dt::after{width: 1.6rem;height: 0.8rem;}


    /* DEV SP */
    /*============= FOOTER ==============*/
    address{font-size: 1rem;}
    .ft_links{flex-direction: column;gap: 1.5rem;}

    /* TO TOP */
    .to_top{width:5rem;height:5rem;right:1rem;bottom: 1rem;}

    /*============ END 750 ============ */
}

@media screen and (max-width: 560px) {
}
@media screen and (min-width: 441px) {
  .sp440{display: none !important;}
}
@media screen and (max-width: 440px) {
}

@media screen and (max-width: 374px) {
  html{font-size:clamp(8px,2.6vw,10px)}
}