@charset "UTF-8";

/*============================
#contents
============================*/
@media screen and (min-width: 840px) {

#contents{
	width: 840px;
	margin:0 auto;
	overflow: hidden;
	padding-top: 20px;
}
.sidebox{
	width:150px;
	padding-top: 15px;
}
.index01{
	width:600px;
	background: url(../images/index/index_contents01.jpg) no-repeat center top ;
	padding:70px 30px 10px 30px;
	margin-bottom: 20px;
}
.index01_width{
	width:400px;
}
.text02{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	color: #722843;
	font-size: 16px;
	text-align: right;
	line-height: 22px;
}
.text02 span{
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color: #722843;
	font-size: 11px;
	text-align: right;
	line-height: 22px;
}
.menberbox{
	margin-top: 70px;
}
.menberbox ul{
	width:110px;
	height: 137px;
	background-color: #722843;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 11px;
	text-align: center;
	line-height: 22px;
	color: #fff;

	position:relative;
}
.menberbox ul a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
.menberbox ul a:hover{
	background-color:#FFF;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.menberbox01{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.index02{
	background: url(../images/index/index_contents03.jpg) no-repeat center 15px #e6e6e6;
	padding:50px 10px 10px 10px;
	margin-bottom: 20px;
}
.index02 a:hover{
	background-color:#FFF;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.flowbox{
	width:400px;
	margin-bottom:40px;
}
.flowbox01{
	background: url(../images/index/index_title01_bg.jpg) repeat-x center top ;
	padding-top: 5px;
	padding-left: 20px;
	margin-bottom: 5px;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 18px;
	line-height: 50px;
	color: #722843;
}
.flowbox02{
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 16px;
	text-align: left;
	line-height: 50px;
	border-bottom: dotted 1px #722843;
	font-weight: 600;
}
.flowbox02 span{
	background: url(../images/common/icon01.jpg) no-repeat left center ;
	padding-left: 20px;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 16px;
	text-align: left;
	line-height: 32px;
	color:#722843;
	margin-right: 20px;
	margin-left: 5px;
}
.newsbox{
	width:400px;
	margin-bottom:40px;
}
.newsbox01{
	background: url(../images/index/index_title01_bg.jpg) repeat-x center top ;
	padding-top: 5px;
	padding-left: 20px;
	margin-bottom: 5px;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 18px;
	line-height: 50px;
	color: #722843;
}
.newsbox02{
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 14px;
	text-align: left;
	line-height: 30px;
	border-bottom: dotted 1px #722843;
	font-weight: 600;
}
.newsbox02 span{
	color: #722843;
	margin-right: 20px;
}
.newsbox03{
	line-height: 20px;
	margin-bottom:10px;
}
.accessbox{
	background-color: #dadada;
	margin-top: 20px;
	padding-top:20px;
	padding-bottom:20px;
}

.accessbox01{
	width:250px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:single;
	-moz-box-lines:single;
	-webkit-flex-wrap:nowrap;
	-moz-flex-wrap:nowrap;
	-ms-flex-wrap:none;
	flex-wrap:nowrap;
	justify-content:space-between;
}
.mapph{
	width: 100px;
	height: 85px;
}
.accessbox01 ul{
	width:140px;
}
.access02{
	background: url(../images/common/icon02.jpg) no-repeat center left ;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	border-bottom: dotted 1px #722843;
	font-weight: 600;
	padding-left: 14px;
	margin-bottom:5px;
}
.access03{
	font-size: 10px;
}
.access04{
	font-size: 10px;
	color:#722843;
	font-weight: 600;
}

}


@media screen and (max-width: 840px) {

.title_sp{
	width:95%;
	height: 58px;
	background: url(../images/common/sp_title01_bg.jpg) no-repeat center left #722843;
	font-size: 2em;
	color:#fff;
	line-height:58px;
	padding-left:5%;
}
.wrap99{
	background-color: #f1ebca;
}
.wrap33{
	width:33%;
}
.wrap33 img {
	width:100%;
}
.index01{
	width:100%;
	background: url(../images/index/sp_contents_bg.jpg) no-repeat center 58px ;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.index01_width{
	width:90%;
	margin:auto;
}
.top_margin{
	margin-top: 45%;
	margin-bottom: 5%;
}
.text02{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	color: #722843;
	font-size: 16px;
	text-align: right;
	line-height: 22px;
}
.text02 span{
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color: #722843;
	font-size: 11px;
	text-align: right;
	line-height: 22px;
}
.menberbox{
	margin: 2% ;
}
.menberbox ul{
	width:110px;
	height: 137px;
	background-color: #722843;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 11px;
	text-align: center;
	line-height: 22px;
	color: #fff;

	position:relative;
}
.menberbox ul a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
.menberbox ul a:hover{
	background-color:#FFF;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.menberbox01{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.index02 ul {
	padding:2%;
}
.index02 li {
	width:48%;
}

.flowbox{
	width:100%;
	margin-bottom:40px;
}
.flowbox01{
	background: url(../images/index/index_title01_bg.jpg) repeat-x center top ;
	padding-top: 5px;
	padding-left: 20px;
	margin-bottom: 5px;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 18px;
	line-height: 50px;
	color: #722843;
}
.flowbox02{
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 16px;
	text-align: left;
	line-height: 50px;
	border-bottom: dotted 1px #722843;
	font-weight: 600;
}
.flowbox02 span{
	background: url(../images/common/icon01.jpg) no-repeat left center ;
	padding-left: 20px;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 16px;
	text-align: left;
	line-height: 32px;
	color:#722843;
	margin-right: 20px;
	margin-left: 5px;
}
.newsbox{
	width:100%;
	margin-bottom:40px;
}
.newsbox01{
	background: url(../images/index/index_title01_bg.jpg) repeat-x center top ;
	padding-top: 5px;
	padding-left: 20px;
	margin-bottom: 5px;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 18px;
	line-height: 50px;
	color: #722843;
}
.newsbox02{
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 14px;
	text-align: left;
	line-height: 30px;
	border-bottom: dotted 1px #722843;
	font-weight: 600;
}
.newsbox02 span{
	color: #722843;
	margin-right: 20px;
}
.newsbox03{
	line-height: 20px;
	margin-bottom:10px;
}
.accessbox{
	display:none;
}
}