@charset "utf-8";

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 基本設定
****************************************/
html {
  font-size: 62.5%;
}

body {
  font-size: 16px;
  line-height: 2;
  color: #000000;
  font-family: 'Noto Sans JP','Oswald','Tinos', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  letter-spacing: 0.1em;
  font-weight: 300;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

iframe {
  vertical-align: middle;
}


/* CLEAR-FIX */
.clearfix {
  zoom: 1;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.notfound {
  font-size: 40px;
  font-weight: bold;
}

/*flex---------------------------------*/
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fl_between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.al_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fl_wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.jc_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.fl_reverse{
  -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/* pcでは横並び、spでは縦並び */
.fl_pcsp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width:825px) {
  body {
    font-size: 14px;
  }

  /* pcでは横並び、spでは縦並び */
  .fl_pcsp {
    display: block;
  }
}

/*inner---------------------------------*/

.inner{
  margin: 0 auto;
  max-width: 1000px;
  width: 90%;
}
.innerS {
  margin: 0 auto;
  max-width: 800px;
  width: 80%;
}

.inner_l {
  width: 90%;
  margin: 0 auto;
}

.inner_s {
  width: 80%;
  max-width: 750px;
  margin: 0 auto;
}

@media screen and (max-width:825px) {
  .inner,
  .innerS{
    width: calc(100% - 40px);
  }
}

/*PC/SP表示----------------------------*/

.sp {
  display: none;
}

.pc {
  display: block;
}

@media screen and (max-width:825px) {

  .sp {
    display: block;
  }

  .pc {
    display: none;
  }
}


/*テキスト配置---------------------------------*/

.tac {
  text-align: center;
}

.pc_tac {
  /* pcは中央揃え、spは左寄せ */
  text-align: center;
}

@media screen and (max-width:825px) {
.pc_tac {
  /* pcは中央揃え、spは左寄せ */
  text-align: left;
}
}


/*余白---------------------------------*/


.pt40 {
  padding-top: 40px;
}

.pt80{
  padding-top: 80px;
}

.pt120 {
  padding-top: 120px;
}

.pt150 {
  padding-top: 150px;
}


.pb120 {
  padding-bottom: 120px;
}

.pt100 {
  padding-top: 100px;
}

.pb100 {
  padding-bottom: 100px;
}

.pt70{
  padding-top: 70px;
}

.pt85 {
  padding-top: 85px;
}

.pb80 {
  padding-bottom: 80px;
}

.pt60 {
  padding-top: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb50{
  padding-bottom: 50px;
}
.pb15 {
  padding-bottom: 15px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb40 {
  margin-bottom: 40px;
}

.secWrap {
  padding-top: 150px;
}
.secWrap02{
  padding-top: 150px;
}

@media screen and (max-width:825px) {
  .pt150,
  .pt120 {
    padding-top: 80px;
  }
  .pt70{
    padding-top: 30px;
  }

  .pb120 {
    padding-bottom: 80px;
  }

  .pt100,
  .pt80 {
    padding-top: 60px;
  }

  .pb100 {
    padding-bottom: 60px;
  }

  .pb80,
  .pb60 {
    padding-bottom: 60px;
  }

  .pt60 {
    padding-top: 60px;
  }


  .mb60 {
    margin-bottom: 40px;
  }
  .secWrap {
    padding-top: 80px;
  }
  .secWrap02 {
    padding-top: 120px;
  }
}

/*横幅---------------------------------*/

.w50{
  width: 50%;
}
@media screen and (max-width:825px) {

  .w50{
    width: 100%;
  }
}

/*文字サイズ---------------------------------*/

.fz13 {
  font-size: 13px;
}


/*フォント---------------------------------*/
.serif {
  font-family: 'Noto Serif JP',
    serif;
}
.sans {
  font-family: 'Noto Sans JP',
    sans-serif;
}

.oswald{
  font-family: 'Oswald',
  sans-serif;
}
.tinos{
  font-family: 'Tinos',
  serif;
}


/*色---------------------------------*/

.white {
  color: #fff;
}

.theme_color {
  color: #04263C;
}

.bg_theme_color {
  background: #04263C;
}

.bg_black {
  background: #000000;
}


/* 横100％の画像-----------------------*/

.SectionImg {
  width: 100%;
  height: 500px;
}

@media screen and (max-width:825px) {
  .SectionImg {
    height: 250px;
  }
}
@media screen and (max-width:550px) {
  .sectionImg {
    display: none;
  }
  .sectionImg02 {
    /* background: url(../img/salepurchase_img_sp.jpg) center / cover no-repeat; */
    /* height: 786px; */
  }

}

/*ボタン----------------------------------*/

/* ヘッダーナビのボタン */
.navMenuBtn {
  font-size: 13px;
  color: #fff;
  padding: 15px 30px;
  border-radius: 30px;
  line-height: 1;
  text-align: center;
  border: 1px solid #04263C;
  background: #04263C;
}

.navMenuBtn img {
  margin-left: 16px;
  transition: .3s;
}

.navMenuBtn:hover img {
  transform: translateX(3px);
}

/* 通常のボタン */
.btn {
  overflow: hidden;
  position: relative;
  width: 240px;
  padding: 20px 0;
  line-height: 1.4;
  font-size: 16px;
  transition: .3s;
  color: #ffffff;
  text-align: center;
  display: inline-block;
  background: #04263C;
  border: 1px solid #04263C;
  transition: ease .2s;
}
.btn p{
  position: relative;
  z-index: 3;
  color: #FFFFFF;
  transition: ease .2s;
}

.btn:hover p {
  color: #04263C;
}
.btn::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
  transform: scale(0, 1);
  transform-origin: left top;
}
.btn:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.btnTxt {
  position: relative;
}

@media screen and (max-width: 825px) {
  .btn {
    width: 100%;
  }
}


/*タイトル（適宜変更・削除してください）-------*/

.ttl1_sub {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 15px;
}

.ttl1_main {
  font-size: 32px;
  line-height: 1.8;
  margin-bottom: 40px;
}

.ttl2_sub {
  font-size: 12px;
  color: #4C4C4C;
  margin-bottom: 10px;
}

.ttl2_main {
  font-size: 24px;
  font-weight: 500;
  line-height: 45px;
  margin-bottom: 30px;
}

.ttl3_sub {
  font-size: 12px;
  margin-bottom: 10px;
}

.ttl3_main {
  font-size: 22px;
  line-height: 1.4;
  margin-bottom: 3px;
  color: #4C4C4C;
}

.ttl4_main {
  font-size: 24px;
  padding-left: 22px;
  border-left: 3px solid #005BB3;
  line-height: 1.4;
  margin-bottom: 40px;
}

.underTtl_main {
  font-size: 50px;
  margin-bottom: 35px;
  line-height: 1.4;
}

@media screen and (max-width:825px) {
  .ttl1_sub {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .ttl1_main {
    font-size: 26px;
    margin-bottom: 30px;
  }

  .ttl2_sub {
    font-size: 13px;
    margin-bottom: 5px;
  }

  .ttl2_main {
    font-size: 23px;
  }

  .ttl3_sub {
    font-size: 12px;
  }

  .ttl3_main {
    font-size: 16px;
    margin-bottom: 1px;
  }

  .ttl4_main {
    font-size: 21px;
    padding-left: 15px;
    margin-bottom: 25px;
  }

  .underTtl_main {
    font-size: 34px;
  }
}


/*カラム----------------------------------*/
.col50 {
  width: 50%;
}

.col45 {
  width: 45%;
}

.col28_wrap {
  position: relative;
}

.col72 {
  width: 73%;
  margin-left: 28%;
}

.col28 {
  width: 28%;
  position: absolute;
  top: 0;
  left: 0;
}

.b_radius5 {
  border-radius: 5px;
}

@media screen and (max-width:825px) {
  .col50 {
    width: 100%;
  }

  .col45 {
    width: 100%;
  }

  .col72 {
    width: 100%;
    margin-left: 0%;
  }

  .col28 {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
  }

}


/*ヘッダー----------------------------------*/

.header {
  top: 0px;
  width: 100%;
  z-index: 100;
  font-size: 14px;
  position: fixed;
  padding: 15px 0;
  background: #FFF;
}
.header_wrap {
  margin: 0 45px;
  position: relative;
}

.header_logo {
  width: 63px;
}

.line_img {
  width: 40px;
  margin-right: 6px;
}
.tel_img {
  border-right:solid 1px #F5F5F5;
}
.header_tel {
  border-bottom: 1px solid #04263C;
}
.header_tel_wrap {
  border: solid 1px #F5F5F5;
  border-bottom: none;
}
.header_tel p{
  line-height: 1.1;
  border-left: none;
  padding: 12px 23px;
}
.tel_img img{
  width: 13px;
  margin: 13px;
}

.header_nav li{
  padding: 0 18px;
}
.header_nav li:last-child{
  padding-right: 32px;
}

.header.active {
  opacity: 1;
  top: 0;
  transition: .8s;
}

.headerLogo a,
.navMenu a {
  text-decoration: none;
}

.headerLogo {
  z-index: 1000;
}

.headerLogo_img {
  width: 60px;
}

.headerLogoTxt {
  font-size: 12px;
}

.headerLogoZ {
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
}

.navMenu {
  font-size: 12px;
  font-weight: bold;
}

.navMenu li:not(:first-child) {
  margin-left: 30px;
}

.navMenu a {
  display: block;
}

#spNav {
  display: none;
}

.tel_img_sp{
  width: 48px;
}
.spNav_tel {
  text-align: center;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spNav_tel img{
  width: 15px;
}
.spNavWrap {
  border-bottom: 1px solid #04263C;
}

@media screen and (max-width:1060px) {
  .header {
    background: #FFF;
    padding: 5px 0;
    height: 49px;
  }
  .header_wrap {
    margin: 0 20px;
  }

  .navMenu {
    display: none;
  }
  .header_nav {
    display: none;
  }
  .header_logo {
    top: 6px;
    width: 40px;
    z-index: 10;
    position: fixed;
  }

  #spNav {
    display: block;
  }

  /* スマホナビ */
  #nav-toggle01 {
    position: fixed;
    top: 0px;
    right: 0px;
    cursor: pointer;
  }

  #nav-toggle01>div {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 50%;
  }

  #nav-toggle01 span {
    width: 16px;
    height: 1px;
    left: 16px;
    display: block;
    background: #04263C;
    position: absolute;
    transition: .2s;
  }

  #nav-toggle01 span:nth-child(1) {
    top: 19px;
  }

  #nav-toggle01 span:nth-child(2) {
    top: 24px;
  }

  #nav-toggle01 span:nth-child(3) {
    top: 29px;
  }

  .open #nav-toggle01 span:nth-child(1) {
    top: 24px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .open #nav-toggle01 span:nth-child(2) {
    width: 0;
  }

  .open #nav-toggle01 span:nth-child(3) {
    top: 24px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  #nav-toggle01 {
    z-index: 1000;
  }

  #gloval-nav {
    background: #fff;
    padding-top: 130px;
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .3s;
  }

  #gloval-nav ul {
    padding-bottom: 30px;
    text-align: center;
  }

  #gloval-nav ul li {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 40px;
    font-family: 'Noto serif JP',serif;
    font-weight: 400;
    font-size: 18px;
  }
  #gloval-nav ul li:last-child{
    margin-bottom: 0;
  }

  .g-nav_pp {
    margin-top: 40px;
    font-size: 12px;
    margin-bottom: 20px;
  }

  .g-nav_copy {
    font-size: 10px;
    opacity: 0.5;
  }

  .open #gloval-nav {
    visibility: visible;
    opacity: 1;
    z-index: 5;
    overflow: scroll;
  }
  .gloval_nav02 {
    margin-top: 100px;
    background: #04263C;
    width: 100%;
  }
  .gloval_nav02_wrap {
    border-bottom: 1px solid #253A47;
  }
  .gloval_nav02Icon01,
  .gloval_nav02Icon02,
  .gloval_nav02Icon03,
  .gloval_nav02Icon04{
    width: 25%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-right: 1px solid #253A47;
  }
  .gloval_nav02Icon04{
    border-right: none;
  }

  .gloval_nav02Icon01 img {
    width: 10px;
  }
  .gloval_nav02Icon02 img {
    width: 20px;
  }
  .gloval_nav02Icon03 img {
    width: 28px;
  }
  .gloval_nav02Icon04 img {
    width: 50px;
  }
  .gloval_nav02Txt {
    color: #FFF;
    text-align: center;
  }
  .gloval_nav02Txt01 {
    padding: 35px 0 30px;
    font-size: 16px;
  }
  .gloval_nav02Txt02 {
    font-size: 12px;
    padding-bottom: 45px;
    font-family: 'Noto Sans JP';
  }


}

@media screen and (max-width:825px) {
  .headerLogo_img {
    width: 40px;
  }
}

/*-------------------------
---------- 共通 -----------
-------------------------*/

.secTtl h2{
  font-size: 20px;
  line-height: 1.2;
  padding-bottom: 10px;
  margin-bottom: 45px;
  font-family: 'Tinos';
  display: inline-block;
  border-bottom: 4px solid #333333;
}

.secTtl02 {
  padding-bottom: 44px;
  white-space: nowrap;
}

.secTtl02 h3{
  font-size: 34px;
  line-height: 1.2;
  margin-right: 25px;
  font-family: 'Tinos';
}


.secTtl02 p:first-child {
  font-size: 14px;
  line-height: 1.7;
  font-family: 'Oswald';
  margin-right: 32px;
  border-bottom: 4px solid #000;
}

.secTtl02 p:nth-of-type(2) {
  font-size: 13px;
  line-height: 1.7;
}


.top_sec03 .secTtl02 p:first-child {
  border-bottom: 4px solid #fff;
  margin-right: 32px;
}
.secTtl03 {
  position: relative;
  font-size: 34px;
  line-height: 1.4;
  padding-bottom: 20px;
  font-family: 'Noto Serif JP',serif;
}
.secTtl03::before{
  position: absolute;
  bottom: 0;
  content: "";
  width: 100%;
  border-bottom: 2px solid #C1CCD3;
}
.secTtl03::after{
  position: absolute;
  bottom: 0;
  content: "";
  width: 42%;
  border-bottom: 2px solid #11496D;
}

.secTtl04 {
  padding-bottom: 44px;
}

.secTtl04 h3 {
  font-size: 34px;
  line-height: 1.2;
  margin-right: 25px;
  font-family: 'Noto Serif JP', serif;
}


.secTtl04 p:first-child {
  font-size: 14px;
  line-height: 1.7;
  font-family: 'Oswald';
  margin-right: 42px;
  border-bottom: 4px solid #000;
}

.spbr {
  display: none;
}

@media screen and (max-width:825px) {
  .secTtl br{
    display: none;
  }
    .secTtl02 p:first-child,
  .top_sec03 .secTtl02 p:first-child {
    display: inline-block;
  }
  .spbr {
    display: block;
  }
  .secTtl04 h3,
  .secTtl03 {
    font-size: 22px;
  }
  .secTtl04 p:first-child {
    margin-right: 22px;
  }
  .secTtl02 h3 {
    margin-top: 20px
  }
}


/*-------------------------
----- 下層ページ共通 -----
-------------------------*/

/*ヘッダー分下げる-----------------------*/

.MainWrap {
  /* PC時のヘッダーの高さ */
  margin-top: 117px;
}
@media screen and (max-width:825px) {
  .MainWrap {
    /* SP時のヘッダーの高さ */
    margin-top: 73px;
  }
}


/*下層ヘッダー---------------------------*/

.PageHeading {
  padding: 80px 0 80px;
}

.PageHeadingTitle_main {
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0.2em;
  margin-bottom: 24px;
}

.PageHeadingTitle_sub {
  font-size: 15px;
  line-height: 1.5;
}

@media screen and (max-width:825px) {
    .PageHeading {
      padding: 50px 0 40px;
    }
    .PageHeadingTitle_main {
      font-size: 30px;
      margin-bottom: 15px;
    }
}

@media screen and (max-width:500px) {
  .PageHeadingTitle_main {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .PageHeadingTitle_sub {
    font-size: 13px;
  }
}

/*-------------------------
------- トップページ ------
-------------------------*/

.mv {
  padding: 95px 85px 60px;
  height: 100vh;
  min-height: 600px;
}
.under_mv {
  height: auto;
}

.mv_img {
  width: 100%;
  height: 100%;
  background: url(../img/mv_img.jpg)center / cover no-repeat ;
}

.top_sec01 .secWrap{
  margin-left: 250px;
}

.top_sec02Img {
  width: 44.7%;
}
.top_item01 {
  position: relative;
  height: 390px;
  background: url(../img/top_item01.jpg)center / cover no-repeat;
}

.top_item01 .btn{
  position: absolute;
  bottom: 0;
  right: 0;
}


.top_sec03_img {
  background: url(../img/top_item03.jpg)center / cover no-repeat;
  padding: 155px 60px;
}

.top_sec04_img {
  width: 52%;
  height: 587px;
  background: url(../img/top_item04.jpg)center / cover no-repeat;
}

.top_sec04R {
  width: 50%;
  margin-left: 70px;
}

.top_sec04R_btn {
  text-align: right;
  margin-top: 40px;
}

.top_sec05 .btn{
  margin-right: 85px;
}

.footer .secWrap{
  padding-top: 200px;
}

.footer_list li{
  position: relative;
  padding-left: 110px;
  margin-bottom: 24px;
  transition: 0.3s;
}
.footer_list li:hover{
  padding-left: 130px;
}
.footer_list li:last-child{
  margin-bottom: 0;
}

.footer_list li a{
  display: inline-block;
}

.footer_list h4{
  font-size: 30px;
  line-height: 1.1;
  margin-right: 50px;
}
.footer_list p{
  font-size: 13px;
  line-height: 1.3;
  color: #333333;
  font-family: 'Noto Sans JP',sans-serif;
}

.footer_list li::after{
  left: 0;
  top: 50%;
  height: 2px;
  width: 37px;
  content: '';
  position: absolute;
  background: #333333;
}

.footerR {
  background: #04263C;
  height: 353px;
  width: 41.5%;
  position: relative;
  transition: .3s;
}
.footerR:hover{
  opacity: 0.9;
}
.footerR img{
  width: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.footer_btn01 {
  display: block;
  position: relative;
  height: 161px;
  width: calc(100% / 3);
  background: url(../img/footer01.jpg)center / cover no-repeat;
}
.footer_btn01 img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 71px;
}

.footer_btn02 {
  display: block;
  position: relative;
  height: 161px;
  width: calc(100% / 3);
  background: url(../img/footer02.jpg)center / cover no-repeat;
}
.footer_btn02 img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65px;
}

.footer_btn03 {
  display: block;
  position: relative;
  height: 161px;
  width: calc(100% / 3);
  background: url(../img/footer03.jpg)center / cover no-repeat;
}
.footer_btn03 img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 107px;
}

.footer_access h5{
  font-size: 40px;
  line-height: 1.2;
  padding-bottom: 44px;
}
.tel p:first-child{
  margin-right: 43px;
}
.line p:first-child{
  margin-right: 22px;
}
.footer_access_L {
  width: 50%;
  padding-left: 100px;
  padding-top: 68px;
}
.tel{
  padding-bottom: 22px;
}

.map{
  width: 50%;
}

.footer_container {
  background: #04263C;
}
.footer_container_wrap {
  padding: 80px 0;
  padding-bottom: 40px;
}
.footer_container img{
  width: 80px;
}

.fcL {
  width: 39.3%;
  border-right: solid 1px #707070;
}
.fcL img{
  margin-top: 47px;
}
.fcL p {
  text-align: center;
}

.fcR {
  width: 60.7%;
  text-align: center;
}
.fcR h6{
  margin-bottom: 18px;
  font-size: 20px;
}

.fb{
  width: 10px;
}
.inst{
  width: 20px;
  margin: 0 35px 0 40px;
}
.goo{
  width: 27px;
}
.fcTxt {
  line-height: 2.1;
  font-size: 13px;
}

.sns {
  margin-bottom: 28px;
}
small {
  font-size: 10px;
  color: #fff;
  text-align: right;
}
.copy {
  text-align: right;
  margin-right: 100px;
}

@media screen and (max-width:825px) {
  .mv {
    padding: 49px 20px 40px;
    margin-bottom: 0;
  }
  .mv_img {
    height: 90%;
  }

  .top_item01 {
    width: 100%;
    height: 300px;
  }
  .top_sec01 .secWrap {
    margin: 0 20px;
    padding-top: 0;
  }
  .top_sec02 .secTtl {
    margin-bottom: 60px;
  }
  .top_sec03_img {
    padding: 60px 20px;
  }
  .top_sec03_img .btn{
    margin-top: 20px;
  }
  .top_sec04_inner {
    flex-direction: column-reverse;
  }
  .top_sec04_img {
    width: 100%;
    height: 300px;
    margin-top: 30px;
  }
  .top_sec04R {
    width: 100%;
    margin-left: 0;
  }
  .top_sec04R_txt br{
    display: none;
  }
  .top_sec04R_btn {
    text-align: left;
  }
  .top_sec05 .btn {
    margin-top: 40px;
    margin-right: 0;
  }
  .footerL {
    margin-bottom: 60px;
  }
  .footer_access_L{
    margin-left: 20px;
    padding-left: 20px;
    padding-top: 68px;
  }
  .footerR {
    display: block;
    width: 100%;
    height: 200px;
  }
  .footer_list li {
    padding-left: 45px;
  }
  .footer_list li::after {
    width: 20px;
  }
  .footer_btn01,
  .footer_btn02,
  .footer_btn03{
    width: 100%;
  }
  .fcL,
  .fcR {
    width: 100%;
  }
  .fcL {
    text-align: center;
    border-right: none;
    margin-bottom: 60px;
  }
  .fcL img {
    margin: 0;
  }
  .map {
    margin-top: 30px;
    width: 100%;
  }
  .map iframe{
    height: 250px;
  }
  .footer_list h4 {
    font-size: 20px;
  }
  .footer .secWrap {
    padding-top: 80px;
  }
  .copy {
    margin: 0;
    text-align: center;
    padding-bottom: 20px;
  }
}

/*-------------------------
------- メンテナンス ------
-------------------------*/

.mainte_img {
  background: url(../img/mainte_mv.jpg) center / cover no-repeat ;
  height: 440px;
}

.mv {
  position: relative;
}

.mv p{
  position: absolute;
  right: 10%;
  top: 83%;
  font-size: 64px;
  line-height: 1.2;
}

.mainte_sec01 {
  margin-left: 215px;
}

.mainte_sec02_L {
  width: 50%;
  padding-right: 7%;
}

.mainte_sec02_R{
  width: 39%;
}
.mainte_sec02_R .top_sec04R_btn{
  margin-top: 0;
}
.mainte_sec02_R .top_sec04R_btn{
  text-align: center;
}

.sec_item_txt {
  font-size: 13px;
  padding-left: 28px;
  position: relative;
  margin-bottom: 15px;
}

.sec_item_txt::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: #3C3C3C;
  left: 0;
  top: 9px;
}

.sec_item_list li{
  font-size: 14px;
  line-height: 1.3;
  padding: 9px 23px;
  margin-right: 10px;
  margin-bottom: 12px;
  border-radius: 100px;
  border: solid 1px #CACACA;
}
.sec_item_list li:last-child{
  margin-right: 0;
}
.sec_item_list03 li{
  margin-bottom: 12px;
  font-size: 14px;
  padding: 9px 23px;
  border: solid 1px #CACACA;
  border-radius: 100px;
  margin-right: 10px;
  line-height: 1.3;
}
.sec_item_list03 li:last-child{
  margin-right: 0;
  /* margin-bottom: 0; */
}

.mainte_sec02_R_img {
  background: url(../img/mainte_item01.jpg)center / cover no-repeat;
  height: 390px;
}
.mainte_sec02_R_img02 {
  background: url(../img/mainte_item02.jpg)center / cover no-repeat;
  height: 390px;
}

.sec_item_list02 li p:first-child{
  color: #fff;
  padding: 10px 28px;
  border-radius:100px;
  background: #04263C;
  line-height: 1.5;
}

.sec_item_list02 li{
  border-bottom: 1px solid #CACACA;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.sec_item_list02 li:last-child{
  margin-bottom: 0;
}
.sec_item_list02_txt {
  font-size: 14px;
  line-height: 2.3;
  justify-content: flex-end;
  padding-top: 20px;
}

@media screen and (max-width:825px) {
  .mainte_img {
    height: 300px;
  }
  .mv {
    padding-bottom: 0;
  }
  .under_mv {
    height: auto;
    min-height: auto;
  }
  .mv p {
    font-size: 36px;
    top: 93%;
  }
  .mainte_sec01 {
    margin: 0 20px;
    font-size: 14px;
  }
  .mainte_sec01 br {
    display: none;
  }

  .mainte_sec02_L {
    padding-right: 0;
  }

  .mainte_sec02_L br {
    display: none;
  }

  .mainte_sec02_L,
  .mainte_sec02_R {
    width: 100%;
  }
  .mainte_sec02_R_img {
    margin-top: 30px;
    height: 300px;
  }
  .mainte_sec02_R_img02 {
    margin-top: 30px;
    height: 300px;
  }
  .sec_item_list li{
    font-size: 13px;
  }
  .sec_item_list03 li {
    font-size: 13px;
  }
  .sec_item_list02 li p:first-child {
    padding: 10px 15px;
  }
  .sec_item_list02 {
    font-size: 14px;
  }
  .sec_item_list02_txt {
    display: block;
  }
}

@media screen and (max-width:550px) {
  .sec_item_list02 li p:first-child {
    font-size: 3.2vw;
  }
}

/*-------------------------
---------- セール ---------
-------------------------*/

.salepurc_img {
  background: url(../img/sale_mv.jpg)center / cover no-repeat;
  height: 440px;
}

.btn02 {
  background: url(../img/sale_btn.jpg)center / cover no-repeat;
  width: 300px;
  padding: 26px 0;
  line-height: 2;
  font-size: 13px;
  transition: .3s;
  color: #ffffff;
  text-align: center;
  display: inline-block;
}

.btn03 {
  background: url(../img/insurance_btn04.jpg)center / cover no-repeat;
  width: 300px;
  padding: 26px 0;
  line-height: 2;
  font-size: 13px;
  transition: .3s;
  color: #ffffff;
  text-align: center;
  display: inline-block;
  transition: .3s;
}
.btn02:hover,
.btn03:hover{
  opacity: 0.8;
}

.saleImg {
  background: url(../img/Sale_item01.jpg)center / cover no-repeat;
  height: 390px;
}
.sectionImg {
  /* background: url(../img/Sale_item02.jpg)center / cover no-repeat; */
  /* height: 434px; */
}
.saleImg02 {
  background: url(../img/Sale_item03.jpg)center / cover no-repeat;
  height: 390px;
}
.saleImg03 {
  background: url(../img/Sale_item04.jpg)center / cover no-repeat;
  height: 390px;
}

.gaibu_btn {
  width: 15px;
  margin-left: 11px;
}
.gaibu_btn02 {
  width: 15px;
  margin-left: 8px;
  margin-bottom: 5px;
}

@media screen and (max-width:825px) {
  .salepurc_img {
    height: 300px;
  }
  .saleImg,
  .saleImg02,
  .saleImg03 {
    height: 300px;
    margin-top: 60px;
  }
  .btn02 {
    width: 100%;
  }
}

/*-------------------------
----------- 保険 ----------
-------------------------*/

.insurance_img {
    background: url(../img/insurance_mv.jpg)center / cover no-repeat;
    height: 440px;
}
.sec_item_list p{
  line-height: 1;
  padding-top: 14px;
}
.insurance_btn {
  background: url(../img/insurance_btn01.jpg)center / cover no-repeat;
  padding: 50px 0;
  width: 50%;
  text-align: center;
  margin-right: 3px;
  display: block;
}
.insurance_btn02 {
  background: url(../img/insurance_btn02.jpg)center / cover no-repeat;
  padding: 50px 0;
  width: 50%;
  text-align: center;
  display: block;
}
.insurance_btn03 {
  background: url(../img/insurance_btn03.jpg)center / cover no-repeat;
  padding: 50px 0;
  width: 50%;
  text-align: center;
  display: block;
}
.insurance_btn,
.insurance_btn02,
.insurance_btn03{
  transition: .3s;
}
.insurance_btn:hover,
.insurance_btn02:hover,
.insurance_btn03:hover{
  opacity: 0.8;
}
.insurance_img02{
  background: url(../img/insurance_item01.jpg)center / cover no-repeat;
  height: 390px;
}
@media screen and (max-width:825px) {
  .insurance_img {
    height: 300px;
  }
  .insurance_btn,
  .insurance_btn02 {
    width: 100%;
  }
  .insurance_btn {
    margin-bottom: 20px;
  }
  .insurance_btn03{
    margin-top: 20px;
    width: 100%;
  }
  .insurance_img02 {
    height: 300px;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .insu_wrap {
    flex-direction: column;
    flex-direction: row-reverse;
  }
  .btn03 {
    width: 100%;
  }
}

/*-------------------------
---------- company --------
-------------------------*/

.company_img {
  background: url(../img/company_mv.jpg)left 25% top 0% / cover no-repeat;
  height: 440px;
}

.company_sec01 .secInner{
  padding: 100px ;
  padding-top: 74px;
  padding-bottom: 56px;
  background: url(../img/company_item02.jpg)center / cover no-repeat;;
}

.company_sec02{
  background: #F8F8F8;
  padding: 110px 0;
  margin-top: 190px;
  padding-bottom: 165px;
}

.company_sec02_listTxt{
  width: 25%;
  margin-right: 30px;
  padding-left: 12px;
}
.company_sec02_list li{
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.company_sec02_list li:last-child{
  margin-bottom: 0;
}
.company_sec02_list li::before{
  position: absolute;
  bottom: 0;
  width: 100%;
  content: "";
  border-bottom: 1px solid #FFFFFF;
}
.company_sec02_list li::after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 25%;
  content: "";
  border-bottom: 1px solid #04263C;
}

.map02 {
  color: #fff;
  font-size: 13px;
  padding: 3px 5px;
  margin-top: 15px;
  background: #04263C;
  display: inline-block;
}

.gallery {
  line-height: 1.1;
  font-size: 43px;
  padding-bottom: 70px;
}
@media screen and (max-width:825px) {
  .company_img {
    height: 300px;
  }
  .company_sec01 .secInner {
    padding: 60px 30px;
  }
  .company_sec02 {
    margin-top: 80px;
    padding-bottom: 80px;
  }
  .company_sec02_listTxt{
    width: 100%;
    padding-left: 0;
    font-weight: bold;
  }
}

/*-------------------------
---------- recruit --------
-------------------------*/

.recruit_img {
  background: url(../img/recruit_mv.jpg)center / cover no-repeat;
  height: 440px;
}
.recru_sec02 .secWrap{
  padding-top: 0;
}
.recru_sec02List {
  border: solid 1px #CACACA;
}
.recru_sec02List li{
  border-bottom: 1px solid #CACACA;
}
.recru_sec02List li:last-child{
  border: none;
}
.recru_sec02ListTxt {
  width: 27.5%;
  padding: 30px;
  margin-right: 30px;
  color: #fff;
  line-height: 1.4;
  background: #04263C;
}
.recru_sec02ListTxt02 {
  width: 73.5%;
}

@media screen and (max-width:825px) {
  .recruit_img {
    height: 300px;
  }
  .recru_sec02ListTxt {
    width: 100%;
    padding: 20px;
    /* text-align: center; */
  }
  .recru_sec02ListTxt02 {
    padding: 20px;
    width: 100%;
    /* text-align: center; */
  }

}