@charset "utf-8";

/* --------------------------------------------------
	基本
-------------------------------------------------- */

#wrap{
	border-top: 3px solid #15733c;
}
.ttlBg{
	background: #15733c;
}

/*見出し*/
h2.ttl01{
	border-top: #15733c 2px solid;
}
h2.ttl02:after {
	border-bottom: solid 3px #15733c;
}

/*お問い合わせボックス*/
.inquiryBox{
	border: #15733c 1px solid;
}

/*----------------footer----------------*/
.footer02{
	background: #15733c;
}
/* --------------------------------------------------
	/基本
-------------------------------------------------- */




/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
.mainVisual01{
	background: url(../images/top/main_v01.jpg) no-repeat;
}
.mainVisual02{
	background: url(../images/top/main_v02.jpg) no-repeat;
}
.mainVisual03{
	background: url(../images/top/main_v04.jpg) no-repeat;
}
.mainVisual04{
	background: url(../images/top/main_v05.jpg) no-repeat;
}
.mainVisual05{
	background: url(../images/top/main_v06.jpg) no-repeat;
}

.contentsAreac{
	margin: 0 auto;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	opacity: 1.0;
	padding-top: 0px;
	padding-bottom: 10px;
}

.prList01 {
	display: block;
	background: url(../images/top/prList01.jpg) no-repeat;
}
.prList02 {
	display: block;
	background: url(../images/top/prList02.jpg) no-repeat;
}
.prList03 {
	display: block;
	background: url(../images/top/prList03.jpg) no-repeat;
}

.prListTtl:first-letter{
	font-size: 2em;
	color: #FFFFFF;
}
.prListTtl{
	font-size: 2.2rem;
	line-height: 1.3;
	font-weight: bold;
	margin-bottom: 12px;
	color: #FFFFFF;
}

.prListTxt{
	font-size: 1.4rem;
	line-height: 1.75;
	color: #FFFFFF;
}

.prList li{
	display: inline-block;
	left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
	float: left;
	margin: 0px;
	height: 300px;
	z-index: 0;
	width: 33.333333%;
}



.center{	
	height: 300px;
	width: 100%;
}

.txt{
  display:inline-block;
  vertical-align: middle;
  line-height:normal;
	margin-top: 80px;
	width: 80%;
}

@media screen and (max-width: 900px) {
.txt{
	margin-top: 30px;
}
}

@media screen and (max-width: 650px) {
.prList li{
	display: block;
	width: 100%;
}
	
.txt{
	margin-top: 80px;
}
}
/* --------------------------------------------------
	/inquiry
-------------------------------------------------- */
#inquiry{
	background: #e5f2ee;
	padding: 10px 20px 0px 20px;
	border-radius: 10px;	
	font-size: 16px;
	margin-bottom: 20px;
}

.inquiry{
	background: #e5f2ee;
	padding: 20px;
	border-radius: 10px;
	background-image: url(../images/common/call_480.png); 
	background-size: 200px auto;
	background-repeat: no-repeat;
	background-position: left bottom; 
}

.inquiry p{
	margin: 0 20px 20px 20px;
}
	.inquiry .mail2{
	display: none;
}
.inquiry .mail3{
  display: none;
}

.inquiry .mail{
  display: block;
  margin-left: 220px;
  margin-bottom: 10px;
  background: #15733c;
}

.inquiry .tel{
  margin-left: 220px;	
  margin-bottom: 10px;	
}

.inquiry .tel table.waku{
	background-image: url(../images/common/inquiry_03.png); 
	background-repeat: no-repeat;
	background-position: left top;
	margin-right:20px;
	width: 100%;
}

.inquiry .tel table table{
	font-size: 14px;
	font-weight: 100;
	margin-top:10px;
	width: 100%!important;	
	margin-left: 200px;
 }
.inquiry .tel table table td{ 
	vertical-align: top;
	padding: 1px;
 }
.inquiry .tel table table span.phone{
	font-size: 22px;
	font-weight: 600;
 }
.inquiry .tel td{
	padding-bottom: 0;
}

.inquiry .tel table.waku td.tel{
	padding-top: 5px;
	vertical-align: top;
}

.inquiry img{
  position: left bottom;
}

.inquiry span.jigyosho{
	display: inline-block;
	padding: 4px 10px 2px ;
	background: #15733c;
	border-radius: 2px;
	margin-right: 0px;
	color: #ffffff;
	font-size: 14px!important;
	font-weight: bold;
}

#inquiry .msg_type {
	margin: 1rem 0;
}

#inquiry .msg_type li input[type="radio"] {
	display: inline-block;
	width: 3rem;
	text-align: left;
}


@media screen and (max-width: 1000px){
#inquiry p{
	margin-left: 90px;
	height: 95px;
}
.inquiry{
	background-image: url(../images/common/call_480.png);
	background-size: 100px auto;
	background-repeat: no-repeat;
	background-position: left top; 
}
.inquiry .mail{
	margin-left: 0px;
	margin-bottom: 10px;
	background: #15733c;
	overflow: hidden;
}
.inquiry .tel{
  margin-left: 0px;
}

.inquiry .tel table table td{
	display: inline-block;
	}
.inquiry .tel table.waku td.tel{
	display:block;
}
.inquiry .tel table table{
	margin-top: 45px;
	margin-left: 0px;
	text-align: center;
 }
}

@media screen and (max-width: 620px){
	.inquiry .mail{
  display: none;
}
	.inquiry .mail3{
  display: none;
}
.inquiry .mail2{
	display: block;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 0;
	overflow: hidden;
}
.inquiry .tel{
  margin-left: 0px;
}
.inquiry .tel table table td{
	display: block;
	text-align: center;
	width: 100%;
	}
.inquiry .tel table.waku td.tel{
	display: block;
}
.inquiry .tel table.waku td.tanto{
	text-align: center;
}	
.inquiry .tel table table{
	margin-top: 45px;
 }
}

@media screen and (max-width: 420px){
#inquiry p{
	font-size: 90%;
}
.inquiry .mail{
  display: none;
}
.inquiry .mail2{
  display: none;
}
.inquiry .mail3{
	display: block;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 0;
	overflow: hidden;
}
}
/* --------------------------------------------------
	ヘッダー共通
-------------------------------------------------- */
/*ロゴ*/
header{
	margin: 10px 0;
}

header p.logo2{
	float: left;
	width: 50%;
	margin-right: 50%;
}

.h_inquiry{		
	margin-left: -50%;
	padding-right: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline-block;
	float: right;
}

.h_Mail{
	height: auto;
	width: 200px;
	display: block;
	float: right;
}
	
.h_Tel{
	height: auto;
	width: 200px;
	display: block;
	float: right;
	margin-right: 10px;
}

.logoarea {
	display: block;
	top: -10px;
}

/*スマホ、タブレット表示*/
@media screen and (max-width: 959px) {
header p.logo2{
		float: none;
		margin: 0px;
}
	
p.TelTxt{
		padding-top: 0px;
		margin-top: -35px;
		margin-right: 30px;
		font-size: 95%;
}
	
.TelTxt span{
	font-size: 95%;
	margin-top: -35px;
}

header p.logo2 img{
	width: auto;
	height: 44px;
}
	
#hmenu {
		margin-top: -40px;
}
}

@media screen and (max-width: 600px) {
.h_inquiry{
	display: block;
	width: 100%;
}

.h_Mail{
	height: auto;
	width: auto;
}
	
.h_Tel{
	height: auto;
	width: auto;
	margin-right: 0px;
}
}

/* --------------------------------------------------
	/サイトマップ
-------------------------------------------------- */




/* --------------------------------------------------
	プライバシーポリシー
-------------------------------------------------- */
.privacyTtl{
	border-top: solid 2px #15733c;
}
/* --------------------------------------------------
	プライバシーポリシー
-------------------------------------------------- */




/* --------------------------------------------------
	詳細ページ
-------------------------------------------------- */
.marR3em{
	margin-right: 3em;
}
@media screen and (max-width: 480px) {
	.marR3em { margin-right: 0; }
}
/* --------------------------------------------------
	/詳細ページ
-------------------------------------------------- */