@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==================================================
contents
====================================================*/
#contents h1{
	background: #cee2ce url(../img/h1_marker.png) 8px 8px no-repeat;
	padding: 5px 5px 5px 23px;
	line-height: 1.5;
}

/*==================================================
service
====================================================*/
#service .gaiyou{
	margin-top: 30px;
	line-height: 1.5;
}

#service .gaiyou .colmn{
	margin-top: 30px;
}

#service .gaiyou .colmn p{
	margin-bottom: 1rem;
}

#service .gaiyou .colmn p:last-child{
	margin-bottom: 0;
}

#service .gaiyou .colmn .txt .info{
	font-size: 18px;
}

#service .gaiyou .colmn.finfo .txt{
	border: dotted 2px #5ca55c;
	padding: 20px;
	border-radius: 5px;
}

#service .gaiyou .colmn .pho{
	margin-top: 1rem;
}

#service .gaiyou .colmn .pho img{
	max-width: 100%;
}

#service .gaiyou .toi{
	background-color: #cee2ce;
	border: dotted 2px #5ca55c;
	padding: 20px;
	border-radius: 5px;
	font-size: 18px;
	margin-top: 2rem;
}

#service .gaiyou .toi .guide{
	margin-bottom: 1rem;
	text-align: center;
}

#service .gaiyou .toi .but a{
	background-color: #5ca55c;
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 260px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	text-align: center;
	margin-top: 2rem;
	padding: 10px 0;
}

#service .gaiyou .exam{
	margin-top: 2rem;
	margin-bottom: 2rem;
}

#service .gaiyou .exam li{
	margin-left: 30px;
}

#service .gaiyou .exam .pho{
	margin-top: 1rem;
}

#service .gaiyou .exam .pho img{
	max-width: 100%;
}

#service .gaiyou .colmn.guide2 .txt{
	font-size: 18px;
}

#service .gaiyou .colmn.guide2 .txt .anshin{
	border: dotted 2px #5ca55c;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 1rem;
}










/*==================================================
company
====================================================*/

#company article{
	margin: 15px 0 45px 0;
	line-height: 1.5;
}

#company article .greeting p{
	margin-bottom: 15px;
}

#company article .imgbx{
	text-align: center;
}

#company article .imgbx img{
	width: 100%;
	max-width: 400px;
}

#company article .shoushobx, #company article .kobutu{
	border: dotted 1px #cccccc;
	padding: 15px;
	margin-bottom: 15px;
}

#company article .shoushobx .txtbx{
	margin-top: 15px;
}

#company article#aboutcom dl{
	background-color: #cee2ce;
	margin-top: 15px;
}

#company article#aboutcom dl dt{
	padding: 5px;
}

#company article#aboutcom dl dd{
	background-color: #ffffff;
	padding: 5px;
}

#company article#aboutcom dl dd .links{
	margin-left: 25px;
}

#company article#aboutcom dl dd .servicebx{
	margin-bottom: 30px;
}

#company article#aboutcom dl dd .servicebx ul li{
	margin-left: 35px;
}

#company article#aboutcom dl dd .servicebx p{
	margin-left: 20px;
	background-color: #efefef;
	margin-top: 15px;
	margin-bottom: 15px;
}


/*==================================================
contact
====================================================*/

#contact article{
	margin: 15px 0 45px 0;
	line-height: 1.5;
}

#contact article#telinfo p{
	margin-top: 15px;
}

#contact article#mform form{
	margin-top: 15px;
	padding: 15px;
	border: dotted 1px #5ca55c;
}

#contact article#mform form dl{
	background-color: #cee2ce;
	margin-top: 15px;
}

#contact article#mform form dl dt{
	padding: 5px;
	font-weight: bold;
}

#contact article#mform form dl dd{
	background-color: #ffffff;
	padding: 5px;
}

#contact article#mform form dl dd .txbx{
	width: 96%;
}

#contact article#mform form dl dd textarea{
	width: 96%;
}

#contact article#mform form p.sumtbut{
	background-color: #efefef;
	padding: 5px;
	text-align: center;
}

/*==================================================
policy
====================================================*/

#policy{
	line-height: 1.5;
}

#policy p{
	margin-top: 15px;
}

#policy ol li{
	margin: 15px 0 0 25px;
}

#policy h2{
	margin: 30px 0 15px 0;
}

#policy ul{
	margin-bottom: 30px;
}

#policy ul li{
	margin: 15px 0 0 25px;
}

/*==================================================
news
====================================================*/

#news section{
	margin-top: 30px;
	line-height: 1.5;
	border-bottom: dotted 1px #748a63;
}

#news section .date{
	color: #666666;
	margin-left: 20px;
}

#news section .txt{
	margin-top: 15px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#news section .txt p{
	margin-bottom: 1rem;
}


/*==================================================
works
====================================================*/
#works p{
	margin-top: 2rem;
	line-height: 1.5;
	margin-left: 15px;
	margin-right: 15px;
}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
メディアクエリによる切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～1280px */
@media only screen and (min-width: 769px){
	
	footer{
		margin-top: 15px;
	}
	
	/* company */
	#company article{
		margin: 15px 15px 45px 15px;
	}
	
	#company article .greeting{
		padding-top: 15px;
	}
	
	#company article .shoushobx .txtbx{
		margin-top: 0;
	}
	
	#company article .imgbx{
		width: 40%;
		float: left;
	}
	
	#company article .txtbx{
		width: 57%;
		float: right;
	}
	
	#company article .greeting .name{
		text-align: right;
	}
	
	#company article#aboutcom h2{
		margin-bottom: 15px;
	}
	
	#company article#aboutcom dl{
		margin-top: 0;
		border-top: solid 1px #748a63;
		border-left: solid 1px #748a63;
		border-right: solid 1px #748a63;
	}
	
	#company article#aboutcom dl.last{
		border-bottom: solid 1px #748a63;
	}
	
	#company article#aboutcom dl dt{
		width: 30%;
		float: left;
	}
	
	#company article#aboutcom dl dd{
		width: 65%;
		float: right;
	}
	
	#company article#aboutcom dl dd .last{
		margin-bottom: 0;
	}
	
	/* contact */
	#contact article{
		margin: 15px 15px 45px 15px;
	}
	
	#contact article#telinfo .tlnm{
		text-align: center;
	}
	
	#contact article#mform form dl{
		margin-top: 0;
		border-top: solid 1px #748a63;
		border-left: solid 1px #748a63;
		border-right: solid 1px #748a63;
	}
	
	#contact article#mform form dl.last{
		border-bottom: solid 1px #748a63;
	}
	
	#contact article#mform form dl dt{
		width: 30%;
		float: left;
	}
	
	#contact article#mform form dl dd{
		width: 65%;
		float: right;
	}
	
	/* policy */
	#policy div{
		margin: 15px 15px 45px 15px;
	}
	
	#policy .name{
		text-align: right;
	}

	/* news */
	#news section{
		margin-left: 15px;
		margin-right: 15px;
	}
}

/* PC向けレイアウトの指定：1281px以上では固定レイアウト */
@media only screen and (min-width: 1281px){
	
	#contents h1{
		font-size: 16px;
	}
	
	/* service */
	#service .gaiyou{
		margin: 15px 15px 45px 15px;
	}

	#service .gaiyou .colmn{
		display: flex;
		justify-content: space-between;
	}

	#service .gaiyou .colmn .txt{
		width: 48%;
	}

	#service .gaiyou .colmn .pho{
		width: 42%;
		margin-top: 0;
	}

	#service .gaiyou .colmn.finfo .txt{
		padding: 3%;
	}

	#service .gaiyou .colmn.guide2 .txt{
		padding: 3%;
	}

	#service .gaiyou .colmn.guide2 .pho{
		margin-top: 2rem;
	}

	#service .gaiyou .toi p{
		text-align: center;
	}
	

	
}