/* common */

.heebo{
  font-family: 'Heebo', sans-serif;
}

#floatBtn{
  position: absolute;
  top: 100px;
  right: 5px;
  z-index:999;
}


#floatBtn a.contact,
#floatBtn a.request{
  z-index: 1000;
  display: block;
  border:2px #fff solid;
  border-radius: 10px;
  width: 140px;
  height: 132px;
  background-color: #FFF100;
  text-decoration: none;
  box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
}

#floatBtn a.request{
  margin-top:40px;
  background-color:#00426b;
  height: 117px;
}

#floatBtn a.contact p,
#floatBtn a.request p{
  text-align: center;
  font-weight:bold;
  line-height:120%;
  color:#fff;
  font-size:18px;
}

#floatBtn a.contact p.txt_1,
#floatBtn a.request p.txt_1{
  color:#00426b;
  margin:0 auto;
  padding:8px 0 6px 0;
  border-top-left-radius: 8px;
}

#floatBtn a.request p.txt_1{
  color:#fff;
  padding:6px 0 4px 0;
}

#floatBtn a.contact p.txt_2,
#floatBtn a.request p.txt_2{
  padding:12px 0 16px 0;
  background-image: url(../image/common/floatBtn_back.png);
  background-repeat: repeat;
  background-position: center;
  width:94%;
  margin:0 auto;
  border:2px #fff solid;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

#floatBtn a.request p.txt_2{
  background-image: none;
  background-color:rgba(255,255,255,0.7);
  color:#00426b;
  padding:5px 0 12px 0;
}

#floatBtn a.contact img,
#floatBtn a.request img{
  display:block;
  margin:0 auto;
  position:relative;
  top:-14px;
}

#floatBtn a.contact:hover,
#floatBtn a.request:hover{
  background-color:#F39800;
  color:#fff;
}

#floatBtn a.contact:hover p.txt_1,
#floatBtn a.request:hover p.txt_1{
  color:#fff;
}

#floatBtn a.contact:hover p.txt_2,
#floatBtn a.request:hover p.txt_2{
  background-image: url(../image/common/floatBtn_back_2.png);
  background-repeat: repeat;
  background-position: center;
  color:#00426b;
}

#floatBtn a.request:hover p.txt_2{
  background-image: none;
  background-color:rgba(255,255,255,0.8);
}


a#pageTop{
  z-index: 999;
  display: block;
  border-radius: 50%;
  width: 57px;
  height: 57px;
  background-color: #C9BC9C;
  text-decoration: none;
  text-align: center;
  position: fixed;
  bottom: 16px;
  right: 16px;
  box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
}

a#pageTop img{
  display:block;
  width:35px;
  height:35px;
  margin:9px 0 0 11px;
}



div.inner{
  width:1000px;
  margin:0 auto;
  position:relative;
  z-index:1;
}

.grad_blue{
  background: -moz-linear-gradient(top, #00426b 0%, #006dae 100%);
  background: -webkit-linear-gradient(top, #00426b 0%,#006dae 100%);
  background: linear-gradient(to bottom, #00426b 0%,#006dae 100%);
}

span.underLine{
  position:relative;
  z-index:0;
}

span.underLine::before{
  content: '';
  position: absolute;
  z-index:-1;
  bottom: 1px;
  left: 0;
  right: 0;
  width: 100%;
  height: 15px;
  margin: 0 auto;
  text-align: center;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(244, 193, 9, 0.7) 25%, rgba(244, 193, 9, 0.7) 75%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(244, 193, 9, 0.7) 25%, rgba(244, 193, 9, 0.7) 75%, rgba(255, 255, 255, 0));
  background-position: center;
  background-repeat: no-repeat;
}

p.cautionTitle{
  width:900px;
  margin:0 auto;
  color:#181818;
  font-size:12px;
}

ul.caution{
  font-size:12px;
  color:#181818;
  margin:20px 0;
}

ul.caution li{
  margin:5px 0;
  line-height:140%;
  padding-left:2em;
  text-indent:-2em;
}

ul.caution li.num{
  padding-left:2.5em;
  text-indent:-2.5em;
}

ul.caution.w900{
  width:900px;
  margin:0 auto;
}

h2{
  font-size:40px;
  color:#fff;
  line-height:140%;
  padding:30px;
}

h3.main_h3{
  font-size:35px;
  color:#fff;
  line-height:140%;
  border:3px #fff solid;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding:30px;
  position:relative;
}

h3.mallet_h3{
  font-size:30px;
  font-weight:bold;
  color:#181818;
  border-bottom:2px #00426B solid;
  padding:10px 10px 5px 10px;
  margin:10px auto;
  width:880px;
  text-align:center;
}

h3.mallet_h3::before{
  content:url(../image/common/icon_mallet.png);
  display:inline-block;
  vertical-align:middle;
  margin-right:10px;
  position: relative;
  top: -3px;
}

p.summary{
  font-size:30px;
  font-weight:bold;
  line-height:140%;
  color:#00426B;
  text-align:center;
  margin:50px 0;
}

div.sec_foot{
  width:1000px;
  margin:0 auto;
  padding:20px 0;
  text-align:center;
}

div.sec_foot p.txt_1{
  font-size:35px;
  font-weight: bold;
  color:#fff;
  margin:20px 0 0 0;
}

div.sec_foot p.txt_2{
  font-size:45px;
  font-weight:bold;
  color:#FCC80E;
}

div.sec_foot p.txt_2 span{
  font-size: 65px;
}

div.sec_foot p.txt_2 span.price{
  font-size:80px;
  position: relative;
}

div.sec_foot p.txt_2 span.price::after{
  content:"※1";
  display:inline-block;
  font-size:14px;
  font-weight:normal;
  color:#fff;
  position: absolute;
  top: 30px;
  right: -25px;
}

/* header */

header{
  background-color:#00426B;
  height:110px;
}

header div.inner{
  display:flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
  height:110px;
}

header div.logo_wrap{
  display:flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
}

header div.logo_wrap img.logo{
  width:231px;
  position:relative;
  top:-2px;
}

header div.logo_wrap div.logo_txt_wrap p,
header div.logo_wrap div.logo_txt_wrap h1{
  font-size:14px;
  color:#fff;
  font-weight:normal;
}

header div.logo_wrap div.logo_txt_wrap{
  margin:0 0 0 10px;
}

header div.logo_wrap div.logo_txt_wrap p{
  text-align:left;
  margin:0 0 5px 0;
}

header div.logo_wrap div.logo_txt_wrap h1{
  display:inline-block;
}

header div.logo_wrap div.logo_txt_wrap span{
  color:#fff;
  font-size:12px;
}

header div.tel_wrap p{
  color:#fff;
  font-size:14px;
  text-align:left;
}

header div.tel_wrap img{
  display:block;
  margin:10px 0;
}


/* button_wrap */

div.button_wrap{
  width:700px;
  margin:-58px auto 0 auto;
  position: relative;
  z-index:0;
  line-height:1;
}

div.button_wrap a.button{
  display:flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  width:700px;
  height:110px;
  background-color:#FFF100;
  border:3px #fff solid;
  box-shadow:0 1px 2px #ccc;
  border-radius:10px;
  text-decoration:none;
}

div.button_wrap a.button span.txt_1{
  width:120px;
  text-align:center;
  color:#00426b;
  font-weight:bold;
  font-size:29px;
  margin:0 0 0 5px;
}

div.button_wrap a.button span.txt_2{
  width:580px;
  font-weight:bold;
  color:#fff;
  font-size:35px;
  text-align:center;
  text-shadow:1px 1px 1px #333;
  height:93px;
  line-height:89px;
  background-image:url(../image/common/button_back.png);
  background-repeat:repeat-x;
  background-position:center;
  border:3px #fff solid;
  border-radius:10px;
  margin:0 5px 0 0;
}

div.button_wrap a.button span.txt_2::before{
  content:url(../image/common/button_arrow.png);
  display:inline-block;
  vertical-align:middle;
  margin-right: 5px;
  position:relative;
  bottom: -4px
}

div.button_wrap a.button:hover{
  background-color:#F39800;
  box-shadow:none;
  position:relative;
  bottom:-1px;
}

div.button_wrap a.button:hover span.txt_1{
  color:#fff;
}

div.button_wrap a.button:hover span.txt_2{
  color:#003F91;
  text-shadow:none;
  background-image:url(../image/common/button_back_2.png);
}


div.button_wrap div.tel_wrap{
  display:flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin:10px 0;
}

div.button_wrap div.tel_wrap p{
  background-color: #EFEFEF;
  font-size: 20px;
  font-weight: bold;
  color: #00426B;
  padding: 15px 25px;
  width: 244px;
  line-height: 140%;
}

div.button_wrap div.tel{
  margin-right:10px;
}

div.button_wrap div.tel img{
  margin-bottom:10px;
}

div.button_wrap div.tel span{
  display:block;
  font-size:14px;
  color:#00426B;
}

div.button_wrap p.family{
  background-color:#00426B;
  font-size:24px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  padding:6px 0 4px 0;
}

div.button_wrap p.family::before{
  content:url(../image/common/button_family.png);
  display:inline-block;
  vertical-align:middle;
  margin-right:10px;
  position:relative;
  top:-3px;
}



/* footer */

footer ul{
  display:flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content:center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack:justify;
  font-size:14px;
  margin:80px 0 20px 0;
}

footer ul li a{
  text-decoration:none;
  color:#00426B;
}

footer ul li a::after{
  content:"｜";
  display:inline-block;
}

footer ul li:last-child a::after{
  content:"";
}

footer p{
  background-color:#00426B;
  color:#fff;
  text-align:center;
  font-size:14px;
  padding:5px 0;
}