@charset "UTF-8";

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

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

#com-01{margin-bottom: 80px;}
#com-01 h1 {line-height: 1;margin-bottom: 25px;border-bottom: solid 3px #09508d;padding-bottom: 10px;text-align: left;}
#com-01 h1 img{width: 200px;}
#com-01 p{line-height: 2;letter-spacing: 0.05em;}
#com-01 p#name{padding-top: 20px;font-weight: bold;}

#c01-txt{width: 70%;}
#c01-img{width: 29%;text-align: right;}
#c01-img img{max-width: 300px;width: 100%;}
#c02-img{width: 100%;text-align: right;font-weight: 600;margin-bottom: 8px;}
#c02-img img{max-width: 350px;width: 100%;margin-bottom: 5px;}
#c03-img{width: 100%;text-align: right;font-weight: 600;margin-bottom: 8px;}
#c03-img img{max-width: 350px;width: 100%;margin-bottom: 5px;}

#com-01 ul li{
margin-bottom: 10px;
padding-left: 1.4em;
background: url(https://www.toste.co.jp/wp/wp-content/themes/toste_co/img/b-arrow2.png) no-repeat left 4px;
background-size: 12px;
}
#com-01 h2{
	font-size: 24px;font-size: 2.4rem;
	line-height: 1.6;
	margin-bottom: 5px;
	font-weight: 600;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

#com-01 h2 span{
	color: #09508d;
	font-weight: 800;
}	

#com-01 h4{font-size: 24px;font-size: 2.4rem;margin-bottom: 30px;font-weight: 600;}

#com-02 h2{
	font-size: 20px;font-size: 2rem;
	color: #09508d;
	font-weight: bold;
	line-height: 1;
	margin-top: 10px;
	margin-bottom: 25px;
	border-bottom: solid 3px #09508d;
	padding-bottom: 10px;
	text-align: left;
}
#com-02 h3{font-size: 24px;font-size: 2.4rem;text-align: center;margin-bottom: 30px;font-weight: 600;}
#com-02 h4{font-size: 24px;font-size: 2.4rem;text-align: center;margin-bottom: 30px;font-weight: 600;}
#com-02 h5{
	font-size: 20px;font-size: 2rem;
	line-height: 1.2;
	color: #09508d;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 25px;
	border-bottom: solid 3px #09508d;
	padding-bottom: 10px;
	text-align: left;
}

#com-02 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;
}

#com-03 h2{
	font-size: 20px;font-size: 2rem;
	color: #09508d;
	font-weight: bold;
	line-height: 1.2;
	margin-top: 20px;
	margin-bottom: 25px;
	border-bottom: solid 3px #09508d;
	padding-bottom: 10px;
	text-align: left;
}
#com-03 h3{font-size: 24px;font-size: 2.4rem;text-align: center;margin-bottom: 30px;font-weight: 600;}
#com-03 h4{font-size: 24px;font-size: 2.4rem;text-align: center;margin-bottom: 30px;font-weight: 600;}
#com-03 h5{
	font-size: 20px;font-size: 2rem;
	color: #09508d;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 20px;
	margin-bottom: 25px;
	border-bottom: solid 3px #09508d;
	padding-bottom: 10px;
	text-align: left;
}

.com-ar{text-align: center;} 

#com-04 h2 
{
	margin-top: 10px;
	margin-bottom: 25px;
	border-bottom: solid 3px #09508d;
	padding-bottom: 10px;
	text-align: left;
	font-size: 20px;font-size: 2rem;
	line-height: 2;
	color: #09508d;
	margin-bottom: 20px;
	font-weight: bold;
	padding-left: 1.6em;
	background: url(https://www.toste.co.jp/wp/wp-content/themes/toste_co/img/com-mappin01.png) no-repeat left 4px;
	background-size: 22px;
}
#com-04 h3{font-size: 24px;font-size: 2.4rem;text-align: center;margin-bottom: 30px;font-weight: 600;}
#com-04 h4 {
	margin-bottom: 25px;
	border-bottom: solid 3px #09508d;
	padding-bottom: 10px;
	text-align: left;
	font-size: 20px;font-size: 2rem;
	line-height: 2;
	color: #09508d;
	margin-bottom: 20px;
	font-weight: bold;
	padding-left: 1.6em;
	background: url(https://www.toste.co.jp/wp/wp-content/themes/toste_co/img/com-mappin03.png) no-repeat left 4px;
	background-size: 22px;
	margin-top: 50px;
}
#com-04 h5 {
	line-height: 1.4;
	margin-top: 5px;
	margin-bottom: 10px;
	border-bottom: dashed 1px #09508d;
	padding-bottom: 10px;
	font-size: 18px;font-size: 1.8rem;
	font-weight: 600;
	color: #09508d;}
#com-04 h6 {
	margin-bottom: 25px;
	border-bottom: solid 3px #09508d;
	padding-bottom: 10px;
	text-align: left;
	font-size: 20px;font-size: 2rem;
	line-height: 2;
	color: #09508d;
	margin-bottom: 20px;
	font-weight: bold;
	padding-left: 1.6em;
	background: url(https://www.toste.co.jp/wp/wp-content/themes/toste_co/img/com-mappin02.png) no-repeat left 4px;
	background-size: 22px;
	margin-top: 50px;
}

@media (max-width: 768px) {
	#c01-txt{width: 100%;margin-bottom: 20px;}
	#c01-img{width: 100%;text-align: left;}
	#c02-img{width: 100%;text-align: center;}
	#c03-img{width: 100%;text-align: center;}
	#com-01{margin-bottom: 40px;}
#com-01 h4{font-size: 14px;font-size: 1.4rem;margin-bottom: 21px;font-weight: 600;}
#com-02 h3{font-size: 20px;font-size: 2rem;line-height: 1.4;text-align: center;margin-bottom: 40px;}
#com-03 h3{font-size: 20px;font-size: 2rem;line-height: 1.4;text-align: center;margin-bottom: 40px;}
#com-04 h3{font-size: 20px;font-size: 2rem;line-height: 1.4;text-align: center;margin-bottom: 40px;}

		#com-header-color {
	height: 250px;
	margin-top: -130px;
}

}

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

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

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

#com-02{padding: 30px 0 30px;}
#com-02 h1 img{width: 200px;}
#com-02 table {width: 100%;border: 1px solid #cccc;}
#com-02 th,#com-02 td{
	vertical-align: top;
	padding: 21px 20px;
	border-bottom: 1px dotted #333333;
	background-color: #eaeaea;
	line-height: 160%;
}
#com-02 th{
	width: 250px;
	background-color: #09508d;
	color: #ffffff;
	font-weight: 600;
}

#com-03{padding: 30px 0 30px;}
#com-03 h1 img{width: 200px;}
#com-03 table {width: 100%;border: 1px solid #cccc;}
#com-03 th,#com-03 td{
	vertical-align: top;
	padding: 10px 10px;
	border-bottom: 1px dotted #333333;
	background-color: #eaeaea;
	line-height: 160%;
}
#com-03 th{
	width: 170px;
	background-color: #09508d;
	color: #ffffff;
	font-weight: 600;
}

#com-04{padding: 30px 30px;}
#com-04 p{font-size: 14px;font-size: 1.4rem;}
#com-04 h1 img{width: 200px;}
#com-04 table {width: 100%;border-bottom: 1px dotted #333333;margin-bottom: 10px;}
#com-04 th{
	vertical-align: top;
	padding: 20px 0 0 0;
	line-height: 1.6;
}
#com-04 th{width: 400px; padding-right: 15px;}

#com-04 td{
	vertical-align: top;
	padding: 20px 0 30px 0;
	line-height: 1.6;
	text-align: right;
}

#com-04 td img{
	max-width: 163px;
	padding-right: 15px;
}

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

#com-02 h3 img{width: 194px;}
#com-03 h3 img{width: 194px;}
#com-04 h3 img{width: 194px;}

.com04-map{
position: relative;
display: inline-block;
text-align: center;
background: url(https://www.toste.co.jp/wp/wp-content/themes/toste_co/img/b-arrow2.png) no-repeat 20% center;
background-size: 15px;
letter-spacing: 0.05em;
border: 1px solid #09508d;
color: #09508d;
width: 100px;
height: 35px;
line-height: 28px;
margin: 0 auto;
padding: 4px 0 0 10px;
font-size: 14px;font-size: 1.4rem;
font-weight: 600;
margin-left: 15px;
}


@media (max-width: 960px) {
	#com-02 th{width: 180px;}
	#com-03 th{width: 180px;}
	#com-04 th{width: 180px;}
}
@media (max-width: 768px) {
	#com-02 table {display: block;margin-bottom: 25px;border: none;}
	#com-02 th,#com-02 td{display: block;width: 100%;padding: 10px 20px;}
	#com-02 td{margin-bottom: 10px;border: none;}
	#com-02{padding: 15px 0 5px;}
	#com-03 table {display: block;margin-bottom: 25px;border: none;}
	#com-03 th,#com-03 td{display: block;width: 100%;padding: 10px 20px;}
	#com-03 td{margin-bottom: 10px;border: none;}
	#com-03{padding: 15px 0 5px;}
	
	#com-04 table {display: block;margin-bottom: 10px;border: none;}
	#com-04 th,#com-04 td{display: block;width: 100%;padding: 10px 0 5px 0;margin-bottom: 10px;}
	#com-04 th{vertical-align: top;padding: 5px 5px 0 0;border-bottom: none;line-height: 160%;}
	#com-04 td{margin-bottom: 10px;border: none;display: block;vertical-align: top;padding: 5px 5px 40px 0;border-bottom: 1px dotted #333333;line-height: 160%;text-align: left;}

	#com-04 td img{
	max-width: 100%;
	padding-right: 0;
}
	
	#com-04{padding: 15px 0 0;}
	#com-02 h2 {line-height: 1.3;margin-top: 10px;margin-bottom: 25px;border-bottom: solid 3px #09508d;padding-bottom: 10px;text-align: left;width: 98%;}
	#com-02 h5 {line-height: 1.3;margin-top: 10px;margin-bottom: 25px;border-bottom: solid 3px #09508d;padding-bottom: 10px;text-align: left;}
	#com-03 h2 {line-height: 1.3;margin-top: 10px;margin-bottom: 25px;border-bottom: solid 3px #09508d;padding-bottom: 10px;text-align: left;width: 98%;}
	
	.com04-map{
position: relative;
display: block;
text-align: center;
background: url(https://www.toste.co.jp/wp/wp-content/themes/toste_co/img/b-arrow2.png) no-repeat 20% center;
background-size: 15px;
letter-spacing: 0.05em;
border: 1px solid #09508d;
color: #09508d;
width: 100px;
height: 35px;
line-height: 28px;
padding: 4px 0 0 10px;
font-size: 14px;font-size: 1.4rem;
font-weight: 600;
margin-top: 10px;
margin-left: 0;
margin-bottom: 10px;
}

#com-04 h2{
	font-size: 20px;font-size: 2rem;
	line-height:2;
	color: #09508d;
	margin-bottom: 5px;
	font-weight: bold;
	padding-left: 1.6em;
background: url(https://www.toste.co.jp/wp/wp-content/themes/toste_co/img/com-mappin01.png) no-repeat left 4px;
background-size: 22px;
}
#com-04 h5 {line-height: 1.4;
margin-top: 5px;
margin-bottom: 20px;
border-bottom: dashed 1px #09508d;
padding-bottom: 10px;
font-size: 18px;font-size: 1.8rem;
font-weight: 600;
color: #09508d;}
}

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%;}
	#com-01 h2{
	font-size: 20px;font-size: 2.0rem;
	line-height: 1.6;
	margin-bottom: 5px;
	font-weight: 600;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
}


#map{width: 100%;height: 400px;margin-bottom: 25px;}
#map iframe{width: 100%;height: 100%;}
@media (max-width: 768px) {
	#map{height: 300px;}
}