@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&family=Jost:wght@400;500;700&family=Noto+Sans+JP:wght@400;500;700&family=Zen+Maru+Gothic:wght@400;500;700&display=swap');
html {overflow-y:scroll;font-size: 10px; height:100%;}  
body {margin:0; padding: 173px 0 0 0; width:100%;position:relative;font-family:'Barlow','Noto Sans JP',sans-serif;letter-spacing: 0.02em;line-height:1.8em;color: #463f35;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; background: #F5F4EB;}
h1,h2,h3,h4,h5,h6 {padding:0;margin:0;font-weight:inherit;font-size:inherit;color: inherit;}
p,ul,ol{padding:0;margin:0;text-align: justify;}
.cl:after { content: "";clear: both;display: block;}
.none{ display:none;}
div{ padding:0; margin:0; line-height: 1em;;}
img {border:0;border-style:none; width:100%;-ms-interpolation-mode: bicubic;-webkit-interpolation-mode: bicubic;}
a img:hover {opacity: 0.7 ;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
li {list-style-type:none;}
a {cursor: pointer; display: block;}
a:link {text-decoration: none; color: inherit;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
a,a:hover {-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
::selection {background: #000;color: #fff;}
::-moz-selection {background: #000;color: #fff;}
.zn{font-family:'Zen Maru Gothic',serif;}
.gt{font-family:'Barlow','Noto Sans JP',sans-serif;}
.in,.in2{ padding:0 5%; max-width: 1400px; margin: auto; position: relative; }
.tr{-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
.cl:after { content: "";clear: both;display: block;}
.hdn{overflow: hidden;}
.pc{ display:block;}
.sp{ display:none;}
.on_pc{ display: block;}
.on_sp{ display: none;}
.blk{display: block;}
.tbl{display: table;}
.po_re{ position: relative;}
.po_ab{ position: absolute;}
.m00{border-radius: 800px;}
.m20{border-radius: 20px;}
.m10{border-radius: 10px;}
.m5{border-radius: 5px;}
.flx{ display: flex; flex-wrap: wrap;}
.flx_b{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.flx_r{flex-direction: row-reverse;}
.flx_c{ display: flex; flex-wrap: wrap; align-items: center;}
.fw5{ font-weight: 500;}
.fw7{ font-weight: 700;}
.f11{font-size: 1.1rem;}
.f12{font-size: 1.2rem;}
.f13{font-size: 1.3rem;}
.f14{font-size: 1.4rem;}
.f15{font-size: 1.5rem;}
.f16{font-size: 1.6rem;}
.f17{font-size: 1.7rem;}
.f18{font-size: 1.8rem;}
.f19{font-size: 1.9rem;}
.f20{font-size: 2rem;}
.lh13{line-height:1.3em; }
.lh14{line-height:1.4em; }
.lh15{line-height:1.5em; }
.lh16{line-height:1.6em; }
.lh17{line-height:1.7em; }
.lh18{line-height:1.8em; }
.lh19{line-height:1.9em; }
.lh20{line-height:2em; }
.bg_y{background: #F29600;}
.bg_g{background: #8DC21F;}
.bg_g2{background: #6CA62C;}
.bg_iv{background: #F5F4EB;}
.bg_iv2{background:#E8E5D9;}
.bg_iv3{background:#fefefe;}
.f_w{ color: #fff;}
.f_g{ color: #8DC21F;}
/*header*/
.header{ position: fixed; top: 0; left: 0; width: 100%;z-index: 100;background: #F5F4EB;}
.smaller{border-bottom: solid 1px #E2E0DB; }
.logo{ width: 270px;}
.smaller .logo{width: 200px;}
.hd_tel{height: 75px; padding: 0 25px;border-radius: 0 0 0 15px;}
.hd_ml{height: 75px; padding: 0 25px;border-radius: 0 0 15px 0;}
.smaller .hd_tel,.smaller .hd_ml{height: 50px;}
.hd_mltx{font-size: 1.2rem; line-height: 1em; text-align: center;}
.hd_mltx img{width: 26px;display: block; margin:0 auto 8px auto;}
.hd_telnum{ font-size: 3.1rem; line-height: 1em; font-weight: 700; padding: 0 0 0 44px; background: url(../images/hd_tel.png) left center/26px no-repeat;}
.hd_telnum span{font-size: 1rem; font-weight: 500; display: block; line-height: 1.6em;}
.smaller .hd_telnum{ font-size: 2.6rem;}
.smaller .hd_mltx img{width: 20px;}
.smaller .hd_mltx{font-size: 1rem;}

.hd_mn{padding: 20px 0;}
.smaller .hd_mn{padding: 10px 0;}
.hd_mn li{ border-right: solid 1px #E2E0DB; width: 20%; box-sizing: border-box; }
.hd_mn li:first-child{border-left: solid 1px #E2E0DB; }
.hd_mn li a{padding: 10px; text-align: center; font-size: 1.6rem; line-height: 1.2em; font-weight: 700; color: #463f35;}
.hd_mn li span{ display: block;color: #8DC21F; font-size: 1rem;}
.smaller .hd_mn li a{padding: 4px; font-size: 1.35rem;}
/*index*/
.contents{}
.mv{background:url(../images/mv.jpg) center/cover no-repeat; width: 97%; margin:0 1.5% calc(50px + 6%) 1.5%; border-radius: 20px; height: calc(250px + 35vw); position: relative;}
.mv_in{ bottom: -40px; width: 100%; left: 0; position: absolute; z-index: 2;}
.mvtx{font-size: 2.2rem; line-height: 1.6em;text-shadow: 0 0 8px #000; padding: 10px 0 calc(20px + 2%) 0;}
.mv_inbx{padding: calc(10px + 2.5%) calc(10px + 1%) calc(10px + 1%) calc(10px + 1%);max-width: 570px; }
.mvtx2{ font-size: 3.5rem; line-height: 1em; padding: 0 0 22px 0; text-align: center;}
.mv_inbx2{padding: calc(5px + 2%);}
.mvtx3{ font-size: 2.3rem; line-height: 2em; font-weight: 500; text-align: center;}
.mvtx3 span{ font-size: 0.7em; line-height: 1.7em; display: block;}
.idx_ab{padding: 0 0 calc(30px + 2.5%) 0;}
.idx_ab_l{ width: 40%; padding: calc(10px + 4%) 0;}
.idx_ab_r{ width: 56%; background: url(../images/idx_img1.jpg) center/cover no-repeat; min-height: 33vw;}
.idx_ttl{ font-size: 2.7rem; line-height: 1.65em; margin: 0 0 calc(15px + 2.5%) 0;}
.idx_ab_tx{margin: 0 0 calc(1px + 6.5%) 0;}
.lnk_btn_l,.lnk_btn_c{max-width: 200px; height: 37px; line-height: 37px; text-align: center; color: #fff !important;border-radius: 800px;background: #8DC21F url(../images/arrow.png) 94% center/12px no-repeat; font-size: 1.2rem; font-weight: 700; letter-spacing: 0.02em;}
.lnk_btn_c{margin: auto;}
.idx_ttl span{ font-size: 1rem; line-height: 1.2em; padding: 0 0 calc(10px + 1%) 0;  display: block;color: #8DC21F;}
.idx_ex{margin: 0 0 calc(35px + 3%) 0;}
.idx_ex_li{}
.idx_ex_li li{width: 32.5%; background: #FEFEFD; border-radius: 10px; padding: 10px; box-sizing: border-box;}
.idx_ex_img{ width: 100%; margin: 0 0 5px 0; border-radius: 5px; overflow: hidden; line-height: 0;}
.idx_ex_img img{border-radius: 5px;}
.idx_ex_txb{width: 92%; padding: 4%;}
.idx_ex_ttl{font-size: 2rem; line-height: 1.4em; font-weight: 700; letter-spacing: -0.01em; padding: 0 0 calc(10px + 3%) 0;}
.idx_ex_ttl span{font-size: 1rem; display: block; color: #8DC21F; letter-spacing: 0.07em;}
.idx_ex_tx{ padding: 0 0 calc(15px + 1%) 0;}
.idx_ds{background: url(../images/idx_img5.jpg) center/cover no-repeat; padding: calc(40px + 8%) 0;}
.idx_dsin{background: rgba(255,255,255,0.85); padding: calc(10px + 2%); width: 50%; box-sizing: border-box;}
/*footer*/
.footer{padding: calc(30px + 3%) 0 0 0;}
.ft_up{margin: 3%; padding: calc(25px + 3%);}
.ft_ct_ttl{font-size: 2.4rem; line-height: 1.6em; text-align: center; margin: 0 0 calc(15px + 2.5%) 0;}
.ft_ct_ttl span{font-size: 1rem; margin: 0 0 calc(10px + 0.5%) 0; display: block; line-height: 1.2em;}
.ft_ct_l,.ft_ct_r{width: 49%;}
.ft_ct_l2{ width: 100%; align-items: flex-start;}
.ft_ctbx2{width: 49%; padding: calc(8px + 2%);background: #8DC21F url(../images/arrow.png) 96% center/26px no-repeat; box-sizing: border-box;}
.ft_ctbx{padding: calc(8px + 2%);background: #8DC21F url(../images/arrow.png) 96% center/26px no-repeat;}
.ft_ct_tel{ padding:3% 40px 3% 105px; background: url(../images/hd_tel.png) 3% center/45px no-repeat;}
.ft_ct_ml{ padding:3% 40px 3% 105px; background: url(../images/hd_mail.png) 3% center/45px no-repeat;}
.ft_cttl_tx{ font-size: 1.8rem; line-height: 1.5em; margin: 0 0 calc(10px + 1%) 0;}
.ft_cttl_num{ font-size: 4rem; line-height: 1em; padding:0 0 calc(10px + 1%) 0;}
.ft_cttl_tx2{ font-size: 1.2rem; line-height: 1em;}
.ft_ct_r{background: url(../images/ft_rec.jpg) center/cover no-repeat;padding: calc(8px + 2%); box-sizing: border-box; position: relative;}
.ft_ct_reclnk{ position: absolute; left:calc(8px + 2%);bottom:calc(8px + 2%); width: 100%;}
.ft_btm{ background: #fefefe; padding: calc(15px + 1.5%) 0 15px 0;}
.ft_b_l{ width: 250px;}
.ft_logo{width: 210px; margin: 0 0 calc(5px + 1.5%) 0;}
.ft_b_ltx{ font-size: 1.2rem; line-height: 1.3em;}
.ft_b_ltx li{padding:1px 0; }
.ft_b_r{ width: calc(100% - 270px); max-width: 760px;}
.ft_mn{border-left: 1px solid #E2E0DB; margin: 0 0 calc(5px + 1%) 0;}
.ft_mn li{width: 20%; border-right: 1px solid #E2E0DB; box-sizing: border-box;text-align: center;}
.ft_mn li a{font-size: 1.25rem; line-height: 1em; text-align: center;padding: 20px 10px; font-weight: 700;}
.ft_copy{ font-size: 1rem; text-align: right; padding: 15px 0;}

/*contents*/
.cn_ttl{ font-size: 4.4rem; line-height: 1em; text-align: center; font-weight: 700; padding:10px 0 calc(25px + 3%) 0;}
.cn_ttl span{ font-size: 1.2rem; display: table ;margin:calc(10px + 1.5%) auto;background: #8DC21F; line-height: 12px; padding:7px 25px; color: #fff;border-radius: 50px; }
/*about*/
.ab_bx{margin: 0 0 calc(50px + 5%) 0;}
.ab_img1{width: 77%; margin: 0 -12% 0 0;}
.ab_img1 img{border-radius: 10px 0 0 10px;}
.ab_txb1{ width: 31%;}
.ab_ttl{ font-size:2.4rem; line-height: 1.3em; font-weight: 700; margin: 0 0 calc(22px + 2%) 0;}
.ab_ttl span{ font-size:1rem; line-height: 1em;color: #8DC21F; display: block; padding: calc(2px + 1%) 0 0 0;}
.ab_img2{background: url(../images/ab_img2.jpg) center/cover no-repeat; width: 50%; border-radius: 10px; max-height: 40vw;}
.ab_txb2{ width: 46%;}
.ab_txb2_li{padding: 6px 0;}
.ab_txb2_li li{padding: 12px; margin: 4px 0; background: #fefefe; font-size: 1.7rem; line-height: 1.15em; border-radius: 5px;}
.ab_if{}
.ab_ifimg1,.ab_ifimg2{ width: 50%; height: 30vw;}
.ab_ifimg1{background: url(../images/ab_img3.jpg) center/cover no-repeat;}
.ab_ifimg2{background: url(../images/ab_img4.jpg) center/cover no-repeat;}
.ab_ifbx{padding: calc(10px + 1.5%) calc(10px + 2%) 0 calc(10px + 2%); margin: calc(-20px - 2.6%) 0 0 0;}
.ab_if_l{ width: 230px;}
.ab_if_r{ width: calc(100% - 290px);}
.ab_if_ttl{text-align: center; width: 80px; font-size: 1.1rem; font-weight: 700; color: #8DC21F; border-bottom: 1px solid #8DC21F; line-height: 1.7em;}
.ab_if_tx{width: calc(100% - 80px); border-bottom: 1px solid #E2E0DB; font-size: 1.4rem; line-height: 1.5em; font-weight: 500;}
.ab_if_tx span{font-size: 1rem;}
.ab_ifr_li{margin: 0 0 calc(15px + 2%) 0;}
.ab_ifr_li li{ width: 48.5%;}
.ab_if_ttl,.ab_if_tx{ padding: calc(10px + 1%) 0;}
.ab_map{ width: 100%; height:calc(150px + 25vw); border-radius: 10px; overflow: hidden;}
.ab_map iframe{ width: 100%; height: 100%;}

/*service*/
.sv_svimg img{width: 49%; border-radius: 10px;}
.sv_svimg{margin: 0 0 calc(15px + 1.5%) 0;}
.sv_svcnt{margin: 0 0 calc(15px + 1%) 0;}
.sv_svbx{ border-right: 1px solid #E2E0DB; padding: 0 2.5% 0 0; width: 32.5%; box-sizing: border-box; margin: 0 2.5% 0 0;}
.sv_svbx2{ width: 30%; box-sizing: border-box;}
.sv_svbx li,.sv_svbx2 li{ padding:0 0 calc(22px + 1.5%) 0;}
.sv_svbx li:last-child,.sv_svbx2 li:last-child{ padding:0;}
.sv_svttl{color: #fefefe; background: #8DC21F; padding:0 15px; height: 23px; line-height: 23px; font-size: 1.6rem; display: table; border-radius: 5px;font-weight: 700; margin: 0 0 calc(7px + 0.5%) 0;}
.sv_svtx{ font-size: 1.3rem; line-height: 1.55em; font-weight: 500;}
.sv_svgd{padding: calc(10px + 1.5%);}
.sv_svgd_li{padding: 0 0 calc(7px + 0.5%) 0;}
.sv_svgd_li li{ width: 24.25%; border: 1px solid #E2E0DB; border-radius: 5px; margin: 0 1% 1% 0; box-sizing: border-box; line-height: 1.5em; font-size: 1.6rem; padding: 18px 10px; text-align: center;}
.sv_svgd_li li:nth-child(4n){margin: 0 0 1% 0;}
.sv_svgd_li li span{ font-size: 0.7em;}
.sv_svgd_tx{ font-size: 1.3rem; padding: 0 0 0 13px; text-indent: -1em; font-weight: 500; line-height: 1.45em;}
.sv_fl_l{ width: 33%;}
.sv_fl_l img{margin: 0 0 calc(10px + 0.5%) 0; border-radius: 10px;}
.sv_fl_r{ width: 63%; border-top: 1px solid #E2E0DB;}
.sv_fl_r li{padding: calc(10px + 1.4%) 0; border-bottom: 1px solid #E2E0DB;}
.sv_fl_rtm{ font-size: 1.5rem;color: #8DC21F; width: 125px; text-align: center;}
.sv_fl_rtx{ font-size: 1.7rem; line-height: 1.5em; width: calc(100% - 140px);}

/*flow*/
.fl_bx{border-radius: 10px; background:#fefefe; padding: calc(15px + 1.5%) calc(10px + 1.5%);}
.fl_num{ width: 120px; text-align: center; font-size: 9rem; line-height: 0.6em; color: #8DC21F; font-weight: 700;}
.fl_txbx{ width: calc(100% - 130px);}
.fl_ttl{background: #8DC21F; color: #fefefe; font-size: 2.2rem; line-height: 1em; padding: 7px 25px; border-radius: 5px; display: table; margin: 0 0 calc(10px + 1%) 0; font-weight: 700;}
.fl_tx{ font-size: 1.7rem; line-height: 1.6em; font-weight: 700;}
.fl_sk{max-width: 43px; width: 8%; margin:calc(10px + 0.8%) auto;}
.fl_tx2{ padding: calc(10px + 0.5%) 0 0 0; font-size: 1.2rem; font-weight: 500; line-height: 1.65em;}
.fl_stt{ font-size: 2.8rem; text-align: center; display: table; padding: 6% 10%; line-height: 1.3em;font-weight: 700; margin:5% auto calc(15px + 1.5%) auto; border: 1px solid #c2beb5;}
.fl_stt2{ font-size: 1.7rem;  display: table; padding: 0 0 0 40px; line-height: 1.8em;font-weight: 700; margin:auto; background: url(../images/fl_icon.png) left center/9px no-repeat;}

/*QandA*/
.qa_wrap{padding: 0 5%; margin: auto; max-width: 850px;}
.qa_ttl{ font-size: 2.2rem; line-height: 1em; text-align: center; padding:20px 10px; }
.qa_bx{ border-bottom: 1px solid #e2e0db; padding: calc(15px + 1%) 0;}
.qa_q{ color: #f29600; margin: 0 0 calc(10px + 0.9%) 0;}
.qa_a{ color: #8DC21F;margin: 0 0 calc(4px + 0.5%) 0;}
.qa_q p,.qa_a p{width: 35px; height: 35px; border-radius: 50px; color: #fefefe; text-align: center; line-height: 32px; font-size: 2.2rem; font-weight: 700;}
.qa_q p{background: #f29600;}
.qa_a p{background: #8DC21F;}
.qa_q span,.qa_a span{ display: block; width: calc(100% - 45px); font-size: 2rem; line-height: 1.35em;font-weight: 700;}
.qa_a_tx{ padding: 0 0 0 45px; font-size: 1.5rem; line-height: 1.6em;}

/*contact*/
.ct_tx{ text-align: center; padding: 0 0 calc(20px + 2%) 0;}
.fmbx{ padding: calc(8px + 1%) 0;}
.fm_lbl{ width: 170px;}
.fm_hisu,.fm_nini{ width: 45px;background: #8DC21F; height: 18px; font-size: 1.1rem; text-align: center; line-height: 18px; color: #fefefe; border-radius: 5px;}
.fm_nini{background: #999;}
.fm_ttl{ width: calc(100% - 55px); font-size: 1.6rem;}
.fmbx_r{ width: calc(100% - 170px);}
.fmbx_r_hf{ width: calc(50% - 170px); margin: 0 50% 0 0;}
.fmbx_txt{background: #fff; border: 1px solid #E2E0DB; width: 100%; padding:15px 20px; box-sizing: border-box; display: block; font-size: 1.6rem; line-height: 1.3em; border-radius: 10px;}
.fmbx_txtarea{background: #fff; border: 1px solid #E2E0DB; width: 100%; padding:15px 20px; box-sizing: border-box; display: block; font-size: 1.6rem; line-height: 1.3em; border-radius: 10px; min-height: calc(150px + 20vw);}
.fm_policy{ height: calc(150px + 2vw); background: #fefefe; overflow-y: scroll; padding: 30px; margin: 0 0 calc(20px + 2%) 0;}
.fm_policy h3{font-size: 1.7rem; line-height: 1.7em; font-weight: 700; padding: 0 0 calc(10px + 1%) 0;}
.fm_policy p{font-size: 1.45rem; line-height: 1.7em; font-weight: 500; padding: 0 0 calc(20px + 2%) 0;}
.fm_policy ul{padding: 0 0 calc(20px + 2%) 0;}
.fm_policy li{font-size: 1.25rem; padding: 10px 0;}
.fm_btn{ max-width: 410px; margin: auto; background: #f29600; border: 10px solid #fad599; display: block;padding:40px 20px; text-align: center; width: 100%; font-size: 4rem; color: #fefefe;}
::placeholder{color: #bbb;}
.fm_r_li li{padding: 0 28px 0 0;}
.type_radio{width: 20px; height: 20px;background: #fff; border: 1px solid #E2E0DB;}
.fmbx_radtx{ padding: 0 0 0 5px; font-size: 1.35rem; line-height: 1em; font-weight: 700;}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1250px) {
	/*about*/
	.ab_img1{width: 75%; margin: 0 -10% 0 0;}
	.ab_txb2_li li{padding: 10px; font-size: 1.5rem;}
	.ab_if_l{ width:195px;}
	.ab_if_r{ width: calc(100% - 220px);}
}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1024px) {
    body{padding: 148px 0 0 0;}
    /*header*/
	.logo{ width: 200px;}
	.smaller .logo{ width: 170px;}
	.hd_tel,.hd_ml{height:55px; padding: 0 20px;}
	.smaller .hd_tel,.smaller .hd_ml{height:45px;}
	.hd_telnum{ font-size: 2.6rem; padding: 0 0 0 35px; background: url(../images/hd_tel.png) left center/22px no-repeat;}
	.hd_telnum span{font-size: 1rem;}
	.hd_mltx{font-size: 1.1rem;}
	.hd_mltx img{width: 22px;}
	.hd_mn{padding: 20px 0;}
	.hd_mn li a{ font-size: 1.7vw;}
	.smaller .hd_telnum{ font-size: 2.2rem;}
	.smaller .hd_mltx img{width: 16px;}
	.smaller .hd_mn li a{font-size: 1.15rem;}
	
	/*index*/
	.mvtx{font-size: 2rem;}
	.mv_inbx{display: table;}
	.mvtx2{ font-size: 2.6rem; padding: 0 0 15px 0;}
	.mvtx3{ font-size: 1.9rem;}
	
	.idx_ttl{ font-size: 2rem; letter-spacing: -0.02em;}
	.idx_ab_tx{font-size: 1.35rem;line-height: 1.7em;}
	.idx_ex_ttl{font-size: 1.65rem;}
	.idx_ex_tx{ font-size: 1.3rem;}
	
	.idx_dsin{width: 65%;}
	
	/*footer*/
	.ft_ct_ttl{font-size: 2rem;}
	.ft_ctbx{background: #8DC21F url(../images/arrow.png) 96% center/20px no-repeat;}
	.ft_ct_tel{ padding:3% 30px 3% 55px; background: url(../images/hd_tel.png) 1% center/25px no-repeat;}
	.ft_ct_ml{ padding:3% 30px 3% 55px; background: url(../images/hd_mail.png) 1% center/25px no-repeat;}
	.ft_cttl_tx{ font-size: 1.4rem; letter-spacing: -0.015em;}
	.ft_cttl_num{ font-size: 2.8rem;}
	.ft_cttl_tx2{ font-size: 1.05rem; line-height: 1em;}
	
	.ft_b_l{ width: 180px;}
	.ft_logo{width: 160px;}
	.ft_b_ltx{ font-size: 1.05rem;}
	.ft_b_r{ width: calc(100% - 200px);}
	.ft_mn li a{font-size: 1.1rem; letter-spacing: -0.02em;padding: 12px 7px;}
	
	/*content*/
	.cn_ttl{ font-size: 4.5vw;}
	/*about*/
	.ab_img1{width: 67%; margin: 0 -7% 0 0;}
	.ab_txb1{ width: 36%;}
	.ab_ttl{ font-size:2.1rem;}
	.ab_txb1tx{ font-size: 1.45rem;}
	.ab_if_l{ width:175px;}
	.ab_if_r{ width: calc(100% - 190px);}
	.ab_if_ttl{width: 70px;}
	.ab_if_tx{width: calc(100% - 70px);font-size: 1.25rem;}
	
	/*service*/
	.sv_svttl{ padding:0 12px; height: 20px; line-height: 20px; font-size: 1.4rem;}
	.sv_svtx{ font-size: 1.2rem;}
	.sv_svgd_li li{ font-size: 1.4rem; padding: 15px 6px;}
	.sv_svgd_tx{ font-size: 1.15rem;}
	
	.sv_fl_l{ width: 37%;}
	.sv_fl_r{ width: 58%;}
	.sv_fl_rtm{ font-size: 1.3rem;width: 100px;}
	.sv_fl_rtx{ font-size: 1.55rem;width: calc(100% - 110px);}
	.fl_num{ width: 90px;  font-size: 7rem;}
	.fl_txbx{ width: calc(100% - 105px);}
	.fl_ttl{font-size: 2rem;}
	.fl_tx{ font-size: 1.6rem;}
}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:768px) {
     body{padding: 123px 0 0 0;}
    .pc{ display:none !important;}
    .sp{ display:block !important;}
    .in2{ padding:0;}
    .f11{font-size: 1.05rem;}
    .f12{font-size: 1.15rem;}
    .f13{font-size: 1.25rem;}
    .f14{font-size: 1.35rem;}
    .f15{font-size: 1.45rem;}
    .f16{font-size: 1.55rem;}
    .f17{font-size: 1.65rem;}
    .f18{font-size: 1.75rem;}
    .f19{font-size: 1.85rem;}
    .f20{font-size: 1.95rem;}
    
    /*header*/
    .logo{ width: 180px;}
	.hd_tel,.hd_ml{height:50px; padding: 0 15px;}
    .hd_telnum{ font-size: 2.2rem; padding: 0 0 0 30px; background: url(../images/hd_tel.png) left center/20px no-repeat;}
	.hd_telnum span{font-size: 1rem;}
	.hd_mltx{font-size: 1.1rem;}
	.hd_mltx img{width: 22px;}
    .hd_mn{padding: 15px 0;}
	
	.hd_mn,.hd_mn li span{ letter-spacing: -0.02em;}
    /*index*/
	.contents{}
	/*index*/
	.mvtx{font-size: 1.85rem;}
	.mvtx2{ font-size: 2.45rem;}
	.mvtx3{ font-size: 1.75rem;}
	
	.idx_ttl{ font-size: 1.75rem; line-height: 1.5em;}

	.idx_ab{padding: 0 0 calc(10px + 1.5%) 0;}
	.idx_ex_li li{width: 100%; margin: 0 0 2% 0;}
	.idx_ex_img{ width: 35%; margin:0;}
	.idx_ex_txb{width: 64%; padding:0 2%; box-sizing: border-box;}
	
	
	.ft_ctbx{padding: calc(6px + 1%);}
	.ft_ctbx2{width: 100%; padding: calc(6px + 1%);}
	
	/*about*/
	.ab_ttl{ font-size:1.95rem;}
	.ab_txb1tx{ font-size: 1.35rem;}
	.ab_img2{ max-height: 35vw;}
	.ab_ifimg1,.ab_ifimg2{ height: 35vw;}
	.ab_ifr_li li{ width: 100%;}
	
	/*service*/
	.sv_svgd_li li{ font-size: 1.35rem;}
	
	/*flow*/
	.fl_ttl{font-size: 1.85rem;}
	.fl_tx{ font-size: 1.45rem;}
}

/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:620px) {
    body{padding: 75px 0 0 0;}
    .on_pc{ display: none;}	
    .on_sp{ display:block !important;}
    .f11{font-size: 1.rem;}
    .f12{font-size: 1.1rem;}
    .f13{font-size: 1.2rem;}
    .f14{font-size: 1.3rem;}
    .f15{font-size: 1.4rem;}
    .f16{font-size: 1.5rem;}
    .f17{font-size: 1.6rem;}
    .f18{font-size: 1.7rem;}
    .f19{font-size: 1.8rem;}
    .f20{font-size: 1.9rem;}
    
    /*header*/
    .logo{ width: 200px; padding: 20px 0;}
	.smaller .logo{ width: 150px; padding: 8px 0;}
	.hd_ctct{position: fixed; bottom: 0; left: 0; width: 100%;}
	.hd_mn{display: none !important;}
	.hd_tel,.hd_ml{height:60px;}
	.hd_tel{width: 70%;border-radius: 0;}
	.hd_ml{width: 30%; border-radius: 0;}
	.hd_tel a,.hd_ml a{display: block;width:100%;}
	.hd_telnum{margin: auto; display: table;}

    /*burger*/
     
    *, *:before, *:after {padding: 0;margin: 0;box-sizing: border-box;}
    .cp_cont {height: 65vh;}
    .cp_offcm01 {position: absolute;top: calc(50% - 17px);right: 5%;display: inline-block;}
    /* menu */
    .cp_offcm01 .cp_menu {
	position: fixed;
	top: 0;
	right: -100vw;
	width: 280px;
	height: 100%;
	cursor: pointer;
	-webkit-transition: 0.53s transform;
	        transition: 0.53s transform;
	-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	        transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	background-color: #fff;
	opacity: 0.95;
        padding: 0 20px;
        box-sizing: border-box;
}
.cp_offcm01 .cp_menu ul {
	margin: 0;
	padding: 0;
}
.cp_offcm01 .cp_menu li {
	list-style: none;
}
.cp_offcm01 .cp_menu li a ,.cp_offcm01 .cp_menu li p{
	display: block;
	text-decoration: none;
}

.cp_offcm01 #cp_toggle01 {
	position: absolute;
	display: none;
	opacity: 0;
}
.cp_offcm01 #cp_toggle01:checked ~ .cp_menu {
	-webkit-transform: translateX(-100vw);
	        transform: translateX(-100vw);
}
/* menu toggle */
.cp_offcm01 #cp_toggle01 ~ label {
	display: block;
	padding: 0.5em;
	cursor: pointer;
	-webkit-transition: 0.5s transform;
	        transition: 0.5s transform;
	text-align: center;
	color: #333333;
}
.cp_offcm01 #cp_toggle01:checked ~ label {
	-webkit-transform: translateX(-260px);
	        transform: translateX(-260px);
}
.cp_offcm01 #cp_toggle01 ~ label::before {
	content: '';
    background: url(../images/bag_off.png) center/100% no-repeat;
    display: block;
    width: 20px; height: 20px;
}
.cp_offcm01 #cp_toggle01:checked ~ label::before {
	content:'';
    background: url(../images/bag_on.png) center/100% no-repeat;
}
/* contents */
.cp_contents {
	color: #333333;
	text-align: center;
}
    .hd_menu2{padding: 8%;}
    .hd_menu2 li{ width: 100%;border-bottom: 3px dotted #52a5dc;}
    .hd_menu2 li a{background-size: 50px; background-repeat: no-repeat; background-position: left center; padding: 11% 10px 11% 65px; font-size: 1.6rem; line-height: 1em;}
    
	
	
    /*index*/
	.mv{margin:0 1.5% calc(90px + 4%) 1.5%; }
	.mv_in{ bottom: -70px;}
	.mvtx{font-size: 1.6rem; letter-spacing: -0.015em}
	.mvtx2{ font-size: 2rem;}
	.mvtx3{ font-size: 1.6rem;}
	.idx_ttl{margin: 0 0 calc(10px + 1.5%) 0;}
	.idx_ttl span{ line-height: 1em; padding: 0 0 calc(5px + 0.5%) 0;}
	.idx_ab_tx{font-size: 1.3rem;line-height: 1.6em;}
	.idx_ab_l{ width: 100%; padding:0 0 calc(30px + 4%) 0;}
	.idx_ab_r{ width: 100%; height:55vw;}
	.idx_ex_img{ width: 39%; margin:0;}
	.idx_ex_txb{width: 59%; padding:0 2%; box-sizing: border-box;}
	.idx_dsin{width: 100%;}
	
	.idx_ds{padding:5% 0 calc(90px + 15%) 0;}
	
	/*footer*/
	.footer{padding: calc(30px + 3%) 0 30px 0;}
	.ft_ct_ttl{font-size: 1.8rem;}
	.ft_ct_l,.ft_ct_r{width:100%;}
	.ft_ct_r{margin:6px 0 0 0; height: calc(150px + 14vw);}
	.ft_up{margin: 0; padding:10% 5% 5% 5%; border-radius: 0;}
	.ft_b_l{ width:100%;}
	.ft_mn{ display: none !important;}
	.ft_logo{width: 200px;}
	.ft_b_ltx{ font-size: 1.15rem;}
	.ft_b_r{width: 100%;}
	.ft_copy{text-align: left;}
	
	/*content*/
	.cn_ttl{ font-size: 6.8vw; letter-spacing: -0.01em;}
	.cn_ttl span{ font-size: 1rem;line-height: 10px; padding:5px 18px;}
	
	/*about*/
	.ab_ttl{ font-size:2rem;}
	.ab_img1{width: 100%; margin: 0 0 calc(15px + 2%) 0;}
	.ab_img1 img{border-radius: 10px;}
	.ab_txb1{ width: 100%;}
	.ab_img2{height: 50vw;max-height: 50vw; width: 100%;margin: 0 0 calc(15px + 2%) 0;}
	.ab_txb2{ width: 100%;}
	.ab_ifimg1,.ab_ifimg2{ height: 42vw;}
	
	.ab_if_l{ width:100%; margin: 0 0 calc(15px + 2%) 0;}
	.ab_if_r{ width:100%;}
	
	/*service*/
	.sv_svimg img{width: 100%;}
	.sv_svbx,.sv_svbx2{ border:none; padding: 0; width: 100%; margin: 0;}
	.sv_svbx li,.sv_svbx2 li{ padding:0 0 calc(17px + 1.5%) 0 !important;}
	.sv_svttl{ padding:0 12px; height: 24px; line-height: 24px; font-size: 1.55rem;}
	.sv_svtx{ font-size: 1.3rem;}
	
	.sv_svgd_li li{ width: 49%; margin: 0 2% 2% 0; box-sizing: border-box; font-size: 1.45rem; padding: 15px 8px; letter-spacing: -0.02em;}
	.sv_svgd_li li:nth-child(even){margin: 0 0 2% 0;}
	.sv_fl_l{ width: 100%;padding: 0 0 calc(4px + 0.5%) 0;}
	.sv_fl_l img{ width: 49%;}
	.sv_fl_r{ width: 100%;}
	.sv_fl_rtm{ font-size: 1.2rem;width: 80px;}
	.sv_fl_rtx{ font-size: 1.45rem;width: calc(100% - 90px);}
	
	/*flow*/
	.fl_num{ width: 45px;  font-size: 5rem;}
	.fl_txbx{ width: calc(100% - 55px);}
	.fl_ttl{ font-size: 1.6rem; padding: 7px 12px; line-height: 1.4em;}
	.fl_tx{ font-size: 1.3rem;}
	.fl_stt{ font-size: 2.2rem;padding: 8% 12%;}
	.fl_stt2{ font-size: 1.5rem;padding: 0 0 0 25px;background: url(../images/fl_icon.png) left center/6px no-repeat;}
	
	
	.qa_ttl{ font-size: 2rem;}
	.qa_q p,.qa_a p{width: 28px; height: 28px; line-height:25px; font-size: 1.9rem;}
	.qa_q span,.qa_a span{ display: block; width: calc(100% - 35px); font-size:1.75rem;}
	.qa_a_tx{ padding: 0 0 0 35px; font-size: 1.35rem;}
	
	/*contact*/
	.ct_tx{text-align: left;}
	.fm_policy h3{font-size: 1.5rem;}
	.fm_policy p{font-size: 1.3rem;}
	.fm_policy li{font-size: 1.15rem;}
}