/* ----------------------------------------------
 common
---------------------------------------------- */
html,body,h1,h2,h3,h4,h5,p,form{margin:0;padding:0;}
html{font-size: 62.5%;}
body{
	font-size:13px;font-size:1.3rem;
	line-height:1.5em;
	color:#222;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
}
a:link, a:hover, a:visited{color:#222;}
a:hover{text-decoration:none;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
img{height:auto;}
small{line-height:1.25em;}

.red{color:red;}
.table{display:table;}
.tr{display:table-row;}
.th,.td{display:table-cell;}
.clear{clear:both;}.clear:after{content: "";clear: both;height: 0;display: block;visibility: hidden;}

/* 感想 */
#review{
}
	#review .table{
		width:100%;
		margin-bottom:10px;
		padding-right:8px;
		padding-bottom:8px;
		box-sizing:border-box;
		background:#feeccb;
	}
	#review .table .th, #review .table .td{
		padding-left:8px;
		padding-top:8px;
		text-align:left;
		vertical-align:top;
		box-sizing:border-box;
	}
	#review .table .td{
		width:100%;
	}
	#review .table .td p{
		padding:5px;
		margin:0;
		box-sizing:border-box;
		font-size:95%;
		line-height:1.4em;
	}

/* 日程 */
#schedule{
	padding-top:10px;
	padding-bottom:10px;
}
	#schedule table{
		margin-bottom:10px;
		border-right:solid 1px #999;
		border-top:solid 1px #999;
	}
	#schedule th, #schedule td{
		padding:6px;
		box-sizing:border-box;
		font-size:95%;
		line-height:1.4em;
		vertical-align:middle;
		border-left:solid 1px #999;
		border-bottom:solid 1px #999;
	}
	#schedule th{
		font-weight:normal;
		background:#f5f5f5;
		white-space:nowrap;
	}
	#schedule td{
		width:100%;
		text-align:left;
	}

/* フッター */
footer{
	box-sizing:border-box;
	background:white;
}
	footer ul, footer li{
		list-style:none;
		float:left;
	}
	footer .table{
		width:100%;
		margin:0;
		padding:0;
		line-height:1.5em;
	}
	footer .table .th{
		margin:0;
		padding:0 10px 0 0;
		text-align:right;
		white-space:nowrap;
	}
	footer .table .td{
		margin:0;
		width:100%;
		text-align:left;
	}

/* ----------------------------------------------
 PC
---------------------------------------------- */
@media print, screen and (min-width: 768px){
body{
	background:#999;
	font-size:13px;font-size:1.3rem;
	line-height:1.5em;
	color:#222;
	text-align:center;
}
.sp{display:none;}

header,section,footer{
	width:780px;
	margin:0 auto;
	background:white;
}

article{
	padding-bottom:10px;
	clear:both;
}
	article p{margin-bottom:18px;}
	article p strong{font-size:105%;}

#main{
	padding:0 40px;
	box-sizing:border-box;
	background:white;
}

/* レイアウト */
.flex{
	width:100%;
	padding:10px 0;
	display:table;
}
	.flex .cell{
		text-align:center;
		display:table-cell;
		vertical-align:top;
	}

/* リスト */
ul.point{
	padding-left:25px;
	text-align:left;
}
	ul.point li{
		margin:0;
		padding-bottom:5px;
		list-style:none;
		text-indent:30px;
		background:url('https://www.furowork.net/mongolia/images/icon_gel.gif') no-repeat 0px 0px;
		font-size:18px;font-size:1.8rem;
		line-height:1.5em;
		font-weight:bold;
	}

/* タイトル */
h2,h3,h4{padding-left:10px;padding-right:10px;}
h2{
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:37px;font-size:3.7rem;
	line-height:1.2em;
}
h3{
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:22px;font-size:2.2rem;
	line-height:1em;
	border-top:solid 2px black;
	background:#eee;
}
h4{
	margin-bottom:10px;
	padding-top:8px;
	padding-bottom:8px;
	font-size:16px;
	line-height:1em;
	background:#eadfe9;
	position:relative;
}
	h4 .icon{
		left:20px;
		bottom:-2px;
		position:absolute;
	}
	h4 .icon img{
		width:90px;
		height:auto;
	}
h5{
	margin-bottom:10px;
	padding:8px;
	font-size:16px;font-size:1.6rem
	line-height:1em;
    color:white;
	background:#f86317;
}

/* フォーム */
form{
	padding:15px;
	box-sizing:border-box;
	border:solid 3px red;
	display:block;
}
	form h3{
		color:#c70012;
		background:#f7e5e5;
		border-top:none;
	}
	form .table{
		padding:10px 0;
	}
	form .th, form .td{
		font-size:95%;
		font-weight:normal;
		vertical-align:middle;
		border-bottom:solid 2px white;
	}
	form .th{
		width:50%;
		padding:8px;
		background:#faf3f4;
		box-sizing:border-box;
		text-align:right;
	}
	form .td{
		width:50%;
		padding:8px;
		box-sizing:border-box;
		text-align:left;
	}

/* フッター */
footer{
	padding:20px 40px;
}


/* end PC */}


/* ----------------------------------------------
 SP
---------------------------------------------- */
@media screen and (max-width: 768px){
.pc{display:none;}

body{
}

#main{
	padding:0 8px;
	box-sizing:border-box;
	background:white;
}

article{
	padding:4px;
	box-sizing:border-box;
}
	article p{margin-bottom:10px;}
	article p br{display:none;}

/* レイアウト */
.flex{
	width:100%;
	padding:10px 0;
	display:table;
}
	.flex .cell{text-align:center;}
	.flex .cell img{width:72%;height:auto;}
	.flex .cell img.sp100per {width:100%;}

/* リスト */
ul.point{
	padding-left:0;
	text-align:left;
}
	ul.point li{
		margin:0;
		padding-bottom:10px;
		list-style:none;
		text-indent:30px;
		background:url('https://www.furowork.net/mongolia/images/icon_gel.gif') no-repeat 0px -4px;
		font-size:14px;font-size:1.4rem;
		line-height:1.5em;
		font-weight:bold;
	}

/* タイトル */
h3,h4{padding-left:8px;padding-right:8px;}
h2{
	padding:8px 4px;
	font-size:20px;font-size:2.0rem;
	line-height:1.2em;
}
h3{
	margin-bottom:10px;
	padding-top:8px;
	padding-bottom:8px;
	font-size:15px;font-size:1.5rem;
	line-height:1em;
	border-top:solid 2px black;
	background:#eee;
}
h4{
	margin-bottom:10px;
	padding-top:8px;
	padding-bottom:8px;
	font-size:13px;font-size:1.3rem;
	line-height:1em;
	background:#eadfe9;
	position:relative;
}
	h4 .icon{
		right:10px;
		bottom:-2px;
		position:absolute;
	}
	h4 .icon img{
		width:70px;
		height:auto;
	}
h5{
	margin-bottom:10px;
	padding:8px;
	font-size:13px;font-size:1.3rem;
	line-height:1.25em;
    color:white;
	background:#f86317;
}


/* 感想 */
#review .table img{
	width:50px;
	height:auto;
}

/* フォーム */
form{
	padding:10px;
	box-sizing:border-box;
	border:solid 3px red;
	display:block;
}
	form h3{
		color:#c70012;
		background:#f7e5e5;
		border-top:none;
	}
#form{
	padding:0;
}
	#form .th, form .td{
		width:100%;
		font-weight:normal;
		vertical-align:middle;
		border-bottom:solid 2px white;
		display:block;
	}
	#form .table{
		width:100%;
	}
	#form .th{
		padding:5px 2px;
		font-weight:bold;
		box-sizing:border-box;
		background:none;
		text-align:left;
		border-bottom:dotted 1px #aaa;
	}
	#form .td{
		padding:8px 8px 16px 8px;
		box-sizing:border-box;
		text-align:left;
	}
	#form .btn{
		max-width:328px;
		width:80%;

	}

/* フッター */
footer{
	padding:20px 8px;
	box-sizing:border-box;
}


/* end SP */}