@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
* {-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
  }

html { font-size: 62.5%; color:#454545; } /* 10px */
body { font-size: 1.6rem; } /* 16px */
p  { font-size: 1.6rem; } /* 16px */
li { font-size: 1.6rem; } /* 16px */
li p { font-size: 1.6rem; } /* 16px */

a {color:#003f93;}
a:hover{opacity: 0.7;}

/*----------------------------------------------------
 display
----------------------------------------------------*/
.dispN  { display: none !important; }
.dispB  { display: block !important; }
.dispI  { display: inline !important; }
.dispIB { display: inline-block !important; }
.dispT  { display: table !important; }
.dispTC { display: table-cell !important; }

/*@media screen and (max-width:640px) {
  .spdispN  { display: none !important; }
  .spdispB  { display: block !important; }
  .spdispI  { display: inline !important; }
  .spdispIB { display: inline-block !important; }
  .spdispT  { display: table !important; }
  .spdispTC { display: table-cell !important; }
}*/

/*----------------------------------------------------
 header
----------------------------------------------------*/
header {
  width: 100%;
  min-width: 1080px;
}

/* hdr01 */
header .hdr01{
  width: 100%;
  background-color: #003e92;
  padding:8px 0 11px;
}
header .hdr01 .hdrInner{
  width: 1080px;
  margin:0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .hdr01 .hdrDiscription{
  color:#7e96bf;
  font-size: 1.0rem;
}
header .hdr01 ul.hdrSns{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
header .hdr01 ul.hdrSns li{
  margin-left: 18px;
}
header .hdr01 ul.hdrSns li a{
  display: block;
}

/* hdr02 */
header .hdr02{
  width: 100%;
  background-color: #fff;
  padding:18px 0 18px;
}
header .hdr02 .hdrInner{
  width: 1080px;
  margin:0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
header .hdr02 .hdrTel{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color:#003f93;
}
header .hdr02 .hdrTel p.txt{
  font-size: 1.4rem;
  margin-bottom: 10px;
}
header .hdr02 .hdrTel p.time{
  font-size: 1.6rem;
  font-weight: 700;
}
header .hdr02 .hdrTel p.time span{
  font-size: 1.92rem;
}
header .hdr02 .hdrTel a.tel{
  text-decoration: none;
  display: block;
  padding: 12px 15px 8px;
  border:solid 1px #003f93;
  border-radius: 4px;
  font-size: 2.52rem;
  margin-left: 20px;
}
header .hdr02 .hdrTel a.tel span{
  color: #ff690e;
  font-size: 3.6rem;
  font-weight: 700;
}

/*----------------------------------------------------
 footer
----------------------------------------------------*/
footer {
  width: 100%;
  background: #0047ad;
}
#footerInner {
  width: 1080px;
  padding:13px 0 10px;
  margin: 0 auto;
  background: #0047ad; 
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#footerInner .ftrAddress,
#footerInner .ftrCopy{
  color:#fff;
  font-size: 1.2rem;
  line-height: 1.6;
}
/*----------------------------------------------------
 content
----------------------------------------------------*/
#content {
  /*width: 100%;*/
  min-width: 1080px;
  background: #fff;
  position: relative;
}
/*----------------------------------------------------
mv
----------------------------------------------------*/
.mv{
  width: 100%;
}
.mv img{
  width: 100%;
  max-width: 100%;
}

/*----------------------------------------------------
caution
----------------------------------------------------*/
.caution p.lead{
  width: 732px;
  margin: 70px auto 0;
  border: solid 2px #b2000e;
  padding: 30px;
  line-height: 1.6;
  text-align: center;
  font-size: 1.8rem;
}

/*----------------------------------------------------
btnSec
----------------------------------------------------*/
.btnSec{
  color: #ff690e;
  display: flex;
  justify-content: center;
  padding:70px 0;
}
.btnSec.bdrTop{
  border-top:solid 1px #b2000e;
}
.btnSec .btn a{
  text-decoration: none;
}
.btnSec .btn a dl{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  border:solid 1px #ff690e;
}
.btnSec .btn a dl:hover{
  opacity: 0.7;
}
.btnSec .btn a dt{
  background-color: #ff690e;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.0rem;
  font-weight: 700;
  padding:25px 40px;
}
.btnSec .btn a dd{
  background-color: #fff;
  color: #ff690e;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.0rem;
  font-weight: 700;
  padding:25px 55px;
  position: relative;
}
.btnSec .btn a dd:after {
    position: absolute;
    content: "";
    right: 6px;
    bottom: 6px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 12px solid #ff690e;
}

/*----------------------------------------------------
titSec
----------------------------------------------------*/
.titSec{
  border-bottom: solid 1px #b2000e;
  margin-bottom: 25px;
}
.tit02{
  position: relative;
}
.tit02:before {
  content: '';
  display: inline-block;
  position: absolute;
  left:-50px;
  top:3px;
  width: 35px;
  height: 42px;
  background-image: url(../img/titIco.png);
  background-size: contain;
  vertical-align: middle;
}

/*====================================================
 SECTION
====================================================*/
.secWrapper{
  width: 100%;
  /*padding:70px 0;*/
  background: #fff;
}
.secOuter {
  width: 1080px;
  margin: 0 auto;
  background: #fff;
  zoom: 1;
}
.secInner {
  width: 800px;
  margin: 0 auto;
  background: #fff;
  zoom: 1;
}

/*@media screen and (max-width:640px) {
  .secWrapper{
    width: 100%;
    padding:30px 0;
  }
  .secOuter {
    width: 87.5%;
    margin:0 auto;
    padding: 8px;
  }
  .secInner {
    width: 100%;
  }
}*/

/*----------------------------------------------------
SEC01
----------------------------------------------------*/
h2.secTit{
  margin-bottom: 60px;
  text-align: center;
}
h2.secTit img{
  max-width: 100%;
}
p.txt{
  margin-bottom: 10px;
  line-height: 1.6;
}

p.txt.lead{
  color:#2a2a2a;
  font-size: 1.8rem;
  margin-bottom: 25px;
}

h3.priceTit {
    font-size: 2.6rem;
    letter-spacing: 0.2rem;
    margin-bottom: 20px;
}

.item2Col{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin-bottom: 80px;
}
.item2Col img{
  max-width: 100%;
}
.item2Col > dl{
  width: calc((100% - 20px) / 2);
  margin-right: 20px;
  margin-bottom: 20px;
}
.item2Col > dl:nth-child(2n){
  margin-right: 0 ;
}
.item2Col > dl > dt{
  margin-bottom: 30px;
}
.item2Col > .itemInnerCol{
  width: calc((100% - 20px) / 2);
  margin-right: 20px;
  margin-bottom: 20px;
}
.item2Col > .itemInnerCol:nth-child(2n){
  margin-right: 0 ;
}
dl.itemDetail{
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 10px;
}
dl.itemDetail > dt{
  width: 25%;
  color: #be2d37;
}
dl.itemDetail > dd{
  width: 75%;
  color: #333;
}

/*@media screen and (max-width:640px) {
  .item2Col{
    display: block;
    margin-bottom: 80px;
  }
  .item2Col img{
    max-width: 100%;
  }
  .item2Col > dl{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .item2Col > dl:nth-child(2n){
    margin-right: 0 ;
  }
  .item2Col > dl > dt{
    margin-bottom: 10px;
  }
  .item2Col > .itemInnerCol{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .item2Col > .itemInnerCol:nth-child(2n){
    margin-right: 0 ;
  }

  dl.itemDetail{
    width: 100%;
    display: block;
    font-size: 1.6rem;
    line-height: 1.6;
  }
  dl.itemDetail > dt{
    width: 100%;
    color: #be2d37;
  }
  dl.itemDetail > dd{
    width: 100%;
    color: #333;
  }
}*/
/*----------------------------------------------------
tbl-basic
----------------------------------------------------*/
.tbl-basic{
  width:100%;
  margin: 0 0 5px 0;
}
.tbl-basic thead th {
    padding: 10px 15px;
    border: 1px solid #7fa3c5;
    background: #84c01b;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-weight: 100;
    line-height: 1.4;
}
.tbl-basic thead td {
    padding: 10px 15px;
    border: 1px solid #7fa3c5;
    background: #fff;
    color: #004576;
    text-align: center;
    vertical-align: middle;
    line-height: 1.4;
}
.tbl-basic tbody th {
    padding: 10px 15px;
    border: 1px solid #7fa3c5;
    background: #2a71b9;
    color:#fff;
    text-align: center;
    vertical-align: middle;
    font-weight: 100;
    font-size: 1.6rem;
    line-height: 1.4;
    white-space: nowrap;
}
.tbl-basic tbody td {
    padding: 10px 15px;
    border: 1px solid #7fa3c5;
    background: #fff;
    vertical-align: top;
    text-align: center;
    line-height: 1.4;
    font-size: 2.0rem;
}
.tbl-basic tbody td span{
  font-size: 1.4rem;
}
.tbl-basic tbody td span.large{
  font-size: 2.4rem;
}
.tbl-basic caption{
    color: #004576;
    margin-bottom: 10px;
    margin-top: 20px;
}
.tbl-basic.orange thead th{
    background: #f08300;
}
.tbl-basic .valM{
  vertical-align: middle;
}
/*----------------------------------------------------
flow
----------------------------------------------------*/
.flow{
  margin-bottom: 30px;
}
.flow > dl{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border:solid 1px #9d9d9d;
  margin-bottom: 50px;
  position: relative;
}
.flow > dl > dt{
  width: 20%;
  padding:12px 0;
  text-align: center;
  color:#b2000e;
  background-color: #f5f5f5;
  font-weight: 700;
}
.flow > dl > dt span{
  font-size: 2.0rem;
}
.flow > dl > dd{
  width: 80%;
  padding:12px 0;
  text-align: center;
}
.flow > dl:after{
  position: absolute;
  content: "";
  left: 50%;
  bottom: -35px;
  margin-left: -15px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #b2000e;
}
.flow > dl:last-child:after{
  content: none;
}
/*====================================================
 pages
====================================================*/
/* adjust margin-bottom */
.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb65 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb85 {margin-bottom: 85px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb95 {margin-bottom: 95px !important;}
.mb100 {margin-bottom: 100px !important;}

/* adjust margin-top */
.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}

/* adjust width */
.w05{width: 5%;}
.w10{width: 10%;}
.w15{width: 15%;}
.w20{width: 20%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w45{width: 45%;}
.w50{width: 50%;}
.w55{width: 55%;}
.w60{width: 60%;}
.w65{width: 65%;}
.w70{width: 70%;}
.w75{width: 75%;}
.w80{width: 80%;}
.w85{width: 85%;}
.w90{width: 90%;}
.w95{width: 95%;}
.w100{width: 100%;}

/* text-align */
.alnR {text-align: right !important;}
.alnL {text-align: left !important;}
.alnC {text-align: center !important;}


/* =====================================
ｆloating_banner
===================================== */

#sidelink {
    display: block;
    position: fixed;
    z-index: 3800;
}


@media print, screen and (min-width: 829px){
	#sidelink {
		top: 60%;
		right: 0;
		width: 280px;
	}
	#sidelink a img {
		margin: 1px 0;
		width: calc(100% - 4px);
		border: 2px solid #6ec900;
	}
}

@media print, screen and (max-width: 828px){
	#sidelink {
		bottom: 65px;
		left: 25%;
		right: 25%;
		width: 50%;
		min-width: 250px;
	}
	#sidelink a {
	}
	#sidelink a img {
		width: calc(100% - 4px);
		border: 2px solid #6ec900;
	}
	.switch {
		/*width: 260px;*/
		width: 100%;
	}

	.footer-link {
	        padding: 10px 10px 270px;
	}
}

@media print, screen and (max-width: 640px){
	#sidelink {
		left: 15%;
		right: 15%;
		width: 70%;
		min-width: 200px;
	}
	.footer-link {
	        padding: 10px 10px 220px;
	}
}


/*----------------------------------------------------
 clearfix
----------------------------------------------------*/
.clearfix:after,
#tbnrlink ul:after {
  content:".";
  display:block;
  height:0.1px;
  visibility:hidden;
  clear:both;
  font-size:0.1em;
  line-height:0;
  }
.clearfix,
#tbnrlink ul { min-height:1px; }
* html .clearfix,
* html #tbnrlink ul  { height:1px; };








/*@media screen and (max-width:640px) {
  #tbnrlink{
    display: flex;
    width: 100%;
  }
  #tbnrlink ul li {
      float: none;
      padding-bottom: 7px;
      padding-left: 7px;
      list-style: none;
      width: calc( (100% - 10px) / 2 );
      margin-right: 10px;
  }
  #tbnrlink ul li:nth-child(2n){
    margin-right: 0;
  }
}*/



