@charset "UTF-8";

#field-header {
	background-image: url(../img/field-main.jpg);
	margin-top: 0px;
	margin-bottom: 0px;
}

#field-header-color {
	width: 100%;
	height: 570px;
	background-color: rgba(0,0,0, 0.3);
	position: absolute;
	margin-top: -277px;
}

#field-01{margin-bottom: 80px;}
#field-01 h1 {line-height: 1;margin-bottom: 25px;border-bottom: solid 3px #09508d;padding-bottom: 10px;text-align: left;}
#field-01 h1 img{width: 400px;}
#field-01 p{line-height: 2;letter-spacing: 0.05em;}
#field-01 p#name{padding-top: 20px;font-weight: bold;}
#field-03 p{line-height: 2;letter-spacing: 0.05em;}
#field-03 p#name{padding-top: 20px;font-weight: bold;}
#c01-txt{width: 63%;}
#c01-img{width: 33%;text-align: right;}
#c01-img img{max-width: 350px;width: 100%;}
#c02-img{width: 33%;text-align: left;}
#c02-img img{max-width: 350px;width: 100%;}
#field-01 ul li{
font-size: 16px;font-size: 1.6rem;
line-height: 1.6;
margin-bottom: 10px;
padding-left: 1.4em;
background: url(https://www.toste.co.jp/wp/wp-content/themes/toste_co/img/b-arrowten.png) no-repeat left 8px;
background-size: 12px;
}

#field-01 h2{
	font-size: 24px;font-size: 2.4rem;
	line-height: 1.6;
	color: #09508d;
	margin-bottom: 20px;
	font-weight: bold;
}

#field-02{padding: 30px 0 50px;}
#field-02 h1 img{width: 400px;}
#field-02 h3{
	font-size: 24px;font-size: 2.4rem;
	margin-bottom: 30px;
	font-weight: 600;
	text-align: left;
	margin-bottom: 40px;
	padding: 0 20% 0 20%;}
#field-02 h4{font-size: 24px;font-size: 2.4rem;text-align: center;margin-bottom: 30px;font-weight: 600;}

#field-02 h3 img{width: 194px;}

#field-02 table {width: 100%;border-top: 1px dotted #ccc;}
#field-02 th,#field-02 td{vertical-align: middle;padding: 20px 30px;border-bottom: 1px dotted #ccc;}
#field-02 th{width: 230px;background-color: #e9e8f0;}

@media (max-width: 768px) {
	#c01-txt{width: 100%;margin-bottom: 20px;}
	#c01-img{width: 100%;text-align: center;margin-bottom: 30px;}
	#c02-img{width: 100%;text-align: center;margin-bottom: 30px;}
	#field-01{margin-bottom: 40px;}
	#field-02 h3{font-size: 20px;font-size: 2rem;line-height: 1.4;}	
}

@media (max-width: 480px) {
#field-01 ul li{
font-size: 18px;font-size: 1.8rem;
line-height: 1.6;
margin-bottom: 10px;
padding-left: 1.4em;
}
}


#a05-01{padding-top: 20px;text-align: center;}



@media (max-width: 960px) {
	#field-02 th{width: 180px;}
}

@media (max-width: 768px) {
	#field-02 table {display: block;margin-bottom: 25px;border: none;}
	#field-02 th,#field-02 td{display: block;width: 100%;padding: 10px 20px;}
	#field-02 td{margin-bottom: 10px;border: none;}
	#field-02{padding: 15px 0 20px;}
	#field-header-color {
	height: 250px;
	margin-top: -130px;
}
	
}


@media (max-width: 960px) {
#field-01 h2{ffont-size: 18px;font-size: 1.8rem;line-height: 1.4;margin-bottom: 10px;}
}

@media (max-width: 600px) {
#field-01 h2{font-size: 18px;font-size: 1.8rem;line-height: 1.4;margin-bottom: 10px;}
#company-01 h2{font-size: 18px;font-size: 1.8rem;line-height: 1.4;margin-bottom: 10px;}
}

@media (max-width: 480px) {
#field-01 h2{font-size: 20px;font-size: 2.0rem;line-height: 1.4;margin-bottom: 10px;}
}


#field-03{padding: 30px 0 0 0;}
#field-03 h1 img{width: 400px;}
#field-03 h2{font-size: 20px;font-size: 2rem;color: #09508d;font-weight: bold;line-height: 1.6;margin-bottom: 15px;border-bottom: solid 3px #09508d;padding-bottom: 10px;text-align: left;}
#field-03 h3{font-size: 24px;font-size: 2.4rem;text-align: left;margin-bottom: 50px;font-weight: 600;padding: 0 20% 0 20%;}
#field-03 h4{font-size: 24px;font-size: 2.4rem;text-align: left;margin-bottom: 30px;font-weight: 600;padding: 0 20% 0 20%;}

ul#photolist{width: 100%;margin: 0;}
ul#photolist li {float: left;width: 25%;}
ul#photolist li img{width: 100%;}
ul#photolist li a{
	position: relative;
	display: block;
	overflow: hidden;
}
ul#photolist li a:after{
	display: block;
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
ul#photolist li a:hover:after{background-color: rgba(35,26,106,0.8);}
ul#photolist li a img{
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
@media (max-width: 768px) {
	ul#photolist li {width: 50%;}
	#field-03{padding: 35px 0 0 0;}
	#field-03 h3{font-size: 20px;font-size: 2rem;line-height: 1.4;margin-bottom: 20px;}
	#field-03 h2{font-size: 20px;font-size: 2rem;line-height: 1.6;}
	#field-02 h3{
	font-size: 24px;font-size: 2.4rem;
	margin-bottom: 30px;
	font-weight: 600;
	text-align: left;
	margin-bottom: 40px;
	padding: 0 15% 0 5%;}
	#field-03 h3{font-size: 24px;font-size: 2.4rem;text-align: left;margin-bottom: 50px;font-weight: 600;padding: 0 15% 0 5%;}
}

#field-04{padding: 80px 0 0 0;text-align: center;}
#field-04 h1 img{width: 147px;}
#field-04 p{margin-bottom: 25px;}
#map{width: 100%;height: 400px;margin-bottom: 25px;}
#map iframe{width: 100%;height: 100%;}

@media (max-width: 768px) {
	#map{height: 300px;}
	#field-04{padding-top: 40px;}
}