.sp440, .pc_lp, .sp360{display:none}

@media screen and (min-width: 751px) {
a[href^="tel:"]{pointer-events: none;}
.sp, .nav_icon{display:none!important}

/* nav */
.hamburger{display:none;}
.nav_list{display: flex;gap: 10px;}
.nav_list>li {width: 140px;font-size: 14px;font-weight: 500;line-height: 1.5em;}
.nav_list>li:last-child {width: 150px;}
.nav_list>li a{height: 70px;display: flex;justify-content: center;align-items: center;border: 1px solid var(--brown);border-radius: 3px;position: relative;text-align: center;padding: 0 0 2px;}
.nav_list>li a .lager {display: block;font-weight: 700;font-size: 121.43%;}
.nav_list>li a:after {content: '';position: absolute;background: url("../images/gnv_arr.svg") no-repeat right bottom/100% auto;width: 11px;height: 11px;right: 3px;bottom: 3px;transition: all 0.3s;}

/*  FOOTER */
.ft_bnn li:not(:last-child){margin-right: 30px;}

/* hover */
.nav_list>li:hover>a{background:var(--txt);text-decoration: none;color: #fff;}
.nav_list>li:hover>a:after {background-image: url("../images/gnv_arr_white.svg");}
.to_top img:hover, .ft_info_btn .ft_info_btn_mail a:hover, .bnr_fixed li.bnr_fixed_mail .txt .lager:hover, .sec02_item:hover {opacity:.8!important}
	.btn a:hover {background-color: var(--txt);}
	.ft_link_sub li .info:hover, .ft_link_sub li a:hover {text-decoration: underline;}
	.bnr_fixed li:hover .txt {right: 0;}
	.bnr_fixed li:hover {width: 300px;}

}

@media screen and (min-width: 751px) and (max-width: 1760px){
	.inner {padding-left: 30px;padding-right: 30px;}
	.h_inner {padding: 0 15px;}
	.nav_list>li { font-size: 12px; width: 110px; }
.nav_list>li:last-child {width: 120px;}
	.h_txt li { font-size: 11px; height: 55px; }
	#logo {width: 200px;}
	.nav_list>li a {height: 60px;}
	.mv_main_cont { width: 520px; height: 520px; }
	.mv_main_txt {font-size: 24px;margin-bottom: 15px;}
	.mv_main_ttl { font-size: 50px;margin-bottom: 10px; }
	.mv_main_note { font-size: 24px;margin-bottom: 25px; }
	.mv_btn { max-width: 500px; gap: 20px; }
	.mv_main_others:after { width: 140px; height: 140px; }
	.mv_main_others .txt { width: 170px; height: 103px; margin-bottom: -15px; }
	.mv_main_others { left: -83px; font-size: 12px; top: 180px; }
	.sec02 .inner {width: 1450px;}
	.sec03 .inner {width: 1460px;}
	.sec03_item_ttl {white-space: nowrap;}
	.sec05:before { width: 500px; right: auto; left: 10px; }
	.sec05:after { width: 330px; left: auto; right: 20px; }
	.sec02:before { background-size: 100% auto; background-position: bottom 100px center; }
	.mv_main_info {background-size: auto 110px; }

}
@media screen and (min-width: 751px) and (max-width: 1500px){
	#logo { width: 180px; }
	.h_txt li { font-size: 10px; height: 50px; }
	.bnr_fixed li, .bnr_fixed li .info, .bnr_fixed li .icon {width: 80px;height: 80px;border-top-left-radius: 30px;}
	.bnr_fixed li .txt { height: 100px; font-size: 13px; line-height: 1.5em; width: 250px; }
	.bnr_fixed li .icon {background-size: 30px auto;}
	.mv_main_info { padding-left: 50px;}
	.sec05_img { width: 455px; right: calc(100% + 25px); }
	.sec05_img .ttl { left: 65px; }
	.to_top {width: 60px;}
	.sec02_top {padding-left: 0;}
	.sec03_item { top: 95px; padding: 40px; }
	.sec03_item_ttl .lager { font-size: 150%; }
	.sec02_item_ttl {font-size: 20px;}
	.sec03 { background-position: top 300px left -170px; }
}
@media screen and (min-width: 751px) and (max-width: 1400px){
	.pc_lp {display: block;}
.nav_list>li { font-size: 11px; width: 100px; }
.nav_list>li:last-child {width: 110px;}
	.nav_list>li a { height: 55px; }
	.h_left {gap: 10px;}
	#logo {width: 160px;}
	.nav_list {gap: 5px;}
	.h_txt {gap: 2px;}
	.h_inner { height: 80px; border-top-left-radius: 40px; border-bottom-right-radius: 30px; }
	.h_box {padding-top: 10px;}
	.mv_main_cont { width: 460px; height: 460px; padding-top: 30px; }
	.mv_main {padding-top: 105px;}
	.mv_main_cont:before { width: 32px; height: 20px; margin-bottom: 10px; }
	.mv_main_txt { font-size: 20px; margin: 0 0 10px; }
	.mv_main_cont:after { top: 10px; right: 10px; bottom: 10px; left: 10px; }
	.mv_main_ttl { font-size: 42px; margin: 0 0 10px; }
	.mv_main_note { font-size: 20px; margin-bottom: 25px;}
	.mv_btn { max-width: 430px; gap: 20px 10px; }
	.mv_main_others { left: -100px; top: 100px; }
	.mv_main_info { background-size: auto 70px; padding-bottom: 70px; background-position: left 0 bottom; }
	.slide_item {width: 560px;}
	.mv { padding-bottom: 140px; }
	.sec02_item_ttl { font-size: 20px; }
	.sec02_item_main { padding: 0 15px; }
	.sec05_main { width: 850px; }
	.bnr_fixed {top: 150px;}
	.bnr_fixed li, .bnr_fixed li .info, .bnr_fixed li .icon {width: 70px;height: 70px;}
	.bnr_fixed li .txt {height: 90px;}
	.sec04_item {width: 330px;}
	.sec04_item.item_top { margin-top: 60px; }
	.ft_info_btn {gap: 25px;}
	.sec05:before { width: 550px; height: 168px; top: 370px; right: calc(50% + 74px); }
	.sec05:after { width: 360px; left: auto; right: 30px; }
}
@media screen and (min-width: 751px) and (max-width: 1300px){
	.h_txt li {font-size: 9px;}
	.sec02_item_ttl { font-size: 18px; }
	.sec02_item_txt {font-size: 14px;}
	.sec03_item_ttl .lager {font-size: 150%;margin-top: 10px;}
	.sec03_item_ttl { font-size: 18px; margin: 0 0 20px;}
	.sec03_item_num {margin-bottom: 10px;}
	.sec03_item_img {width: 330px;}
	.sec03_item_txt {font-size: 14px;}
	.sec03_item_main { width: 460px; }
	.sec05_main { width: 750px; }
}
@media screen and (min-width: 751px) and (max-width: 1200px){
	.sec01_bg {background-attachment: scroll;}
}

/* screen-min:750px */
@media screen and (max-width: 750px) {
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
font-size: 140%;
}
img{max-width:100%; height: auto;}
.swap img{width:auto;}
#wrapper,
header,
main,
footer,
.inner{width:100%!important;min-width:unset!important}
.pc, .pc_lp{display:none!important}
	#wrapper {overflow: hidden;}
/* NAV */
nav{display:block;position:fixed;top:130px;left:0;width:100%;height:calc(100% - 130px);overflow:auto;padding:40px 0 0;z-index:100;display:none;background: var(--scolor);}
	.nav_list {display: none;}
.hamburger{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;flex-shrink: 0;position: absolute;top: 21px;right: 8px;}

/*=====================================================
                      C U S T O M
======================================================*/

/*============ HEADER ============*/
.h_txt li { font-size: 10px; height: 40px; padding: 4px; flex: auto; text-align: center; justify-content: center; }
	.h_box { padding: 5px 5px 0; }
	.h_inner { border-top-left-radius: 30px; border-bottom-right-radius: 20px; height: 130px; padding: 0 8px; }
	.h_txt {gap: 2px;width: 100%;}
	.h_left {gap: 6px;flex-wrap: wrap;}
	#logo {width: 185px;}
	.nav_icon_item a { display: flex; justify-content: center; align-items: center; border: 1px solid var(--txt); border-radius: 10px; overflow: hidden; background: #fff;flex-direction: column;width: 140px;text-align: center;}
	.nav_icon_item .txt { font-size: 14px; font-weight: 500; padding: 0 5px 10px; }
	.nav_icon_item .txt .lager {display: block;font-weight: 700;font-size: 120%;}
	.nav_icon_item {margin: 0 3px;}
	.nav_icon_item a img {width: 100px;}
	.nav_icon { padding: 0 15px; margin: 0 auto 30px; max-width: 461px;width: 100%;overflow: hidden;}
	.nav_sp {background: #2D2927;padding: 40px 15px;color: #fff;text-align: center;}
	.noscroll {overflow: hidden;}
	.logo_sp a { display: flex; align-items: center; margin: 0 auto; width: 420px; max-width: 100%; background: #fff; border-radius: 10px; padding: 10px; gap: 20px;font-weight: 700;font-size: 17px;justify-content: center;position: relative;}
	.logo_sp a:after {content: '';position: absolute;background: url("../images/gnv_arr.svg") no-repeat center center/100% auto;width: 11px;height: 11px;right: 3px;bottom: 3px;}
	.logo_sp {margin-bottom: 40px;padding: 0 15px;}
	.nav_sp .ft_info_btn {margin-bottom: 50px;padding: 0;}
	.noscroll .h_box {padding: 0;}
	.noscroll .h_inner {border-radius: 0;}
	
	.h_left .ft_info_btn li { width: 170px; font-size: 12px; line-height: 1.3em; }
	.h_left .ft_info_btn .ft_info_btn_line a { height: 55px; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1); border-radius: 10px; }
	.h_left .ft_info_btn .ft_info_btn_line .lager { font-size: 130%; margin: 0; gap: 5px; }
	.h_left .ft_info_btn .ft_info_btn_line a .lager::before { width: 20px; height: 20px; }
/*============ Main ============*/
main{}

/* MAIN VISUAL */
.mv_main { padding-top: 160px; }
	.main_slider { position: relative; }
	.mv_bg { width: 100%; height: auto; position: relative; }
	.mv_main_cont { width: 350px; height: 350px; padding: 25px 0 0; border-width: 2px; }
	.mv_main_cont:after { top: 5px; right: 5px; bottom: 5px; left: 5px; }
	.mv_main_cont:before { width: 20px; height: 13px; margin: 0 auto 5px; }
	.mv_main_txt { font-size: 16px; margin: 0 0 5px; }
	.mv_main_info {width: 100%;background-size: auto 80px;padding-bottom: 125px;background-position: left bottom 20px;}
	.mv_main_ttl { font-size: 34px; margin: 0 0 10px; }
	.mv_main_note { font-size: 18px; margin-bottom: 15px;}
	.mv_btn { max-width: 400px; gap: 10px 10px; }
	.mv_btn .btn { width: calc((100% - 10px) / 2); }
	.mv_btn .btn a { height: 50px; font-size: 15px; box-shadow: 0px 4px 0px 0px rgba(120, 120, 120, 0.63); }
	.mv_btn .btn a:after { width: 5px; height: 10px; right: 10px; top: calc(50% - 5px); }
	.mv_main_others:after { width: 90px; height: 90px; }
	.mv_main_others .txt { width: 120px; height: 73px; margin-bottom: -12px; left: 12px;}
	.mv_main_others { font-size: 10px; left: -55px; top: 50px; }
	.slide_item {width: 350px;}
	.mv { padding: 0; }
/* sec01 */
	.sec01 { margin: 0; padding: 1px 0 200px; background-size: 100% auto;overflow: visible;}
	.sec01_bg { mask-size: 750px 100%; background-attachment: scroll; background-position: top 100px center; background-size: auto 120%; }
	.sec01_main { border-top-left-radius: 30px; border-bottom-right-radius: 20px; padding: 60px 15px; margin-top: -50px;position: relative;z-index: 2;}
	.sec01_main:before { width: 90px; height: 92px; margin-bottom: 20px; }
	.idx_ttl { font-size: 24px; }
	.sec01_txt { border-radius: 10px; padding: 30px 15px; margin-bottom: 25px; }
	.btn a { font-size: 15px; gap: 20px; width: 320px; height: 50px; box-shadow: 0px 4px 0px 0px rgba(120, 120, 120, 0.63); padding: 0 !important; }
/* sec02 */
	.sec02_top { display: block; margin: 0 0 40px; padding: 0;}
	.sec02_ttl { font-size: 24px; text-align: center; margin: 0 0 20px; }
	.sec02_ttl:before { width: 52px; height: 52px; margin: 0 auto -5px; }
	.sec02 {padding: 60px 0 70px;}
	.sec02_top_main { width: 100%; height: auto; border-radius: 10px; padding: 30px 15px; }
	.sec02_top_main_ttl { margin: 0 0 16px;text-align: center;}
	.sec02_top_main:after { width: 100px; height: 151px; right: 0; }
	.sec02_top_main_txt {padding-right: 77px;}
	.sec02_list { display: block; }
	.sec02_item { margin: 0 auto 30px; max-width: 440px;}
	.sec02_item:last-child {margin-bottom: 0;}
	.sec02_line {display: none;}
	.sec02:before { background-position: bottom 60px center; background-size: 750px auto; }
	.sec02_item_img {padding: 0 20px;}
	.sec02_item_main { padding: 0 15px; }
/* sec03 */
	.sec03:before { top: 25px; width: 230px; height: 230px; left: calc(50% - 115px); }
	.sec03 { padding: 80px 0 60px; }
	.sec03_list:before { width: 80px; height: 123px; right: calc(50% + 150px); top: -100px; }
	.sec03_list:after { left: calc(50% + 150px); width: 100px; top: -100px; height: 129px; }
	.sec03_item { display: block; padding: 40px 15px; border-radius: 20px;position: relative;top: 0;}
	.sec03_item_img {text-align: center;}
	.sec03_item_main { width: 100%; margin: 0 0 30px; }
	.sec03_item_ttl {font-size: 18px;text-align: center;margin-bottom: 15px;}
	.sec03_item_ttl .lager { font-size: 140%; margin: 10px 0 0; }
	.sec03_item_num { width: 110px; margin: 0 auto 10px; }
	.sec03 .idx_ttl { max-width: 300px; }
/* sec04 */
	.sec04_item {width: 280px;margin: 0 5px;}
	.sec04_item.item_top {margin-top: 40px;}
/* sec05 */
	.sec05 { padding: 150px 0 110px; margin-top: -90px; }
	.sec05_main { width: 100%; }
	.sec05 .idx_ttl { text-align: center; margin: 0 0 20px; }
	.sec05 .idx_ttl .lager {font-size: 120%;}
	.sec05 .idx_ttl .small { font-size: 75%; margin: 20px 0 10px; }
	.sec05_img { position: relative; right: 0; width: 100%; margin: 0 auto 20px; max-width: 410px;top: 0;}
	.sec05_img .ttl { left: 30px; }
	.sec05_txt p:not(:last-child) { margin-bottom: 1.5em; }
	.sec05 .btn a {margin: 0 auto;gap: 15px;}
	.sec05:before { width: 35vw; right: auto; left: 1vw; top: 62px; }
	.sec05:after { left: auto; right: 1vw; bottom: 29px; width: 30vw; }

/*============ FOOTER ============*/
footer { border-top-left-radius: 50px; border-top-right-radius: 50px; margin-top: -50px; }
	.ft_info_ttl {font-size: 24px;margin-bottom: 20px;}
	.ft_info_ttl .en {font-size: 16px;}
	.ft_top { padding: 60px 0; }
	.ft_info_btn { display: block; }
	.ft_info_btn li:not(:last-child) {margin-bottom: 20px;}
	.ft_info_btn li a { height: 120px;border-radius: 20px; }
	.ft_info_btn a .lager { font-size: 160%; margin: 10px 0 5px; }
	.ft_info_btn a .lager:before {background-size: 100% auto;}
	.ft_info_btn .ft_info_btn_tel a .lager {font-size: 180%;}
	.ft_info_btn .ft_info_btn_tel a .lager:before {width: 24px;height: 24px;}
	.ft_info_btn .ft_info_btn_mail a .lager:before {width: 30px;height: 28px;}
	.ft_info_btn .ft_info_btn_line a .lager:before {width: 38px;height: 36px;}
	.ft_info_btn li a .small { line-height: 1em; font-size: 75%;white-space: nowrap;letter-spacing: 0;margin: 4px 0 -2px;}
	.ft_info_btn .ft_info_btn_tel a {padding-top: 8px;}
	.ft_info_btn a .lager .note { top: -20px; }
	.ft_info_btn li {max-width: 400px;margin-left: auto;margin-right:auto;}
	.ft_info_txt {margin-bottom: 30px;}
	.ft_main .inner {display: block;}
	.ft_main { padding: 60px 0 120px; }
	.ft_logo img {width: 120px;}
	.ft_logo { margin: 0 0 20px; }
	.ft_main_info { margin: 0 0 20px; }
	.ft_link {display: none;}
	address {text-align: center;}


.bnr_fixed {display: none;}
	.bnr_contact {position: fixed;width: 100%;bottom: 0;left: 0;z-index: 3;opacity: 0;visibility: hidden;transition: all 0.3s;}
	.bnr_contact.show {opacity: 1;visibility: visible;}
	.bnr_contact .ft_info_btn {display: flex;gap: 5px;padding: 5px;}
	.bnr_contact .ft_info_btn li {font-size: 12px;margin: 0;}
	.bnr_contact .ft_info_btn li a .lager {font-size: 130%;gap: 5px;margin: 0;}
	.bnr_contact .ft_info_btn li.ft_info_btn_tel  a .lager {font-size: 150%;}
	.bnr_contact .ft_info_btn li.ft_info_btn_tel  a .lager:before {width: 18px;height: 18px;}
	.bnr_contact .ft_info_btn li.ft_info_btn_mail  a .lager:before {width: 20px;height: 22px;}
	.bnr_contact .ft_info_btn .ft_info_btn_mail a {border-width: 2px;}
	.bnr_contact .ft_info_btn li a {box-shadow: none;height:65px;border-radius: 10px;}
	
	.bnr_contact .ft_info_btn a .lager .note { line-height: 1.2em; top: -9px; }
	.bnr_contact .ft_info_btn a .lager .num:nth-child(2) .note {left: -6px;}
	.bnr_contact .ft_info_btn .ft_info_btn_tel a {padding-top: 10px;}
/* to top */
.to_top{width:40px;right:10px;bottom: 75px;}
	.to_top img {border-radius: 5px;}
/*============ END 750 ============ */

}



/* screen-max:460px */
@media screen and (max-width: 440px) {
.sp440 {display: block !important;}
.pc440{display: none !important}
	.h_txt {margin-right: -10vw;}
.h_txt li { font-size: 2.45vw; height: 10vw; border-radius: 1vw; padding: 1vw 1.5vw; }
	.hamburger { flex-shrink: 0;top: 3vw;width: 10vw; height: 10vw; border-radius: 1vw; }
	.mv_main_cont { width: 80vw; height: 80vw; padding: 6vw 0 0;}
	#logo { width: 35vw; }
	.h_left { gap: 2vw; }
	nav {top: 28vw;height: calc(100% - 28vw)}
	.nav_icon .slick-list {overflow: visible;}
	.hamburger-box, .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {width: 5vw;}
	.h_inner { padding: 0 1.4vw; height: 28vw; border-top-left-radius: 6vw; border-bottom-right-radius: 3vw; }
	.h_left .ft_info_btn li { width: 43vw; font-size: 3vw;}
	.h_left .ft_info_btn .ft_info_btn_line a { height: 11vw; border-radius: 2vw; }
	.h_left .ft_info_btn .ft_info_btn_line a .lager::before { width: 5vw; height: 5vw; }
	.mv_main { padding-top: 35vw; }
	.mv_main_cont:before { width: 5vw; height: 3vw; margin: 0 auto 1vw; }
	.mv_main_txt { font-size: 3.7vw; margin: 0 0 1vw; }
	.mv_main_ttl { font-size: 8vw; margin: 0 0 3vw; }
	.mv_main_note { font-size: 4vw; margin-bottom: 4vw; }
	.mv_btn .btn a { font-size: 3.5vw; height: 13vw; }
	.mv_main_others:after { width: 20vw; height: 20vw; }
	.mv_main_others { font-size: 2.2vw; left: -12vw; top: 14vw; }
	.mv_main_others .txt { width: 28vw; height: 17vw; margin-bottom: -3vw; left: 0; }
	.mv_main_info {padding-left: 5vw;}
	.slide_item {width: 280px;}
	.sec02_ttl .lager { padding: 0; }
	.sec02_ttl { font-size: 5.5vw; }
	.sec03 .idx_ttl { margin-bottom: 120px; }
	.sec03_list:before { right: calc(50% + 10px); }
	.sec03_list:after { left: calc(50% + 10px); }
	.sec03_item_ttl .lager { font-size: 120%; white-space: nowrap;}
	.idx_ttl {font-size: 22px;}
	.sec05 .idx_ttl .lager {font-size: 110%;}
	.sec05_img .ttl {font-size: 15px;}
	.ft_info_btn li a { height: 100px; }
	address { font-size: 12px; }
.logo_sp a { gap: 3vw; font-size: 3.6vw; }
	.logo_sp img { width: 15vw; }
	.bnr_contact .ft_info_btn li {font-size: 11px;}
}

/* screen-max: 360px */
@media screen and (max-width: 360px) {
	.sp360 {display: block;}
	.sec02_top_main_ttl { font-size: 16px; }
	.sec02_item_ttl { font-size: 20px; margin: 0 0 15px; }
	.sec02_item_note .lager {font-size: 110%;}
	.sec02_item_note { max-width: 90%; height: 50px; font-size: 13px;margin-bottom: 15px;}
	.sec02_item_ttl {font-size: 18px;}
	.sec03_item_ttl {font-size: 4.8vw;}
	.sec05 .idx_ttl .lager { font-size: 6.4vw;white-space: nowrap;}
	.sec05_img .ttl { font-size: 14px; left: 0; }
	.bnr_contact .ft_info_btn li { font-size: 3vw; }
	.bnr_contact .ft_info_btn li.ft_info_btn_mail a .lager:before { width: 16px; height: 16px; }
	.bnr_contact .ft_info_btn li.ft_info_btn_tel a .lager:before { width: 15px; height: 15px; }

}