@charset "UTF-8";

/* 共通
=========================================== */

.both {
	clear: both;
}
.pt50top {
	padding-top: 50px;
}
.pt50 {
	padding-top: 50px;
}
.harf {
	width: 50%;
	float: left;
	padding-top: 50px;
	padding-bottom: 50px;
}
.harf1 {
	width: 50%;
	float: left;
	padding-bottom: 50px;
}
.harf2 {
	width: 50%;
	float: left;
	padding-bottom: 50px;
}
.set {
	clear:left;
}



a .fr-gy {
	border: 1px solid #CCC;
}

@media screen and (max-width: 640px) {
.pt50 {
	padding-bottom:0px;
}

.harf {
	width: 100%;
	float: left;
	padding-top: 50px;
	padding-bottom: 20px;
		text-align: center;
}
.harf1 {
	width: 100%;
	text-align: center;
}
.harf2 {
	width: 100%;
		text-align: center;
}

a .fr-gy {
	border: 1px solid #CCC;
}

}	

/* PCではなし スマホでは改行  <br class="indention"/> */
.indention{
	display: none;
}

@media screen and (max-width: 640px) {
.indention{
	display: inline;
	}
}

/* PCでは改行 スマホでは改行なし   <br class="indention2"/>*/
.indention2{
		display: inline;
}

@media screen and (max-width: 640px) {
.indention2{
	display: none;
	}
}


/* home　トップページ
=========================================== */

/* --------------  TOP RSS
-------------------------------------- */

#contents main #news {
	padding-top: 50px;
	width: 50%;
	float: left;
}
#contents main #blog {
	padding-top: 50px;
	width: 50%;
	padding-left: 20px;
	float: left;
}
/*#feed,#feed2 {
	padding-top: 15px;
}
*/


#contents main #c-main {
	padding-top: 50px;
	display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  text-align: center;
  /*margin: 20px;*/
}
@media only screen and (max-width : 414px) {
#contents main #c-main {
	padding-top: 0px;
	display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  text-align: center;
  margin: 10px 20px 20px 20px;
}	
}	
	
.main_campany {
	/* 設定したい画像 */
  background-image: url(../company/img/mainimg01.jpg);
	/* 画像を上下左右中央寄せ */
  background-position: center center;
	/* タイル状には並べないように指定 */
  background-repeat: no-repeat;
	/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
	/* 表示するディスプレイの大きさに基づいて、背景画像を縦横比を固定しながら調整 */
  background-size: cover;
	/* 画像が読み込まれる前の背景色の指定 */
  background-color: #53BEB4;
    }
	
.main_campany {
        height: 313px;
		padding-top: 170px;
    }
@media screen and (max-width: 640px) {
	.main_campany {
        height: 220px;
		padding-top: 20px;
    }
	.main_campany {
        width: auto;
    }
 .main_campany img {
        max-width: 100%;
        height: auto;
    }
  }
  
.page-tt h1 {
	color: #fff;
	font-size: large;
	text-align: center;
	line-height: 1.5em;
}

.page-tt .eng {
    color: #fff;
    font-size: 220%;
    border-top-color: #FFF;
    line-height: 1.5em;
    border-top-width: 1px;
    border-top-style: dotted;
    padding-top: 10px;
	
}

.page-tt .eng:before {
	content: "\A" ;
	white-space: pre ;
}

.green_frame {
	color: #FFF;
	background-color: #53BEB4;
	height: 240px;
	width: 425px;
	border: 1px solid #CCC;
}
@media screen and (max-width: 640px) {
.green_frame {
	color: #FFF;
	background-color: #53BEB4;
	height: 100%;
	width: 462px;
	border: 1px solid #CCC;
	float: none;
	text-align: center;
}
}

.frame_20 {
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;	
}

@media screen and (max-width: 640px) {
.frame_20 {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	padding-left: 0px;	
	width: 100%;
}
}

.harf h2 {
	font-size: x-large;
}

.harf2 h2 {
	font-size: x-large;
}
 
.link_box a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
.link_box a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.english {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #62AB5A;
	margin-top: 70px;
	text-align: justify;
}
		
		


/*代表挨拶  #salutation
------------------------------ */
#company #salutation {
	margin: 0 -133px 50px;
	padding: 390px 133px 0;
	background-repeat: no-repeat;
	background-position: center 0;
	background-image: url(../company/img/bg_intro02.jpg);
	overflow: hidden;
}

#salutation .mttl {
	padding-top: 0px;
	padding-bottom: 20px;
}
.mttl h1 {
	font-size: x-large;
	color: #009C77;
}
.mttl h2 {
	font-size: large;
	color: #53BEB4;
}
.ceo {
	text-align: right;
	padding-top: 20px;
}
.ceo .name {
	font-size: medium;
}
.mttlp p {
	line-height: 3em;
}

@media screen and (max-width: 640px) {
	
#salutation {
	margin : 1em 0 0.8em 0 ;
}	
.mttl h1 {
	font-size: large;
	padding-bottom: 10px;
}
.mttl h2 {
	font-size: medium;
}

.mttl h1, h2 {
	padding-left: 20px;
	padding-right: 20px;
}

.mttlp p {
	line-height: 2.5em;
	padding-left: 20px;
	padding-right: 20px;
}	
.ceo {
	text-align: right;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
		#company #salutation {
		margin: 0 0 16px;
		padding: 155px 0 0;
		background-image:
			url(../company/img/bg_intro02.jpg),
			url(../company/img/company/bg_intro02.gif);
		background-repeat: no-repeat, repeat-x;
		background-position: center 0, center 0;
		background-size: auto 140px, auto 140px;
	}

}


/*社名の由来  #story
------------------------------ */

.cla_g {
	border: 1px solid #CCC;
	margin-bottom: 10px;
	padding: 13px;
	height: 155px;
}

.color-1 {
	color: #A1CF7A;
}
.color-2 {
	color: #53BEB4;
}
.color-3 {
	color: #53BEB4;
}
.color-4 {
	color: #009C77;
}
.color-5 {
	color: #000000;
}
.color-6 {
	color: #4E8B24;
}

.bg_story {
	width: 100%;
	height: 0;
	padding-top: calc(300 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(../company/img/bg_intro01.png) center center / cover no-repeat;
	background-size: cover;
}

#company #story {
	margin: 0 -133px;
	padding: 47px 133px 0;
	background-image: url(../company/img/bg_intro01-2.png);
	background-repeat: no-repeat;
}

#company #story h1 {
	margin: 0 0 60px;
	font-size: 28px;
	line-height: 1.5;
	color: #3D3D3D; /*#009C77;*/
	font-weight: bold;
	text-align: center;
}

#company #story h2 {
	margin-top: 5px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
	font-size: 21px;
	line-height: 1.5;
}

#company #story .unit {
	float: left;
	width: 290px;
	padding: 0 33px 0 0;
	margin-bottom: 25px;
}
#company #story .unit + .unit2 {
	padding: 0 0 0 305px;
	border: none;
}

#company #story .unit p {
	padding-bottom: 10px;
}

#company #story .unit2 {
	float: left;
	width: 290px;
}
#company #story .unit2 + .unit2 {
	padding: 0 0 0 34px;
	border: none;
}

#company #story .unit2 p {
	padding-bottom: 30px;
}

#company #story .unit3 p {
	padding-bottom: 60px;
}

.unit3 {
	text-align: center;
	padding-top: 5px;
	float: none;
	clear: none;
}

.namber{
	display: none;
	}

@media screen and (max-width: 640px) {
	
	.namber{
	display: inline;
	}
	
	.cla_g {
	border: 1px solid #CCC;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px;
}
	
	.bg_story {
	width: 100%;
	height: 0;
	padding-top: calc(300 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(../company/img/bg_intro01s.png) center center / cover no-repeat;
	background-size: cover;
}
		#company #story {
	margin-top: 30px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 16px;
	padding: 155px 0 0;
	background-image: url(../company/img/bg_intro01-2s.png),
			url(../company/img/company/bg_intro02.gif);
	background-repeat: no-repeat, repeat-x;
	background-position: center 0, center 0;
	background-size: auto 315px, auto 320px;
	}

	#company #story h1 {
	margin-top: -160px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
	font-size: 18px;
	color: #3D3D3D; /*#009C77;*/
	font-weight: bold;
	}
	
		#company #story h2 {
		margin: 0px;
		}
		


	#company #story .unit {
		float: none;
		margin-top: 300px;
		width: 100%;
		padding-bottom: 0px;
	}
	
#company #story .unit + .unit2 {
	padding: 0px;
}

#company #story .unit2 {
		width: 100%;
		margin-bottom: 30px;
	}

#company #story .unit p {
	padding: 0 20px;
	padding-bottom: 10px;
}

#company #story .unit2 p {
	padding: 0 20px;
	padding-bottom: 10px;
}


#company #story .unit3 p {
	padding: 0 20px;
	padding-bottom: 10px;
}

#company #story .unit3 h2 {
	margin-top: 30px;
	text-align: left;
}

#company #story .unit3 p {
	padding: 0 20px;
}

.unit3 {
	text-align: left;
	padding: 0px;
}


}

/*コンプライアンス  #compliance
------------------------------ */
#company #compliance {
	margin: 0 -133px 50px;
	padding: 40px 133px 0;
	background-repeat: no-repeat;
	background-position: center 0;
	
	overflow: hidden;
}
.mod-lead {
	margin-bottom: 50px;
}

section .mod-lead h2 {
    margin-bottom: 50px;
    padding-left: 20px;
    border-left-width: 7px;
    font-size: 172%;
}

section .mod-lead h2 {
	margin-top: 25px;
    margin-bottom: 25px;
    padding: 5px 0 5px 15px;
    border-left: 4px solid #53BEB4;
    font-size: 143%;
    font-weight: bold;
}

.bg_compliance {
	width: 100%;
	height: 0;
	padding-top: calc(300 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(../company/img/bg_intro03.png) center center / cover no-repeat;
	background-size: cover;
}
	
	
@media screen and (max-width: 640px) {
	
	.bg_compliance {
	width: 100%;
	height: 0;
	padding-top: calc(300 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(../company/img/bg_intro03.png) center center / cover no-repeat;
	background-size: cover;
}

		#company #compliance {
		margin: 0 0 16px;
		padding: 25px 0 0;
		background-image:
			url(../company/img/company/bg_intro02.gif);
		background-repeat: no-repeat, repeat-x;
		background-position: center 0, center 0;
		background-size: auto 140px, auto 140px;
	}
	#company #compliance p{
	padding-right: 20px;
	padding-left: 20px;
}
.mod-lead {
	padding-right: 20px;
	padding-left: 20px;
}
}	


/*フォーム
------------------------------ /

/*contact form*/

table.formTable{
	width:80%;
	max-width:900px;
	margin:0 auto;
	border-collapse:collapse;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
	vertical-align:top;
}


@media screen and (max-width: 640px) {
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 20px;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

table.formTable tr td #question {
	width: 100%;
}
table.formTable tr td #tel {
	width: 100%;
}
table.formTable tr td #mail {
	width: 100%;
}

table.formTable tr td #postalcode {
	width: 100%;
}

table.formTable tr td #address {
	width: 100%;
}

table.formTable tr td #url {
	width: 100%;
}

}

/* #recruit / #contact / #inquiry 　フォーム
=========================================== */

#recruit {
	padding-bottom: 30px;
	}
#recruit h2 {
	margin: 0 0 30px;
	font-size: 22px;
	font-weight: normal;
	color: #009C77;
}
#recruit h4 {
	margin: 0 0 30px;
	font-size: 18px;
	font-weight: normal;
	color: #009C77;
}

.error_messe {
	padding: 10px 0 0;
	color: #F48383;
	}
	
.hosoku {
	padding-top: 20px;
	font-size: 10px;
	}

#recruit #mailform {
	padding: 30px 0 0;
	border-top: 1px solid #e8e8e8;
}
#mailform h1 {
	margin: 0 0 30px;
	font-size: 22px;
	font-weight: normal;
	color: #009C77;
}
#mailform table {
	width: 100%;
	border-top: 1px solid #e8e8e8;
}
#mailform th {
	width: 195px;
	border-bottom: 1px solid #e8e8e8;
	vertical-align: top;
}
#mailform th div {
	position: relative;
	padding: 15px 0 14px 20px;
	text-align: left;
	font-weight: bold;
}
#mailform th div .required {
	position: absolute;
	top: 18px;
	right: 0;
	display: block;
	width: 35px;
	padding: 2px 0 0;
	background-color: #009C77;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	line-height: 1.5;
}
#mailform td {
	padding: 15px 20px 14px;
	border-bottom: 1px solid #e8e8e8;
	vertical-align: top;
}
#mailform input[type="text"],
#mailform input[type="tel"],
#mailform input[type="email"],
#mailform select,
#mailform textarea {
	padding: 4px 4px 3px;
	background: #FCFCFC;
	border: none;
	font-size: 12px;
	line-height: 1.5;
	-webkit-box-shadow: inset 0 1px 2px #c1c6ce;
	-moz-box-shadow: inset 0 1px 2px #c1c6ce;
	box-shadow: inset 0 1px 2px #c1c6ce;
}
#mailform textarea {
	width: 90%;
}
#mailform input[name="your-post"],
#mailform select[name="your-pref"] {
	display: inline-block;
	margin: 0 0 5px;
}
#mailform td .hope1 {
	margin: 0 0 5px;
}
#mailform .btns {
	padding: 30px 0 0;
	text-align: center;
}
#mailform .btns input {
	display: inline-block;
	margin: 0 10px;
	padding: 9px 0 8px;
	background: #53BEB4;
	border: none;
	outline: 0;
	font-size: 15px;
	color: #fff;
	line-height: 2;
	cursor: pointer;
	transition: opacity 0.3s linear;
	opacity: 1;
}
#mailform .btns input.wpcf7c-btn-confirm {
	width: 262px;
	background-position: 230px center;
}
#mailform .btns input.wpcf7c-btn-back {
	width: 137px;
	background-color: #b7bdc9;
	background-position: 110px center;
}
#mailform .btns input.wpcf7-submit {
	width: 177px;
	background-position: 140px center;
}
#mailform .btns input:hover {
	opacity: .8;
}

#inquiry #mailform p {
		line-height: 1.5;
	}
	
@media screen and (max-width: 640px) {
	
	#recruit {
	padding-bottom: 30px;
	padding-right: 20px;
	padding-left: 20px;
	}
	
.hosoku {
	padding-top: 20px;
	font-size: 10px;
	}
	
	#recruit #mailform,
	#inquiry #mailform {
		margin: 0;
		border-top: none;
	}
	#inquiry #mailform p {
		line-height: 1.5;
	}
	#mailform h1 {
		margin: 0 0 20px;
		font-size: 14px;
	}
	#mailform table {
		border-top: 1px solid #e8e8e8;
	}
	#mailform th {
		display: block;
		width: 100%;
		margin: 0 0 10px;
		border-bottom: none;
	}
	#mailform th div {
		padding: 13px 0 0;
	}
	#mailform th div .required {
		top: 15px;
	}
	#mailform td {
		display: block;
		padding: 0 0 20px;
	}
	#mailform input[type="text"],
	#mailform input[type="tel"],
	#mailform input[type="email"],
	#mailform select,
	#mailform textarea {
		-webkit-appearance:none;
		width: 100%;
		box-sizing: border-box;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	#mailform input[name="age"],
	#mailform input[name="your-post"] {
		width: 90%;
	}
	#mailform td .hope1 {
		margin: 0 0 10px;
	}
	#mailform td .tit {
		display: block;
		font-size: 13px;
	}
	#mailform td .year {
		display: block;
		margin: 0 0 5px;
	}
	#mailform td .hope1 input[name="hope1-year"],
	#mailform td .hope2 input[name="hope2-year"] {
		display: inline-block;
		width: 38%;
	}
	#mailform td .hope1 select[name="hope1-month"],
	#mailform td .hope1 select[name="hope1-day"],
	#mailform td .hope2 select[name="hope2-month"],
	#mailform td .hope2 select[name="hope2-day"] {
		width: 38%;
	}/*
	#mailform td .hope1 select[name="hope1-time"],
	#mailform td .hope2 select[name="hope2-time"] {
		margin: 5px 0 0;
	}*/
	#mailform .btns {
		padding: 30px 0 0;
		text-align: center;
	}
	#mailform .btns input {
		display: inline-block;
		margin: 0 10px;
		padding: 9px 0 8px;
		background: #53BEB4;
		border: none;
		outline: 0;
		font-size: 15px;
		color: #fff;
		line-height: 2;
		cursor: pointer;
		transition: opacity 0.3s linear;
		opacity: 1;
	}
	#mailform .btns input.wpcf7c-btn-confirm {
		width: 262px;
		background-position: 230px center;
	}
	#mailform .btns input.wpcf7c-btn-back {
		width: 137px;
		background-color: #b7bdc9;
		background-position: 110px center;
	}
	#mailform .btns input.wpcf7-submit {
		width: 177px;
		background-position: 140px center;
	}
	#mailform .btns input:hover {
		opacity: .8;
	}
}


/*VISION
------------------------------ */


.bg_vision {
	width: 100%;
	height: 0;
	padding-top: calc(300 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(../vision/img/bg_intro01.jpg) center center / cover no-repeat;
	background-size: cover;
}

.main-ttl2{
    padding: .5em .75em;
    background-color: #f6fde3;
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin-bottom: 1.5em;
	font-size: 173%;
	margin-top: 2em;
	font-family: "FOT-筑紫明朝 Pr6 RB", TsukuMinPr6-RB, "游明朝", YuMincho, "Hiragino Mincho ProN", serif;
}

.main-ttl2 span {
    font-size: 63%;
    color: #F2AB67;
    font-family: Arial, Helvetica, sans-serif;
}

.main-ttl2 span::before {
	content: "\A" ;
	white-space: pre ;
	}

.inner{
  width: 75%;
  margin: 0 auto;
  max-width: 880px;
  font-size: 110%;
 font-family: "FOT-筑紫明朝 Pr6 RB", TsukuMinPr6-RB, "游明朝", YuMincho, "Hiragino Mincho ProN", serif;
}

.inner li {
    line-height: 3em;
}

.inner2{
  width: 60%;
  margin: 0 auto;
  max-width: 780px;
  font-size: 113%;
	padding-bottom: 4em;
	padding-top: 3em;
}

.inner2 li {
    line-height: 2em;
}

.inner2 h2 {
margin-bottom: 35px;
}

.inner3{
  width: 60%;
  margin: 0 auto;
  max-width: 780px;
  font-size: 113%;
	padding-bottom: 2em;
	padding-top: 3em;
}

.boxshadow h4{
    font-size: 114%;
    padding-bottom: 0.5em;
}
@media only screen and (max-width:1024px){

.inner{
  width: 70%;
  margin: 0 auto;
  max-width: 780px;
  font-size: 113%;
}
.inner2{
  width: 80%;
  margin: 0 auto;
  max-width: 780px;
  font-size: 123%;
}
	
.inner3{
  width: 80%;
  margin: 0 auto;
  max-width: 780px;
  font-size: 123%;
}	
.boxshadow h4 {
    font-size: 104%;
    padding-bottom: 0.5em;
}

}

@media only screen and (max-width: 480px) {

.main-ttl2{
	font-size: 133%;
}
.inner{
  width: 90%;
  margin: 0 auto;
  max-width: 450px;
  font-size: 113%;
	line-height: 2em;
}

.inner li {
    line-height: initial;
    margin-left: -1em;
    margin-bottom: 1em;
}
	
.inner2{
  width: 90%;
  margin: 0 auto;
  max-width: 450px;
  font-size: 103%;
	padding-bottom: 2em;
  	padding-top: 1em;
}

.inner2 li {
    line-height: initial;
    margin-left: -1em;
    margin-bottom: 1em;
}

.inner2 h2 {
font-size: 163%;
	line-height: 1.5em;
}

.inner3{
  width: 90%;
  margin: 0 auto;
  max-width: 450px;
  font-size: 103%;
	padding-bottom: 2em;
  	padding-top: 1em;
}
	
}
@media screen and (max-width: 640px) {
	
	.bg_vision {
	margin-bottom: 20px;
}
}	

/*VISION
------------------------------ */


.bg_news {
	width: 100%;
	height: 0;
	padding-top: calc(300 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(../news/img/bg_intro01.jpg) center center / cover no-repeat;
	background-size: cover;
}

.t-a-center{
	text-align: center;
	margin-top: 3em;
}
@media screen and (max-width: 640px) {
	
	.bg_news {
	margin-bottom: 20px;
}
	
}

/*MEDIA
------------------------------ */


.bg_media {
	width: 100%;
	height: 0;
	padding-top: calc(300 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(../media/img/bg_intro01.jpg) center center / cover no-repeat;
	background-size: cover;
}

.t-a-center{
	text-align: center;
	margin-top: 3em;
}

.time {
	line-height: 1.7em;
		padding: 0 15px;
	letter-spacing: 0.05em;
	padding-bottom: 1em;
	font-size: 85%;
	color: #099637;
	text-align: right;
}
#news-ks{
padding-bottom: 5.5em;
margin-top: 3em;
}

#news-ks h4{
	font-size: 110%;
	padding: 0.5em 15px 0.5em;
	letter-spacing: 0.05em;
  border-bottom: 1px dotted #845D23;
	margin-bottom: 0.5em;
	line-height: 1.5em;
}


#news-ks p {
	line-height: 1.7em;
		padding: 0 15px;
	letter-spacing: 0.05em;
	padding-bottom: 1em;
	font-size: 95%;
}

#news-ks .time {
	line-height: 1.7em;
		padding: 0 15px;
	letter-spacing: 0.05em;
	padding-bottom: 1em;
	font-size: 85%;
	color: #4C9F61;
	text-align: right;
}

@media screen and (max-width: 640px) {
	
	.bg_media {
	margin-bottom: 20px;
}
	
}


/*PHILOSOPHY
------------------------------ */

.bg_philosophy2 {
	width: 100%;
	height: 0;
	padding-top: calc(260 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(../company/img/bg_intro04-3.jpg) center center / cover no-repeat;
	background-size: cover;
}

.bg_philosophy {
	width: 100%;
	height: 0;
	padding-top: calc(300 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(../company/img/bg_intro04.jpg) center center / cover no-repeat;
	background-size: cover;
}

main #philosophy header {
	background-color: #E8E8E8; /*#E8E8E8*/
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#company #philosophy header p {
	margin: 0 0 10px;
	font-size: 30px;
	line-height: 2.2;
	color: #fff;
}
#company #philosophy p {
line-height: 2.2;
text-align: center;
font-size: 90%;
}

#company #philosophy header h1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	color: #009C77;
	margin-bottom: 20px;
	text-align: center;
}

#company #philosophy .disnon {
		display: inline;
	}
	
	


@media screen and (max-width: 640px) {
	
	.bg_philosophy {
	margin-bottom: 20px;
}

	/*#company #philosophy .disnon {
	display: none;
} */

	#company #philosophy {
	min-height: 100px;
	margin: 0 0 20px;
	/* [disabled]padding-top: 40%; */
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0;
	}
	#company #philosophy header {
		margin: 0 0 10px;
	}
	#company #philosophy header p {
		display: none;
	}
	#company #philosophy header h1 {
		margin: 0 -10px;
		font-size: 15px;
		text-align: center;
	}
	#company #philosophy header + p {
		padding: 0 0 20px;
	}
	/*PHILOSOPHY
------------------------------ */
main #identity header {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
}




/* #service　事業概要
=========================================== */

.bg_service {
	width: 100%;
	height: 0;
	padding-top: calc(300 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(../service/img/bg_intro05.png) center center / cover no-repeat;
	background-size: cover;
}

#company #service {
	margin-top: 35px;
}

@media screen and (max-width: 640px) {

.bg_service {
	width: 100%;
	height: 0;
	padding-top: calc(300 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(../service/img/bg_intro05s.png) center center / cover no-repeat;
	background-size: cover;
}

#company #service {
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 35px;
}
}

/* ------------------------------ */

#company #service h1 {
	margin: 0 0 30px;
	font-size: 22px;
	font-weight: normal;
	color: #009C77;
}
#company #service h1 + p {
	margin: 0 0 50px;
}
#company #service ul {
	margin: 0 -23px;
	overflow: hidden;
}
#company #service li {
	float: left;
	width: 415px;
	min-height: 255px;
	margin: 0 0 30px;
	padding: 7px 22px 18px 23px;
	border-right: 1px dotted #b2b2b2;
}
#company #service li + li {
	border-right: none;
}
#company #service li + li + li {
	border-right: 1px dotted #b2b2b2;
}
#company #service li + li + li + li {
	border-right: none;
}
#company #service li .pic {
	margin: 0 0 15px;
	text-align: center;
}
#company #service li h2 {
	margin: 0 0 15px;
	font-size: 16px;
	font-weight: bold;
	color: #53BEB4;
	/*text-align: center;*/
}
#company #service li h2 br {
	display: none;
}
#company #service li h2 + p {
	font-size: 12px;
}
@media screen and (max-width: 640px) {
	
	#company #service h1 {
	margin: 0 0 15px;
	font-size: 19px;
	text-align: center;
	}
	#company #service h1 + p {
		margin: 0 0 15px;
	}
	#company #service ul {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
	#company #service li {
		width: 100%;
		min-height: 255px;
		margin: 0 0 20px;
		padding: 5px 15px 0 0;
		border-right: none;
	}
	#company #service li .pic {
		margin: 0 0 8px;
	}
	#company #service li .pic img {
		width: 100%;
		height: auto;
	}
	#company #service li h2 {
		margin: 0 0 5px;
		font-size: 16px;
	}
	#company #service li h2 br {
		display: inline;
	}
	#company #service li h2 + p {
		font-size: 12px;
	}
}

/* --------------  LAYOUT
-------------------------------------- */

@media screen and (max-width: 640px) {
 /* */
 
#ftcontent {
	padding-top: 50px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	}
 
#ftcontent dl {
	width: 100%;
	margin: 0;
	text-align: center;
}

#ftcontent dt {
	margin-bottom: 15px;
}

#ftcontent dd {
	font-size: medium;
	line-height: 1.5;
}

#ftcontent dl + dl + dl {
	width: 90%;
	margin: 0;
	border: none;
}
#ftcontent dl + dl {
	width: 90%;
	margin: 0;
	border: none;
}
#ftcontent dl + dl + dl + dl {
	width: 90%;
	margin: 0;
	border: none;
}
		
}