@charset "utf-8";
/* CSS Document */

body{min-width: 100%;}
/*----------------------------------------------------------------------------
***                                                             headerArea
----------------------------------------------------------------------------*/
#headerArea{
    height: auto;
}
#headerArea #headerAreaInner{}
#headerArea #headerAreaInner h1 {}
#headerArea #headerAreaInner .logoBox {width: 45%;order: 1;}
#headerArea .ttl{}
#headerArea .ttl img{}

#gnav{order: 3;width: 100%;margin: 0 0 0 0;}
#gnav a{font-size: 0.75em; margin: 0 auto;}

#headerArea .contactBox {order:2;width: 50%;height: 2em;}
#headerArea .contactBox .btnBox{}
#headerArea .contactBox .btn{width:100%;font-size: 1em;}

/*----------------------------------------------------------------------------
***                                                             footerArea
----------------------------------------------------------------------------*/
#footerArea{margin-top: 3em;padding: 1em 0;}
#footerArea .copyrightBoxInenr {width: 50%;height: auto;margin: 0 auto;}
#footerArea .copyrightBoxInenr a{display:block;}
#footerArea .copyrightBoxInenr .logo {margin: 0.4% 0 0;}


/*-------------------------------s---------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
/*--- セクション共通 ---*/
.secBox{width: 100%;}
.secBox > .sectionInner{width: calc(100% - 2em);margin: 0 auto;padding: 4em 0 2em;}
.secBox > .sectionInner > .titleBox{margin: 0 0 1.5em;}
.secBox > .sectionInner > .titleBox h2{font-size: 1.75rem;font-weight: bold;text-align: center;color: #024160;line-height: 1.2;display: flex;flex-direction: column;align-items: center;}
.secBox > .sectionInner > .titleBox h2 .txtTop{display:block;order: 2;}
.secBox > .sectionInner > .titleBox h2 .txtBottom{
  display: inline-block;
  font-size: 1.125rem;
  order: 1;
  background: linear-gradient(to bottom,  transparent 0%,transparent 50%,#ffff00 50%,#ffff00 75%,transparent 75%,transparent 100%);
}

.secBox .ttl-h3{font-size:1.25em;}


/*--- フォームへのボタン ---*/
.contactBox {
    margin: 2em 0 0;
}
.contactBox .btnBox {}
.contactBox .btn {
    width: 10em;
    font-size: 1.8em;
}
.contactBox .lineBox{width: auto;}
.contactBox .lineBox .txt{text-align: center;}