@charset "utf-8";
/* CSS Document */
/*
320pxの3.125%が10px
640pxの3.125%が20px
*/

/* ########### 基本設定 ########### */

body{
background: #444;
color: #444;
font-size: 16px;
line-height: 1.6;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Yu Gothic",YuGothic,Verdana,  sans-serif;
}

div,h1, h2, h3, h4, h5, h6, p, 
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td,
aside, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    text-align: left;
}

.mintyo{
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.bg-white{background:#fff;width: 100%;}
.bg-green{background:#E1F7AD;width: 100%;}
.bg-orange{background:#FFE9A8;width: 100%;}
.bg-blue{background:#EDFAFF;}
.bg-stripe{
width: 100%;
background:#77c700;
-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #77c700;
		  
background-image: linear-gradient(
    -45deg,
    #77c700 25%,
    #6cbe00 25%, #6cbe00 50%,
    #77c700 50%, #77c700 75%,
    #6cbe00 75%, #6cbe00
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 15px 15px;
}

article{
margin: 0px auto 0px;
padding: 40px 3.125% 55px;
overflow: hidden;
max-width: 980px;
min-width:300px;
text-align: center;
}
article .page-title{
margin: 0px auto 1em;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
font-size: 36px;
line-height: 1.2;
text-align: center;
display: block;
}
article .page-title h2{
margin: 0;
padding: 0;
display: inline;
text-shadow:2px 2px 3px rgba(0,0,0,0.1);
text-align: center;
}


.lead p,
p.lead{
font-size: 16px;
text-align: center;
margin: 36px 0;
}

.t-center{
text-align: center;
}

#box-form .lead strong span{
display: block;
text-align: center;
font-size: 13px;
margin-top: 3px;
font-weight: normal;

}
@media (min-width: 769px) {
article{
width: 980px;
padding: 55px 40px 60px;
/*
width: 1060px;
*/
}
article .page-title{
font-size: 40px;
}
.lead p,
p.lead{
font-size: 18px;
margin: 40px 0;
}
}




article#box-catch h2{display: none;}






article#box-three .has-lines {
margin: 0px auto 40px;

font-weight: bold;
text-align: center;
line-height: 1.1;
font-size: 30px;
padding: 0;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
article#box-three .has-lines strong{
font-size: 60px;
display: inline-block;
padding:0 5px;
}
article#box-three .has-lines:before,
article#box-three .has-lines:after {
  content: '';
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;

  background: transparent;
  display: inline-block;
  vertical-align: middle;

}
article#box-three .has-lines:before {
  margin-right: 20px;
}
article#box-three .has-lines:after {
  margin-left: 20px;
}



@media (min-width: 480px) {
article#box-three .has-lines:before,
article#box-three .has-lines:after {
margin-top: 31px;
background: #ccc;
}

article#box-three .has-lines {
font-size: 36px;
}
article#box-three .has-lines strong{
font-size: 72px;
}
}

@media (min-width: 769px) {

}

.list li{
position: relative;
padding-left:18px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
}
.list li:before{
	display: block;
	content: '';
	position: absolute;
	top: 0.4em;
	left:0;
	width: 12px;
	height: 12px;
	background-color: #fbe1a4;
	-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;
}

.list.list-green li:before{
	background-color: #74c200;
}
.list.list-blue li:before{
background-color: #b2e4f9;
}


.list-inline li{
	display: inline-block;
	margin-right:2em;
}

.hidden-phone{
display: none!important;
}
.visible-pc{
}

@media (min-width: 480px) {
.visible-xs-phone{
display: none!important;
}
.hidden-xs-phone{
display: inherit!important;
}
}


@media (min-width: 768px) {
.visible-tablet{
display: inherit!important;

}
.visible-phone{
display: none!important;
}

.hidden-phone{
display: inherit!important;
}
}



@media (min-width: 769px) {
.visible-tablet{
display: none!important;
}
.visible-pc{
display: inherit!important;
}
}

.kome{
display: block;
text-indent: -1em;
padding-left: 1em;
}
table.minitable{
margin:0;
padding:0;
border-collapse:collapse;
}

table.minitable td{
margin:0;
padding:0 0 0 0;
}
table.minitable th{
margin:0;
padding:0 1em 0 0;
text-align: left;
font-weight: normal;
}




/* ########### メイン画像 ########### */

#header{
width: 100%;
}

@media (min-width: 320px) {
#header #mainvisual{
width: 100%;
margin: 0 auto;
}
}

@media (min-width: 769px) {
#header #mainvisual{
width: 1180px;
text-align: center;
}

#header{

}
}

@media (min-width: 1180px) {
#header{
background:url(../images/mainbg-cover.jpg) no-repeat center top;
background-color: #dcedfc;
}
}
#mainvisual {
/*
padding:3.125%;
padding-bottom: 205px;
padding-bottom: 64.0625%;
overflow: hidden;
max-width: 980px;
min-width:300px;
text-align: left;
position: relative;
*/


}


@media (min-width: 480px) {


}
@media (min-width: 640px) {



}


@media (min-width: 769px) {


}


/* ########### 30年の実績 ########### */


article#box-experience{
text-align: left;
}


@media (min-width: 769px) {
article#box-experience{
background:url(../images/woman.png) no-repeat 35px bottom;
padding: 50px 40px;
width: 980px;
}

#box-experience section{
padding-left: 300px;
width: 680px;
}

.bg-white-grade{
background: rgb(237,250,255);
background: -moz-linear-gradient(left,  rgba(237,250,255,1) 1%, rgba(255,255,255,1) 50%);
background: -webkit-linear-gradient(left,  rgba(237,250,255,1) 1%,rgba(255,255,255,1) 50%);
background: linear-gradient(to right,  rgba(237,250,255,1) 1%,rgba(255,255,255,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edfaff', endColorstr='#ffffff',GradientType=1 );

}

}
#box-experience section h2{
font-size: 24px;
font-weight: bold;
line-height: 1.2;
margin: 0;
text-align: center;
}

#box-experience section em{
color: #00a5ea;
}
#box-experience section strong{
color: #f72068;
}

.orange-bn a{
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
text-align: center;
background: #ffbd54;
background: -moz-linear-gradient(top,  #ffbd54 0%, #ff9d00 100%);
background: -webkit-linear-gradient(top,  #ffbd54 0%,#ff9d00 100%);
background: linear-gradient(to bottom,  #ffbd54 0%,#ff9d00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd54', endColorstr='#ff9d00',GradientType=0 );
text-shadow:2px 2px 2px #e66300;
-moz-box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1),;
-webkit-box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1);
box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1);
color: #fff;
text-decoration: none;
font-weight: bold;

line-height: 1;
position: relative;
max-width: 470px;
margin-left:auto;
margin-right:auto;
margin-top: 40px;
text-align: center;
}

.orange-bn a:hover{
opacity:0.75;
box-shadow: none;
}

.orange-bn a img{
max-width: 288px;
width: 80%;
}


.orange-bn-text a{
padding: 16px;
font-size:24px;
max-width: 100%;
margin-top: 0px;
line-height: 1.2;
}
.orange-bn a:after {
	position:absolute;
	top:4px;
	left:4px;
	bottom:4px;
	right:4px;
	border:1px solid rgba(255,255,255,0.5);
	display: inline-block;
	content:" ";
	z-index: 25;
}


.orange-bn-text a span{
position: relative;
display: inline-block;
margin: 0;
padding: 0;
padding-left: 34px;
}
.orange-bn-text a span .fa-angle-down{
position: absolute;
top: 0;
left: 0;
top:-8px;
font-size: 40px;
line-height: 1;
font-weight: bold;
}
.orange-bn-text a span{
padding-left: 28px;
}

.orange-bn-text a span .fa-angle-down{
top: -7px;
font-size: 34px;
}

@media (min-width: 768px) {
.orange-bn a{
width: 100%;
max-width: 100%;
}
.orange-bn a img{
max-width: 100%;
width: 100%;
}
}

 .gallery2{
 margin:30px 0;
 width: 100%
}

.gallery2 ul {
    margin-right: -3.9215%;
	margin-bottom: -3.9215%;
}

.gallery2 li {
    width: 46.0784%;
	margin-right: 3.9215%;
	margin-bottom: 3.9215%;
	float: left;
}




@media (min-width: 470px) {
.gallery2 li:last-child {
    display: none;
}
 .gallery2{
 margin: 30px 0;
 width: 100%
}

.gallery2 ul {
    margin-right: -5.5555%;
}

.gallery2 li {
    margin-right: 5.5555%;
    width: 27.7777%;
	float: left;
}
}

@media (min-width: 768px) {

#box-experience section h2{
font-size: 33px;
text-align: left;
}

 .gallery2{
 margin: 40px 0;
}
.gallery2 li {
    margin-right: 5.5555%;
    width: 27.7777%;
	float: left;
}



}

@media (min-width: 769px) {
 .gallery2{
 margin: 34px 0;
}
.gallery2 ul {
    margin-right: -34px;
}

.gallery2 li {
    margin-right: 34px;
    width: 204px;
	float: left;
}


}

/* ########### メリット ########### */

#list-merit ul{
margin-top: -40px;
}

#list-merit ul li{
text-align: center;
margin: 40px auto 0;
}

#list-merit ul li figure{
border-radius: 100%;
width: 130px;
height: 130px;
background: #fff;
margin: auto;
display: block;
text-align: center;
position: relative;
box-shadow: 3px 3px 0 #def4fc;
}
#list-merit ul li figure img{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}


#list-merit ul li h3{
font-size: 24px;
text-align: center;
margin: 14px 0 0;
}
#list-merit ul li p{
font-size: 16px;
margin-top: 6px;
text-align: center;
}


#checkbox{
padding: 3.125%;
margin-top: 40px;
}

#checkbox ul {
margin-top: -25px;
}
#checkbox ul li{
margin-top: 25px;
background-image:url(../images/merit-07.png);
background-image:-webkit-image-set(
url(../images/merit-07.png) 1x,
url(../images/merit2x-07.png) 2x,
url(../images/merit3x-07.png) 3x
);
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 40px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
padding-top: 7px;
}

@media (min-width: 768px) {
#list-merit ul{
width: 100%;
}
#list-merit ul li{
float: left;
width: 50%;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
}

}

@media (min-width: 769px) {
#checkbox{
padding: 40px;
}

#checkbox ul {
}
#checkbox ul li{
float: left;
width: 50%;
padding-right: 3.125%;
}
#list-merit ul li{
width: 33.3333333333333333333333333333333333333333%;
}
}


/* ########### 働き方 ########### */

#work-table table{
width: 100%;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
margin-top: 20px;
}
#work-table table:first-child{
margin-top: 0px;
}

#work-table table th,
#work-table table td{
vertical-align: middle;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
}
#work-table table th{
border: 3px solid #dcf2fa;
border-right: none;
background: #dcf2fa;
color: #009de0;
text-shadow: 2px 2px 0 #fff;
font-size: 30px;
font-weight: bold;
width: 212px;
padding: 30px 30px;
line-height: 1em;
}
#work-table table:first-child + table th{
background: #bee8f7;
border-color:#bee8f7;
}
#work-table table:first-child + table + table th{
background: #a2dff5;
border-color:#a2dff5;
}
#work-table table:first-child + table + table + table th{
background: #85d5f2;
border-color:#85d5f2;
}

#work-table table td{
border: 3px solid #dcf2fa;
border-left: none;
}
#work-table table th span{
font-size: 20px;
display: block;
text-shadow: none;
color: #444;
line-height: 1em;
margin-top:12px;
}
#work-table table td dl{
display: table;
}
#work-table table td dt,
#work-table table td dd{
display: table-cell;
vertical-align: middle;
}
#work-table table td dt{
font-weight: bold;
font-size: 19px;
padding-left: 40px;
line-height: 34px;
width: 262px;
}
#work-table table td dt span{
color: #f72068;
font-size: 30px;
}
#work-table table:first-child td dt{
font-size: 26px!important;
}
#work-table table td dd{
padding-left: 40px;
}


@media (max-width: 819px) {

#work-table table,
#work-table table tbody,
#work-table table tr,
#work-table table th,
#work-table table td,
#work-table table td dl,
#work-table table td dt,
#work-table table td dd{
display: block;
width: 100%;
margin: 0;
padding: 0;
}

#work-table > div {
    margin-right: -3.9215%;
	margin-bottom: -3.9215%;
}

#work-table table {
    width: 46.0784%;
	margin-right: 3.9215%;
	margin-bottom: 3.9215%;
	float: left;
	margin-top: 0px;
	display: block;
}

#work-table table th{
border: none;
padding: 20px;/*
border-top-right-radius: 10px;
border-top-left-radius: 10px;
*/
}
#work-table table td{
border: 3px solid #dcf2fa;
border-top: none;
padding: 20px;
}

#work-table table td dt,
#work-table table td dd{
}

#work-table table td dt{
margin-bottom: 20px;
}

}

@media (max-width: 664px) {
#work-table table th,
#work-table table td,
#work-table table td dt,
#work-table table td dd{
text-align: center;
}
#work-table > div {
    margin-right: 0;}

#work-table table {
    width: 100%;
	margin-right: 0;
	margin-bottom: 3.9215%;
	float: none;
}

}
 .gallery{
 margin: 40px 0;
 width: 100%
}

.gallery ul {
    margin-right: -3.9215%;
	margin-bottom: -3.9215%;
}

.gallery li {
    width: 46.0784%;
	margin-right: 3.9215%;
	margin-bottom: 3.9215%;
	float: left;
}

@media (min-width: 470px) {

.gallery ul {
margin-bottom: 0;
}

.gallery li {

    width: 21.0784%;
	margin-bottom: 0;
}
}

@media (min-width: 769px) {

.gallery {
    max-width: 980px;
	max-height: 161px;
}

.gallery ul {
    margin-right: -40px;
}

.gallery ul li {
    margin-right: 40px;
}
}

/* ########### 高齢化社会 ########### */

 .white-shadow-box{
box-shadow:0px 0px 15px 0px #d2effa;
-moz-box-shadow:0px 0px 15px 0px #d2effa;
-webkit-box-shadow:0px 0px 15px 0px #d2effa;
background-color:#FFFFFF;
}

#box-form .white-shadow-box{
box-shadow:0px 0px 15px 0px #fadd8c;
-moz-box-shadow:0px 0px 15px 0px #fadd8c;
-webkit-box-shadow:0px 0px 15px 0px #fadd8c;
background-color:#FFFFFF;
}


#kousei{
width: 100%;
padding: 40px 3.125%;
background:url(../images/lpdr-49.png) no-repeat 10px 10px,
           url(../images/lpdr-57.png) no-repeat right 10px bottom 10px;
background-color:#FFFFFF;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 40px;

}

.bg-white #kousei{


background-color:#FFFFFF;
box-shadow: none;
background-color: #EDFAFF;
}
blockquote{
font-size: 14px;
}
.bassui{
font-size: 14px;
font-weight: bold;
}
#kousei blockquote{
padding-left: 0px;
}

#kouku-kanri p{
text-align: center;
}
#kouku-kanri .white-shadow-box{
max-width: 470px;
margin: 0 auto 18px;

}
.bg-white #kouku-kanri .white-shadow-box{
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
box-shadow: none;
border: 3px solid #DCF2FA;
/*
box-shadow: 3px 3px 3px #def4fc;
*/
}

@media (min-width: 768px) {
#kousei{
padding: 40px;
}
#kouku-kanri .white-shadow-box {
float: left;
width: 47.9591836735%;
margin-right: 4.08163265306%;
}
#kouku-kanri p{
text-align: left;
}
}

/* ########### よくあるご質問 ########### */
#box-qa dl{
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #CCCCCC;
}
#box-qa dl:first-child{
margin-top: 0;
padding-top: 0;
border-top:none;
}
#box-qa dl dt{
font-size: 18px;
font-weight: bold;
margin-bottom: 1em;
}

#box-qa dl dd{
font-size: 18px;
}

#box-qa dl dt,
#box-qa dl dd{
position: relative;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.5;
padding: 2px 0;
padding-left: 45px;
}

#box-qa dl dt:before,
#box-qa dl dd:before{
position: absolute;
top: 0;
left: 0;
width: 32px;
height:32px;
line-height: 32px;
text-align: center;
display: block;
border-radius: 100%;
color: #fff;
font-weight:bold;
}
#box-qa dl dt:before{
content:"Q";
background: #74c200;
}
#box-qa dl dd:before{
content:"A";
background: #faa200;
}

@media (min-width: 768px) {



#box-qa > div{
margin-left: -3.92156862745098%;
}

#box-qa dl{
max-width: 470px;
width:46.07843137254902%;
float: left;
margin-left: 3.92156862745098%;
padding-bottom: 0;
border: none;
margin-top: 45px;
}

#box-qa dl.answer1{
margin-top: 20px;
padding-top: 0;
}
}

@media (min-width: 769px) {
#box-qa > div{
margin-left: -40px;
}
#box-qa dl{
width: 470px;
margin-left: 40px;
}
}


/* ########### 3つのエリア ########### */
#box-area .page-title{
line-height: 48px;
display: inline-block;
margin-bottom: 20px;
}
#box-area .page-title span{
background: #f83677;
display: block;
color: #fff;
height: 48px;
line-height: 48px;
text-align: center;
width: 112px;
font-size: 32px;
text-shadow: none;
margin: 0 auto 3px;
}

#box-area #parking-title{
margin-top: 30px;
}
#box-area #parking-title span{
width:154px;
}

@media (min-width: 480px) {
#box-area .page-title{
position: relative;
padding-left: 122px;

}
#box-area .page-title span{
position: absolute;
top: 0;
left: 0;
display: inline-block;
margin: 0;
}
#box-area #parking-title{
padding-left: 164px;
}
}
@media (max-width: 479px) {
/*
#box-area .page-title h2{
text-align: left;
}
*/
}

#three-area li{
background: #edfaff;
text-align: center;
margin: 0 auto 20px;
padding: 24px 0;
width: 100%;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.3;
max-width: 470px;
}

#three-area li h3{
color: #00a5ea;
text-align: center;
font-weight: bold;
font-size: 28px;
padding: 0;
margin: 0 0 18px;
text-shadow: 1px 1px 0 #fff;
}
.bg-blue #three-area li{
box-shadow: none;
background: #87D1F4;
background: #fff;
box-shadow: 3px 3px 3px #def4fc;

}
.bg-blue #three-area li h3{
}
#three-area li p{
padding: 0;
margin: 0;
text-align: center;
font-size: 18px;
}
#three-area li p span{
color: #00a5ea;
font-weight: bold;
}

.list-box {
    max-width: 980px;
}

.list-box ul {
    margin-right: -3.9215%;
}
@media (min-width: 768px) {
#three-area  {
    max-width: 980px;
	margin-bottom: 40px;
}

#three-area ul {
    display:flex;
flex-wrap: wrap;
margin: 0!important;
padding: 0!important;
justify-content: space-between;
justify-content: center;
width: 100%;
gap:2%;
}

#three-area ul li {
margin: 2% 0 0;
width:32%;
}
#parking-title + #three-area ul {
justify-content: center;
}
/*
#three-area ul {
    margin-right: -3.9215%;
	
	margin-right: -3.92156862745098%;
}
#three-area ul li {
    float: left;

	margin-bottom: 0;
	
width: 470px;
margin-right: 40px;
width:46.07843137254902%;
margin-right: 3.92156862745098%;

    margin-right: 3.9215%;
    width: 29.4117%;
}

#parking-title + #three-area li {
    float: none;
    margin: 0 auto;
	width:46.07843137254902%;
	max-width: 470px;
	max-width:300px;
    width: 29.4117%;
	}
*/
}


/* ########### 募集要項 ########### */


#box-requirements #requirements-lead{
background-color: transparent!important;
margin-bottom: 40px;
}
#box-requirements #requirements-lead div.lead-p{

}

#box-requirements #requirements-lead{
text-align: center;
}


#box-requirements #requirements-lead p{
text-align:center;
}
#box-requirements #requirements-lead p + p{
margin-top: 20px;
}

#box-requirements #requirements{
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
width: 100%;
padding: 3.125%;
}
#box-requirements dl{
width: 100%;
margin: 0;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
padding-top: 2em;
}

#box-requirements dl:first-child{
padding-top: 0;
}

#box-requirements dl dt,
#box-requirements dl dd{
font-size: 16px;
}

#box-requirements dl dd{
padding-top: 5px;
}


#box-requirements dl dt span{
display: block;
height: 36px;
line-height: 36px;
font-size: 16px;
font-weight: bold;

text-align: center;
background: #74c200;
background: #33b7ee;
color: #fff;
width: 100%;
}
@media (min-width: 640px) {


#box-requirements #requirements{
padding: 3.5714285714285707% 4.591836734693878%;
}

#box-requirements dl{
display: table;
border-top: 1px solid #cccccc;
padding: 15px 0;
}
#box-requirements dl:first-child{
border-top: none;
}
#box-requirements dl:last-child{
padding-bottom: 0;
}

#box-requirements dl dt,
#box-requirements dl dd{
}

#box-requirements dl dt{
width: 125px;
display: table-cell;
}


#box-requirements dl dd{
display: table-cell;
padding-left: 35px;
/*
margin: 19px 0 13px;
padding: 0;
margin-left: 160px;
*/
}

#box-requirements dl{
zoom: 1;
}
#box-requirements dl:before,
#box-requirements dl:after{
content: "";
display: table;
}
#box-requirements dl:after{
clear: both;
}
}


@media (min-width: 769px) {
#box-requirements #requirements{
padding: 35px 45px;
}

#box-requirements #requirements-lead{
background:url(../images/frame.png) no-repeat left center,url(../images/frame-02.png) no-repeat right center;
}
}



/* ########### 無料相談フォーム ########### */

#box-form {
/*
padding: 40px 3.125% 60px;
*/
}
/*
#box-form .lead strong{
color: #fa7500;
font-size: 24px;
font-weight: bold;
display: inline-block;
text-shadow: 2px 2px 0 #fff;
margin-top: 1em;
line-height: 1.1;
position: relative;
background: #fff;
height: 60px;
line-height: 60px;
}

#box-form .lead strong span{
font-size: 38px;
display: inline-block;
padding: 0 5px;
}
*/

#box-form .lead strong{
text-align: center;
display: block;
margin:30px 0 10px;
}

@media (max-width: 819px) {

}
@media (max-width: 530px) {
#box-form #soudan-lead {
padding-bottom: 60%;
background-size: contain;
}
}



#box-form #soudan-lead  h3{
font-size: 20px;
margin: 0;
}



#box-form .soudan-form{
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
width: 100%;

max-width: 980px;
padding: 45px;
padding-bottom: 60px;


}
#box-form .soudan-form table{
width: 100%;
table-layout: fixed;
background: #fff;
}


#box-form .soudan-form table td{
width: 595px;
}
#box-form .soudan-form table th{
width: 295px;
}

.external-link{
display: inline-block;
position: relative;
padding-right: 20px;
background:url(../../lp/images/new-window.svg) no-repeat right center;

background-size: 1em;
color: #444;

padding: 0 0 0 20px;
background-position: left center;
}
.external-link:after{


}

@media (max-width: 819px) {
#box-form .soudan-form{
padding: 3.125%;
padding-bottom:  6.122448979591836%;
}

/*親ボックスは890px*/
#box-form .soudan-form table td{
width: auto;
}
#box-form .soudan-form table th{
width:  280px;
}
}

#box-form .soudan-form table th span{
text-align: center;
width: 50px;
height: 26px;
line-height: 26px;
font-size: 15px;
color: #fff;
background: #f59f00;
background:#FF9D00;
font-weight: normal;
float: right;
margin-right: 40px;
/*
position: absolute;
right:40px;
top: 50%;
margin-top: -13px;
*/
}

#box-form .soudan-form table th{
zoom: 1;
}
#box-form .soudan-form table th:before,
#box-form .soudan-form table th:after{
content: "";
display: table;
}
#box-form .soudan-form table th:after{
clear: both;
}



#box-form .soudan-form table th,
#box-form .soudan-form table td{
border-bottom: 1px solid #cccccc;
padding: 15px 0;
vertical-align: middle;
}

#box-form .soudan-form table tr:first-child th,
#box-form .soudan-form table tr:first-child td{
border-top: none;
padding-top: 0;
}

#soudan-submit{
width: 100%;
max-width: 330px;
margin: 40px auto 0;
}
#soudan-submit p:first-child{
margin-bottom: 1em;
font-size: 16px;
text-align: center;
}
#soudan-submit p:first-child+p{
text-align: center;
font-size: 18px;
}

label	{display: block;
	margin: 0 0 5px 0;
	font-size: 14px;}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea	{


	border: solid 1px #bbb;
	border-radius: 0;
	background-image: none;
	-webkit-appearance: none;

	border-radius: 1px;
	
	border-color:#aeaeae #dfdfdf #e8e8e8 #e2e2e2;
/*	
-moz-box-shadow:0px 1px 1px 0px #efefef inset;
-webkit-box-shadow:0px 1px 1px 0px #efefef inset;
box-shadow:0px 1px 1px 0px #efefef inset;
*/
		padding: 5px 10px 5px 10px;
	font-family: inherit;
	font-size: 14px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%!important;}

textarea	{height: 200px!important;}

#yubin{width: 200px!important;}
#age{width: 4em!important;}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus	{border: solid 1px #f59f00;
	outline: none;
	-webkit-box-shadow: 0 0 5px 0 #f59f00;
	box-shadow: 0 0 5px 0 #f59f00;
		background-image: none;
		-webkit-appearance: none;
	}


/* ボタン */


#soudan-submit input[type="submit"]{
margin-top: 36px;
display: block;
width: 100%;
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	border-radius: 0;
	background-image: none;
	color: #fff;

	font-weight: bold;
	font-family: inherit;
		font-size: 28px;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
padding: 20px 0;
line-height: 1em;
text-align: center;
overflow: hidden;
background: transparent;

background: #ffbd54;
background: -moz-linear-gradient(top,  #ffbd54 0%, #ff9d00 100%);
background: -webkit-linear-gradient(top,  #ffbd54 0%,#ff9d00 100%);
background: linear-gradient(to bottom,  #ffbd54 0%,#ff9d00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd54', endColorstr='#ff9d00',GradientType=0 );
text-shadow:2px 2px 2px #e66300;
/*
-moz-box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1),0px 0px 0px 1px rgba(255,255,255,0.5) inset;
-webkit-box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1),0px 0px 0px 1px rgba(255,255,255,0.5) inset;
box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1),0px 0px 0px 1px rgba(255,255,255,0.5) inset;

border: 4px solid #ff9d01;
*/
-moz-box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1);
box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1);
border-radius: 5px;

}
/*
#soudan-submit p#soudan-submit-bn{
}
#soudan-submit p#soudan-submit-bn:after {
	position:absolute;
	top:4px;
	left:4px;
	bottom:4px;
	right:4px;
	border:1px solid rgba(255,255,255,0.5);
	display: inline-block;
	content:" ";
	z-index: 25;
}
*/
#soudan-submit input[type="submit"]	{
}

#soudan-submit input[type="submit"]:hover, 
#soudan-submit input[type="submit"]:focus	{
background: #61c6f2;
background: -moz-linear-gradient(top,  #61c6f2 0%, #14aaeb 100%);
background: -webkit-linear-gradient(top,  #61c6f2 0%,#14aaeb 100%);
background: linear-gradient(to bottom,  #61c6f2 0%,#14aaeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c6f2', endColorstr='#14aaeb',GradientType=0 );
text-shadow:2px 2px 2px #057cdb;
/*

border: 4px solid #14aaeb;
*/
}
input[type="submit"]::-moz-focus-inner	{padding: 0;
	border: none;
	}


#footer{
padding: 40px 0;
background: #444444;
font-size: 15px;
text-align: center;
color:#fff;
}
#footer a{
color:#fff;
}

@media (max-width: 767px) {
#box-form .soudan-form table,
#box-form .soudan-form table > tbody,
#box-form .soudan-form table > tbody > tr,
#box-form .soudan-form table > tbody > tr > th,
#box-form .soudan-form table > tbody > tr > td{
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}

#box-form .soudan-form table th,
#box-form .soudan-form table td{
border: none;

}
#box-form .soudan-form table th,
#box-form .soudan-form table tr:last-child th{
padding: 35px 0 3px;
/*
border-top: 1px solid #cccccc;
padding-top: 15px;
*/
}
#box-form .soudan-form table td{
border-bottom: none;
border-top: none;
width: 100%;
padding: 0 0 0px;
/*
padding-bottom: 15px;
*/
}
#box-form .soudan-form table th span{
margin-right: 0;
float: none;
display: inline-block;
margin-left: 5px;
}
#yubin{
width: 100%;
margin-bottom: 5px;
}


#soudan-submit p{
text-align: center;
}

input[type="text"],
input[type="email"],
textarea	{
	border-color:#9c9c9c #c8c8c8 #d0d0d0 #e2e2e2;
	border-radius: 3px;
	}
}

/*
@media (min-width: 640px) {
#box-form .soudan-form{
padding: 4.591836734693878%;
padding-bottom:  6.122448979591836%;
}
}
*/


/*ページの先頭*/


#pagetop  {
position: fixed;
bottom: 10px;
overflow: hidden;
z-index: 999;
vertical-align: middle;
right: 10px;
-moz-opacity:0.4;
opacity:0.4; 
width: 50px;
height: 50px;
text-align: center;
}
#pagetop a{
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 50px;
	height: 50px;
	vertical-align: top;
    display: block;
    -webkit-border-radius:100%;  
    -moz-border-radius: 100%;  
    border-radius: 100%;
	position: relative;
	text-align: center;

}
#pagetop a span {
font-size: 9px;
position:  absolute;
bottom: 12px;
left: 0;
right: 0;
display: none;
}
#pagetop a:before {
content:"";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 6px;
margin: auto;
width: 15px;
height: 15px;
background: transparent;
border-left: 5px solid #fff;
border-top: 5px solid #fff;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
/*
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
box-sizing: border-box;
*/
}

#pagetop a:hover {
text-decoration: none;
background: #999;
overflow: hidden;
outline: none;
}

.fixed-remove #pagetop,
.no-svg #pagetop{
position:static;
display : none;

}

@media (min-width: 769px) {
#pagetop  {
right: 20px;
bottom: 20px;
}
}

/*メールフォーム送信後のページ*/

article#box-thanks{
padding-top:0;
}
article#box-thanks h1,
article#box-thanks p{
text-align: center;
}

article#box-thanks p + p{
margin-top: 24px;
}

article#box-thanks h1{
color:#faa200;
font-size: 24px;
margin: 1em 0;
line-height: 1.2;
}
article#box-thanks .page-title:before{
display: none;
}

@media (min-width: 640px) {
article#box-thanks h1{
font-size: 28px;
}
article#box-thanks p + p{
margin-top: 28px;
}

}

/*高解像度*/


@media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 769px), 
screen and (min-resolution: 1.5dppx),
screen and (min-resolution: 144dpi){

}

@media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 769px), 
screen and (min-resolution: 1.5dppx) and (min-width: 769px),
screen and (min-resolution: 144dpi) and (min-width: 769px){

}


@media screen and (-webkit-min-device-pixel-ratio: 2.5) and (min-width: 769px), 
screen and (min-resolution: 2.5dppx) and (min-width: 769px),
screen and (min-resolution: 240dpi) and (min-width: 769px){

}


.kome{
padding-left: 1em;
text-indent: -1em;
display:block;
}


#douga-shoukai{
margin: 50px auto;
padding: 0;
}
#douga-shoukai section{
max-width: 784px;
margin: 0 auto;
padding: 0;
}
#douga-shoukai h3{
text-align: center;
margin: 20px 0 12px;
padding: 0;
font-size: 28px;
line-height: 1.3;
}
.youtube{
position: relative;
width: 100%;
height: 0;
overflow: hidden;
margin: 0;
padding-top: 72%; 
padding-top: 56.25%;
}


.youtube iframe
{

position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}




.linebox{
width:100%;
background-color: #fff;
margin-bottom: 50px;
text-align: center;
padding: 30px;
max-width: 980px;
box-sizing: border-box;
}
.linebox p{
text-align: center;
font-size: 1.2em;
}

.linebox .linebn{
color:#FFF;border-radius:6px;
display: block;
max-width: 491px;
margin: 10px auto 0;
text-align: center;
text-decoration: none;

box-sizing: border-box;

  text-decoration: none;
  font-size: 1.3em;
font-weight: bold;
/*
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
*/
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-radius: 5px;
box-shadow:0px 5px 0px 0px #28A300;
position: relative;
background-color:#4FC200;
line-height: 1.2;
padding: 14px;
padding-bottom: 11px;

background-color: #06C606;
box-shadow:0px 5px 0px 0px #03A903;

/*
background: linear-gradient(to bottom,  #00d103 0%,#00b81f 100%); 
box-shadow: none;
padding: 20px;
padding-bottom: 17px;
*/
}

.linebox p span{
color:#4FC200;
color: #06C606;
font-weight: bold;
font-style: normal;
}

.linebox .linebn:hover{
box-shadow: none;
top: 5px;
}

.linebox .linebn span{
display: inline-block;
position: relative;
padding-left: 0.8em;
}


.linebox .linebn span::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  left: 0px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width:384px) {
#box-form #soudan-lead.soudan-oubo {
padding-bottom: 30px;
}
.linebox{
padding: 20px;
}
.linebox p{
font-size: 1em;
}
.linebox .linebn{
  font-size: 1.2em;
}
}

/*メールフォーム jsチェック*/

    .alertarea {
      color: red;                             /* 文字色(赤色) */
      background-color: #fee;                 /* 背景色(淡い赤色) */
      background-image: url("alerticon.png"); /* 背景画像(警告アイコンを表示) */
      background-repeat: no-repeat;           /* 背景画像の繰り返しをナシに */
      background-position: 0.35em center;     /* 背景画像の掲載位置(左端から0.35em・上下方向の中央) */
                       /* インラインブロック化 */
      border-radius: 0.5em;                   /* 角丸(半径0.5文字分) */                /* 外側左端の余白(0.5文字分) */
      padding: 1px 0.5em 1px 32px;            /* 内側の余白(警告アイコンに重ならないよう左端に多めの余白を設ける) */
      display: none;
   }
   input:empty+.alertarea { display: none; }
   input:user-invalid:not(:focus) +.alertarea {display: inline-block; }