@charset "UTF-8";
/*
====================================================================
基本設定
	1.モジュール
	2.オリジナルリセット
	3.リンク
	4.clearfixセレクタ指定
	5.枠組み
	6.各ページ共通設定
	7.各ページ個別設定
	8.スマートフォン設定
====================================================================
*/

img {
	max-width: 100%;
}

/* 1.モジュール
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

/* マージン・インデント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.m1b {
	margin-bottom: 1px !important;
}

.m2b {
	margin-bottom: 2px !important;
}

.m3b {
	margin-bottom: 3px !important;
}

.m4b {
	margin-bottom: 4px !important;
}

.m5b {
	margin-bottom: 5px !important;
}

.m6b {
	margin-bottom: 6px !important;
}

.m7b {
	margin-bottom: 7px !important;
}

.m8b {
	margin-bottom: 8px !important;
}

.m9b {
	margin-bottom: 9px !important;
}

.m10b {
	margin-bottom: 10px !important;
}

.m13b {
	margin-bottom: 13px !important;
}

.m15b {
	margin-bottom: 15px !important;
}

.m20b {
	margin-bottom: 20px !important;
}

.m25b {
	margin-bottom: 25px !important;
}

.m30b {
	margin-bottom: 30px !important;
}

.m35b {
	margin-bottom: 35px !important;
}

.m40b {
	margin-bottom: 40px !important;
}

.m45b {
	margin-bottom: 45px !important;
}

.m50b {
	margin-bottom: 50px !important;
}

.m20t {
	margin-top: 20px !important;
}

.m50t {
	margin-top: 50px !important;
}

.m20s {
	margin-right: 20px !important;
	margin-left: 20px !important;
}

.m5l {
	margin-left: 5px !important;
}

.m9l {
	margin-left: 9px !important;
}

.m10l {
	margin-left: 10px !important;
}

.m12l {
	margin-left: 12px !important;
}

.m15l {
	margin-left: 15px !important;
}

.m20l {
	margin-left: 20px !important;
}

.m25l {
	margin-left: 25px !important;
}

.m30l {
	margin-left: 30px !important;
}

.m50l {
	margin-left: 50px !important;
}

.m150l {
	margin-left: 150px !important;
}

.m570l {
	margin-left: 570px !important;
}

.m5r {
	margin-right: 5px !important;
}

.m10r {
	margin-right: 10px !important;
}

.m15r {
	margin-right: 15px !important;
}

.m20r {
	margin-right: 20px !important;
}

.m25r {
	margin-right: 25px !important;
}

.m30r {
	margin-right: 30px !important;
}

.m40r {
	margin-right: 40px !important;
}

.m50r {
	margin-right: 50px !important;
}

.p5b {
	padding-bottom: 5px !important;
}

.p10b {
	padding-bottom: 10px !important;
}

.p15b {
	padding-bottom: 15px !important;
}

.p20b {
	padding-bottom: 20px !important;
}

.p25b {
	padding-bottom: 25px !important;
}

.p30b {
	padding-bottom: 30px !important;
}

.p40b {
	padding-bottom: 40px !important;
}

.p50b {
	padding-bottom: 50px !important;
}

.p10t {
	padding-top: 10px !important;
}

.p30t {
	padding-top: 30px !important;
}

.p10a {
	padding: 10px !important;
}

.p20a {
	padding: 20px !important;
}

.p20s {
	padding-right: 20px !important;
	padding-left: 20px !important;
}

.p10r {
	padding-right: 10px !important;
}

.p5l {
	padding-left: 5px !important;
}

.p10l {
	padding-left: 10px !important;
}

.p15l {
	padding-left: 15px !important;
}

.p20l {
	padding-left: 20px !important;
}

.p25l {
	padding-left: 25px !important;
}

.p30l {
	padding-left: 30px !important;
}

.p200l {
	padding-left: 200px !important;
}

.box60 {
	width: 60px !important;
}

.box85 {
	width: 85px !important;
}

.box100 {
	width: 100px !important;
}

.box110 {
	width: 110px !important;
}

.box120 {
	width: 120px !important;
}

.box130 {
	width: 130px !important;
}

.box140 {
	width: 140px !important;
}

.box160 {
	width: 160px !important;
}

.box180 {
	width: 180px !important;
}

.box200 {
	width: 200px !important;
}

.box230 {
	width: 230px !important;
}

.box250 {
	width: 250px !important;
}

.box260 {
	width: 260px !important;
}

.box280 {
	width: 280px !important;
}

.box285 {
	width: 285px !important;
}

.box290 {
	width: 290px !important;
}

.box330 {
	width: 330px !important;
}

.box340 {
	width: 340px !important;
}

.box300 {
	width: 300px !important;
}

.box310 {
	width: 310px !important;
}

.box320 {
	width: 320px !important;
}

.box325 {
	width: 325px !important;
}

.box340 {
	width: 340px !important;
}

.box350 {
	width: 350px !important;
}

.box355 {
	width: 355px !important;
}

.box365 {
	width: 365px !important;
}

.box360 {
	width: 360px !important;
}

.box370 {
	width: 370px !important;
}

.box380 {
	width: 380px !important;
}

.box400 {
	width: 400px !important;
}

.box420 {
	width: 420px !important;
}

.box440 {
	width: 440px !important;
}

.box460 {
	width: 460px !important;
}

.box470 {
	width: 470px !important;
}

.box500 {
	width: 500px !important;
}

.box510 {
	width: 510px !important;
}

.box530 {
	width: 530px !important;
}

.box600 {
	width: 600px !important;
}

.box640 {
	width: 640px !important;
}

.w960 {
	width: 960px !important;
}

/* 位置クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.clear {
	clear: both;
}

.cen {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

.auto {
	margin: 0 auto;
}

/* テキスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.txtB {
	font-weight: bold;
}

.txtRed {
	color: #f00;
}

.txtBlue {
	color: #0059ac;
}

.txtPink {
	color: #f246a4;
}

.txtGold {
	color: #a98552;
}

.txtGray {
	color: #666;
}

.txtBrwn {
	color: #886c00;
}

.txt12 {
	font-size: 77%;
}

.txt16 {
	font-size: 122%;
}

.txt20 {
	font-size: 159%;
}

.bgYell {
	background: #ffeb99;
}

.uline {
	border-bottom: solid 1px #ccc;
}

/* 画像リンクロールオーバー共通
──────────────────── */

.on_img,
.on_nav li {
	position: relative;
	z-index: 3;
}

.on_img a,
.on_nav li a {
	display: inline-block;
}

.on_img a:hover,
.on_nav li a hover {
	position: static;
}

.on_img a:hover img,
.on_nav li a:hover img,
.on_nav li.current a img {
	position: relative;
	z-index: -1;
}

/* 2.オリジナルリセット
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

h1,
dt,
dd {
	margin: 0;
}

ul,
li {
	padding: 0;
	list-style: none;
}

/* 3.リンク
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

a:link,
a:visited {
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: underline;
	color: #666;
}

a:active {
	text-decoration: none;
	color: #333;
}

/* 4.clearfixセレクタ指定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: '.';
}

/* 5.枠組み各詳細設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

#container { /*font-size: 94%;*/
	min-width: 960px;
}

header {
	width: 100%;
	padding: 16px 0 19px;
	text-align: center;
}

header .inner {
	position: relative;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.year_logo {
	position: absolute;
	top: 0;
	/*right: 190px;*/
	/*width: 120px;*/
	right: 170px;
	width: 138px;
}

.year_logo img {
	width: 100%;
}

#contents {
	width: 100%;
}

footer {
	padding: 50px 0 20px;
	text-align: center;
	background: #f9f6f4;
}

/* 6.各ページ共通設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

footer .contact {
	margin-bottom: 90px;
}

footer .contact h3 {
	font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
	font-size: 182%;
	margin-bottom: 10px;
}

footer .contact a {
	font-size: 167%;
	font-weight: bold;
	display: inline-block;
	padding-left: 40px;
	background: url(../img/icon2.png) 0 center no-repeat;
	*display: inline;
	*zoom: 1;
}

footer .contact a:hover {
	text-decoration: none;
}

footer .info {
	margin-bottom: 40px;
}

footer .info h3 {
	margin-bottom: 5px;
}

.copyright {
	font-size: 129%;
	clear: both;
}

.pagetop {
	position: fixed;
	right: 0;
	bottom: 0;
	display: none;
}

.section {
	padding: 80px 0 80px;
}

.section .inner {
	position: relative;
	width: 960px;
	margin: 0 auto; /*text-align: center;*/
}

/*.midashi1 {
	background: url(../img/midashi1_bg.gif) 0 center repeat-x;
	color: #855520;
	font-size: 152%;
	font-weight: bold;
}*/

.midashi1 {
	font-size: 167%;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 1px 10px;
	color: #fff;
	/*background: #00cb86;*/
	background: #b56e1a;
}

/*.midashi1 span {
	background: #FFF;
	padding: 0 10px 0 0;
}*/

/* 7.各ページ個別設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

/*トップ*/

#mainImg {
	height: 600px;
	text-align: center;
	background: url(../img/main_img.jpg) center 0 no-repeat;
	background-size: cover;
}

#mainImg p {
	padding-top: 151px;
}

#message {
	background: #f7f1e4 url(../img/message_bg.jpg) center 0 no-repeat;
}

#message h2 {
	font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
	font-size: 214%;
	margin-bottom: 40px;
	text-align: center;
}

#message p {
	font-size: 122%;
	width: 640px;
	margin: 0 auto;
}

#rinen {
	background: url(../img/rinen_bg.jpg) center 0 no-repeat;
	background-size: cover;
}

#rinen.section {
	padding: 120px 0;
}

#rinen > .inner {
	font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
	/*width: 620px;*/
	width: 730px;
	margin: 0 auto;
	padding: 60px 0;
	text-align: center;
	background: url(../img/rinen_bg2.png);
}

#rinen > .inner h2 {
	font-size: 214%;
	margin-bottom: 10px;
}

#rinen > .inner p {
	font-size: 152%;
}

#profile {
	background: url(../img/profile_bg.jpg) center 0 no-repeat;
	background-size: cover;
}

#profile h2,
#item h2 {
	font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
	font-size: 214%;
	margin-bottom: 50px;
	text-align: center;
}

#profile table {
	font-size: 107%;
	width: 700px;
	margin: 0 auto 100px;
}

#profile table tr:nth-child(odd) {
	background: #f9f6f4;
}

#profile table th {
	font-weight: bold;
	width: 160px;
	padding: 10px 0 10px 35px;
}

#profile table td {
	padding: 10px 0;
}

#topMap {
	width: 100%;
	height: 400px;
}

#item h2 {
	margin-bottom: 20px;
}

#item {
	background: #f7f1e4 url(../img/item_bg.jpg) center 0 no-repeat;
}

#itemList img {
	vertical-align: top;
}

#itemList li {
	float: left;
	margin-right: 20px;
	margin-bottom: 40px;
}

#il1 {
	width: 100%;
	margin-right: 0 !important;
}

#il2 {
	width: 470px;
}

#il3 {
	width: 470px;
	margin-right: 0 !important;
}

#il4 {
	width: 470px;
}

#il5 {
	width: 470px;
	margin-right: 0 !important;
}

#il6 {
	width: 470px;
}

#il7 {
	width: 470px;
	margin-right: 0 !important;
}

#il8,
#il9 {
	width: 470px;
	margin-right: 20px;
}

#il9 {
	margin-right: 0 !important;
}

/*#il4 { width: 107px; }
#il5 { width: 326px; }*/

/*#il6 { width: 254px; }
#il7 { width: 213px; margin-right: 0!important; }*/

#itemList li dl {
	font-size: 114%;
	float: left;
	width: 480px;
	margin-top: 10px;
}

#itemList li dl dt {
	font-weight: bold;
	padding-left: 25px;
	background: url(../img/icon1.gif) 10px 8px no-repeat;
}

#itemList li dl dd {
	line-height: 1.5;
	margin-bottom: 10px;
	padding-left: 25px;
}

.fix-btn {
	position: fixed;
	bottom: 20px;
	left: 20px;
	width: 460px;
	/*background: #fff;*/

	display: flex;
    box-lines:multiple;
    flex-wrap:wrap;
    justify-content:space-between;
}

.fix-btn > p {
	width: 48%;
}

.fix-btn a {
	display: block;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
}

.fix-btn img {
	width: 100%;
	border: 1px solid #eee;
}

/*======================================

Font-size Adjustment
77% = 10px	| 	122% = 16px	|	167% = 22px	
85% = 11px	|	129% = 17px	|	174% = 23px
92% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|

=======================================*/

.sp {
	display: none;
}

.pc {
	display: block;
}

/*END*/

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

#container {
	min-width: auto;
}

header .inner {
	width: auto;
}

.year_logo {
	right: 10px;
}

.section {
	padding-right: 15px;
	padding-left: 15px;
}

.section .inner {
	width: auto;
}

#itemList li {
	float: none;
	width: auto !important;
	margin-right: 0;
}

#itemList li dl {
	float: none;
	width: auto;
}

.logo {
	padding-left: 10px;
	text-align: left;
}

}

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

#profile table {
	width: auto;
}

}

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

#message p {
	width: auto;
}

}

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

#rinen > .inner {
	width: auto;
	padding-right: 15px;
	padding-left: 15px;
}

}

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

.year_logo {
	/*width: 75px;*/
	width: 92px;
}

.year_logo img {
	width: 100%;
}

footer {
	padding-right: 15px;
	padding-bottom: 100px;
	padding-left: 15px;
}

footer .contact h3 {
	font-size: 25px;
	font-size: 2.5rem;
}

.copyright {
	font-size: 12px;
	font-size: 1.2rem;
}

.midashi1 {
	font-size: 18px;
	font-size: 1.8rem;
}

#mainImg {
	height: auto !important;
}

#mainImg p {
	padding-top: 30vw;
}

#message h2 {
	font-size: 25px;
	font-size: 2.5rem;
}

#message p {
	font-size: 15px;
	font-size: 1.5rem;
	text-align: left;
}

#rinen > .inner h2 {
	font-size: 25px;
	font-size: 2.5rem;
}

#rinen > .inner p {
	font-size: 18px;
	font-size: 1.8rem;
}

#profile h2,
#item h2 {
	font-size: 25px;
	font-size: 2.5rem;
}

#profile table {
	font-size: 15px;
	font-size: 1.5rem;
}

#profile table th {
	font-weight: bold;
	display: block;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
}

#profile table td {
	display: block;
	width: auto;
	padding: 10px;
}

#itemList li dl {
	font-size: 15px;
	font-size: 1.5rem;
}

.fix-btn {
	width: 100%;
	left: 0;
	bottom: 0;
}

.fix-btn > p {
	width: 49%;
}

.logo img {
	width: 180px;
	height: auto;
}

footer .contact a {
	font-size: 100%;
}

html {
	font-size: 62.5%;
}

body {
	font-size: 15px;
	font-size: 1.5rem;
}

.mainImg__txt {
	padding-bottom: 30vw;
}

.sp {
	display: inline;
}

.pc {
	display: none;
}


.pagetop {
	bottom: 65px;
	width: 90px;
}

}


._bousai {

	.midashi1 {
		background: #1ab0b5!important;
	}
}

/*# sourceMappingURL=style.css.map */