@charset "utf-8";


/**************************************************50
 * inquiry
 **************************************************/
#inquiry{
}
#inquiry > ul{
	text-align: center;
}
#inquiry > ul > li{
	border-radius: 7px;
	box-shadow: 1px 1px 6px 2px rgba(0,0,0,0.2);
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}
#inquiry > ul > li h2{
	background-color: #E2F0D3;
	line-height: 1.2;
}
#inquiry > ul > li h2:before{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	padding-top: 50px;
}
#inquiry > ul > li:nth-child(1) h2:before{
	background-image: url("https://ins-parasol.co.jp/images/user/inquiry/visit.png");
}
#inquiry > ul > li:nth-child(2) h2:before{
	background-image: url("https://ins-parasol.co.jp/images/user/inquiry/request.png");
}
#inquiry > ul > li:nth-child(3) h2:before{
	background-image: url("https://ins-parasol.co.jp/images/user/inquiry/contact.png");
}
#inquiry > ul > li > p{
	color: #212121;
	font-size: 87.5%;
	line-height: 1.6;
}
#inquiry > ul > li > div{
}
#inquiry > ul > li > div address{
	color: #5284B9;
	line-height: 1.2;
}
#inquiry > ul > li > div address > span{
	border: 1px solid #5284B9;
	border-radius: 100px;
	display: inline-block;
	font-size: 62.5%;
	padding: 0.4em 1.6em;
}
#inquiry > ul > li > div address .mdi:before{
	margin-right: 0.2em;
}
#inquiry > ul > li > div address .mdi-phone-classic{
	color: #5284B9;
	display: block;
}
#inquiry > ul > li > div address .mdi-fax{
}
#inquiry > ul > li > div p{
	font-size: 87.5%;
	line-height: 1.6;
}
#inquiry > ul > li > div .inquiry_link{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border: 1px solid #0C9BD6;
	color: #0C9BD6;
	display: inline-block;
	height: 32px;
	line-height: 30px;
	position: relative;
	text-decoration: none;
	transition: background-color 0.2s ease-out 0s;
	width: 200px;
}
#inquiry > ul > li > div .inquiry_link:hover{
	background-color: #0C9BD6;
	color: #FFFFFF;
}
#inquiry > ul > li > div .inquiry_link:after{
	content: "\F0142";
	font-family: "Material Design Icons";
	font-size: 150%;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media screen and (max-width:639px){
	#inquiry > ul > li{
		padding-bottom: 3.125%;
		width: 87.5%;
		max-width: 380px;
	}
	#inquiry > ul > li h2{
		margin-bottom: 3.571428571428571%;
		padding-top: 3.571428571428571%;
		padding-bottom: 3.571428571428571%;
	}
	#inquiry > ul > li h2:before{
		margin-bottom: 1.785714285714286%;
	}
	#inquiry > ul > li > div{
		margin-top: 3.571428571428571%;
		margin-bottom: 3.571428571428571%;
	}
	#inquiry > ul > li > div p{
		padding: 0 1.785714285714286%;
	}
}
@media screen and (min-width:640px) and (max-width:767px){
	#inquiry > ul > li{
		margin-left: 1.5625%;
		margin-right: 1.5625%;
		padding-bottom: 3.448275862068966%;
		width: -webkit-calc((100% - (3.125% * 3)) / 2);
		width: calc((100% - (3.125% * 3)) / 2);
	}
	#inquiry > ul > li h2{
		margin-bottom: 6.896551724137931%;
		padding-top: 6.896551724137931%;
		padding-bottom: 6.896551724137931%;
	}
	#inquiry > ul > li h2:before{
		margin-bottom: 3.448275862068966%;
	}
	#inquiry > ul > li > div{
		min-height: 77px;
		margin-top: 6.896551724137931%;
		margin-bottom: 6.896551724137931%;
	}
	#inquiry > ul > li > div p{
		padding: 0 3.448275862068966%;
	}
	#inquiry > ul > li > div .inquiry_link{
		margin: 22px 0;
	}
}
@media screen and (max-width:767px){
	#inquiry{
		margin-bottom: 3.125%;
	}
	#inquiry > ul{
	}
	#inquiry > ul > li{
		margin-bottom: -webkit-calc(3.125% + 4px);
		margin-bottom: calc(3.125% + 4px);
	}
	#inquiry > ul > li h2{
		font-size: 112.5%;
	}
	#inquiry > ul > li h2:before{
	}
	#inquiry > ul > li > p{
	}
	#inquiry > ul > li > div{
	}
	#inquiry > ul > li > div address{
	}
	#inquiry > ul > li > div address .mdi-phone-classic{
		font-size: 150%;
	}
	#inquiry > ul > li > div address .mdi-fax{
		font-size: 125%;
	}
	#inquiry > ul > li > div .inquiry_link{
	}
}
@media screen and (min-width:768px){
	#inquiry{
		margin-bottom: 50px;
	}
	#inquiry > ul{
	}
	#inquiry > ul > li{
		margin-bottom: 50px;
		padding-bottom: 30px;
	}
	#inquiry > ul > li h2{
		font-size: 125%;
		margin-bottom: 20px;
		padding: 20px;
	}
	#inquiry > ul > li h2:before{
		margin-bottom: 10px;
	}
	#inquiry > ul > li > p{
	}
	#inquiry > ul > li > div{
		min-height: 92px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#inquiry > ul > li > div address{
	}
	#inquiry > ul > li > div address .mdi-phone-classic{
		font-size: 200%;
	}
	#inquiry > ul > li > div address .mdi-fax{
		font-size: 150%;
	}
	#inquiry > ul > li > div p{
		padding: 0 20px;
	}
	#inquiry > ul > li > div .inquiry_link{
		margin-top: 30px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#inquiry > ul > li{
		margin-left: 15px;
		margin-right: 15px;
		width: 320px;
	}
}
@media screen and (min-width:940px){
	#inquiry > ul > li{
		width: 380px;
	}
}
@media screen and (min-width:940px) and (max-width:1199px){
	#inquiry > ul > li{
		margin-left: 20px;
		margin-right: 20px;
	}
}
@media screen and (min-width:1200px) and (max-width:1279px){
	#inquiry > ul > li{
		margin-left: 35px;
		margin-right: 35px;
	}
}
@media screen and (min-width:1280px){
	#inquiry > ul > li{
		margin-left: 45px;
		margin-right: 45px;
	}
}