@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/
/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd, del{
  font-size:clamp(16px,0.9375vw,1.8rem);
  -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;}
video{max-width: 100%;height: auto;}
figure{margin: 0;}
figure:not(:last-child){margin-bottom: 20px;}
/*==========================================================================*/
/*                               Container                                  */
/*==========================================================================*/
html{background:#fff;font-size: clamp(8px,0.520834vw,10px)}
body{-webkit-text-size-adjust:none;min-width:320px;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.66;letter-spacing: 0;}
p{margin: 0 0 1.22em;}
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;}
.red{color: var(--red);}
.txt_u{text-decoration: underline;}
.f_big{font-size: 150%;}
.f_sm{font-size: 80%;}
.m0a{display: block;margin-left: auto;margin-right: auto;}

:root {
  --txt: #333333;
  --mcolor: #e16f2a;
  --scolor: #06c755;
  --container: 123rem;
  --container:  clamp(1000px,85vw,123rem);

  --gray: #fdf5ed;
  --blue: #003b7d;
  --red: red;

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

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

/*==========================================================
                       H E A D E R
==========================================================*/
/* HAMBUGER BUTTON */
.hamburger{font:inherit;display:block;overflow:visible;margin:0;padding:10px 8px 5px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0}
.hamburger-box{position:relative;display:inline-block;width:35px;height:24px}
.hamburger-inner{top:50%;display:block;margin-top:-2px}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before{position:absolute;width:35px;height:2px;transition:all ease 0.15s;background-color:#000}
.hamburger-inner::after,
.hamburger-inner::before{display:block;content:""}
.hamburger-inner::before{top:-10px}
.hamburger-inner::after{bottom:-10px}
.hamburger--3dxy .hamburger-box{perspective:80px}
.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,10px,0) rotate(45deg)}
.hamburger--3dxy.is_active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}

header{position: relative; z-index:9;}
.h_box{width:100%;position: fixed;background-color: #fff;max-width: 1920px;}
body.is_scroll .h_box{box-shadow: 2px 0 20px rgba(0,0,0,0.1);}
.h_inner{display:flex;justify-content:space-between;align-items: center;height: 100%;}

.h_contact_btn a{color:#FFF;display: flex;justify-content: center;align-items: center;position: relative;height:7.2rem;border-radius:0 0 1rem 1rem;padding: 1rem 3.1rem 1.2rem;box-shadow:0 0.2rem 0.6rem rgba(0,0,0,0.27);letter-spacing: 0.05rem;line-height: 1.4;}
.h_contact_btn a .box{position: relative;z-index: 2;font-size: 2rem;display: inline-block;padding-left: 3.6rem;}
.h_contact_btn a .box::before{content:'';position: absolute;}
.h_contact_btn a .box > span{display: block;}
.h_contact_btn a .box .sm{font-size:1.4rem}
.h_contact_btn a .box .lg{font-size:2rem;}
.h_contact_mail a{background-color:#ff8400;}
.h_contact_mail a .box::before{background: url('../images/ic_mail.png') no-repeat center /cover;width: 3rem;height:2.1rem;top: calc(50% - 1rem);left: -1rem;}
.h_contact_mail a .box .lg{letter-spacing: 0;}
.h_contact_line a{background-color:var(--scolor);}
.h_contact_line a .box::before{background: url('../images/ic_line.png') no-repeat center /cover;width: 4rem;height:4rem;top: calc(50% - 2rem);left: -1.4rem;}

.h_contact_tel{margin-right: 2.4rem;padding-top: 0.2rem;}
.h_contact_tel a{font-size: 3.2rem;font-weight: bold;padding-left: 4.4rem;position: relative;line-height: 1;display: block;font-family:var(--f-rbt);white-space: nowrap;}
.h_contact_tel a::before{content:"";position: absolute;left: 0;top: calc(50% - 1.3rem);width:3.4rem;height: 2.4rem;background: url('../images/ic_tel.png') no-repeat center /cover;}
.h_contact_tel .time{font-size: 1.6rem;display: block;line-height: 1.5;letter-spacing: 0.02rem;white-space: nowrap;}

@media screen and (min-width: 751px) {
  .h_box{padding-left: 1.7%;}
  .h_left{width: 24%;padding-top:0.6rem;}
  .h_right{width: 76%}
  nav{padding: 1.9rem 0 1.5rem;}
  .h_contact{display: flex;align-items: center;justify-content: flex-end;}
  .h_contact > p{margin-bottom: 0;}
  .h_contact_mail a{padding-left: 3.5rem;padding-bottom: 1rem;}
  .h_contact_btn:not(:last-child){margin-right: 1.1rem;}
}
/*==========================================================
                  M A I N    V I S U A L
==========================================================*/
main{position: relative;z-index: 2;padding-top: 16rem;}

/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
/* DEFAULT TITLE */
.ttl_h3{font-weight: 900;font-size: 4rem;color: var(--mcolor);margin-bottom: 2.6rem;}
.ttl_h3:last-child{margin-bottom: 0;}
.org{color: var(--mcolor);}

/* DEFAUTL NAME BUTTON */
.btn a{width: 40rem;height: 7.5rem;border-radius: 999px;display: flex;justify-content: center;align-items: center;background: url('../images/ic_next.png') no-repeat right 2.3rem center /2.7rem #ff8400;font-size: 2rem;color: #fff;font-weight: bold;box-shadow:0.2rem 0 0.6rem rgba(0,0,0,0.3);max-width: 100%;text-align: center;}
.btn.lg a{width: 48rem;}
.btn.sm a{width: 32rem;}
.btn.center a{margin-left: auto; margin-right: auto;}
.btn2 a{width: 48rem;height: 10.5rem;font-size: 2rem;line-height: 1.5;padding-bottom: 2px;}

.btn_box:not(:last-child){margin-bottom: 3rem;}
.btn_box{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.btn_box .btn{margin: 1rem;}

.mv{height: 64rem;background-color: #e7913d;position: relative;z-index:4;}
.mv_box{position: relative;width: 100%;height: 100%;}
.mv_box::after{content: "";position: absolute;width: 45%;max-width: 83.8rem;height: 100%;background: url('../images/mv_man1.png') no-repeat center /cover;bottom: 0;right: -0.9rem;}
.mv_ttl{padding-top: 2.5vw;margin-bottom: -2.7vw;position: relative;z-index: 4;}
.mv_tt1 {color: #FFF;text-align: center;text-shadow: 0 0.6rem 2rem rgba(121,48,4,0.4);font-weight: 900;margin-bottom: -0.9rem;position: relative;width: 67%;z-index:3;font-size: clamp(70px,6.04165vw,11.6rem);}
.mv_tt1 .sys{margin: 0 -0.9rem;}
.mv_tt1::after{content: "";position: absolute;width: 70vw;height: 25vw;background: url('../images/mv_tt_bg.png') no-repeat center /contain;left: 0;top: -3.489583vw;z-index: -1;}
.mv_tt2 {font-size: clamp(54px,3.75vw,7.2rem);font-weight: bold;fill:#FFF;color: #fff;position: relative;padding-right: 3.9vw;transform: rotate(-2.1deg);text-align: center;z-index: 3;width: 67%;}
.mv_tt2::after{content: "";position: absolute;width: 49.989vw;height: 6.58vw;background: url('../images/mv_tt2_bg.png') no-repeat center /cover;left: calc(50% - 27.8vw);bottom: -0.1rem;z-index: -1;transform: rotate(2.2deg);}
.mv_tt2 tspan{font-size:clamp(58px,4.583333vw,8.8rem);font-weight: 900;}
.mv_tt2 svg{width: 93.2rem;height:15rem;}
.mv_tt2 .sm{text-shadow: 0 0.6rem 2rem rgba(121,48,4,0.3);letter-spacing: 0;}
.mv_pick {display: flex;gap: 5.1rem;margin-left: -1rem;position: relative;z-index: 2;}
.mv_pick li{outline: 0.8rem solid #FFF;border-radius: 999px;overflow: hidden;display: flex;justify-content: center;align-items: center;height: 100%;}
.mv_pick li:nth-child(1){border-top-left-radius: 0;border-bottom-left-radius: 0;border-left: 0;}
.mv_bnr{border-radius: 2.4rem;border: 0.4rem solid #FFF;background: rgba(225, 111, 42, 0.9);padding: 1.7rem 4.5rem 2.4rem 4.6rem;position: absolute;}
.mv_bnr dt{font-size:clamp(22px, 1.666665vw,3.2rem);font-weight: 900;text-align: center;background-color: #FFF;display: flex;justify-content: center;align-items: center;width: fit-content;padding: 1.3rem 4.3rem 1.5rem;border-radius: 2rem;margin: -5.5rem auto 1.6rem;color: var(--mcolor);z-index: 2;position: relative;line-height: 1.4;}
.mv_bnr dt .sys_r{display: inline-block;margin-right: -1.5rem;}
.mv_bnr dd{font-size:clamp(16px, 1.25vw,2.4rem);text-align: center;color: #FFF;line-height: 1.43;letter-spacing: 0;padding-right: 0.5rem;font-weight: 400;}


/*============= SEC01 ==============*/
.sec01_tt {font-size: 3.2rem;font-weight: 900;display: flex;align-items: center;gap: 1.6rem;position: relative;z-index: 1;margin-bottom: 2.3rem;padding-left: 2rem;}
.sec01_tt .en {font-size: 2.8rem;font-family: var(--f-rbt);color: var(--mcolor);position: relative;background-color: #FFF;line-height: 1.3;}
.sec01_tt .en::after{content: "";position: absolute;width: 6rem;height: 7.1rem;background: url('../images/sec01_h3_ic.png') no-repeat center /contain;left: -2rem;top: calc(50% - 3.4rem);z-index: -1;}
.sec01_box{position: relative;z-index: 2;}
.sec01_box .box_l{position: relative;}
.sec01_box .box_l::before{content: "";position: absolute;width:clamp(87px,9.739583vw,18.7rem);height:clamp(113px,12.65625vw,24.3rem);background: url('../images/sec01_ic1.png') no-repeat center /contain;left: -15vw;top: 10.75vw;z-index: -1;}
.sec01_box .box_r{position: relative;}
.sec01_pick {position: relative;}
.sec01_pick::before{content: "";position: absolute;width:clamp(197px,15.416667vw,29.6rem) ;height:clamp(164px,12.8125vw,24.6rem);background: url('../images/sec01_ic2.png') no-repeat center /contain;right: -6.822917vw;z-index: 2;top: 0.947917vw;}
.sec01_pick_name {display: flex;gap: 1.8rem;position: absolute;top: -1.8rem;left: 4.4rem;z-index: 1;}
.sec01_pick_name .box {-webkit-writing-mode: vertical-rl;-moz-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;-webkit-text-orientation: upright;-moz-text-orientation: upright;-ms-text-orientation: upright;text-orientation: upright;font-size: 2rem;font-weight: bold;background-color: #FFF;padding: 2.3rem 0.7rem 2.3rem;height: max-content;min-width: 6.6rem;display: flex;justify-content: center;align-items: center;}
.sec01_pick_name .box .lg {font-size: 3.2rem;margin-top: -0.1rem;}
.sec01_pick_name .box:nth-of-type(1){margin-top: 2.5rem;padding: 2.6rem 0.7rem 2.9rem;}
.sec01_pick_box{background-color: #FFF;}
.sec01_pick_box .tt {font-weight: bold;font-size: 2rem;margin-bottom: 0.7rem;}

@media screen and (min-width: 751px) {
  .sec01{padding: 7.6rem 0 0;background: url('../images/sec01_bg.png') no-repeat center bottom /auto;}
  .sec01_box {display: flex;justify-content: space-between;align-items: flex-end;}
  .sec01_box .box_l {width: 46%;padding: 4rem 0 0;order:1;}
  .sec01_box .box_r {width: 48%;order: 2;}
  .mv_bnr {bottom: -3rem;z-index: 2;right: 20.2%;}
  .mv_bnr .sm{padding-right: 1rem;}
  .mv_pick li:nth-child(2){margin-top: 9rem;margin-right: -1rem;}
  .mv_pick li:nth-child(3){margin-top: 2.2rem;}
  .sec01_pick_img {margin-left: 17.5%;}
  .sec01_tt::after{content: "";position: absolute;width: 6.3rem;height: 63rem;border-left: 2px solid var(--mcolor);border-top: 2px solid var(--mcolor);border-top-left-radius: 3rem;top: 0.7rem;left: -6.1rem;pointer-events: none;}
  .sec01_box .box_l::after{content: "";position: absolute;width: calc(100% + 7.761vw);height: 100%;top: 0;left: 49%;transform: translateX(-50%);background-color: #FFF;border-radius: 1.041667vw 1.041667vw 0 0;pointer-events: none;z-index: -1;}
  .sec01_des{margin-bottom: 3.5rem;}
  .sec01_pick_img img{width: 39rem;}
  .sec01_pick_box {padding: 2.4rem 2rem 2.4rem 4rem;border-radius: 2.4rem 2.4rem 0 0;bottom: 0;right: -20rem;position: absolute;}
  .mv_tt1::after{display: none;}
  .mv_box::before{content: ""; position: absolute; width: 70vw; height: 25vw; background: url(../images/mv_tt_bg.png) no-repeat center / contain; left: 0; top: -1.9rem; z-index: -1;}
}

/*============= SEC02 ==============*/
.sec02{position: relative;}
.sec02::after{content: "";position: absolute;width: 1920px;height: 100%;background: url('../images/sec02_bg.png') no-repeat center top /100% auto;left: calc(50% - 960px);top: 12.3rem;pointer-events: none;z-index: -1;}
.sec02_bnr{max-width: 90.1rem;margin: 0 auto 5.4rem;padding: 1.9rem 2rem 3.4rem 2rem;position:relative;z-index: 1;}
.sec02_bnr .box::after{content: '';position: absolute;width: calc(100% + 6.1rem);height: calc(100% + 1.3rem);top: -0.5rem;left: -0.9rem;background: url('../images/sec02_bnr_bg.png') no-repeat center /cover;z-index: -1;}
.sec02_bnr::before,.sec02_bnr::after{content:"";position:absolute;}
.sec02_bnr::before{right: -10.4rem;bottom: -1.5rem;width:14.3rem;height:21.2rem;background:url(../images/sec02_bnn_ic.png) no-repeat center/contain;z-index: 2;}
.sec02_bnr::after{width: calc(100% - 1rem);height: 100%;top: 0;left: 0;z-index:0;pointer-events: none;border:0.2rem solid var(--mcolor);border-radius: 3.4rem 0 0 3.4rem;border-right: 0;}
.sec02_bnr .tt{font-size:3.6rem;font-weight:bold;text-align:center;margin-bottom: 0;display: flex;flex-direction: column;}

.sec02_bnr .tt .sm{font-size:2.8rem;}
.sec02_bnr .tt .sm.auto{margin: 0 0.8rem;}
.sec02_bnr .tt .line{display: inline-block;position: relative;}
.sec02_bnr .tt .line::after{content: "";position: absolute;width: 100%;height: 1px;background: url('../images/sec02_bnr_line.png') repeat left;bottom: 0.5rem;left: 0;}
.sec02_bnr .tt .line .num{font-size:7rem;line-height: 1;font-family: var(--f-rbt);transform: translateY(0.3rem);display: inline-block;}
.sec02_bnr .tt .sys_r{display: inline-block;margin-right: -1.7rem;}
.sec02_list li{background:#fff;border-radius: 3rem;box-shadow:0 0.4rem 1.2rem rgba(0,0,0,.08);padding: 0.6rem;}
.sec02_list li .box{border:0.2rem solid var(--mcolor);border-radius: 2.5rem;padding: 1rem 1rem 0.5rem;height: 100%;}
.sec02_list li .box .fr{padding: 1.9rem 1.5rem 1.7rem;}
.sec02_list li .ico{height:18rem;display:flex;align-items:flex-end;justify-content:center;background:var(--gray);border-radius: 2rem;padding-bottom: 0;}
.sec02_list li:nth-of-type(2) .ico{padding-bottom: 1.1rem;}
.sec02_list li:nth-of-type(4) .ico{padding-bottom: 0.8rem;}
.sec02_list li:nth-of-type(5) .ico{padding-bottom: 1.2rem;padding-right: 1rem;}
.sec02_list li:nth-of-type(6) .ico{padding-bottom: 0.5rem;padding-left: 1.5rem;}
.sec02_list li .ico img{}
.sec02_list .tt{font-size:2.4rem;font-weight:700;line-height: 1.4;text-align:center;color:var(--txt);margin-bottom: 1.3rem;}
.sec02_list .tt .org{color:var(--mcolor);}
.sec02_list li>p:last-child{padding:0 2rem 2.4rem;font-size:1.7rem;line-height:2;color:var(--txt);}
@media screen and (min-width: 751px) {
  .sec02{padding: 10.2rem 0 8.1rem;}
  .sec02_bnr .tt .box01{display: block;margin-bottom: -1.4rem;}
  .sec02_bnr .tt .box02 img{transform: translateY(0.6rem);}
  .sec02_list{display:grid;grid-template-columns:repeat(3,1fr);gap: 4rem 2.4rem;}

}




.secbnn {background: url('../images/secbnn_bg.jpg') no-repeat center /cover;}
.secbnn_head {background-color: #FFF;width: fit-content;padding: 3.9rem 4.5rem 4.2rem 5.7rem;border-radius: 9rem 8rem 0 9rem;border-bottom-right-radius: 0;position: relative;box-shadow: 0.2rem 0 0.6rem rgba(0,0,0,0.3);margin-left: 0.6rem;margin-bottom: 4.3rem;white-space: nowrap;}
.secbnn_head::after{content: "";position: absolute;}
.secbnn_head::before {border: 1px solid var(--mcolor);border-radius: 999px;content: "";position: absolute;z-index: 2;pointer-events: none;}
.secbnn_head .box .tt {font-size: 3.2rem;font-weight: bold;}
.secbnn_body .ico{margin: 0 2.8rem 0 0;}
.secbnn_body .slg {font-size: 3.6rem;font-weight: bold;color: #FFF;line-height: 1;padding: 1rem 2.1rem 0.4rem;border: 0.2rem solid #FFF;margin: 0;border-radius: 1.6rem;position: relative;display: flex;justify-content: center;align-items: center;width: fit-content;margin-right: 2.6rem;}
.secbnn_body .slg .num {font-size: 6.4rem;line-height: 1;font-family: var(--f-rbt);margin-right: 0.1rem;display: inline-block;transform: translateY(-0.2rem);}
.secbnn_body .slg .lg {font-size: 4.4rem;}
.secbnn_body .des {font-size: 2.4rem;font-weight: bold;color: #FFF;}
.secbnn_body .box01{display: flex;align-items: center;}
.secbnn_cta {background-color: #FFF;position: relative;z-index: 1;margin-left: 0.6rem;}
.secbnn_cta .h_contact_mail a .box{padding-left: 4rem;}
.secbnn_cta .h_contact_mail a .box::before{background: url('../images/ic_mail2.png') no-repeat center /cover;width: 3.4rem;height: 2.3rem;}
.secbnn_cta .h_contact_line a .box{padding-left: 1.7rem;}
.secbnn_cta .h_contact_line a .box::before{background: url('../images/ic_line2.png') no-repeat center /cover;width: 5rem;height: 5rem;left: -4rem;top: calc(50% - 2.4rem);}
.secbnn_cta .h_contact_btn a{border-radius: 2rem;}


@media screen and (min-width: 751px) {
  .secbnn{padding: 5.6rem 0 0;}
  .secbnn_box{max-width: 90%;}
  .secbnn_body {display: flex;justify-content: center;align-items: center;margin-bottom: 4.7rem;}
  .secbnn_cta {display: flex;align-items: center;justify-content: center;gap: 1.2rem;padding: 3rem 0 1rem 6.2rem;border-radius: 6.4rem 6.4rem 0 0;}
  .secbnn_cta::after{content: "";position: absolute;width: 29rem;height: 48.7rem;background: url('../images/secbnn_img1.png') no-repeat center /cover;bottom: -2rem;left: 94%;z-index: -1;}
  .secbnn_head::after{width: 7.3rem;height: 6.8rem;right: -7.3rem;bottom: -0.8rem;background: url('../images/secbnn_head_af.png') no-repeat center /contain;}
  .secbnn_head .box .tt img{display: inline-block;margin-right: 0.6rem;}
  .secbnn_head .box .tt .lg {font-size: 4.6rem;}
  .secbnn_head::before{border-bottom-right-radius: 0;clip-path: polygon(0 0, calc(100% - 12rem) 0%, 100% 100%, 0% 100%);width: calc(100% + 2.3rem);height: calc(100% - 2rem);top: 1rem;left: 1rem;padding: 2rem 5rem;}
  .secbnn_cta > p{margin: 0;}
  .secbnn_cta .h_contact_tel {margin-right: 2.8rem;padding-top: 0;}
  .secbnn_cta .h_contact_tel .time{font-size: 2rem;}
  .secbnn_cta .h_contact_tel a{font-size: 4rem;padding-left: 5.7rem;margin-bottom: 0.6rem;}
  .secbnn_cta .h_contact_tel a::before{width: 4.6rem;height: 3rem;top: calc(50% - 1.4rem);}
  .secbnn_cta .h_contact_btn a{width: 32rem;height: 10.3rem;box-shadow: 0.2rem 0 0.6rem rgba(0,0,0,0.3);padding: 1.2rem 2rem 1.3rem;line-height: 1.65;}
  .secbnn_cta .h_contact_btn a .box .lg {font-size: 2.4rem;}
  .secbnn_cta .h_contact_btn a .box .sm{font-size: 1.8rem;}
}

/*============= SEC03 ==============*/
.sec03_pick{position: relative;z-index: 1;margin-bottom: 1.6rem;}
.sec03_pick::after{content: "";position: absolute;width: 100%;height: 36.8rem;background: url('../images/sec03_before.png') no-repeat center /cover;left: 0;bottom: -5rem;z-index: -1;pointer-events: none;}
.sec03_pick li{border: 0.2rem solid var(--mcolor);overflow: hidden;position: relative;box-shadow: 0 0.2rem 0.6rem rgba(0,0,0,0.3);}
.sec03_pick li:nth-of-type(1){margin: 0 auto 0 0;width: 80%;max-width: 152rem;border-radius: 0 8rem 8rem 0;border-left: 0;margin-left: -0.5rem;}
.sec03_pick li:nth-of-type(2){margin: -16.1% -0.6rem 0 auto;width: 36%;max-width: 68rem;border-radius: 8rem 0 0 8rem;z-index: 2;border-right: 0;}
.sec03_tt1 {font-size: 2.8rem;position: relative;text-align: center;background-color: #FFF;width: fit-content;margin: 0 auto;margin-bottom: 3.7rem;font-weight: bold;color: var(--mcolor);padding-left: 1rem;line-height: 1;padding-bottom: 0.3rem;}
.sec03_tt1::after{content: "";position: absolute;width: 6rem;height: 7.1rem;background: url('../images/sec01_h3_ic.png') no-repeat center /contain;left: -1rem;top: calc(50% - 3.4rem);z-index: -1;}
.sec03_head .ttl_h3{font-weight: 900;text-align: center;color: var(--txt);}
.sec03_list {position: relative;padding: 5.6rem 0 0;z-index: 1;margin-bottom: 10rem;}
.sec03_list::after{content: "";position: absolute;width: 90%;max-width: 152rem;height: calc(100% - 5.8rem);left: 50%;transform: translateX(-50%);top: 0;z-index: -1;background: url('../images/sec03_box_bg.jpg') repeat;border-radius: 8rem;}
.sec03_list .item {width: 74rem;margin: 0 2rem;}
.sec03_list .item .fr {background-color: #FFF;padding: 3.1rem 2rem 4.4rem 3.4rem;border-radius: 4.2rem;box-shadow: 0.2rem 0 0.8rem rgba(0,0,0,0.1);width:100%;position: relative;margin-bottom: 4rem;}
.sec03_list .item .fr::after{content: "";position: absolute;width: 6rem;height: 3.4rem;background: url('../images/sec03_item_before.png') no-repeat center /contain;left: calc(50% - 3rem);bottom: -3.3rem;}
.sec03_list .item .fr .tt {font-size: 2.4rem;font-weight: bold;margin-bottom: 1.7rem;}
.sec03_list .item .fr .tt .sys_r{margin-right: -1.2rem;display: inline-block;}
.sec03_list .item .fr .tt .org {}
.sec03_list .item .ico {width: 12rem;height: 12rem;display: flex;justify-content: center;align-items: center;overflow: hidden;background-color: #FFF;border-radius: 50%;margin: 0 auto;}

.slick-next:hover{background:url(../images/ic_next.png) no-repeat center /2.7rem var(--mcolor);opacity:.7;}
.slick-prev:hover{background:url(../images/ic_prev.png) no-repeat center /2.7rem var(--mcolor);opacity:.7;}
.slick-prev,.slick-prev:focus{left:calc(50% - 42rem);background:url(../images/ic_prev.png) no-repeat center /2.7rem var(--mcolor);}
.slick-next,.slick-next:focus{right:calc(50% - 42rem);background:url(../images/ic_next.png) no-repeat center /2.7rem var(--mcolor);}
.slick-prev,.slick-next,.slick-prev:focus,.slick-next:focus{z-index:95;height:6rem;width:6rem;border-radius: 50%;top: 38%;}
.slick-prev:before,.slick-next:before{display:none}

.slick-dots{bottom: -5.6rem;}
.slick-dots li{width:1.6rem;height:1.6rem;border-radius:50%;background-color:#cccccc}
.slick-dots li:not(:last-child){margin-right: 1.1rem;}
.slick-dots li:hover{opacity:.7}
.slick-dots li.slick-active:hover{opacity:1}
.slick-dots li.slick-active{background-color:#ff8400}
.slick-dots li button:before{content:""}
.slick-list{z-index:1}
.slick-dots{z-index:2}

@media screen and (min-width: 751px) {
  .sec03 {padding: 8.4rem 0 8.6rem;}
  .sec03_head{margin-bottom:7rem;}
  .sec03_head .ttl_h3{font-size: 6.2rem;margin-bottom: 4.4rem;}
  .sec03 .slick-dotted.slick-slider{margin-bottom: 9.6rem;}
  .sec04{padding: 4rem 0 15.1rem;}
  .sec04_box{gap: 4.8rem;display: flex;justify-content: space-between;}
  .sec04_card:nth-of-type(odd){width: 49%;}
  .sec04_card:nth-of-type(even){width: 48.9%;}

}

/*============= SEC04 ==============*/
.sec04{background: url('../images/sec04_bg.png') no-repeat center top /auto 100%;position: relative;z-index: 2;}
.sec04_card{box-shadow: 0.2rem 0 1rem rgba(0,0,0,0.1);background:#fff;padding: 0.6rem;height: 100%;}
.sec04_card .card{height:100%;position:relative;border:0.2rem solid var(--mcolor);}
.sec04_card .card .tt1{margin-bottom: 1.4rem;font-size:4rem;font-weight:bold;line-height:1.4;}
.sec04_card .card .tt1 .sys_r{display: inline-block;margin-right: -2rem;}
.sec04_card .card .tt1 .sys_l{display: inline-block;margin-left: -1.8rem;}
.sec04_card .card .tt2{margin-bottom: 1.5rem;font-size:2.8rem;font-weight:bold;line-height:1.5;color:var(--mcolor);}
.sec04_card .card .des{}
.sec04_list li a{width: 26.4rem;height: 13.7rem;border-radius: 2rem;background-color: #FFF;border: 0.2rem solid var(--mcolor);display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;}
.sec04_list .txt{font-size:2.4rem;font-weight: bold;text-align: center;line-height: 1.6;}
.sec04_list .txt.sm{font-size: 2rem;}


@media screen and (min-width: 751px) {
  .sec04_card:nth-of-type(odd) .card{padding: 3rem 4.7rem 4rem 2rem;}
  .sec04_card:nth-of-type(even) .card{padding: 3.8rem 0.9rem 4rem 4.7rem;}
  .sec04_card .card .pick{position:absolute;overflow: hidden;top: -4.8rem;width: 24rem;aspect-ratio: 1/1;max-width: 27%;}
  .sec04_card .card .pick img{display:block;border-radius:1.2rem;}
  .sec04_list{display: flex;justify-content: center;gap: 2.4rem;margin-bottom: 2.3rem;}
  .sec04_list_2col{gap: 3.3rem;}
  .sec04_list_2col li a{width: 33.4rem;}
  .sec04_list_2col li .ico{margin:-8.3rem 0 1.3rem;}
  .sec04_list_2col li:nth-of-type(1) .ico{transform: translateY(0.3rem);}
  .sec04_list_2col li:nth-of-type(2) .ico{transform: translateX(1.1rem);}
  .sec04_list_3col li:nth-of-type(2) .ico{transform: translateY(0.8rem);}
  .sec04_list .ico{margin: -6.1rem auto 1.2rem;}
  .sec04_card:nth-of-type(odd){margin-top: 5.1rem;}
  .sec04_card:nth-of-type(odd) .card,.sec04_card:nth-of-type(odd){border-left: 0;border-radius: 0 2.5rem 2.5rem 0;}
  .sec04_card:nth-of-type(odd) .pick{border-radius: 0 3rem 3rem 0;left: -1.3rem;}
  .sec04_card:nth-of-type(odd) .box{margin-left: auto;margin-bottom: 6rem;}
  .sec04_card:nth-of-type(even) .card,.sec04_card:nth-of-type(even){border-right: 0;border-radius: 2.5rem 0 0 2.5rem;}
  .sec04_card:nth-of-type(even) .pick{border-radius: 3rem 0 0 3rem;right: -1.4rem;}
  .sec04_card .box{max-width: 60.3rem;width: 75%;margin-bottom: 7rem;}

}

/*============= SEC05 ==============*/
.sec05{background: url('../images/sec05_bg.jpg') no-repeat center bottom /  100% auto;position: relative;}
.sec05::before{content: "";position: absolute;width: 100%;height: 81rem;background: url('../images/sec05_bg2.png') no-repeat center bottom /100% auto;top: -33.6rem;left:0;}
.sec05_h3 {font-weight: 900;position: relative;text-align: center;width: fit-content;margin: 0 auto 1.3rem;}
.sec05_h3::before{content: "";position: absolute;width: 6.5rem;height: 8.1rem;background: url('../images/sec05_tt_ic.png') no-repeat center /contain;left: -8.8rem;top: 0.5rem;}
.sec05_box {position: relative;padding: 0 0 3.3rem;z-index: 2;}
.sec05_box::before{content: "";position: absolute;width: 16.7rem;height: 20.9rem;background: url('../images/sec05_ic01.png') no-repeat center /contain;left: calc(50% - 8rem);top: 27.4rem;z-index: 3;pointer-events: none;}
.sec05_box::after{content: "";position: absolute;width: 130%;max-width: 140rem;height: 100%;left:50%;transform: translateX(-50%);top: 0;z-index: -1;pointer-events: none;background-color: #FFF;border-radius: 8rem;}
.sec05_item .box{padding: 2.8rem 0 0;background-color: #FFF;border-radius: 4rem;width: 93%;position: relative;z-index: 2;}
.sec05_item .img {margin-bottom: -6.8rem;border-radius: 3rem;overflow: hidden;}
.sec05_item .tt {text-align: center;position: relative;padding-bottom: 1.5rem;letter-spacing: 0.1rem;line-height: 1.6;margin-bottom: 2.4rem;}
.sec05_item .tt::after{content: "";position: absolute;width: 100%;height: 1px;background: url('../images/sec02_bnr_line.png') repeat left;bottom: 0;left: 0;}
.sec05_item .tt > span{display: block;}
.sec05_item .tt .sm {font-size: 2.4rem;font-weight: bold;letter-spacing: 0.12rem;}
.sec05_item .tt .lg {font-size: 3.2rem;font-weight: 900;letter-spacing: 0.15rem;}
.sec05_item .des {margin-bottom: 3rem;}


@media screen and (min-width: 751px) {
  .sec05{padding: 0 0 23.7rem;margin-top: -1.7rem;}
  .sec05_h3{font-size: 6.2rem;transform: translateY(-4rem);}
  .sec05_list {display: grid;grid-template-columns: repeat(2,1fr);gap: 3rem;}
  .sec05_item:nth-of-type(odd) .box{margin-left: auto;border-top-right-radius: 0;padding-right: 3.9rem;}
  .sec05_item:nth-of-type(even) .box{margin-right: auto;border-top-left-radius: 0;padding-left: 4.3rem;}

}

/*==========================================================
                        F O O T E R
==========================================================*/
footer{position: relative;z-index: 3;}
address{text-align: center;}
.ft_info .inner{display: flex;justify-content: center;align-items: center;gap: 4rem;}
.ft_info .inner > p{margin: 0;}
.ft_links{display: flex;gap: 5.5rem;border-bottom: 1px solid #daab7e;margin-bottom: 4.8rem;padding-bottom: 2.5rem;}
.ft_links ul li a{position: relative;padding-left: 3rem;text-align: center;font-weight: bold;display: inline-block;line-height: 1.8;}
.ft_links ul li a::before{content: '';position: absolute;width: 2.3rem;height: 1.4rem;background: url('../images/ft_arrow.png') no-repeat center /contain;left: 0;top: 1rem;}
.ft_add{letter-spacing: 0.14rem;line-height: 1.75;padding-bottom: 2px;}
.ft_bnn {display: flex;justify-content: center;align-items: center;gap: 4rem;flex-wrap: wrap;max-width: 94.5rem;margin: 0 auto 4.2rem;}
.ft_bnn li.cus{display: flex;align-items: center;gap: 2rem;}
.ft_bnn li.cus .pick{flex-shrink: 0;margin: 0;}
.ft_bnn li.cus .des{font-size: 1.4rem;}
.ft_box{padding: 5.7rem 0 4rem;background-color: #f8ddc3;}

@media screen and (min-width: 751px) {
  .ft_info{padding: 6.8rem 0 4.7rem;}
  .ft_links ul li{min-height: 8rem;}
  .ft_links ul li .sys_l{display: inline-block;margin-left: -0.8rem;}
  .ft_links ul li .sys_r{display: inline-block;margin-right: -0.8rem;}
  .ft_bnn li.cus{width: calc(50% - 2rem);}
}


/* BACK TO TOP */
.to_top{position:fixed;z-index:7;width:70px;height:70px;bottom:40px;right:20px;cursor:pointer;transition:all .2s;opacity:0;visibility:hidden}
.to_top.show{transform:scale(1);opacity:1;visibility:visible}

/* FIREFOX ONLY */
@-moz-document url-prefix() {}

/* Safari 10.1+ (which is the latest version of Safari at this time) */
@media not all and (min-resolution: 0.001dpcm) {}

