@charset "UTF-8";

/*-----------------------------------------------------------------------
 * common
 *----------------------------------------------------------------------- */
html, body{
}

body{
  -webkit-text-size-adjust: 100%;
  background-color: #f6f6f6;
}

*{
  margin: 0;
  padding: 0;
}

html, body, input, button, textarea {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color:#212121;
}

a{ color: #0277BD; }

button:hover,
a:hover{
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7; }

img{
  border: none;
  vertical-align: middle;
  max-width:100%;
}

ul li{
  margin: 0.25em 0 0.25em 1em;
  text-indent: -1em;
}

ul.note{
  margin:0;
}

ul.note li{
  margin:0.25em 0 0.25em 1em;
  text-indent:-1em;
  font-size:80%;
}

.centering{
  text-align:center;
  margin: 1em 0 0;
}

li{
  list-style: none;
  vertical-align:middle;
}

section{
  padding-top: 2em;
  padding-bottom: 2em;
  background-color:#fff;
  clear:both;
}

section,
article{
  box-sizing: border-box;
}

h2, h3, h4, h5 {
  text-align:center;
  line-height: 1.2;
  margin-bottom: 0.5em;
  margin-top: 1em;
  font-weight: bold;
  color: #333;
}

h2 span, h3 span, h4 span, h5 span {
  font-weight:normal;
  display:block;
  font-size: 65%;
  margin-bottom: 0.4em;
}

h2{
  font-size: 250%;
}
.h2cap{
  text-align:center;
  font-size:110%;
  font-weight: bold;
}
.wrapper{
  overflow: hidden;
  float: none;
  max-width: 1280px;
  margin-right:auto;
  margin-left:auto;
  padding-right:16px;
  padding-left:16px;
  box-sizing:border-box;
}

.center{
  text-align:center;
}
.sponly{
  display:none;
}
.nodisp{
  display:none;
}

.flr{ float:right;}
/* ---------- clearfix----------  */
.cf:before, .cf:after{content:"";display:block;overflow:hidden;}
.cf:after{ clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf{ zoom:1;}

/*-----------------------------------------------------------------------
 * form
form{
}

input, select, textarea {
  font-size: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: #BDBDBD solid 1px;
  margin: 1em 0;
}

button:hover,
label {
  cursor: pointer;
}
form label{
  display:block;
}
input:-webkit-input-placeholder,
input:-moz-placeholder,
input:-ms-input-placeholder {
    color: #bdbdbd;
}
ul.imgbtn input[type=checkbox],
ul.imgbtn input[type=radio] {
    display: none;
}
ul.imgbtn{
  font-size: 0;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  box-sizing: border-box;
  overflow:hidden;
}
ul.imgbtn li{
  display:block;
  float:left;
  width:16.66%;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  text-indent:0;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #FF006C;
}
ul.imgbtn li img{
  vertical-align: bottom;
}

ul.imgbtn li input[type="radio"]:checked + label img {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}


ul.imgbtn li input[type="radio"]:checked + label:after {
  content:" ";
  display:inline-block;
  width:20px;
  height:20px;
  background:url(img/checked.png);
  background-size:contain;
  vertical-align:middle;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
 *----------------------------------------------------------------------- */


/*-----------------------------------------------------------------------
 * header
 *----------------------------------------------------------------------- */
header {
    text-align: center;
    background-color: #fff;
}
header h1 img{
  margin:0;
}

body.conf header {
  border-bottom:1px solid #ccc;
}

/*-----------------------------------------------------------------------
 * navigation
 *----------------------------------------------------------------------- */
nav.fixed{
  position: fixed;
  top: 0;
  z-index: 100;
  border-top:none;
  border-bottom:none;
  -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
}

nav {
    position: fixed;
    top: 0;
    width:100%;
    z-index: 100;
}

nav .spnaviopen,
nav .spnaviclose{
  width:50px;
  height:50px;
  display: block;
  float: right;
  text-indent:-9999px;
  background-position:center center;
  background-repeat:no-repeat;
  box-sizing:border-box;
}
nav .spnaviopen{
  background-image:url(img/btn-openmenu.png);
}
nav .spnaviclose{
  background-image:url(img/btn-close.png);
}
nav .spnaviopen:hover {
  cursor: pointer;
  background-image:url(img/btn-openmenu-w.png);
}
nav .spnaviclose:hover {
  cursor: pointer;
  background-image:url(img/btn-close-w.png);
}
nav a {
  width: auto;
  display: block;
  text-align: left;
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  padding: 19px 16px 17px 36px;
  color: #212121;
}
nav a:hover{
  background-color:#0277bd;
  color:#fff;
}
nav ul li a{
  background-image:url(img/btn-arrow.png);
  background-position:16px center;
  background-repeat:no-repeat;
}
nav ul li a:hover{
  background-image:url(img/btn-arrow-w.png);
}

nav h5{
  width:200px;
  font-size:14px;
  line-height:1;
  padding: 19px 0 17px 16px;
  margin: 0;
  font-weight: bold;
  float:left;
  box-sizing:border-box;
  text-align:left;
  color:#666;
}

nav .naviwrapper {
  display:none;
  position:fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 999;
  top: 0;
  left: 0;
  overflow:hidden;
}

nav ul{
  position:fixed;
  width: 280px;
  height: 100%;
  top: 0;
  right: -280px;
  overflow-y: auto;
  background-color:#fff;
  -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.6);
  -ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.6);
  box-shadow: 0px 2px 4px rgba(0,0,0,0.6);
  box-sizing: border-box;
}

nav ul li{
  display:block;
  border-bottom:1px solid #e7e7e7;
  background-color:#fff;
  width:280px;
}

nav .title{
  position:relatve;
  top:0;
  text-align: left;
  background:#fff;
  overflow:hidden;
}

nav .title a {
    float:right;
    box-sizing:border-box;
}



/*-----------------------------------------------------------------------
 * footer
 *----------------------------------------------------------------------- */
footer {
  background-color: #F6F6F6;
  padding:32px 0;
  text-align:center;
}


/*-----------------------------------------------------------------------
 * contents
 *----------------------------------------------------------------------- */

a.btn-order{
  display:inline-block;
  background:url(img/arrow1.png) 32px center no-repeat #36209D;
  color:#fff;
  font-weight:bold;
  padding: 24px 0 22px;
  font-size: 175%;
  text-decoration:none;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  min-width: 470px;
  text-align: center;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.5);
  margin: 6px 0;
}

a.btn-order:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    background-color: #4424DD;
}

#sec1{
  padding:0;
  background:url(img/sec1bg.png) center center no-repeat #ff4081;
}

#sec1 p{
  text-align:center;
  padding:146px 0;
  background:url(img/sec1.png) center center no-repeat;
  height:208px;
  text-indent:-9999px;
}

#sec2 {
  padding:0;
  background:url(img/sec2bg.jpg) center center repeat-x;
  height:500px;
  position: relative;
}

#sec2 .wrapper {
  background: url(img/sec2.png) bottom center no-repeat;
  overflow: visible;
  height: 560px;
  width: 100%;
  max-width:100%;
  position: absolute;
  bottom: 0;
  z-index: 1;
}

#sec2 h1{
  text-align:left;
  text-indent:-9999px;
}

#sec2 p{
  width:1080px;
  padding-top:400px;
  box-sizing:border-box;
  margin:0 auto;
}

#sec3 {
  padding:0;
  height:244px;
  position: relative;
}

#sec3 .wrapper {
  background: url(img/sec3.png) bottom center no-repeat;
  overflow: visible;
  height: 268px;
  width: 100%;
  max-width:100%;
  position: absolute;
  bottom: 0;
  z-index: 2;
}

#sec3 p{
  text-align:left;
  text-indent:-9999px;
}

#sec4 {
  background:url(img/sec4bg.jpg) center center;
  background-size:cover;
  text-align:center;
}
#sec4 .wrapper {
  overflow:visible;
}
#sec4 h2{
  color:#01579b;
}

#sec4 p.img{
  margin: 2em auto;
  background:url(img/sec4.png) center center no-repeat;
  width:1098px;
  height:502px;
  text-indent:-9999px;
}

#sec5 {
}

#sec5 p{
  font-size:80%;
  text-align:center;
}
#sec5 p.img{
    margin: 1.5em auto;
  background:url(img/sec5.png) center center no-repeat;
  width:1078px;
  height:397px;
  text-indent:-9999px;
  text-align:left;
}

#sec6 {
  padding:0;
  background:url(img/sec6bg.jpg) bottom center repeat-x;
  position: relative;
  color:#fff;
}
#sec6 .wrapper{
  padding-bottom: 484px;
  padding-top:1.5em;
}
#sec6 h2{
  color:#fff;
}
#sec6 .gra {
  background: url(img/sec6.png) bottom center no-repeat;
  overflow: visible;
  position: absolute;
  left: 0;
  bottom: -40px;
  z-index: 3;
  text-indent:-9999px;
  width:100%;
  height:508px;
}

#sec7{
  background:#f0e9e5;
}
#sec7 article.wrapper{
  position:relative;
  text-align:center;
}
#sec7 h2 {
  padding: 36px 0 34px 190px;
  background:url(img/sec7.png) left center no-repeat;
  display:inline-block;
  text-align: left;
  margin-top: 0.5em;
}
#sec7 form {
    background: rgb(22,158,226);
    background: -moz-linear-gradient(top, #fafafa 0%, #f2f2f2 100%);
    background: -webkit-linear-gradient(top, #fafafa 0%,#f2f2f2 100%);
    background: linear-gradient(to bottom, #fafafa 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f2f2f2',GradientType=0 );
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  min-width: 400px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
    padding: 34px;
    text-align: center;
  overflow: hidden;
    box-sizing: border-box;
    margin:0 auto 8px;
}

#sec7 form .inputwrapper{
  background:#517f92;
  padding: 30px 30px 0;
  color:#fff;
}

#sec7 form .inputwrapper label {
    color: #212121;

    line-height: 1.2;
    margin-left: 24px;
    text-align: left;
    box-sizing: border-box;
    display: block;
}

#calculate {
    margin-top: 30px;
    line-height: 1;
}
#sec7 #s_lulp_cnt {
    margin-top: 1em;
    width: 100%;
}
#sec7 .compare{
  font-size: smaller;
  line-height:1.5;
  margin: 0;
}

#planBoxWrap,
#s_planBoxWrap {
    color: #333;
    padding: 1em;
    line-height:1;
    background: #D6E8F8;
    text-align: center;
    border: 1px solid #85BDE2;
    -moz-text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -webkit-text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -ms-text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
#planBoxWrap{
  margin-bottom:1em;
}

#sec7 #s_planBoxWrap{
  width:470px;
  float:left;
  box-sizing: border-box;
  font-size: 115%;
  height: 229px;
  padding: 2em 0 0;
}

#sec7 div.rightbox{
  width:509px;
  float:right;
}

#sec7 div.footbox{
  background:#e0e0e0;
  padding:1em 0;
  clear:both;
}

#planBoxWrap #detaPrice,
#s_planBoxWrap p{
    font-size: 180%;
}
#planBoxWrap #detaPrice{
  margin-top:0.5em;
}

#planBoxWrap #planPrice,
#s_planBoxWrap #s_tanka {
    width: auto;

    text-align: right;
    font-size: 200%;
}
/*
#sec7 p{
    margin:0.75em 0;
}
*/
#sec7 .rightbox p{
  text-align: left;
  margin: 0 0 0.5em;
}
#sec7 p.multi{
    margin: 1.5em auto 0;
    text-align: right;
    width: 1080px;
}
#sec7 p.multi a{
  text-decoration:underline;
  color:#212121;
  padding-left:20px;
   background:url(img/arrow2.png) left center no-repeat;
}

#sec8 {
  text-align:center;
}
#sec8 div{
  display:inline;
  margin:0;
}
#sec8 .h2cap {
    margin-bottom: 1.5em;
}
#sec8 img{
  width:320px;
  margin: 8px 6px;
}

#sec9 {
  padding:0;
  background:url(img/sec9.png) center center;
  height:399px;
}
#sec9.lulpk {
  position:relative;
  background:none;
  height:374px;
}
#sec9.lulpk .wrapper{
  overflow: visible;
  background:url(img/sec9-lulpk.png) center center;
  width: 100%;
  max-width: 100%;
  height:399px;
  position:absolute;
  bottom:0;
  z-index:1;
}

#sec9 h2,
#sec9 p{
  text-align:left;
  text-indent:-9999px;
}

#lulp_city1,
#lulp_city2,
#lulp_city_tr{
  display:none;
}

#estimate h4 {
    color: #fff;
    font-size: 150%;
    margin-top: 0;
}
table{
border-collapse: collapse;
width:100%;
    margin-bottom: 30px;
}

th,td{
  vertical-align:top;
  padding:1em;
  text-align:left;
    border: 1px solid #517f92;
    background: #34505e;
}
#estimate th,
#estimate td{
    border: 1px solid #269dcf;
    background: #1e7ca4;
}
.ui-datepicker th,
.ui-datepicker td{
    background: none;
}
th{
  white-space:nowrap;
  text-align:right;
    vertical-align: middle;
}

th span.hissu{
  display:block;
}
span.hissu{
  color:#FF006C;
  font-weight:normal;
  margin-left:0.5em;
}

body.conf .wrapper,
#sec10 .wrapper,
#sec11 .wrapper,
#sec12 .wrapper{
  max-width: 768px;
}
#sec10 p.note{
  margin:0;
  font-size:80%;
}
#sec10 #receivedate{
  margin-bottom:0.5em;
}

#sec10 #get_haisou_pre {
    margin: 0.5em 0;
}

#sec10 table input, #sec10 table select, #sec10 table textarea {
    margin: 0 1em 1em 0;
}
#sec10 table td span.title{
  display:inline-block;
  width:9em;
}
#sec10 table td span.title_d{
  display:inline-block;
  width:5em;
}
#sec10 #m_zip1_1{
  width:3.5em;
  margin-right:0;
}
#sec10 #m_zip1_2{
  width:4.5em;
}
.ui-datepicker {
    max-width: 400px;
}

#receivedate span{
  color:#FF006C;
  font-weight:bold;
}

#sec10 .wrapper table p.termCont{
    margin: 1em 0;
    background-color: #0076BE;
    padding: 1em;
    color: #fff;
    line-height: 1;
}

#sec10 #lulp_cnt{
  margin-top:1em;
  width:100%;
}
#sec10 #m_email1_1,
#sec10 #m_tel1_1,
#sec10 #m_city1,
#sec10 #m_banchi1,
#sec10 #m_address1{
  width:100%;
}
#sec10 #m_name1_1,
#sec10 #m_name1_2,
#sec10 #m_kana1_1,
#sec10 #m_kana1_2{
  width:46%;
}

#sec10 div.option{
  overflow:hidden;
}
#sec10 div.option p.price{
  font-size:100%;
  margin-bottom:0.5em;
}

#sec10 div.option p{
  font-size:90%;
}
#sec10 div.option h3{
  text-align:left;
  overflow:hidden;
  margin-bottom:0;
}
#sec10 div.option img{
  float:left;
}
#sec10 div.option .right{
  float:right;
  width: 280px;
}

#sec10 ul.option {
  clear:both;
  padding:1em 1em 0;
  margin: 1em 0 0;
  border:1px solid #ccc;
  box-sizing:border-box;
}

#sec10 .wrapper table p.ckb label {
  margin-top:1em;
    padding: 1em 1em 0.5em;
    border: 1px solid #ccc;
    display: block;
}

#sec10 .important{
  height: 18.5em;
    overflow: auto;
    border: 1px solid #ccc;
    padding: 1em;
    margin: 1em 0;
  background-color:#fffdf5;
}
#sec10 a.witharrow{
  margin:1em 0 0;
}
#sec10 .important p{
  margin:1em 0;
}
#sec10 ul.option li{
  margin: 0.5em 0 0.5em 1em;
  text-indent: 0;
  line-height: 1;
}
#sec10 div.cards img{
  height:36px;
}
#edit,
button {
  background-image: -moz-linear-gradient(#007cd1, #005bc0);
  background-image: -webkit-linear-gradient(#007cd1, #005bc0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#007cd1), to(#005bc0));
  background-image: -o-linear-gradient(#007cd1, #005bc0);
  background-image: linear-gradient(#007cd1, #005bc0);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;

  margin: 2em auto 0;
  padding: 1.5em 2em;
  text-align: center;
  color: #fff;
  border: none;
  width: 100%;
  max-width: 600px;
  display: block;
  position: relative;
}
button:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 0;
	height: 0;
  margin-top: -8px;
  border: 8px solid transparent;
  border-left: 8px solid #fff;
}
#edit{
  background:#fff;
  border:1px solid #ccc;
  color: #212121;
  text-decoration: none;
  box-sizing: border-box;
  margin-top: 1em;
}
#edit:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	width: 0;
	height: 0;
  margin-top: -8px;
  border: 8px solid transparent;
  border-right: 8px solid #ccc;
}
a.witharrow{
  display: inline-block;
  position: relative;
  padding-left: 12px;
}
a.witharrow:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
  margin-top: -7px;
  border: 6px solid transparent;
  border-left: 6px solid #0277BD;
}
#conf table{
  width:100%;
}

#conf .note{
  font-size:80%;
}
#conf .note.right{
  text-align:right;
}
#conf .note strong{
  display: block;
  font-size: 150%;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding-top: 0.5em;
}


#sec11 {
  background-image: -moz-linear-gradient(#F6F6F6, #E9E9E9);
  background-image: -webkit-linear-gradient(#F6F6F6, #E9E9E9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F6F6F6), to(#E9E9E9));
  background-image: -o-linear-gradient(#F6F6F6, #E9E9E9);
  background-image: linear-gradient(#F6F6F6, #E9E9E9);
}
#sec11 h2{
  margin-top:0;
  font-size:140%;
  padding:0 12px;
}
#sec11 h2 img{
  margin: 0 8px 4px 0;
  height: 1.2em;
}

#sec11 div {
    display: block;
    overflow:hidden;
    padding-left: 72px;
    background-position:left center;
    background-repeat:no-repeat;
    background-size: 60px;
    box-sizing:border-box;
}
#sec11 div p{
  font-size:90%;
}
#sec11 div h3{
  text-align:left;
  margin:0;
}
#sec11 div.tel {
    width: 60%;
    float: left;
    background-image:url(img/foot-tel.png);
    padding-right:32px;
    border-right: 1px solid #ccc;
}
#sec11 div.mail {
    width: 40%;
    float: right;
    background-image:url(img/foot-meil.png);
    padding-left:104px;
    background-position:32px center;
}
#sec11 div h3,
#sec11 div p {
  margin:8px 0;
}
#sec11 div.mail a {
  background-image: -moz-linear-gradient(#3EB337, #298927);
  background-image: -webkit-linear-gradient(#3EB337, #298927);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3EB337), to(#298927));
  background-image: -o-linear-gradient(#3EB337, #298927);
  background-image: linear-gradient(#3EB337, #298927);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;

  padding: 0.5em 1em;
  text-align: left;
  color: #fff;
  text-decoration:none;
  border: none;
  width: 100%;
  max-width: 600px;
  display: block;
  position: relative;
  box-sizing: border-box;
  font-size:80%;
}
#sec11 div.mail a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 4px;
	width: 0;
	height: 0;
  margin-top: -6px;
  border: 6px solid transparent;
  border-left: 6px solid #fff;
}

#sec12{
    text-align: center;
}

.bcFloat,
#bc-chat-container {
  display: none !important;
}

.spimg{
  display:none;
}


#sim_box{
width:960px;
margin:0 auto;
box-sizing:border-box;
padding:40px 100px 30px 100px;
margin-bottom:40px;
line-height:100%;
}

input[type="text"],
select{
box-sizing:border-box;
padding:10px 12px;
border:none;
font-size:16px;
line-height:100%;
border: 1px solid #A5A5A5;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#sim_box .description{
	font-size:12px;
	color:#666;
	line-height:130%;
}

.ltxt{
	width:250px;
	font-size:18px;
	float:left;
	text-align:right;
}
.ltxt2{
	width:400px;
	float:left;
}
select{ width:100%;}
input[type="text"]{ width:300px;}

#planbox div, #anshinbox div, #optionbox div{
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(234,234,234) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(234,234,234) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(234,234,234) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    width: 48%;
    display: inline-block;
    padding: 15px;
    font-size: 16px;
    border: 1px solid #ccc;
    margin: 0 1% 2%;
    box-sizing: border-box;
    position: relative;
    text-align: left;
    vertical-align: top;
    min-height: 2.4em;

}
#planbox input, #anshinbox input, #optionbox input{
   margin-right:5px;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
}
#planbox label:hover, #anshinbox label:hover, #optionbox label:hover{ color:#144EA3; }
#planbox{
	background: url(img/ti01.png) no-repeat center top;
    text-align: left;
}
#anshinbox{
	background: url(img/ti02.png) no-repeat center top;
    text-align: left;
}
#optionbox{
	background: url(img/ti03.png) no-repeat center top;
    text-align: left;
}

#planbox div, #anshinbox div{
position: relative;
}

#planbox div:nth-child(1), #planbox div:nth-child(2),
#anshinbox div:nth-child(1), #anshinbox div:nth-child(2),
#optionbox div:nth-child(1), #optionbox div:nth-child(2){
margin-top:50px;
}

#planbox div:last-child,#anshinbox div:last-child,#optionbox div:last-child{
margin-bottom:30px;
}

.w450{ width:400px;}
.t1{ font-size:32px; text-align:center; margin-bottom:16px; font-weight:bold; line-height:1;
-moz-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
-webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
-ms-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}
.t2{ width:200px; font-size:18px;}

#estimate{
	margin:0 auto;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background-color:#269dcf;
	box-sizing:border-box;
	padding:30px;
	margin-top:30px;
	font-size:18px;
    line-height: 1.5;
    color: #fff;
}
#total{
	font-size:32px;
	color:#f1966a;
	font-weight:bold;
}
.cel{ border-bottom:1px solid #1e7ca4; padding:15px;}
.cel:last-child{ border:none;}



@-webkit-keyframes bgblink{
    0% {background-image:none;}
    100% {background-image:url(img/error.png);}
}
@-moz-keyframes bgblink{
    0% {background-image:none;}
    100% {background-image:url(img/error.png);}
}
@keyframes bgblink{
    0% {background-image:none;}
    100% {background-image:url(img/error.png);}
}

@media screen and (max-width: 1119px) {/* W1024pxまで 91%に */
#sec1 {
    background-size: 1160px;
}
#sec1 p {
    padding: 120px 0;
}
#sec2 {
    height: 454px;
    background-size: 1820px;
}
#sec2 .wrapper {
    height: 510px;
    background-size: 1287px;
}
#sec2 p {
    padding-top: 350px;
    width:auto;
	text-align:left;
}
a.btn-order {
    font-size: 150%;
    min-width: 430px;
}
#sec3 {
    height: 238px;
}
#sec3 .wrapper {
    height: 262px;
    background-size: 980px;
}
#sec4 p.img {
    width: 975px;
    height: 446px;
    background-size: 975px;
}
#sec5 p.img {
    width: 975px;
    height: 360px;
    background-size: 975px;
}
#sec6 .wrapper {
    padding-bottom: 450px;
}
#sec6 .gra {
    height: 480px;
    background-size: 980px;
}
#sec7 form {
    padding: 24px;
    width: 975px;
}
#sec7 #s_planBoxWrap {
    width: 430px;
    font-size: 110%;
    height: 219px;
}
#sec7 div.rightbox {
    width: 474px;
}
#sec7 p.multi {
    width: 975px;
}
#sec8 img{
  width:310px;
}
}

@media screen and (max-width: 1023px) {/* W768pxまで 68%に */
section{
  min-width:768px;
}
section#sec1,
section#sec2,
section#sec3,
section#sec4,
section#sec5,
section#sec6,
section#sec8{
  font-size: 80%;
}
section#sec7 h2,
section#sec10 h2{
  font-size: 200%;
}
#sec1 {
    background-size: 880px;
}
#sec1 p {
    padding: 88px 0;
}
#sec2 {
    height: 340px;
    background-size: 1370px;
}
#sec2 .wrapper {
    height: 380px;
    background-size: 963px;
}
#sec2 p {
    padding-top: 250px;
}
a.btn-order {
    font-size: 120%;
    min-width: 320px;
}
#sec3 {
    height: 186px;
}
#sec3 .wrapper {
    height: 202px;
    background-size: 740px;
}
#sec4 p.img {
    width: 736px;
    height: 336px;
    background-size: 736px;
}
#sec5 p.img {
    width: 736px;
    height: 274px;
    background-size: 736px;
}
#sec6 .gra {
    height: 360px;
    background-size: 736px;
    bottom: -30px;
}
#sec6 .wrapper {
    padding-bottom: 340px;
}
#sec7 h2 {
    padding: 18px 0 16px 115px;
    background-size: 100px;
}
#sec7 form {
    padding: 16px;
    width: 736px;
}
#sec7 p {
    margin: 0.75em 0;
}
#sec7 form ul.imgbtn li {
    width: 25%;
}
#sec7 div.rightbox {
    width: 337px;
}
#sec7 #s_planBoxWrap {
    font-size: 100%;
    width: 351px;
    height: 244px;
    padding: 2.5em 0 0;
}
#sec7 #s_planBoxWrap br.sponly {
  display:inline;
}
#sec7 p.multi {
    width: 736px;
}
#sec8 img{
  width:230px;
}
#sec9 {
    background: url(img/sec9.png) center center no-repeat;
    height: 359px;
    background-size: 1801px;
}
}
/* ------------------------- margin------------------------------*/
.ml5{ margin-left:5px !important;}
.mr5{ margin-right:5px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mr30{ margin-right:30px !important;}
.mr40{ margin-right:40px !important;}
.mr50{ margin-right:50px !important;}
.mb0{ margin-bottom:0 !important;}
.mb3{ margin-bottom:3px !important;}
.mb5{ margin-bottom:5px !important;}
.mb8{ margin-bottom:8px !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;}
.mt30{ margin-top:30px !important;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !important;}
.mb60{ margin-bottom:60px !important;}
.mb70{ margin-bottom:70px !important;}
.mb80{ margin-bottom:80px !important;}
.mb90{ margin-bottom:90px !important;}



/* --オーダーフォームのコメントアウト用CSS--*/

#sec8 { padding-top: 0; }



/*-----------------------------------------------------------------------
 close settings
----------------------------------------------------------------------- */
/* font settings 1199 to 320 */
.mainVisual .closeText {
	font-size: calc(0.9375rem + ((1vw - 3.2px) * 2.8441)); /* 40px to 15px */
}
/* content settings */
.mainVisual-inner {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left:0;
  z-index: 999;
}
.close,
.mainVisual .closeText {
	position: absolute;
	margin: 0;
	padding: 0;
}
.close {
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}
.mainVisual .closeText {
	top: 50%;
	left: 50%;
	bottom: auto;
	right: auto;
	z-index: 10;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	padding-top: 20%;
	letter-spacing: 0.05em;
	line-height: 1.6;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

/* kiyaku open */
.kiyaku-ttl.is-close {
	pointer-events: none !important;
}
.kiyaku-ttl.is-close a::before,
.kiyaku-ttl.is-close a::after {
	display: none;
}
.accordionInner.is-close {
	display: block !important;
}
@media screen and (min-width: 1200px) {
	.mainVisual .closeText {
		font-size: 40px;
	}
}