/*----------------------------------------------------
** WEB COMBO / exsample.css *ページに合わせてファイル名を変更する
** Ver.1.0.0
** copyright 2020 GRANTEST Inc.
**----------------------------------------------------
** Common settings
**----------------------------------------------------*/

/*共通のスタイルをここに記載*/

@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){
	
	/*レティーナディスプレイ用のスタイルをここに記載*/
	
}
@media screen and (max-width:767px){
	
	/*スマートフォン用のスタイルをここに記載*/
	div.childinner{
		width:100%;
		padding:0 1em;
		box-sizing:border-box;
	}
	div.contactpage{
		padding-top:50px;
	}
	div.contactpage form{
		background-color:rgba(255,255,255,0.65);
		padding:1em;
	}
	div.contactpage dl{
		margin-bottom:2em;
	}
	div.contactpage dl dt{
		color:#444;
		margin-bottom:5px;
	}
	div.contactpage dl dd{
	}
	div.contactpage dl dd input{
		width:100%;
		line-height:40px;
	}
	div.contactpage dl dd textarea{
		width:100%;
		resize: none;
		height:150px;
	}
	div.soushin{
	}
	div.soushin button{
		padding:0 2em;
		font-size:18px;
		background-color:#e8599a;
		color:#fff;
		border-radius:10px;
		line-height:50px;
		display:table;
		margin:0 auto;
		border:none;
	}
	
}
@media screen and (max-width:320px){
	
	/*小さいサイズのスマートフォン用のスタイルをここに記載*/
	
}
@media screen and (min-width:768px) and (max-width:1099px){
	
	/*タブレット用のスタイルをここに記載*/
	div.childinner{
		width:100%;
		padding:0 6vw;
		box-sizing:border-box;
	}
	div.contactpage{
		padding-top:70px;
	}
	div.contactpage form{
		background-color:rgba(255,255,255,0.65);
		padding:2em;
	}
	div.contactpage dl{
		margin-bottom:2em;
	}
	div.contactpage dl dt{
		color:#444;
		margin-bottom:5px;
	}
	div.contactpage dl dd{
	}
	div.contactpage dl dd input{
		width:100%;
		line-height:40px;
	}
	div.contactpage dl dd textarea{
		width:100%;
		resize: none;
		height:150px;
	}
	div.soushin button{
		padding:0 2em;
		font-size:24px;
		background-color:#e8599a;
		color:#fff;
		border-radius:10px;
		line-height:50px;
		display:table;
		margin:0 auto;
		border:none;
	}
	
}
@media (orientation: landscape) and (max-width:568px){
	
	/*小さいサイズのスマートフォン用横向きのスタイルをここに記載*/
	
}
@media (orientation: landscape) and (min-width:569px) and (max-width:724px){
	
	/*大きいサイズのスマートフォン用横向きのスタイルをここに記載*/
	
}
@media (orientation: landscape) and (min-width:725px) and (max-width:1099px){
	
	/*タブレット用横向きのスタイルをここに記載*/
	
}
@media screen and (min-width:1100px){
	
	/*PC用のスタイルをここに記載*/
	div.childinner{
		width:800px;
		margin:100px auto 0 auto;
	}
	div.contactpage{
		background-color:rgba(255,255,255,0.65);
		padding:50px;
	}
	div.contactpage dl{
		margin-bottom:2em;
	}
	div.contactpage dl dt{
		color:#444;
		margin-bottom:5px;
	}
	div.contactpage dl dd{
	}
	div.contactpage dl dd input{
		width:100%;
		line-height:40px;
	}
	div.contactpage dl dd textarea{
		width:100%;
		resize: none;
		height:150px;
	}
	div.soushin{
	}
	div.soushin button{
		padding:0 2em;
		font-size:24px;
		background-color:#e8599a;
		color:#fff;
		border-radius:10px;
		line-height:50px;
		display:table;
		margin:0 auto;
		border:none;
	}
}