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

body{min-width: 1240px;}
/*----------------------------------------------------------------------------
***                                                             headerArea
----------------------------------------------------------------------------*/
#headerArea{position: sticky;top: 0;/* left:0; */width:100%;z-index: 99;background: #fff;height: 70px;}
#headerArea #headerAreaInner{position:relative;padding: 0 0 0 0;height: 100%;width: 100%;max-width: 100%;margin: 0 auto;}
#headerArea #headerAreaInner h1 {margin: 0;padding:0 0 2px 0;line-height: 1em;}
#headerArea .ttl{padding: 10px 0 0px 1em;margin: 0;}
#headerArea .ttl img{display:block;}

#gnav{/* width: 30em; */margin: 0 0 0 auto;font-size: 0.9em;}
#gnav a{color:#000000;margin: 0 1em;font-weight: bold;}

#headerArea .contactBox {margin: 0em 0 0;height: 100%; display: flex;}
#headerArea .contactBox .btnBox{height: inherit;}
#headerArea .contactBox .btn{height: inherit;font-size: 1.6875em;display: flex;justify-content: center;align-items: center;text-shadow: none;font-weight: bolder;}

/*----------------------------------------------------------------------------
***                                                             footerArea
----------------------------------------------------------------------------*/
#footerArea{background:#f2f2f2; margin-top:4em;}
#footerArea .copyrightBoxInenr {height:80px;}
#footerArea .copyrightBoxInenr a{display:block;}
#footerArea .copyrightBoxInenr .logo {margin: 0.4% 0 0;}

/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
/*--- セクション共通 ---*/
.secBox{width: 100%;}
.secBox > .sectionInner{width: 100%;max-width: 1200px;margin: 0 auto;padding: 4em 0 4em;font-size: 100%;}
.secBox > .sectionInner > .titleBox{margin: 0 0 2em;}
.secBox > .sectionInner > .titleBox h2{font-size: 3.125rem;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.6875rem;order: 1;
  background: linear-gradient(to bottom,  transparent 0%,transparent 50%,#ffff00 50%,#ffff00 75%,transparent 75%,transparent 100%);
}

/*--- フォームへのボタン ---*/
.contactBox {margin: 3em 0 0;text-align: center;}
.contactBox .btn {background:#00b6d6;color:#fff;display: inline-block;text-align: center;width: 12em;line-height: 1;padding: 0.3em 0 0.4em;font-size: 2.25em;text-shadow: 0px 1px 0px rgba(0,0,0,0.35);font-weight: 600;}
.contactBox .lineBox{width: 30em; margin: 0.5em auto 0; justify-content: center; align-items: center;}
.contactBox .lineBox .qr{width: 20%; margin: 0;}
.contactBox .lineBox .qr img{width: 100%; height: auto;}