@charset "UTF-8";

/*****************************************************
　other　
*****************************************************/
/* color
------------------------------------------------- */
.c-d6705b{color:#d6705b;}
.c-806134{color:#806134;}
/* font-weight
------------------------------------------------- */
.f-bold{font-weight:bold;}
/* margin
------------------------------------------------- */
/* ----- top ----- */
.mt15{margin-top: 15px;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}
.mt10{margin-top: 10px;}
/* ----- bottom ----- */
.mb35{margin-bottom: 35px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}

/*****************************************************
　about_content　
*****************************************************/
.brown-bg {
	border-radius: 10px;
	background: url('../images/common/bg_brown.png') repeat left top;
	margin: 40px 0 0;
	padding: 30px 26px;
}
.about_content{
	max-width: 960px;
	width: 100%;
	margin: 0 auto 80px;
}
.about_content > h2{
	margin-bottom:35px;
	text-align: left;
}
.about_content > h2{
	text-align:center;
}

.koshibox+div{
	overflow:hidden;
}
.koshibox+div .content_left{
	max-width:460px;
	width:100%;
	float:left;
}
.koshibox+div .content_left img{
	float:left;
}
.koshibox+div .content_left img+div{
	overflow:hidden;
}
.koshibox+div .content_left img+div p{
	padding: 25px 0 0 10px;
}
.koshibox+div .content_right{
	max-width:440px;
	width:100%;
	float:right;
}
.koshibox+div .content_right p{
	font-size:18px;
	line-height:34px;
}
.koshibox .koshibox-ttl{
	color: #fff;
	line-height: 55px;
	float: left;
}
.koshibox_conts >img{
	position:absolute;
	right: 40px;
	bottom:10px;
}
.gikkuri{
	max-height:460px;
	padding:10px 0;margin-bottom:25px;
	width:100%;
	text-align:center;
	color:#fff;
	background: url(../images/common/bg_blue.png);
}
.gikkuri p{
	font-size:20px;
	line-height:25px;
}

/*****************************************************
　moshi_conts
*****************************************************/
.moshi_conts{
	max-width: 960px;
	width: 100%;
	margin: 60px auto 85px;
	border: 4px solid #cdc0a3;
	border-radius: 15px;
	padding: 30px;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
	position: relative;
}
.moshi_conts .moshi-ttl{
	background:url('../images/common/brownline.png') repeat-x left bottom;
	padding:0 0 29px;
	line-height: 0;
}
.moshi_conts h2+img{
	margin-left: 6.66%;
	width: 93.75%;
	max-width: 790px;
}
#moshi ul{
	max-width: 380px;
	width: 100%;
	float:left;
}
#moshi ul:first-of-type{
	max-width: 492px;
	width: 55.15%;
}
#moshi ul:last-of-type{
	max-width: 400px;
	width: 44.85%;
	float:right;
}
#moshi .largetext{
	color: #806134;
	font-size: 25px;
	font-weight:bold;
	background: url(../images/top/check_bg.png) no-repeat center center;
	background-size:882px auto;
	padding:10px 5px;
	clear:both;
}
#moshi ul li{
	background:url('../images/top/check_icon.png') no-repeat left center;
	min-height: 26px;
	text-align: left;
	margin: 25px auto;
	padding:0 0 0 38px;
	clear:both;
}
#moshi ul li img,#moshi ul p{
	vertical-align: middle;
}
#moshi ul li img{
	margin-right: 5px;
	float:left;
}
#moshi ul li p{
	padding-left:38px;
	padding-top:2px;
}
#moshi ul li a:link{/* 未訪問のリンク */
	font-size: 19px;
	text-decoration:underline;
}
#moshi ul li a:visited{/* 訪問済みのリンク */
	font-size: 19px;
	text-decoration:underline;
}
#moshi ul li a:hover{/* ポイント時のリンク */
	font-size: 19px;
	text-decoration:underline;
}
#moshi ul li a:active{/* 選択中のリンク */
	font-size: 19px;
	text-decoration:underline;
}

/*****************************************************
　koshi_detail
*****************************************************/
#koshi_detail {
	background: rgba(255,255,255,0.5);
	overflow: hidden;
	color: #666;
}
#koshi_detail > div {
	max-width: 960px;
	width: 100%;
	margin: 20px auto 80px;
}
#koshi_detail h2{
	font-size: 27px;
	font-weight: bold;
	color: #d6705b;
	margin: 0 0 20px;
}
#koshi_detail h2 img {
	vertical-align: middle;
	margin: -8px 0 0;
	padding: 0 12px 0 0;
}
#koshi_detail p.sub_title {
	color:#806134!important;
	font-size:20px!important;
	margin:20px 0;
}
.genin{
	margin:15px 0 20px;
}
.tokucho{
	margin: 20px 0;
}
.tokucho_list ul li{
	background: url('../images/common/li_icon.png') no-repeat left 2px;
	margin: 0 0 6px;
	padding: 0 0 0 31px;
}
.kinniku{
	margin:20px 0;
}
.chiryobox{
	border-radius: 10px;
	background-color: #fff;
	overflow: hidden;
}
.chiryobox .chiryobox_title{
	background: url('../images/common/chiryobox_ttlbg.png') no-repeat left top;
	font-size: 23px;
	font-weight: bold;
	line-height: 40px;
	color: #fff;
	margin: 0 0 20px;
	padding: 0 0 0 50px;
}
.chiryobox>div{
	padding: 0 30px 30px;
}
#koshi01 h3{background: url('../images/common/num01.png') no-repeat left center;}
#koshi02 h3{background: url('../images/common/num02.png') no-repeat left center;}
#koshi03 h3{background: url('../images/common/num03.png') no-repeat left center;}
#koshi04 h3{background: url('../images/common/num04.png') no-repeat left center;}
.title h3{
	font-size: 24px;
	font-weight: normal;
	color: #806134;
	padding: 18px 0 18px 98px;
}
.title h3 span:first-of-type{
	background: url('../images/common/border_bg.png') no-repeat left bottom;
	background-size: 100% 5px;
	-webkit-background-size: 100% 5px;
	padding: 0 0 10px;
	display:block;
}
#koshi01 .koshi_contentinner > p{
	padding: 0 0 0 98px;
	font-size:22px;
}
#koshi01 .causettl,
#koshi03 .causettl,
#koshi04 .causettl{
	width: 100%;
	max-width:160px;
	float:left;
}
#koshi01 .causettl +div,
#koshi03 .causettl +div,
#koshi04 .causettl +div{
	width:100%;
	max-width:730px;
	float:right;
}
#koshi01 .causettl +div>div{
	margin-top:20px;
}
#koshi01 .causettl +div>div img{
	float:left;
}
#koshi01 .causettl +div>div img:last-of-type{
	padding-top:20px;
}
#koshi01 .tokucho .tokuchottl,
#koshi03 .tokucho .tokuchottl,
#koshi04 .tokucho .tokuchottl{
	width: 100%;
	max-width:160px;
	float:left;
}
#koshi01 .tokucho .tokucho_list{
	width:100%;
	max-width:730px;
	float:right;
}
#koshi01 .chiryobox .content_left{
	width:46%;
}
#koshi01 .chiryobox .content_right{
	width:46%;
}
#koshi01 .kinniku_content .content_left{
	max-width:400px;
	width:100%;
}
#koshi01 .kinniku_content .content_left div{
	width:100%;
	max-width:210px;
	float:left;
}
#koshi01 .kinniku_content .content_left div+div{
	max-width:190px;
	float:right;
	padding: 40px 0 0 0;
	text-align:center;
}
#koshi01 .kinniku_content .content_left div+div img{
	float:none;
	margin:0 auto;
}
#koshi01 .kinniku_content .content_right{
	max-width:500px;
	width:100%;
}
#koshi01 .kinniku_content .content_right div{
	max-width:210px;
	width:100%;
	float:left;
}
#koshi01 .kinniku_content .content_right div+div{
	float:right;
	max-width:230px;
	padding: 40px 0 0 0;
	text-align:center;
}
#koshi01 .kinniku>p{
	font-size:14px;
	float:right;
	text-align:right;
	margin-top:35px;
}
#koshi02 .causettl{
	width: 100%;
	float:left;
	margin-bottom:20px;
}
#koshi02 .genin > div{
	margin:0 0 20px;
}
#koshi02 .genin .genintop .content_left{
	width:100%;
	max-width:610px;
}
#koshi02 .genin .genintop .content_right{
	width:100%;
	max-width:280px;
}
#koshi02 .genin .genintop .content_right img{
	margin-top:-50px;
}
#koshi02 .genin .geninbottom .content_left{
	width:100%;
	max-width:46%;
}
#koshi02 .genin .geninbottom .content_right{
	width:100%;
	max-width:46%;
}
#koshi02 .tokuchottl{
	width: 100%;
	float:left;
	margin-bottom:20px;
}
#koshi02 .chiryoboxinner .content_left{
	max-width: 630px;
	width:100%;
}
#koshi02 .chiryoboxinner .content_right{
	max-width: 210px;
	width:100%;
}
#koshi02 .chiryoboxinner .content_right img{
	padding-top:40px;
	float:right;
}
#koshi03 .genin .content_left{
	width:100%;
	max-width:440px;
}
#koshi03 .genin .content_right{
	width:100%;
	max-width:260px;
}
#koshi03 .tokucho .tokucho_list{
	max-width:730px;
	width:100%;
	float:right;
}
#koshi04{
	border-radius: 14px 14px 0 0;
}
#koshi04 .causettl +div .content_left{
	max-width:440px;
	width:100%;
}
#koshi04 .causettl +div .content_right{
	max-width:240px;
	width:100%;
}
#koshi04 .causettl +div .content_right img+img{
	margin-top: 20px;
}
#koshi04 .tokuchottl+div{
	max-width:730px;
	width:100%;
	float:right;
}
#koshi04 .chiryoboxinner .content_left{
	max-width: 540px;
	width:100%;
}
#koshi04 .chiryoboxinner .content_right{
	max-width: 220px;
	width:100%;
}
#koshi04 .chiryoboxinner .content_right img{
	margin-top: -35px;
}
.koshi_content_bottom{
	margin-top:0;
	border-radius:0 0 14px 14px;
}
.koshi_content_bottom #koshi05,
.koshi_content_bottom #koshi06{
	text-align:center;
	margin:10px 0;
}
.koshi_content_bottom #koshi05 a{
	background: url('../images/common/num05.png') no-repeat left center;
	background-size: 52px 52px;
	-webkit-background-size: 52px 52px;
	line-height: 52px;
	padding-left:70px;
	display:inline-block;
}
.koshi_content_bottom #koshi06 a{
	background: url('../images/common/num06.png') no-repeat left center;
	background-size: 52px 52px;
	-webkit-background-size: 52px 52px;
	line-height: 52px;
	padding-left:70px;
	display:inline-block;
}
.koshi_content_bottom #koshi05 a img,
.koshi_content_bottom #koshi06 a img{
	vertical-align:middle;
}

.bg2_top{
	width: 100%;
}
.bg2_under_box{
	margin-bottom:60px;
}
.bg2_under_box img{
	vertical-align:top;
	width: 100%;
}
.bg_yellow{
	background: #ffff80;
	padding:4px 6px;
}

.content_left{
	float:left;
}
.content_right{
	float:right;
}

#koshi02 .tokucho .tokucho_list .content_right{
	max-width: 46%;
	width: 100%;
}

@media screen and (max-width:960px){
	/*****************************************************
	　about_content
	*****************************************************/
	.about_content{
		max-width: 560px;
		font-size:22px;
		line-height:38px;
		margin-top:30px;
	}
	.koshibox{
		padding: 0;
	}
	.koshibox+div .content_left{
		max-width:none;
		width:100%;
		margin-bottom:30px;
		text-align: center;
	}
	.title h3 span:first-of-type{
		background: none;
		padding-bottom: 0;
	}
	.gikkuri{
		max-height: none;
		padding: 10px;
		margin-bottom: 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.koshibox+div .content_left img{
		float: none;
	}
	.koshibox+div .content_left img+div{
		float:none;
		text-align: left;
	}
	.koshibox+div .content_left img+div p{
		font-size:18px;
		padding-top:10px;
	}
	.koshibox+div .content_left img+div p a{
		font-size:18px;
	}
	.koshibox+div .content_right{
		float:left;
		max-width:none;
	}
	#koshi01 h3,
	#koshi02 h3,
	#koshi03 h3,
	#koshi04 h3 {
		background-size:52px 52px;
		-webkit-background-size:52px 52px;
	}
	#koshi01 h3 span{
		background:none;
	}
	#koshi04 .title h3 span.content-pc{
		display:inline;
	}
	#koshi04 .title h3 span.content-sp{
		display:none;
	}
	.koshi_content h3 {
		font-size: 25px;
		padding: 12px 0 12px 70px;
	}

	/*****************************************************
	　moshi_conts
	*****************************************************/
	#moshi{
		max-width: 560px;
		font-size:22px;
		line-height:38px;
		width:100%;
		margin: 0 auto;
	}
	.moshi_conts {
		max-width: none;
		width: auto;
		margin: 0 auto;
	}
	.page-id-868 .koshi_content .title{
		/*background:url(../images/common/menu_arrow_sp2.png) right 10px center no-repeat;*/
		background-size: 30px 30px;
		-webkit-background-size: 30px 30px;
		padding:0 30px 0 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.page-id-868 .koshi_content .title.open{
		/*background:url(../images/common/menu_arrow_sp2_open.png) right 10px center no-repeat;*/
		background-size: 30px 30px;
		-webkit-background-size: 30px 30px;
	}
	.koshi_content .title > div{
		padding-top:0;
	}
	#moshi ul:first-of-type,
	#moshi ul:last-of-type{
		max-width: none;
		width: 100%;
		float:none;
	}
	#moshi ul:last-of-type{
		margin-bottom:20px;
	}
	#moshi ul li{
		margin:10px 0;
	}
	#moshi ul li p{
		padding-top:0;
	}
	#moshi .largetext {
		font-size: 22px;
		background-size:cover;
		padding: 15px 5px;
		clear: both;
	}
	.tabMenu2 > div+div{
		background: url('../images/common/border_bg.png') no-repeat left top;
		background-size:100% 5px;
		-webkit-background-size:100% 5px;
		margin-top:10px;
		padding:5px 0 0;
	}

	/*****************************************************
	　koshi_detail
	*****************************************************/
	#koshi_detail > div{
		max-width: 560px;
	}
	.koshi_content{
		max-width: none;
		width: auto;
		padding:14px 20px;
		margin-bottom:15px;
	}
	.koshi_content .title img{
		height: 52px;
		width: auto;
		padding: 10px;
	}
	.tokuchottl,
	.causettl,
	.kinnikuttl{
		margin-bottom:20px;
	}
	#koshi01 .koshi_contentinner > p{
		padding: 0;
		font-size: 22px;
		line-height: 38px;
	}
	#koshi01 .title h3 span,
	#koshi04 .title h3 span{
		line-height:28px;
	}
	#koshi01 .kinniku>p{
		text-align:left;
	}
	#koshi01 .chiryobox .content_left,
	#koshi01 .chiryobox .content_right,
	#koshi01 .kinniku_content .content_left,
	#koshi01 .kinniku_content .content_left div,
	#koshi01 .kinniku_content .content_right,
	#koshi01 .kinniku_content .content_right div,
	#koshi02 .genin .genintop .content_left,
	#koshi02 .genin .geninbottom .content_left,
	#koshi02 .genin .geninbottom .content_right,
	#koshi02 .chiryoboxinner .content_right,
	#koshi03 .genin .content_left,
	#koshi03 .tokucho .tokucho_list,
	#koshi04 .causettl +div .content_left,
	#koshi04 .chiryoboxinner .content_left,
	#koshi02 .tokucho .tokucho_list .content_left,
	#koshi02 .tokucho .tokucho_list .content_right{
		max-width:none;
		width:100%;
		float:left;
	}
	#koshi02 .genin .genintop .content_right,
	#koshi04 .causettl +div .content_right,
	#koshi03 .genin .content_right,
	#koshi04 .chiryoboxinner .content_right{
		max-width:none;
		width:100%;
		float:left;
		text-align:center;
	}
	#koshi01 .kinniku_content .content_left div+div,
	#koshi01 .kinniku_content .content_right div+div{
		max-width:none;
		width:100%;
		float:left;
	}
	#koshi02 .genin .genintop .content_right img{
		margin-top:0;
	}
	#koshi02 .chiryoboxinner .content_right img{
		float:left;
		padding-left:20px;
	}
	#koshi02 .chiryoboxinner .content_right img+img{
		float:right;
		padding-right:20px;
	}
	#koshi02 ul.content_right{
		float:left;
	}
	#koshi04{
		border-radius:14px;
	}
	#koshi01 .chiryobox .content_right img,
	#koshi04 .chiryoboxinner .content_right img,
	#koshi02 .genin .genintop .content_right img,
	#koshi03 .genin .content_right img{
		margin:20px 0;
	}
	#koshi04 .causettl +div .content_right{
		padding:20px 0;
	}
	.koshi_content_bottom {
		padding: 0;
		margin-top:20px;
		background:none;
	}
	.koshi_content_bottom #koshi05,
	.koshi_content_bottom #koshi06{
		overflow:hidden;
	}
	.koshi_content_bottom #koshi05 > img,
	.koshi_content_bottom #koshi06 > img{
		height: 52px;
		width: auto;
		padding: 0 20px;
		float:left;
	}
	.chiryobox .chiryobox_title{
		background: url('../images/common/chiryobox_ttlbg.png') no-repeat left top;
		font-size: 26px;
		line-height: 40px;
		padding: 0 0 0 30px;
		color:#fff;
	}

	.brown-bg{
		margin:15px 0 0;
	}
}

@media screen and (max-width:599px){
	#about{
		padding:0 15px;
	}
	.about_content h2 img{
		height: auto;
		width:100%;
		max-width:320px;
	}
	.page-id-868 .koshi_content .title{
		/*background: url(../images/common/menu_arrow_sp2.png) right center no-repeat;*/
		background-size:30px 30px;
		-webkit-background-size:30px 30px;
	}
	.page-id-868 .koshi_content .title.open{
		/*background: url(../images/common/menu_arrow_sp2_open.png) right center no-repeat;*/
		background-size:30px 30px;
		-webkit-background-size:30px 30px;
	}
	.koshibox+div .content_right p,
	.koshibox+div .content_right p a{
		font-size:16px;
		line-height:27px;
	}
	.koshibox{
		width:auto;
		background:none;
		margin-bottom:20px;
	}
	.koshibox+div .content_left .gikkuri+img{
		margin:0 20%;
		width:60%;
		float:none;
	}
	.koshibox+div .content_left img+div{
		margin-right:0;
		float:left;
	}
	.koshibox+div .content_left img+div p,
	.koshibox+div .content_left img+div p a {
		font-size: 16px;
		padding-top: 6px;
	}

	/*****************************************************
	　moshi_conts
	*****************************************************/
	#moshi{
		font-size:16px;
		line-height:27px;
	}
	#moshi .largetext{
		font-size:18px;
		line-height:27px;
	}

	.moshi_conts{
		padding: 10px 15px 15px;
	}

	/*****************************************************
	　koshi_detail
	*****************************************************/
	#koshi_detail h2{
		font-size:18px;
	}
	#koshi_detail h3{
		max-width:none;
		width:auto;
		font-size:18px;
		line-height:27px;
	}
	#koshi_detail p,
	#koshi01 .koshi_contentinner > p{
		font-size:18px;
		line-height:27px;
	}
	#koshi_detail > div{
		width:auto;
		padding:0 15px;
	}
	.koshi_content .title h3{
		padding: 12px 0 12px 56px;
	}
	#koshi04 .title h3 span.content-pc{
		display:none;
	}
	#koshi04 .title h3 span.content-sp{
		display:inline;
	}
	#koshi01 .causettl +div>div,
	#koshi02 .chiryoboxinner .content_right{
		text-align:center;
	}
	#koshi01 .causettl +div>div img,
	#koshi02 .chiryoboxinner .content_right img,
	#koshi02 .chiryoboxinner .content_right img+img{
		float:none;
		padding-left:0;
		padding-right:0;
	}
	.koshi_content_bottom #koshi05 a,
	.koshi_content_bottom #koshi06 a{
		padding-left: 56px;
	}
	#koshi05 a img,
	#koshi06 a img{
		height: auto;
		width:100%;
		padding:16px 0;
	}
	.koshi02 .chiryobox .content_right{
		text-align:center;
	}
	.koshi02 .chiryobox .content_right img{
		margin-bottom:20px;
	}
	.koshi02 .chiryobox .content_right img,
	.koshi02 .chiryobox .content_right img+img{
		float: none;
		height: auto;
		width: auto;
	}
	.chiryobox>div{
		padding: 0 15px 30px;
	}
	.chiryobox .chiryobox_title{
		font-size: 18px;
		line-height: 30px;
		padding: 5px 15px;
	}

	.kaigyonashi{
		display:none;
	}
}