@charset "utf-8";

body{font-size: 16px; font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; font-weight: 300; position: relative; line-height: 1.7; color: #333333;}
a{text-decoration: none; font-weight: normal;}
span{display: block;}
img{max-width: 100%;}
.pad_block{display: none;}
html{scroll-behavior: smooth;}
a:hover,.sec_inner_contact .btn-submit:hover{opacity: .8;}

/*--- header ---*/
#header{position: fixed; top: 0; left: 0; width: 100%; height: 90px; background-color: #fff; color: #967E6A; font-weight: bold; z-index: 10; transition: .3s;}
#header a{display: block; color: #967E6A; font-weight: bold;}
#header.fixed{background-color: #fff;}
#header.fixed a{color: #967E6A;;}
#header .head_inner{padding: 20px 20px 0 30px; position: relative;}
#header .head_logo > a{display: flex; align-items: center;}
#header.fixed .head_logo > a{color: #231815;}
#header .head_logo .after{display: none;}
#header.fixed .head_logo .before{display: block;}
#header.fixed .head_logo .after{display: block;}
#header .head_logo img{max-width: 170px;}
#header .head_logo > a span{font-size: 12px; padding-left: 20px; border-left: 1px solid #fff;}
#header.fixed .head_logo > a span{border-left: 1px solid #231815;}
#header .head_nav{font-size: 14px; height: 60px;}
#header .head_nav .up_nav{margin-bottom: 10px;}
#header .head_nav .up_nav ul{display: flex; align-items: center; justify-content: flex-end;}
#header .head_nav .up_nav ul li{margin: 0 5px;}
#header .head_nav .up_nav a i{margin-left: 7px; margin-right: 7px;}
#header .head_nav .under_nav ul{display: flex;}
#header .head_nav .under_nav ul li{margin: 0 12px; letter-spacing: 1.5px;}
#header .head_nav .under_nav ul li > a{padding-top:40px; padding-bottom: 50px;}
#header .head_nav .under_nav ul li > a:hover{color: #967E6A;}
#header.fixed .head_nav .under_nav ul li > a:hover{color: #967E6A;}
#header .head_nav .under_nav ul li:hover > a span {border-bottom: 2px solid #967E6A;}
#header  .head_nav .under_nav a:last-of-type{margin-right: 0px;}
#header  .head_nav .under_nav a .fa-angle-down{margin-left: 5px;}
#header .head_nav .under_nav ul li > .pub_btn{padding-bottom: 8px;}
#header .head_nav .under_nav ul li > .pub_btn:hover,#header.fixed .head_nav .under_nav ul li > .pub_btn:hover{color: #FFF;}

/* header-dropdown */
#header .drop-menu{opacity: 0; position: absolute; top: 137px; left: 0; width: 100%; border-top:1px solid #967E6A; transition: .3s; visibility: hidden;}
#header .drop-menu.show{opacity: 1;visibility: visible;}
#header .drop-menu .drop_inner{display: flex;}
#header .drop_inner .left_tit{width: 25%; background-color: #1F286F;}
#header .drop_inner .left_tit .wrp_content{max-width: 300px; margin: 40px auto 0;}
#header .drop_inner .left_tit .sub{color: #F39800; margin-bottom: 10px;}
#header .drop_inner .left_tit .main{color: #fff; font-size: 38px; line-height: 1; margin-bottom: 15px;}
#header .drop_inner .left_tit .arrow{border-radius: 50%; background-color: #586196; padding: 15px 17px; line-height: 1; display: inline-block;}
#header .drop_inner .left_tit .arrow i{color: #fff; margin-right: 0; font-size: 24px;}
#header .drop_inner .right_nav{width: 100%; background-color: #fff; padding: 40px 0px;}
#header .drop_inner .right_nav .grid{max-width: 550px; margin: 0 auto; padding: 0 15px;}
#header .drop_inner .right_nav a{display: block;}
#header .drop_inner .right_nav a:hover .d_tit::after{right: 0;}
#header .right_nav .drop_item{margin-bottom: 20px;}
#header .right_nav .drop_item img{margin-bottom: 10px; border-radius: 100px;}
#header .right_nav .drop_item .d_tit{color: #967E6A; font-weight: 500; font-size: 16px; font-weight: bold; text-align: center;  position: relative;}
#header .right_nav .drop_item .d_tit::after{position: absolute; font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight: 900; top: 0; bottom: 0; right: 0; margin: auto; width: 20px; height: 25px; color: #967E6A; transition: .3s;}


/*--- public ---*/
/* section */
.sec_inner{padding: 70px 0; position: relative;}
.sec_tit{margin-bottom: 60px; text-align: center; font-weight: bold;}
.sec_tit .sub{margin-bottom: 15px; color: #333; font-size: 18px; font-weight: bold;}
.sec_tit .main{color: #967E6A; font-size: 30px;}
.mb-80{margin-bottom: 80px;}
.pc { display:block; }
.sp { display:none; }





/* fix_page */
.fix_kv{position: relative; padding-top:146px;}
.fix_kv .kv_tit{position: absolute; max-width: 1320px; padding: 0 15px; bottom: 70px; left: 0; right: 0; margin: 0 auto;  text-align: center;}
.fix_kv .kv_tit .sub{margin-bottom: 20px; color: #333; font-size: 18px; font-weight: bold;}
.fix_kv .kv_tit .main{color: #967E6A; font-size: 38px; line-height: 1.5; font-weight: bold;}

/* fix_input */
.wrp_form{max-width: 712px; margin: 0 auto 70px;}
.wrp_form .form_h2 h2{color: #1F286F; font-weight: bold; letter-spacing: 2px;}
.wrp_form .text{margin-bottom: 60px; font-size: 16px; line-height: 2;}
.wrp_form .text .chui{padding-left: 15px; position: relative;}
.wrp_form .text .chui::before{content: '*'; color: #967E6A; top: 0; left: 0; position: absolute; font-size: 18px;}
.wrp_form .item{margin-bottom: 40px;}
.wrp_form .item .name{color: #967E6A; font-weight: 600; position: relative; letter-spacing: 2px; display: inline-block;}
.wrp_form .item .name.hissu::after{position: absolute; content: '*'; color: #967E6A; top: -2; right: -15px; font-size: 18px;}
.wrp_input input{width: 100%; border: 1px solid #ccc; padding: 15px 15px; border-radius: 5px; letter-spacing: 1.5px; font-weight: 300;}
.wrp_input input::placeholder{color: #afafaf;}
.wrp_form .wrp_select input[type=radio] + label {margin-right: 40px;}
.wrp_form .wrp_select input[type=radio]{accent-color:#967E6A;}
.wrp_form .item .name{color: #967E6A; font-weight: 600; position: relative; letter-spacing: 2px; display: inline-block;}
.wrp_input textarea{width: 100%; border: 1px solid #ccc; padding: 15px 15px; border-radius: 5px; font-weight: 300;}
.wrp_form .wpcf7-spinner{display: block; margin: 0 auto;}
.wrp_form .pub_btn{background-color: #fff;}
.wrp_form .note a {color: #967E6A; text-decoration: underline;}
.wpcf7-list-item-label{display: inline-block;}
.wrp_form .wrp_check input[type="checkbox"]{display: none;}
.wrp_form .wrp_check input[type="checkbox"] + span{cursor: pointer; display: inline-block; position: relative; padding-left: 30px; margin-right: 20px; font-size: 15px;}
.wrp_form .wrp_check input[type="checkbox"] + span::before{content: ""; position: absolute; display: block; box-sizing: border-box; width: 20px; height: 20px; margin-top: -9px; left: 0; top: 50%; border-radius: 3px; background-color: #fff; border: solid 1px #ccc;}
.wrp_form .wrp_check input[type="checkbox"]:checked + span::after{content: ""; position: absolute; display: block; box-sizing: border-box; width: 12px; height: 6px; margin-top: -4px; top: 50%; left: 4px; transform: rotate(-45deg); border-bottom: 2px solid; border-left: 2px solid; border-color:  #fff;}
.wrp_form .wrp_check input[type="checkbox"]:checked + span::before{border: solid 1px #333; background-color: #333;}
.wpcf7-list-item{display: block; margin: 0 0 60px;}
.wpcf7-spinner{display: none;}
.wrp_form .wrp_term{width:100%; height:262px; margin-bottom: 20px; padding: 20px; overflow-y: scroll; border: 1px solid #A8A89E;background-color:#F3F3EF; line-height:2; font-size: 14px;}
.wrp_form .term_text{margin-left:25px; display: inline-block;}


/* btn */
.btn_box{text-align: center;}
.head_nav .pub_btn{margin-top: -15px;}

/*--- top ---*/
/* mv */
.mv{position: relative; background-image: url(assets/images/bg-main.png); height: 1000px; width: 100%; margin-top: 90px; background-repeat: no-repeat;  background-position: center bottom; background-size:cover;}
.mv_ab{ width: 728px; padding-top:130px; padding-left: 80px;}
.mv_ab ul {gap:22px; margin-top: 30px;}
.mv_ab ul li img{width: 162px;}
.mv_catch{text-align: center;}
.wrp-btn{margin-top: 30px;}
.wrp-btn-demo img{margin-top: 25px;}


/* service */
.sec_inner.sec_inner_service{padding-top: 0;}
.wrp_service{position: relative; margin: 0 auto; padding-bottom: 50px;}
.service{width: 100%; background-color: #FFF5F6; color: #333; padding: 50px 0;}
.service .sec_tit .main{color: #967E6A; font-weight: bold;}
.service .sec_tit .main img{width: 628px;}
.service .content{width: 80%; margin-bottom: 100px; margin-right: auto; margin-left: auto; line-height: 2; text-align: center;}
.service .content span{display: inline; margin-bottom:20px; color: #DD747B; font-weight: bold;}
.service .content img {margin: 40px auto 0 ;}
.service_img{position: absolute; right: 0; top: 8%; width: 50%; padding-right: 5%; text-align: right;}
.service_img img{max-height: 500px;}
.service .btn_box{text-align: left;}
.service .btn_box .pub_btn{transition: .3s;}

.wrp_service.wrp_service_name .service{ margin-left: 40%;}
.wrp_service.wrp_service_name .service_img{left: 5%; top: 6%; width: 35%; padding-right: 5%; text-align: left;}

/* reason */
.wrp_reason{width: 1080px; margin: 0 auto;}
.wrp_reason .sec_tit .main img{width: 618px; margin: 0 auto;}
.wrp_reason .content.flex{gap: 80px; margin-bottom: 80px;}
.wrp_reason .content-text{width: 700px;}
.wrp_reason .content-img{width: 300px;}
.wrp_reason .content-text h3 {margin-bottom:30px;}
.wrp_reason .content-text h3 img {height: 92px;}
.wrp_reason .reason .content:nth-child(even){flex-direction:row-reverse;}

/* transfer */
.sec_inner_transfer { margin: 0 auto; background-color: #FFF5F6;}
.wrp_transfer .sec_tit .main img{width: 816px; margin: 100px auto;}
.wrp_transfer .content{width: 1180px; margin-bottom: 100px; margin-right: auto; margin-left: auto; line-height: 2; text-align: center;}
.wrp_transfer .content .flex{align-items: center;  margin-top: 50px;}
.wrp_transfer .content .note{font-size: 11px; text-align: right; padding-right: 30px;}

/* cost */
.sec_inner_cost { margin: 0 auto; background-image: url(assets/images/bg-cost.png); background-size: 100%; background-repeat: no-repeat;}
.sec_inner_cost .sec_tit .main img{width: 578px;margin: 100px auto 0;}
.sec_inner_cost  .content {width: 1080px; margin-right: auto; margin-left: auto;  margin-bottom: 100px;}

/* flow */
.sec_inner_flow{background-color: #FFF5F6;}
.wrp_flow{width: 1080px; margin: 100px auto 0;}
.wrp_flow .sec_tit .main img{width: 555px;}
.wrp_flow .content.flex{gap: 80px; margin-bottom: 80px;}
.wrp_flow .content-text{width: 600px;}
.wrp_flow .content-img{width: 410px;}
.wrp_flow .content-text h3 {margin-top: 20px; margin-bottom:30px;}
.wrp_flow .content-text h3 img {height: 24px;}
.wrp_flow .flow .content{flex-direction:row-reverse; line-height: 2;}

/* faq */
.wrp_faq{width: 1080px; margin: 90px auto 140px;}
.wrp_faq .sec_tit .main img{width: 204px;}
.wrp_faq .content-text {background-color: #FFF5F6; margin-bottom: 40px; padding: 40px 0;}
.wrp_faq .content-text h3  {height: 24px; border-bottom: 1px dashed #CCC; padding-bottom: 60px;}
.wrp_faq .content-text h3 img {height: 24px; padding: 0 40px;}
.wrp_faq .content-text span{padding: 20px  40px 0;}


/* contact */
.sec_inner_contact { margin: 0 auto; background-image: url(assets/images/bg-contact.png); background-size: 100%; background-repeat: no-repeat;}
.sec_inner_contact  .content {width: 1080px; margin-right: auto; margin-left: auto; background-color: #FFF; border-radius: 24px; padding: 70px 90px;}
.sec_inner_contact .sec_tit + span {margin-bottom: 90px;}
.sec_inner_contact .sec_tit .main {text-align: left;}
.sec_inner_contact .sec_tit .main img{width: 552px;}
.sec_inner_contact .form-required {margin-left: 10px; font-size:13px; background-color: #FF0844; border-radius: 6px; padding:1px 8px 0; color: #FFF;}
.sec_inner_contact .wrap-input{padding:40px 0; border-top: 1px solid #CCC;}
.sec_inner_contact .wrap-input .flex{width: 300px;height: 25px;}
.sec_inner_contact .wrap-input input[type="email"],.sec_inner_contact .wrap-input input[type="text"],.sec_inner_contact .wrap-input input[type="tel"],.sec_inner_contact .wrap-input select, .sec_inner_contact .wrap-input textarea{border:none; background-color:#FAF9F9; border-radius: 5px; width: 600px; padding: 20px;  appearance: none;}
.sec_inner_contact .wrap-input .wrap-select{position: relative;}
.sec_inner_contact .wrap-input select{cursor: pointer;}
.sec_inner_contact .wrap-input .wrap-select::before {
  position: absolute;
  top: 25px;
  right: 20px;
  width: 0;
  height: 0;
  border-width: 10px 5px 0 5px;
  border-style: solid;
  border-color: #453D3E transparent transparent transparent;
  content: "";
  pointer-events: none;
}

.sec_inner_contact .wrap-btn-submit{text-align: center;}
.sec_inner_contact .btn-submit {display: block; width: 600px; margin: 20px auto; padding: 15px 25px; border-radius: 30px; border: none; background-color: #DD747B; font-size: 18px; font-weight: bold; color: #fff; cursor: pointer; appearance: none;}


/* pagetop */
.pagetop {
  height: 90px;
  width: 80px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}



/* about */
.wrp_about .content{margin-bottom: 50px;}


/*--- footer ---*/
.foot_inner{background-color: #453D3E; color: #967E6A; padding: 70px 0; font-size: 14px;}
.foot_logo{text-align: center; margin-bottom: 20px;}
.foot_logo img{width: 184px; margin-bottom: 20px;}
.foot_logo span{color: #ccc ; font-style: 11px; margin-bottom: 20px;}


/*------PC3------*/
@media only screen and (max-width: 1580px) {
  
}
  
/*------PC2------*/
@media only screen and (max-width: 1440px) {




}

/*---PAD pro---*/
@media only screen and (max-width: 1080px) {

  /* header */
  #header {height: 70px; width: 100%;}
  #header .head_logo img{padding-right: 15px;}
  #header .head_logo > a span{padding-left: 15px;}
  #header .head_inner{padding: 15px 10px 5px;}
  #header .head_logo{margin: 0 auto;}
  #header .head_logo img{width: 140px;}
  #header .head_logo img{margin-left: 10px;}
  #header .pub_btn img {width: 180px; margin-top:8px;}

  /* mv */
  .mv_ab{font-size: 33px;}
  .mv{background-image: url(assets/images/bg-main-sp.png); width: 100%; height: 1600px; margin-top: 70px; background-repeat: no-repeat;  background-position: right bottom; background-size:cover;}
  .mv_ab{ width: 100%; padding-top:15px; padding-left: 15px; padding-right: 15px;}
  .mv_ab img {margin:0 auto;}
  .mv_ab ul {gap:10px; margin: 10px auto; justify-content: space-evenly;}
  .mv_ab ul li img{width: 162px;}
  .mv_catch{text-align: center;}
  .wrp-btn{margin-top: -30px; flex-direction: column;}
  .wrp-btn-demo img{margin-top: 0;}
  ul.flex + img {width: 70%; margin: 10px auto;}

  /* fix_page */
  .fix_kv .kv_tit{bottom:40px;}
  .fix_kv .kv_tit .sub{font-size: 18px;}
  .fix_kv .kv_tit .main{font-size: 36px;}


  /*--- public ---*/
  .grid-3 {grid-template-columns:1fr;}
  .sec_tit {margin-bottom: 30px;}
  .sec_tit .sub{margin-bottom: 10px; font-size: 14px;}
  .container{padding-right: 25px; padding-left: 25px;}
  .sec_tit .main{ line-height: 1.5;}
  .wrp_about .content {margin-bottom: 20px;}
  .pc{display: none;}
  .sp{display: block;}
  .sec_inner{padding: 0 18px; text-align: center;}


  /* section */
  .sec_inner.ajust0{padding: 0;}
  .sec_tit .main{font-size: 24px;}

  /* dual_box */
  .wrp_dual{flex-wrap: wrap;}
  .wrp_dual .item{width: 100%; margin-bottom: 20px;}
  .wrp_dual .btn_box{text-align: center; margin-top: 30px;}


  /* fix_page */
  .fix_kv .kv_tit .sub{margin-bottom: 10px; font-size: 14px;}
  .fix_kv .kv_tit .main{font-size: 27px;}
  .fix_kv{padding-top: 0;}

  /* fix_input */
  .wrp_form .item{margin-bottom: 30px;}
  .wrp_select::after{font-size: 15px; padding: 15px 20px;}

  /* btn */
  .sm_drop + .pub_btn{margin: 20px auto;}
  .btn_box .pub_btn{width: 220px; padding: 4px 0;}

  /*--- top ---*/
  /* service */
  .service{width: 100%; padding-right: 0; padding-bottom: 0;}
  .service .content{margin-bottom: 20px; width: 100%; padding-left: 0; padding-right: 0; text-align: left;}
  .service .sec_tit ,.service .btn_box{text-align: center;}
  .service_img{width: 80%; padding: 0 15px; top: 510px;; left: 10%;}
  .service_img_aboutpage{top:480px;}
  .wrp_service.wrp_service_name{margin-top:80px;}
  .wrp_service.wrp_service_name .service{margin-left: 0;}
  .wrp_service.wrp_service_name .service_img{ width: 80%; padding: 0 15px; top: 430px; left: 10%;}
  .wrp_service{padding-bottom: 10px; margin:0 18px;}
  .img-template-sp{background-color: #FFF5F6; padding-bottom: 60px; margin-bottom: 60px;}
  .img-template-sp img{width: 100%;}
  .sec_inner.sec_inner_service{background-color: #FFF5F6;}

  /* reason */
  .wrp_reason .sec_tit .main img {margin: 0 auto;}
  .wrp_reason .reason .content.flex{flex-direction: column; gap: 16px; margin-bottom:50px;}
  .wrp_reason .reason .content h3 img{height: 57px;}
  .wrp_reason .content-text{width: 100%; text-align: left;}
  .wrp_reason .content-img{width: 100%;}
  .wrp_reason .content-text h3{    margin-bottom: 20px;}


/* transfer */
.wrp_transfer .sec_tit {height: 270px;}
.wrp_transfer .sec_tit .main{position: relative;}
.wrp_transfer .sec_tit .main img{width: 100%; position: absolute; top:-20px; margin: 0 auto;}
.wrp_transfer .content{width: 100%;text-align: left;margin-bottom: 0;}
.wrp_transfer .content .flex{flex-direction: column; margin-top: 20px;}
.wrp_transfer .sp-arrow{width: 40%; margin: 0 auto;}
.wrp_transfer .content .note{text-align: center; padding: 0 25px 50px;}


/* cost */
.sec_inner_cost{background-image: url(assets/images/bg-cost-sp.png);  padding-bottom: 70px;}
.sec_inner_cost  .content {width: 100%; margin-bottom: 0;
}
.wrp_cost  .sec_tit {height: 270px;}
.wrp_cost .sec_tit .main{position: relative;}
.sec_inner_cost .sec_tit .main img{width: 100%; position: absolute; top:-20px; margin:0 auto;}

/* flow */
.wrp_flow{width: 100%; padding-top: 50px; padding-bottom: 30px;}
.wrp_flow .flow .content{flex-direction: column-reverse; gap: 10px;  margin-bottom: 40px;}
.wrp_flow .content-text h3{margin-bottom: 10px;}
.wrp_flow .content-text h3 img{height: 57px;}
.wrp_flow .content-text{width: 100%; text-align: left;}
.wrp_flow .content-img{width: 60%; margin: 0 auto;}
.wrp_flow .content-text h3 .sttl-line1{height: 20px;}

  /* reason */
  .wrp_reason{width: 100%;}

  .sec_inner_contact  .content {width: 100%;}

    /* faq */
  .wrp_faq .sec_tit .main img{width: 167px;}
  .wrp_faq{width: 100%;}
  .wrp_faq .content-text h3 img{height: 48px;padding: 0 20px;}
  .wrp_faq .content-text h3 .sttl-line1{height: 20px;}
  .wrp_faq .content-text span{padding: 20px 20px 0; text-align: left;}

    /* contact */
   .sec_inner_contact{ background-image: url(assets/images/bg-contact-sp.png);}
  .sec_inner_contact .wrap-input input[type="email"], .sec_inner_contact .wrap-input input[type="text"], .sec_inner_contact .wrap-input input[type="tel"], .sec_inner_contact .wrap-input select, .sec_inner_contact .wrap-input textarea{width: 100%;}
  .sec_inner_contact .content{padding: 70px 18px;}
  .sec_inner_contact .btn-submit{width: 100%;}
  .sec_inner_contact .contact .content {position: relative;}
  .sec_inner_contact .icon img{width: 89px; height: 89px; position: absolute; top: -40px;}
  .sec_inner_contact .sec_tit .main img{width: 162px; margin: 0 auto;}
  .wrp_contact{padding-top: 220px;}
  .contact{width: 100%;}
  .contact_img{display: none;}
  .contact .sec_tit, .contact .btn_box{text-align: center;}
  .sec_inner_contact .wrap-input{flex-direction: column;}
  .sec_inner_contact .wrap-input .flex{margin-bottom: 15px;}
  .sec_inner_contact .sec_tit + span{margin-bottom: 40px;}
  .container-thanks{padding-right: 20px; padding-left: 20px;}
  .container-thanks p{text-align: left;}

  /*--- footer ---*/
  .foot_inner ul li{margin: 0 15px 20px;}
  .foot_logo{margin-bottom: 40px;}
  .foot_sns img{max-height: 20px;}
  .foot_nav ul{max-width: 300px; margin: 0 auto;}
  .foot_link ul{margin-right: 0;}
  .foot_link ul li{margin: 0 5px 20px;}
  .copy{text-align: center; padding: 25px 0;}
  .copy a{width: 100%; padding-bottom: 20px; border-bottom: 1px solid #fff; margin-bottom: 20px;}
  .copy span{width: 100%;}




}

/*---Sm---*/
@media only screen and (max-width: 767px) {

  .mv{height: 880px; background-position: right top;}
  .wrp_transfer .sec_tit {height: 110px;}
  .wrp_transfer .content .note{text-align: left; padding: 0 25px 50px;}
  .wrp_cost  .sec_tit {height: 110px;}
  .sec_inner_cost{ padding-bottom: 0;}
}

/*---Sm small---*/
@media only screen and (max-width: 350px) {


}