/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */


body {
font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Arial, sans-serif;
	background-color:#e1f2f9;
	line-height:1;
text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "palt";
color:black;
padding:0;
margin:0;
position:relative;

}

.thanks-box{
border-radius:10px;
background-color:white;
padding:40px 10px;
padding-bottom:230px;
margin-top:30px;
background-position: right bottom;
    background-repeat: no-repeat;
    -webkit-background-size: 200px auto;
    -moz-background-size: 200px auto;
    background-size: 200px auto;
    -o-background-size: 200px auto;
background-image: url(../img/thank-img.png);
}

.thanks-box img {
width:60%;
}

.thanks-box .thanks-text{
font-size:14px;
font-weight:bold;
margin-top:20px;
}

.thanks-box .thanks-text-2{
font-size:15px;
font-weight:bold;
color:#2FB69D;
margin-top:40px;
line-height:1.4;
}
.thanks-box .thanks-text-2 span{
font-size:13px;
font-weight:normal;
}

.privacy-policy-text{
font-size:15px;
line-height:1.8;
padding:40px 0px;

}

.no-padding{
padding:0;
}

.marker {
    font-weight: bold;
    padding:0 3px;
    background: linear-gradient(transparent 70%, rgba(255,253,140,0.7) 0%);
}

section{
padding:50px 15px;
background-color:#fafafa;
}

.exp {
font-size:13px;
background-color:white;
border:2px solid #2FB69D;
padding:20px;
border-radius:7px;
text-align:left;
font-weight:bold;
line-height:1.7;
margin:0 auto;
margin-top:40px;
	margin-bottom:20px;
}
.exp span {
color:#2FB69D;
font-size:12px;
display:inline-block;
line-height:1.4;
margin-top:10px;
}


.navigation {
	background-color:white;
	line-height:40px;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:999;
	height:40px;
	
}


.navigation .logo {
	color:#ee6077;
	font-size:0;
	font-weight:bold;
	float:left;
	padding-left:10px;
}
.navigation .logo span{
	vertical-align:middle;
	font-size:16px;
	letter-spacing:1px;
	display:inline-block;
	margin-left:3px;
	padding-top:1px;
}


.navigation .logo img{
	height:22px;
	vertical-align:middle;
}

.navigation .tel {
font-weight:bold;
font-size:17px;
float:right;
color:#00A0E8;
line-height:40px;
margin:0;
padding:0;
padding-right:10px;
}

.navigation .tel img {
height:18px;
margin-right:5px;
}

.navigation:after {
content:"";
display:block;
clear:both;
}


footer {
background-color:#FF758C;
color:white;
padding:20px 10px 20px 10px;
}

footer .company {
font-weight:bold;
font-size:15px;
margin-bottom:10px;
}

footer .address {
font-size:13px;
font-weight:bold;
margin-bottom:15px;
}

footer a {
color:white;
font-size:13px;
margin-left:10px;
text-decoration:underline;
}

footer .copy {
font-size:12px;
text-align:center;
margin-top:20px;
}

.page-main{
overflow-x:hidden;
position:relative;
}

.page-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#e1f2f9;
display:none;
z-index:5;

}

.page-form{
position:fixed;
top:0;
right:-100vw;
width:100%;
height:100vh;
height: calc(var(--vh, 1vh) * 100);
background-color:#e1f2f9;
overflow:hidden;
box-sizing: border-box;
padding-top:40px;
z-index:10;
}

.page-wrap {
position:relative;
left:0;
width:500vw;
font-size:0;

}

.page-wrap:after{
content:"";
display:block;
clear:both;
}

.page-wrap .step{
float:left;
width:100vw;
padding:0px 15px 0px 15px;
box-sizing:border-box;

}

::placeholder {
  color: #C4C4C4;
  padding-top:4px;
}

.form-header {
color:white;
height:30px;
line-height:30px;
text-align:center;
font-weight:bold;
font-size:15px;
letter-spacing:0.04em;
margin-top:-30px;
background-image: url(../img/title-bg.jpg);
background-position: left top;
    background-repeat: repeat;
    -webkit-background-size: auto 6px;
    -moz-background-size: auto 6px;
    background-size: 3px auto;
    -o-background-size: auto 6px;
    position:relative;

}




.form-title {
padding:23px 0 13px 0;
line-height:1;
text-align:left;

}

.form-title .require {
color:#FF758C;
font-size:17px;
font-weight:bold;
vertical-align:middle;
display:inline-block;
margin-right:9px;
}

.form-title .text{
font-weight:bold;
font-size:15px;
vertical-align:middle;
letter-spacing:0.03em;
}


label {
    margin:0;
    display:inline;
}
label input {
    display: none; 
}
label span {
background-color:white;
    color: black; 
    font-weight:normal;
    font-size: 16px;
    border: 1px solid #FF758C;
  border-radius: 4px;
    width:49%;
    display:inline-block;
    margin-bottom:10px;
    text-align:center;
    padding:1em 0;
    box-sizing: border-box;
    cursor: pointer;
}

label span img{
height:50px;
margin-bottom:10px;
}

label input:checked + span {
    color: #FFF; 
    background: #FF758C; 
    border: 1px solid #FF758C; 
}


.form-checkbox label:nth-child(odd) {
margin-right:2%;
}

.form-slectbox select {
cursor: pointer;
  background-color: white;
  border: 1px solid #FF758C;
  border-radius: 4px;
  width:100%;
  display: inline-block;
  line-height: 1.5em;
  padding: 0.5em 0;
  padding-left:10px;
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size:16px;
background-image: url(../img/select-bg.png);
background-position: right 5px center;
    background-repeat: no-repeat;
    -webkit-background-size: auto 6px;
    -moz-background-size: auto 6px;
    background-size: auto 6px;
    -o-background-size: auto 6px;
}

.form-slectbox select.w-50 {
width:52%;
}

.form-slectbox select.w-20 {
width:22%;
}


.form-text input {
cursor: pointer;
  background-color: white;
  border: 1px solid #FF758C;
  border-radius: 4px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width:100%;
      font-size:16px;
      padding:0.5em 0;
        padding-left:10px;
    }
    
 .privacy-text{
font-size: 13px;
margin-top: 40px;
margin-bottom: 20px;
 }
 
  .privacy-text a{
  font-size: 13px;
  color: #00a0e8;
  text-decoration:underline;
 }
 
 
 .form-btn{
 text-align:center;
 }
 
 button {
  background-color: #00a0e8;
  border:none;
  border-radius: 4px;
  color:white;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
      font-size:16px;
      padding:10px 0;
      width:100%;
      letter-spacing:0.02em;
      font-weight:bold;
      position:relative;
 
 }
 
  button img {
  position:absolute;
  height:19px;
  right:10px;
  top:8px;
  }
 
  button:hover {
  opacity:0.7;
  }
  
  button:disabled{
  opacity:0.2;
  }
  
  .btn-exp{
  width:60%;
  margin-bottom:20px;
  }
  
.prev{
  position: absolute;
    bottom: 25px;
    left: 15px;
    line-height: 1;
    font-size: 13px;
    background-color: white;
    border: 1px solid #00a0e8;
    padding: 7px 10px;
    border-radius: 4px;
    display: inline-block;
    z-index:9999;
    cursor: pointer;
  }
  
.next{
  position: absolute;
    bottom: 25px;
    right: 15px;
    line-height: 1;
    color:white;
    font-size: 13px;
    background-color: #00a0e8;
    border: 1px solid #00a0e8;
    padding: 7px 10px;
    border-radius: 4px;
    display: inline-block;
    z-index:9999;
    cursor: pointer;
  }

.support-box {
	background-color: rgba(254,244,246,1);
	position: relative;
	text-align:left;
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
 border-radius:7px;
  border:1px solid #FF758C;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}


.support-box .maru {
padding:7px;
line-height:1;
 text-align:center;
 background-color:#FF758C;
 font-size:13px;
 color:white;
 font-weight:bold;
 letter-spacing:0.06em;
 font-family:'arial';

}



.support-box .content{
	padding:15px 10px;
}

.support-box .content .content-head{
padding-bottom:15px;
}

.support-box .content .content-head:after{
content:"";
display:block;
clear:both;
}

.support-box .content .content-head .left{

float:left;
width:90px;
}
.support-box .content .content-head img {
	width:100%;
	border-radius:7px;
}

.support-box .content .content-head .right {
float:right;
width:calc(100% - 90px);
}

.support-box .content .content-head .text-title{
	color: #CC9C55;
	padding-left:12px;
	font-weight: bold;
	font-size: 15px;
	text-align:justify;
	letter-spacing: 0.02em;
	line-height:1.4;
text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white;
}



.support-box .content .content-text .text{
	line-height:1.7;
	letter-spacing: 0.03em;
	margin:0;
	font-size: 13px;
	text-align:justify;
	color:black;
	background-color:white;
	border-radius:7px;
	padding:10px;

}




.job-offer-box {
	background-color: white;
	position: relative;
 border-radius:5px;
 border:1px solid #FF758C;

	margin-bottom:13px;

}


.job-offer-box .content{
	padding:15px 10px 12px 10px;

}


.job-offer-box .title {
	letter-spacing: 0px;
	line-height: 1.4;
	color: #333;
	font-size: 14px;
	text-align:left;
	font-weight:bold;
	
}

.job-offer-box .price {
	padding:13px 0;
	text-align:left;

}

.job-offer-box .price span{
	letter-spacing: 0px;
	background-color:#FF758C;
	color:white;
	font-weight:bold;
	padding:4px 7px;
	margin-right:5px;
	font-size: 12px;	
	letter-spacing:0px;
	border-radius:3px;
}



.job-offer-box .text {
	line-height:1.7;
	letter-spacing: 0.03em;
	font-weight: normal;
	font-size: 13px;
	text-align:justify;
	margin-bottom:0;
}



.voice-box {
	background-color: #EAF9F7;
	position: relative;
	text-align:left;
	margin-bottom:20px;
	position:relative;
 border-radius:7px;
 border:1px solid #2FB69D;

}


.voice-box .maru {

 height:22px;
 width:22px;
 line-height:22px;
 text-align:center;
 background-color:#FF758C;
 font-size:15px;
 color:white;
 position:absolute;
 left:0;
 top:0;
 font-family:'arial';
}



.voice-box .content{
	padding:10px;
}

.voice-box .content .content-head{
padding-bottom:10px;
}

.voice-box .content .content-head:after{
content:"";
display:block;
clear:both;
}

.voice-box .content .content-head .left{

float:left;
width:90px;
}
.voice-box .content .content-head img {
	width:100%;
	border-radius:5px;
}

.voice-box .content .content-head .right {
float:right;
width:calc(100% - 90px);
}

.voice-box .content .content-head .text-title{
	color: #2FB69D;
	padding-left:7px;
	font-weight: bold;
	font-size: 15px;
	text-align:justify;
	letter-spacing: 0.02em;

	line-height:1.4;
}

.voice-box .content .content-head .text-title-2{
	color: black;
	line-height:1;
	padding-left:7px;
	font-weight: bold;
	font-size: 14px;
	margin:15px 0;
	text-align:justify;
	letter-spacing: 0.02em;
}

.voice-box .content .content-text .text{
	border-top: 2px dotted #ccc;
	line-height:1.7;
	letter-spacing: 0.03em;
	padding-top:10px;
	font-size: 13px;
	text-align:justify;

}




.section-title{
	position:relative;

}

.section-title:before{
content:"";
position:absolute;
top:0;
left:-100px;
width:calc(100% + 200px);
height:100%;
background-position: center center;
    background-repeat: repeat;
    -webkit-background-size: 5px 5px;
    -moz-background-size: 5px 5px;
    background-size: 5px 5px;
    -o-background-size: 5px 5px;
    background-image: url(../img/title-bg.jpg);
    transform: skewX(-45deg);

}

.section-title .section-title-text {
position:relative;
font-size:17px;
color:white;
font-weight:bold;
text-align:center;
line-height:1;
padding:10px 0;

}

@media ( min-width :992px) {

.page-main{
overflow-x:hidden;
position:relative;
width:992px;
margin:0 auto;
}

.page-overlay{
background-color:rgba(0,0,0,0.5);
}

.container{
width:100% !important;
padding:0 !important;
margin:0 !important;
}

.row{
margin:0 !important;
}

.no-padding{
padding:0 8px;
}

.page-form {
    position: fixed;
    top: 0;
    right: -100vw;
    width: 530px;
    height: 100vh;
    background-color: #e1f2f9;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 40px;
}


.form-checkbox {
width:500px;

}

.step-header {
width:100%;
display:block;
}

.form-title {
width:500px;
}

.form-text {
width:500px;

}

.form-slectbox {
width:500px;
}

.form-btn{
width:500px;

}

.last-btn {


}

.prev{
font-size:15px;
left:calc(50% - 250px);
bottom: calc(100% - 590px);

}

.next {
font-size:15px;
right:calc(50% - 250px);
bottom: calc(100% - 590px);

}


section {
padding:70px 30px;
}

.btn-exp{
	width:280px;
	display:block;
	margin:0 auto;
	margin-bottom:25px;
}

button {
    background-color: #00a0e8;
    border: none;
    border-radius: 4px;
    color: white;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 20px;
    padding: 20px 0;
    width: 400px;
    letter-spacing: 0.05em;
    font-weight: bold;
    position: relative;
}

  button img {
  position:absolute;
  height:23px;
  right:15px;
  top:19px;
  }
  
  .exp {
font-size:15px;
background-color:white;
border:1px solid #2FB69D;
padding:30px;
border-radius:7px;
text-align:left;
font-weight:bold;
line-height:1.7;
letter-spacing:0.05em;
width:800px;
margin:0 auto;
margin-top:60px;
	margin-bottom:20px;
}
.exp span {
color:#2FB69D;
font-size:14px;
display:inline-block;
line-height:1.4;
margin-top:15px;
}

.section-title .section-title-text {
    position: relative;
    font-size: 23px;
    letter-spacing:0.05em;
    color: white;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 18px 0;
}



.support-box {
	background-color: rgba(254,244,246,1);
	position: relative;
	text-align:left;
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
 border-radius:7px;
  border:1px solid #FF758C;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height:570px;

}


.support-box .maru {
padding:8px;
line-height:1;
 text-align:center;
 background-color:#FF758C;
 font-size:14px;
 color:white;
 font-weight:bold;
 letter-spacing:0.06em;
 font-family:'arial';

}



.support-box .content{
	padding:10px;
}

.support-box .content .content-head{
padding-bottom:15px;
}

.support-box .content .content-head:after{
content:"";
display:block;
clear:both;
}

.support-box .content .content-head .left{

float:left;
width:100%;
}
.support-box .content .content-head img {
	width:100%;
	border-radius:7px;
}

.support-box .content .content-head .right {
float:right;
width:100%;
}

.support-box .content .content-head .text-title{
	color: #CC9C55;
	padding-left:0;
	font-weight: bold;
	padding-top:15px;
	font-size: 16px;
	text-align:justify;
	letter-spacing: 0.02em;
	line-height:1.7;
text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white;
}



.support-box .content .content-text .text{
	line-height:1.8;
	letter-spacing: 0.02em;
	margin:0;
	font-size: 14px;
	text-align:justify;
	color:black;
	background-color:white;
	border-radius:7px;
	padding:10px;

}


.job-offer-box {
	background-color: white;
	position: relative;
 border-radius:5px;
 border:1px solid #FF758C;
min-height:160px;
	margin-bottom:13px;

}


.job-offer-box .content{
	padding:15px 10px 12px 10px;

}


.job-offer-box .title {
	letter-spacing: 0px;
	line-height: 1.4;
	color: #333;
	font-size: 14px;
	text-align:left;
	font-weight:bold;
	
}

.job-offer-box .price {
	padding:13px 0;
	text-align:left;

}

.job-offer-box .price span{
	letter-spacing: 0px;
	background-color:#FF758C;
	color:white;
	font-weight:bold;
	padding:4px 7px;
	margin-right:5px;
	font-size: 12px;	
	letter-spacing:0px;
	border-radius:3px;
}



.job-offer-box .text {
	line-height:1.7;
	letter-spacing: 0.03em;
	font-weight: normal;
	font-size: 14px;
	text-align:justify;
	margin-bottom:0;
}



.voice-box {
	background-color: #EAF9F7;
	position: relative;
	text-align:left;
	margin-bottom:20px;
	position:relative;
 border-radius:7px;
 border:1px solid #2FB69D;

}


.voice-box .maru {

 height:22px;
 width:22px;
 line-height:22px;
 text-align:center;
 background-color:#FF758C;
 font-size:15px;
 color:white;
 position:absolute;
 left:0;
 top:0;
 font-family:'arial';
}



.voice-box .content{
	padding:10px;
}

.voice-box .content .content-head{
padding-bottom:10px;
}

.voice-box .content .content-head:after{
content:"";
display:block;
clear:both;
}

.voice-box .content .content-head .left{

float:left;
width:90px;
}
.voice-box .content .content-head img {
	width:100%;
	border-radius:5px;
}

.voice-box .content .content-head .right {
float:right;
width:calc(100% - 90px);
}

.voice-box .content .content-head .text-title{
	color: #2FB69D;
	padding-left:7px;
	font-weight: bold;
	font-size: 15px;
	text-align:justify;
	letter-spacing: 0.02em;

	line-height:1.4;
}

.voice-box .content .content-head .text-title-2{
	color: black;
	line-height:1;
	padding-left:7px;
	font-weight: bold;
	font-size: 14px;
	margin:15px 0;
	text-align:justify;
	letter-spacing: 0.02em;
}

.voice-box .content .content-text .text{
	border-top: 2px dotted #ccc;
	line-height:1.7;
	letter-spacing: 0.03em;
	padding-top:10px;
	font-size: 14px;
	text-align:justify;

}



.navigation .logo {
	padding-left:30px;
}

.navigation .tel {
padding-right:30px;
}


 .privacy-text{
font-size: 15px;
margin-top: 50px;
margin-bottom: 25px;
 }
 
  .privacy-text a{
  font-size: 15px;
  color: #00a0e8;
  text-decoration:underline;
 }

  
.thanks-box{
border-radius:10px;
background-color:white;
padding:50px 10px;
padding-bottom:100px;
margin-top:30px;
background-position: right bottom;
    background-repeat: no-repeat;
    -webkit-background-size: 200px auto;
    -moz-background-size: 200px auto;
    background-size: 200px auto;
    -o-background-size: 200px auto;
background-image: url(../img/thank-img.png);
}

.thanks-box img {
width:200px;
}

.thanks-box .thanks-text{
font-size:17px;
font-weight:bold;
margin-top:30px;
letter-spacing:0em;

}

.thanks-box .thanks-text-2{
font-size:20px;
font-weight:bold;
color:#2FB69D;
margin-top:50px;
letter-spacing:0.02em;
line-height:1.4;
}
.thanks-box .thanks-text-2 span{
font-size:16px;
font-weight:normal;
}



}