html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline
}

html {
  line-height: 1
}

ol,ul {
  list-style: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

caption,th,td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle
}

q,blockquote {
  quotes: none
}

q:before,q:after,blockquote:before,blockquote:after {
  content: "";
  content: none
}

a img {
  border: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
  display: block
} /*リセットのCSS*/

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}/*ディスプレイブロックのはみ出し防止*/

body {
  font-family: "Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #555
}/*サイトの文字基本設定＝emのサイズ基準*/

a {
  color: #23527c;
  text-decoration: underline
}

a:hover {
  color: crimson;
}

a:active {
  color: #23527c
}

a:hover,a:focus {
  text-decoration: none
}/*リンクタグの装飾*/

.cnt {
  position: relative;
  width: 960px;
  margin: 0 auto;
}/*コンテンツの中身のエリア*/

@media screen and (max-width: 667px) {
  html {
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust: 100%
  }

  img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: bottom
  }
}/*スマホ用設定*/

.header{ 
  font-size: 0;
}

.title {
  padding:5px 0;
  float: left;
  
}

.title h1{
    font-size:48px;
   font-weight:bold;
  
}

.name p{
  font-size:10px;
  }

.name p:first-child{
  font-size:14px;
}

.title,.name,.tel {
  display:inline-block;
  vertical-align:middle;

}

.tel{
  float:right;
  padding-top:10px;
}

.cf{
  clear:both;　/*floatの解除*/
}




.gnav{
  font-size: 0;
}


.nav li {
  vertical-align:middle;
  display:inline-block;
  font-size:14px;
  color:#EEE9CA;
  border-left: 1px dashed #EEE9CA;
  padding:4px 39px ;
  margin:7px 0;
}

.nav li:last-child{
  border-right: 1px dashed #EEE9CA;
}

.nav a:link    { color:#EEE9CA; }
.nav a:visited { color:#EEE9CA; }
.nav a:hover   { color:#F1BB34; text-decoration: underline;}
.nav a         { text-decoration: none; }


.navbg{

background-image: -webkit-gradient(
  linear,
  right bottom,
  left bottom,
  color-stop(0, rgb(238, 233, 202)),
  color-stop(0, rgb(157, 161, 173)),
  color-stop(0.34, rgb(58, 75, 139))
);
background-image: -o-linear-gradient(left, rgb(238, 233, 202) 0%, rgb(157, 161, 173) 0%, rgb(58, 75, 139) 34%);
background-image: -moz-linear-gradient(left, rgb(238, 233, 202) 0%, rgb(157, 161, 173) 0%, rgb(58, 75, 139) 34%);
background-image: -webkit-linear-gradient(left, rgb(238, 233, 202) 0%, rgb(157, 161, 173) 0%, rgb(58, 75, 139) 34%);
background-image: -ms-linear-gradient(left, rgb(238, 233, 202) 0%, rgb(157, 161, 173) 0%, rgb(58, 75, 139) 34%);
background-image: linear-gradient(to left, rgb(238, 233, 202) 0%, rgb(157, 161, 173) 0%, rgb(58, 75, 139) 34%);
}


.eyecatch{
  background-color:#EC725D;
}


.eyecatch h1{
  height:450px;
  background-image:url(../img/mainimg.png);
  background-position:center; 
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.main {
  background-color:#EC725D; 
  font-size: 0;
}

.point {
  margin-right: -20px;
}

.point > li{
  color:#EEE9CA;
  font-size:14px;
  display:inline-block;
  vertical-align:top;
  padding-top:50px;
  width: 470px;
  padding-left: 96px;
  margin-right: 20px;
  background-position:left 50px;
  background-repeat: no-repeat;
}

.box1 { background-image:url(../img/point1.png); }
.box2 { background-image:url(../img/point2.png); }
.box3 { background-image:url(../img/point3.png); }
.box4 { background-image:url(../img/point4.png); }
.box5 {
  background-image:url(../img/point5.png); 
  padding-bottom:50px;
}

.point > li > strong {
  font-size:20px;
  font-weight:bold;
  color:#394C8A;
  display: block;
}

.lead {
  font-size: 0;
  background-repeat: repeat;
  background-image:url(../img/bgblock.png); 
}

.leadbox {
  padding-top:50px ;
  padding-bottom:50px ;
}

.leadbox p{
  font-size:14px;
  line-height: 2em;
  color:#EBE6C8;
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  padding-bottom:50px;
}

.lead:after{
  content:"";
  display:block;
  height:10px;
  background:url(../img/bgborder.png);
  background-color:#ffffff;
}

.package {
  text-align: center;
  background-color:#EEE9CA;
  padding-bottom:50px;
  }

.package span {
  font-size:29px;
  color:#EBE6C8;
  font-weight: bold;
  position:relative; bottom:60px; left:200px;
  display:block;
  line-height: 110px;
  width:560px;
  background-image:url(../img/pinkribbon.png);
  background-repeat: no-repeat;
}


.sample h2{
  height: 124px;
  padding-left:59px;
  padding-top:1.4em;
  position:relative; bottom:22px;
  font-size:29px;
  font-weight: bold;
  color:#ffffff;
  background-image:url(../img/blueribbon.png); 
  background-repeat: no-repeat;
}

.sbox {
  font-size:0;
  padding-bottom:50px;
}

.sbox div {
  background-position:left 50px;
  background-repeat: no-repeat;
  width:316px;
  padding:9px;
  display:inline-block;
  vertical-align:top;
  color:#364883;
  font-size:14px;
}

.sbox img{
  margin:32px;
}

.sbox p{
  padding-bottom:30px;
}

.sambox1 { background-image:url(../img/smple1.png); }
.sambox2 { background-image:url(../img/smple2.png); }
.sambox3 { background-image:url(../img/smple3.png); }

.sambtn {
  text-align: right;
  background: #EBE6C8;
  border: 3px solid #364883;
  color: #364883;
  width: 100px;
  padding: 10px;
}

.btnright {text-align: right;}


.sample:after{
  content:"";
  display:block;
  height:10px;
  background: url(../img/bgborder.png);
  background-color:#ffffff;
}

.stbox01, .stbox02, .stbox03, .stbox04, .stbox05 {
  position:relative;
}

.stcolor01, .stcolor03, .stcolor05 {
  background-color:#364883;
}

.stcolor02, .stcolor04 {
  background-color:#E06F5B;
}

.step {
  padding-top: 50px;
  padding-bottom: 50px;
}
.step strong {
  color: #EBE6C8;
  font-size:24px;
  font-weight: bold;
}
.step p {
  font-size:14px;
  color:#ffffff;
}

.steps .cnt {
  background-repeat: no-repeat;
  padding-top: 30px;
  padding-left: 200px;
  min-height: 130px;
}

.stbox01 { background-image: url(../img/step1.png); }
.stbox02 { background-image: url(../img/step2.png); }
.stbox03 { background-image: url(../img/step3.png); }
.stbox04 { background-image: url(../img/step4.png); }
.stbox05 { background-image: url(../img/step5.png); }

.stbox01:before{
  content: url(../img/balloon1.png);
  position:absolute;
  top:110px;right:0;
}

.stbox02:before{
  content: url(../img/balloon2.png);
  position:absolute;
  top:150px;left:100px;
}

.stbox03:before{
  content: url(../img/balloon3.png);
  position:absolute;
  top:140px;right:250px;
}

.stbox04:before{
  content: url(../img/balloon4.png);
  position:absolute;
  top:140px;right:40px;
}

.stbox01:after{
  content:"";
  height:0px;
  width:0px;
  border-top:#364883 40px solid;
  border-left:60px solid transparent;
  border-right:60px solid transparent;
  border-bottom:20px solid transparent;
  position:absolute;
  top:180px;right:390px;
}

.stbox02:after{
  content:"";
  height:0px;
  width:0px;
  border-top:#E06F5B 40px solid;
  border-left:60px solid transparent;
  border-right:60px solid transparent;
  border-bottom:20px solid transparent;
  position:absolute;
  top:200px;right:390px;
}

.stbox03:after{
  content:"";
  height:0px;
  width:0px;
  border-top:#364883 40px solid;
  border-left:60px solid transparent;
  border-right:60px solid transparent;
  border-bottom:20px solid transparent;
  position:absolute;
  top:180px;right:390px;
}

.stbox04:after{
  content:"";
  height:0px;
  width:0px;
  border-top:#E06F5B 40px solid;
  border-left:60px solid transparent;
  border-right:60px solid transparent;
  border-bottom:20px solid transparent;
  position:absolute;
  top:180px;right:390px;
}

.stcolor05{
  padding-bottom:80px;
}



.sparts:after{
  content:"";
  display:block;
  height:10px;
  background: url(../img/bgborder.png);
  background-color:#ffffff;
}

.price{
  padding-bottom:100px;
  font-size:0;
}

.price h2{
  height: 132px;
  position:relative; bottom:30px;
  font-size:21px;
  padding-left:20px;
  padding-top:1.7em;
  font-weight: bold;
  color:#E06F5B;
  background-image:url(../img/beigeribbon.png); 
  background-repeat: no-repeat;
}

.price strong {
  color:#E06F5B;
  font-size:25px;
  font-weight: bold;
}


.pricebtn {
  background: #364883;
  border: 3px solid #FFFFFF;
  color: #FFFFFF;
  width:500px;
  padding: 40px 0;
  margin-left:230px;
  margin-bottom:30px;
  font-size:18px;
  font-weight: bold;
  text-align: center;
}


.pricebtn strong{ 
  font-size:29px;
  font-weight: bold;
  color:#E06F5B;
}

.price h3{
  font-size:20px;
  font-weight: bold;
  background:  #ffffff;
  border: 3px solid #364883;
  color: #364883;
  width: 250px;
  padding: 10px 0;
  text-align: center;
}

.btncenter1{
  line-height: 30px;
  margin-left:350px;
  position:relative; bottom:-25px;
  
}
.btncenter2{
  line-height: 30px;
  margin-left:25px;
  margin-top: -30px;
}
.btncenter3{
  line-height: 30px;
  margin-left:25px;
  margin-top: -30px;
  
}


.procontents1 {
  background: #EBE6C8;
  border: 2px dotted #364883;
  color: #364883;
  width: 100%;
  padding: 30px 0;
  margin-bottom:100px;
  font-size:14px;
}

.procontents1 li{
  width: 250px;
}

.cntlist ul{
  padding:30px;
  margin-left:40px;
  height:130px;
  }

.cntlist li {
  display:inline-block;
  vertical-align:top;
}

/*.cntlist li:before {
  content:"・";
}*/

.procnt1,.procnt2{
  background: #EBE6C8;
  border: 2px dotted #364883;
  color: #364883;
  width:308px;
  font-size:14px;
  margin-right:18px;
  display:inline-block;
  vertical-align:top;
}


.option{
  background: #EBE6C8;
  font-size:0;
}


.option h2{
  height: 130px;
  position:relative; bottom:21px;
  font-size:29px;
  padding-left:50px;
  padding-top:1.4em;
  font-weight: bold;
  color:#ffffff;
  background-image:url(../img/blueribbon2.png); 
  background-repeat: no-repeat;
}

.opmenu{
  margin-left:12px;
  overflow: hidden;
}

.opmenu li{
  display:inline-block;
  vertical-align:top;
  color:#364883;
  width:302px;
  height:230px;
  background: #EBE6C8;
  border: 2px solid #364883;
  padding: 20px 0;
  margin-right:14px;
  margin-bottom:20px;
}


.opmenu strong{
  font-size:24px;
  color:#364883;
  margin-left:18px;

}

.opmenu i {
  font-size:30px;
  margin-right:10px;
}

.opprice {
  background: #FFFFFF;
  font-size:20px;
  text-align:center;
  color:#E06F5B;
  padding:10px;
  margin:0 15px ;

}

.menulist {
  font-size:14px;
  color:#364883;
  padding:10px;
}

.opmenu ul:after{
  content: url(../img/kumahituyo.png);
  width:604px;
  text-align: center;
  padding-top: 40px;
  padding-bottom:50px;
  float: right;
}

.option:after{
  content:"";
  display:block;
  height:10px;
  background: url(../img/bgborder.png);
  background-color:#ffffff;
}


.order{
  font-size:0;
  padding-bottom:60px;
}

.order h2{
  height: 130px;
  position:relative; bottom:32px;
  font-size:24px;
  font-weight: bold;
  color:#ffffff;
  padding-left: 20px;
  padding-top: 1.4em;
  background-image:url(../img/blueribbon3.png); 
  background-repeat: no-repeat;
}

.orderset{
  text-align:center;
  padding:50px 0;
}

.ortel,.mail{
  display:inline-block;
  vertical-align:bottom;
  width:50%;
}

.ortel{
  font-size:37px;
  font-weight: bold;
  color:#364883;
  width:470px;
  }

.telphone{
  font-size:14px;
  color:#364883;
  padding:10px;
  }

.mail{
  line-height:40px;
  font-size:30px;
  font-weight: bold;
  color:#364883;
  background-color:#E06F5B;
  padding:13px;
}

.mail a{
  text-decoration: none;
}

.footer{
   background: #364883;
   font-size:0;
}


.fleft,.fcenter,.fright {
  width:320px;
  display:inline-block;
  vertical-align:top;
  font-size:14px;
  color:#EEE9CA;
  padding:50px 0;
  
}

.fright{
padding-left:50px;
}

.fcenter{
  
}

.footer a:link    { color:#EEE9CA; }
.footer a:visited { color:#95A8D1; }
.footer a:hover   { color:#F1BB34; text-decoration: underline;}
.footer a         { text-decoration: none; }







.copy{
  text-align:center;
  font-size:5px;
  color:#FFFFFF;
}

/*ここからフォーム*/



.form{
  background-color:#eee9ca;
}

.form h2{
  font-size:24px;
  font-weight: bold;
}

.flead{
  color:#364883;
  padding:50px 0px;
}

.fstep{
  padding:0px 60px;
}

.fborder{
  border: 1px solid #394c8a;
  margin:50px 0px;
  padding-bottom:20px;
}

.fmenu{
  border: 1px solid #394c8a;
  width:100%;
}

.fbg{
  margin:10px 0px;
  margin-left:80px;
  height:30px;
  padding-left:10px;
  padding-top:4px;
  color:#FFFFFF;
  background: #364883;
}

.fbg1{
  margin-top:50px;
  margin-bottom:10px;
  margin-left:80px;
  height:30px;
  padding-left:10px;
  padding-top:4px;
  color:#FFFFFF;
  background: #364883;
}

.inp{
  height:30px;
}

.hbtn{
  padding-left:5px;
  vertical-align: middle;
  
}

.texbg{
  color:#394c8a;
  margin:10px 0px;
}

.texbg1{
  color:#394c8a;
  margin-top:50px;
  margin-bottom:10px;
}


.tarea{
  height:100px;
}

.areabg{
  margin-top:10px;
  margin-bottom:50px;
}

.fmenu td {
  padding-left:10px;
  height:50px;
}
 .fmenu th,td{
   vertical-align:top;
 }

.fba{
  text-align:center;
}

.fbtn {
  margin: 50px 20px 100px 20px;
  font-size:24px;
  background: #e06f5b;
  border-top: 3px solid #f48576;
  border-left: 3px solid #f48576;
  border-right: 3px solid #db5e4d;
  border-bottom: 3px solid #db5e4d;
  color:#FFFFFF;
  width: 150px;
  padding: 15px 0;
}

.fbtn:hover {
  background: #fc7a68;
  border-top: 3px solid #fc9081;
  border-left: 3px solid #fc9081;
  border-right: 3px solid #ff6550;
  border-bottom: 3px solid #ff6550;
  color:#FFFFFF;
}

#wpcf7-f9-p6-o1 .wpcf7c-conf {
  background-color: #eee9ca;
  border:none;
}

#wpcf7-f9-p6-o1 .ajax-loader{
  display: none;
}

#wpcf7-f9-p6-o1 div.wpcf7-response-output {
  border: none;
  margin: 0;
  padding: 0 0 10em;
  font-size:24px;
  color:#364883;
  text-align:center;
}

#wpcf7-f9-p6-o1 div.wpcf7-validation-errors {
  border: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

/*会社概要*/

.cdl {
  font-size:14px;
  padding-top: 20px;
  padding-bottom: 150px;
  margin-top: 0px;
  vertical-align: baseline;
  color :#394c8a ;

}

.cdl dt{
  float:left;
  width: 200px;
}

.cdl dd {
  padding-left: 200px;
  border-bottom: 1px dotted #394c8a;
}

.cdl dt, .cdl dd {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ppolicy{
  padding-top: 20px;
  padding-bottom: 150px;
}

/*会社概要ここまで*/


.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}
.fixed ul {
  text-align: center;
}