/*
Theme Name: 平田木材店
*/

* {
	margin: 0;
	padding: 0;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: top;
}
ul { list-style-type: none; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input,textarea,select {
	font-family: "FOT-筑紫ゴシック Pro B", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	outline: none;
}

/* BASE -------------------------------------------------------------------------*/

html { overflow: auto; }
body {
	font-family: "FOT-筑紫ゴシック Pro B", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	line-height: 1.7;
	color: #113961;
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-text-size-adjust: 100%;
}
p {
	clear: both;
	font-size: 15px;
	margin-bottom: 20px;
}

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1199px) {
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	body {
		font-size: 13px;
	}
	p {
		font-size: 13px;
		margin-bottom: 15px;
	}
}

/* LINK -------------------------------------------------------------------------*/

a:link {
	color: #00A7C5;
	text-decoration : none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
a:link img {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
a:hover {
	text-decoration: none;
	color: #113961;
}
a:visited {
	color: #00A7C5;
}
a figure {
	overflow: hidden;
}
a figure img {
	width: 100%;
	height: auto;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s ease-in-out !important;
	transition: .5s ease-in-out !important;
}
a:hover figure img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

/* LAYOUT -------------------------------------------------------------------------*/

.container {
	width: 95%;
	max-width: 1720px;
	margin: 0 auto;
}

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1199px) {
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
}

/* HEADER -------------------------------------------------------------------------*/

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 0;
	padding: 15px 0 30px 0;
	background: url('images/h_bg.png') repeat-x left bottom;
	z-index: 999999;
}
h1#logo,
#h_menu {
	display: inline-block;
	vertical-align: middle;
}
h1#logo {
	width: 20%;
}
h1#logo a {
	display: block;
	width: 100%;
	height: 80px;
	background: url('images/logo.svg') no-repeat left center;
	background-size: 100% auto;
}
h1#logo a span {
	position: absolute;
	left: -9999px;
}

/* ***** デスクトップのブラウザ **** */
@media only screen and (min-width : 1300px) {
	/* banner */
	#header .container .banner_sp  {
		display: none;
	}
	#h_menu {
		width: 80%;
		text-align: right;
	}
	#h_menu #contact {
		display: inline-block;
		vertical-align: middle;
	}
	#h_menu #contact ul li {
		display: inline-block;
		vertical-align: middle;
		margin-left: 10px;
	}
	#h_menu #contact ul li.info {
		font-size: 11px;
		line-height: 1.3;
		color: #fff;
		text-align: center;
	}
	#h_menu #contact ul li.info span {
		display: block;
		font-family: 'Century Gothic','Molengo', sans-serif;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 2px;
	}
	#h_menu #contact ul li.btn a {
		display: block;
		width: 180px;
		font-size: 13px;
		font-weight: bold;
		color: #00a8c5;
		text-align: center;
		padding: 5px 0;
		background: #fff url('images/icon_01.png') no-repeat 10% center;
		background-size: 20px auto;
		border-radius: 30px;
	}
	#h_menu #contact ul li.btn.is_primary a {
		background-color: #ffff01;
		background-image: url('images/icon_02.png');
	}
	#h_menu #contact ul li.btn a:hover {
		background-color: #ffff01;
	}
	#h_menu #contact ul li.btn.is_primary a:hover {
		background-color: #fff;
	}
	#h_menu #contact ul li.banner a:hover {
		opacity: 0.7;
	}
	#h_menu #contact ul li.w-btn a {
		display: block;
		width: 180px;
	    font-size: 15px;
    font-family: 'Century Gothic','Molengo', sans-serif;
		font-weight: bold;
		color: #00a8c5;
		text-align: center;
		background-color: #FFF;
		padding: 4px 0 2.6px;
		border-radius: 30px;
	}
	#h_menu #contact ul li.w-btn a:hover {
		background-color: #ffff01;
	}
	#h_menu #contact ul li.w-btn.is_primary a:hover {
		background-color: #fff;
	}
	#menu-area ul,
	#menu-area .hidden_box {
		display: inline-block;
		vertical-align: middle;
	}
	#menu-area #search,
	#menu-area .sp_menu_container {
		display: none;
	}
	#menu-area ul li {
		display: inline-block;
		vertical-align: middle;
		margin-left: 20px;
		padding: 10px 0;
	}
	#menu-area ul li a {
		display: block;
		font-size: 13px;
		font-weight: bold;
		color: #fff;
	}
	#menu-area ul li a span {
		display: block;
		padding: 10px 0;
		position: relative;
	}
	#menu-area ul li a span:before {
		display: block;
		content: "";
		position: absolute;
		left: 100%;
		right: 100%;
		bottom: 0;
		height: 2px;
		background-color: #fff;
		-webkit-transition:left 0.3s ease, right 0.3s ease;
		-moz-transition:left 0.3s ease, right 0.3s ease;
		-o-transition:left 0.3s ease, right 0.3s ease;
		transition:left 0.3s ease, right 0.3s ease;
	}
	#menu-area ul li a:hover span:before {
		left: 0;
		right: 0;
	}
	#menu-area ul li ul {
		display: none;
	}
	#menu-area ul li:hover ul {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		width: 100%;
		text-align: center;
		margin-top: -30px;
		padding: 15px 5%;
		background: rgba(0,0,0,0.7);
		z-index: 99999;
	}
	#menu-area ul li ul li {
		display: inline-block;
		width: auto;
		vertical-align: middle;
		margin: 0 2%;
	}
	#menu-area ul li ul li a {
		font-size: 15px;
		padding: 5px 10px;
	}
	#menu-area ul li ul li a span:before {
		height: 1px;
	}
	#menu-area .hidden_box {
		margin-left: 20px;
		position: relative;
	}
	#menu-area .hidden_box label {
		display: inline-block;
		width: 30px;
		height: 30px;
		background: url('images/icon_03.png') no-repeat center center;
		background-size: 25px auto;
		cursor: pointer;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
		transition: 0.3s;
	}
	#menu-area .hidden_box input:checked ~ label {
		background-image: url('images/icon_05.png');
	}
	#menu-area .hidden_box input[type="checkbox"] {
	    display: none;
	}
	#menu-area .hidden_box .hidden_show input[type="search"] {
		width: 300px;
		padding: 10px 5px;
		border: none;
	}
	#menu-area .hidden_box .hidden_show input[type="submit"] {
		position: absolute;
		width: 35px;
		height: 35px;
		text-indent: -9999px;
		margin-left: -35px;
		background: #fff url('images/icon_04.png') no-repeat center center;
		background-size: 25px auto;
		border: none;
		cursor: pointer;
		z-index: 999999;
	}
	#menu-area .hidden_box .hidden_show {
		display: none;
		padding: 0;
		overflow: hidden;
		opacity: 0;
	}
	#menu-area .hidden_box input:checked ~ .hidden_show {
		display: block;
		position: absolute;
		left: -310px;
		top: -4px;
	    width: 300px;
	    background: #fff;
	    opacity: 1;
		z-index: 99999;
	}
	/* button */
	#search_btn {
		font-size:14px;
	}
	#menu-btn {
		display: none;
	}
}

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1299px) {
	#header {
		padding: 5px 0 35px 0;
	}
	h1#logo {
		width: 150px;
	}
	h1#logo a {
		height: 50px;
	}
	#h_menu #contact {
		display: none;
	}
	/* banner */
	#header .container .banner_sp {
		display: block;
		position: absolute;
		max-width: 140px;
		height: 40px;
		top: 14px;
		right: calc( 5% + 50px );
	}
	#header .container .banner_sp a {
		display: block;
		width: 140px;
	    font-size: 15px;
    font-family: 'Century Gothic','Molengo', sans-serif;
		font-weight: bold;
		color: #00a8c5;
		text-align: center;
		background-color: #FFF;
		padding: 4px 0 2.6px;
		border-radius: 30px;
	}
	#header .container .banner_sp a:hover {
		background-color: #ffff01;
	}
	/* button */
	#menu-btn {
		display: inline-block;
		position: absolute;
		width: 40px;
		height: 40px;
		top: 10px;
		right: 2.5%;
		cursor: pointer;
		border: transparent;
		background: transparent;
	}
	#menu-btn-icon {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 36px;
		height: 4px;
		margin: -2px 0 0 -18px;
		background: #fff;
		transition: .2s;
	}
	#menu-btn-icon:before,
	#menu-btn-icon:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 36px;
		height: 4px;
		background: #fff;
		transition: .3s;
	}
	#menu-btn-icon:before {
		margin-top: -14px;
	}
	#menu-btn-icon:after {
		margin-top: 10px;
	}
	#menu-btn .close {
		background: transparent;
	}
	#menu-btn .close:before,
	#menu-btn .close:after {
		margin-top: -2px;
	}
	#menu-btn .close:before {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#menu-btn .close:after {
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	/* area */
	#menu-area #search {
		font-size: 0;
		margin: 20px 2%;
	}
	#menu-area #search input {
		display: inline-block;
		vertical-align: middle;
	}
	#menu-area #search input[type="search"] {
		width: 91%;
		padding: 10px 1%;
		-webkit-appearance: none;
	}
	#menu-area #search input[type="submit"] {
		width: 5%;
		height: 40px;
		font-size: 0;
		margin-left: 2%;
		background: url('images/icon_04.png') no-repeat center center;
		background-size: auto 35px;
		border: none;
		-webkit-appearance: none;
	}
	#menu-area .none {
		display: none;
	}
	#menu-area .sp_menu_container {
		display: none;
		position: absolute;
		width: 100%;
		top: 60px;
		right: 0;
		background: #fff;
		z-index: 99999999;
	}
	#menu-area ul li {
		font-size: 15px;
		font-weight: bold;
		color: #00A7C5;
		border-bottom: 1px solid #ccc;
		cursor: pointer;
	}
	#menu-area ul li:last-child {
		border-bottom: none;
	}
	#menu-area ul li a {
		display: block;
		padding: 10px 15px;
	}
	#menu-area ul li ul {
		display: none;
		overflow: hidden;
	}
	#menu-area .hidden_box {
		display: none;
	}
	.menu-bg {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 99999;
		background-color: transparent;
	}
	.menu-bg.visible {
		display: block;
	}
	.js-menu-fixed {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		overflow: hidden;
	}
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	#header {
		padding: 5px 0 35px 0;
	}
	h1#logo {
		width: 150px;
	}
	h1#logo a {
		height: 50px;
	}
	#h_menu #contact {
		display: none;
	}
	/* banner */
	#header .container .banner_sp {
		display: block;
		position: absolute;
		max-width: 95px;
		height: 40px;
		top: 14px;
		right: calc( 5% + 60px );
	}
	#header .container .banner_sp a {
		display: block;
		width: 110px;
	    font-size: 14px;
    font-family: 'Century Gothic','Molengo', sans-serif;
		font-weight: bold;
		color: #00a8c5;
		text-align: center;
		background-color: #FFF;
		padding: 4px 0 2.6px;
		border-radius: 30px;
	}
	#header .container .banner_sp a:hover {
		background-color: #ffff01;
	}
	/* button */
	#menu-btn {
		display: inline-block;
		position: absolute;
		width: 40px;
		height: 40px;
		top: 10px;
		right: 2.5%;
		cursor: pointer;
		border: transparent;
		background: transparent;
	}
	#menu-btn-icon {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 36px;
		height: 4px;
		margin: -2px 0 0 -18px;
		background: #fff;
		transition: .2s;
	}
	#menu-btn-icon:before,
	#menu-btn-icon:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 36px;
		height: 4px;
		background: #fff;
		transition: .3s;
	}
	#menu-btn-icon:before {
		margin-top: -14px;
	}
	#menu-btn-icon:after {
		margin-top: 10px;
	}
	#menu-btn .close {
		background: transparent;
	}
	#menu-btn .close:before,
	#menu-btn .close:after {
		margin-top: -2px;
	}
	#menu-btn .close:before {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#menu-btn .close:after {
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	/* area */
	#menu-area #search {
		font-size: 0;
		margin: 20px 5%;
	}
	#menu-area #search input {
		display: inline-block;
		vertical-align: middle;
	}
	#menu-area #search input[type="search"] {
		width: 84%;
		padding: 10px 1%;
		-webkit-appearance: none;
	}
	#menu-area #search input[type="submit"] {
		width: 12%;
		height: 40px;
		font-size: 0;
		margin-left: 2%;
		background: url('images/icon_04.png') no-repeat center center;
		background-size: auto 80%;
		border: none;
		-webkit-appearance: none;
	}
	#menu-area .none {
		display: none;
	}
	#menu-area .sp_menu_container {
		display: none;
		position: absolute;
		width: 100%;
		height: 90vh;
		top: 60px;
		right: 0;
		background: #fff;
		z-index: 99999999;
		overflow-y: scroll;
	}
	#menu-area ul li {
		font-size: 15px;
		font-weight: bold;
		color: #00A7C5;
		border-top: 1px solid #ccc;
		cursor: pointer;
	}
	#menu-area ul li a {
		display: block;
		padding: 10px 15px;
	}
	#menu-area .hidden_box {
		display: none;
	}
	.menu-bg {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 99999;
		background-color: transparent;
	}
	.menu-bg.visible {
		display: block;
	}
	.js-menu-fixed {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		overflow: hidden;
	}
}

/* ***** スマホ(横向き) **** */
@media only screen and (min-width : 320px) and (max-width : 1299px) and (orientation: landscape) {
	/* support iOS */
	html {
		height: -webkit-fill-available;
	}
	body {
		min-height: 100vh;
		min-height: -webkit-fill-available;
	}
	/* メニュー高さ */
	#menu-area .sp_menu_container {
		height: calc(100svh - 60px); /* fallback */
		min-height: calc(100svh - 60px); /* fallback */
	}
	#menu-area .sp_menu_container .sp_menu {
		display: flex;
		flex-wrap: wrap;
	}
	#menu-area .sp_menu_container .sp_menu li {
		flex-basis: 50%;
	}
	#menu-area .sp_menu_container .sp_menu li:nth-child(odd):last-of-type {
		flex-basis: 100%;
	}
}

/* HEADLINE -------------------------------------------------------------------------*/

h2 {
	font-size: 24px;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 50px;
}
h2 span {
	display: block;
	font-family: 'Century Gothic','Molengo', sans-serif;
	font-size: 30px;
	color: #00A7C5;
	letter-spacing: 4px;
}
h2.sub {
	font-size: 18px;
	color: #fff;
}
h2.sub span {
	font-size: 35px;
	color: #fff;
}
h2.blue,
h2.navy {
	font-size: 30px;
	color: #00A4C2;
}
h2.navy {
	color: #113961;
}
h2:last-letter,
h2 span:last-letter {
	letter-spacing: 0;
}
h3 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
}
h3.blue {
	color: #00A4C2;
}
h3.sub {
	font-size: 20px;
	text-align: left;
	color: #fff;
	padding: 10px 20px;
	background: #00A6C4;
}
h3.sub.navy {
	background: #113961;
}
h3.sub a {
	color: #fff;
}
h3.type2 {
	text-align: left;
}
h3 span {
	font-size: 40px;
}
h4 {
	font-family: 'Century Gothic','Molengo', sans-serif;
	font-size: 30px;
	color: #00A7C5;
	letter-spacing: 4px;
}
h4.type1,
h4.type2 {
	font-family: "FOT-筑紫ゴシック Pro B", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 25px;
	line-height: 1.5;
	color: #113961;
	letter-spacing: 0;
}
h4.type2 {
	font-size: 22px;
}
h4.type3 {
	text-align: center;
}
h4 span {
	border-bottom: 1px solid #00A7C5;
}
h5 {
	font-size: 18px;
}
h5 span {
	color: #fff;
	padding: 5px 15px;
	background: #00A7C5;
}

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1199px) {
	h2 {
		font-size: 18px;
		margin-bottom: 30px;
	}
	h2 span {
		font-size: 23px;
	}
	h3.sub {
		font-size: 18px;
	}
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	h2 {
		font-size: 15px;
		margin-bottom: 30px;
	}
	h2 span {
		font-size: 18px;
		letter-spacing: 3px;
	}
	h2.sub {
		font-size: 15px;
	}
	h2.sub span {
		font-size: 22px;
	}
	h2.blue {
		font-size: 18px;
	}
	h3 {
		font-size: 16px;
		margin-bottom: 15px;
	}
	h3 span {
		font-size: 20px;
	}
	h3.sub {
		font-size: 15px;
		padding: 5px 10px;
	}
	h4 {
		font-size: 16px;
		letter-spacing: 2px;
	}
	h4.type1,
	h4.type2 {
		font-size: 16px;
	}
	h5 {
		font-size: 15px;
	}
	h5 span {
		padding: 5px 10px;
	}
}

/* MIMG -------------------------------------------------------------------------*/

#mimg {
	position: relative;
}
#mimg .img {
	position: absolute;
	top: 29%;
	width: 100%;
	text-align: center;
}
#mimg .img img {
	width: 95%;
	max-width: 913px;
	height: auto;
}
#mimg .scroll {
	position: absolute;
	top: 67%;
	left: 50%;
	width: 60px;
	text-align: center;
	margin-left: -30px;
}
#mimg .scroll a {
	display: inline-block;
	font-family: 'Century Gothic','Molengo', sans-serif;
	font-weight: bold;
	color: #fff;
	letter-spacing: 2px;
	padding-bottom: 50px;
	background: url('images/arrow_04.png') no-repeat center bottom;
	background-size: 10px auto;
}
#mimg .main_menu {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 0;
	background: #fff;
	z-index: 9999;
}
#mimg .main_menu .ttl,
#mimg .main_menu .inner,
#sp .main_menu .ttl,
#sp .main_menu .inner {
	display: inline-block;
	vertical-align: middle;
}
#mimg .main_menu .ttl,
#sp .main_menu .ttl {
	width: 13%;
	font-size: 15px;
	line-height: 1.3;
	color: #fff;
	text-align: center;
	padding: 25px 0;
	background: #00a8c5;
}
#mimg .main_menu .ttl span,
#sp .main_menu .ttl span {
	display: block;
	font-family: 'Century Gothic','Molengo', sans-serif;
	font-weight: bold;
}
#mimg .main_menu .inner,
#sp .main_menu .inner {
	width: 87%;
	text-align: center;
}
#mimg .main_menu .inner .inner_box,
#sp .main_menu .inner .inner_box {
	display: inline-block;
	width: 66.4%;
	vertical-align: middle;
}
#mimg .main_menu .inner .inner_box:nth-child(2),
#sp .main_menu .inner .inner_box:nth-child(2) {
	width: 33.2%;
}
#mimg .main_menu .inner .inner_box .txt,
#sp .main_menu .inner .inner_box .txt {
	font-size: 15px;
	color: #fff;
	margin: 0 5px;
	padding: 5px 0;
	background: #123962;
	border-radius: 5px;
}
#mimg .main_menu .inner .inner_box:nth-child(2) .txt,
#sp .main_menu .inner .inner_box:nth-child(2) .txt {
	padding-left: 0;
	background: #00a8c5;
}
#mimg .main_menu .inner .inner_box ul,
#sp .main_menu .inner .inner_box ul {
	margin-top: 5px;
}
#mimg .main_menu .inner .inner_box ul li,
#sp .main_menu .inner .inner_box ul li {
	display: inline-block;
	width: 25%;
	font-size: 15px;
	color: #fff;
	vertical-align: middle;
}
#mimg .main_menu .inner .inner_box:nth-child(2) ul li,
#sp .main_menu .inner .inner_box:nth-child(2) ul li {
	width: 50%;
}
#mimg .main_menu .inner .inner_box ul li a,
#sp .main_menu .inner .inner_box ul li a {
	display: block;
	font-size: 12px;
	line-height: 1.5;
	color: #123962;
	padding: 10px 0;
	border-right: 1px solid #eee;
}
#mimg .main_menu .inner .inner_box:nth-child(2) ul li a,
#sp .main_menu .inner .inner_box:nth-child(2) ul li a {
	color: #00a8c5;
}
#mimg .main_menu .inner .inner_box ul li:last-child a,
#sp .main_menu .inner .inner_box ul li:last-child a {
	border-right: none;
}
#sp { display: none; }

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1199px) {
	#mimg .img {
		top: 20%;
	}
	#mimg .scroll {
		top: 50%;
	}
	#mimg .main_menu .ttl,
	#sp .main_menu .ttl {
		width: 20%;
		padding: 75px 0;
	}
	#mimg .main_menu .inner,
	#sp .main_menu .inner {
		width: 80%;
	}
	#mimg .main_menu .inner .inner_box,
	#mimg .main_menu .inner .inner_box:nth-child(2),
	#sp .main_menu .inner .inner_box,
	#sp .main_menu .inner .inner_box:nth-child(2) {
		width: 100%;
	}
	#mimg .main_menu .inner .inner_box:nth-child(2) .txt,
	#sp .main_menu .inner .inner_box:nth-child(2) .txt {
		margin-top: 5px;
	}
}

/* ***** iPad(横向き) **** */
@media only screen and (min-width : 768px) and (max-width : 1199px) and (orientation: landscape) {
	#mimg .main_menu {
		display: none;
	}
	#mimg .scroll {
		top: 70%;
	}
	#sp { display: block; }
	#sp .main_menu {
		font-size: 0;
		background: #fff;
	}
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	#mimg .img {
		top: 35%;
	}
	#mimg .scroll {
		top: auto;
		bottom: 20%;
		width: 40px;
		margin-left: -20px;
	}
	#mimg .scroll a {
		font-size: 12px;
		padding-bottom: 40px;
		background-size: 8px auto;
	}
	#mimg .main_menu {
		display: none;
	}
	#sp { display: block; }
	#sp .main_menu {
		font-size: 0;
		background: #fff;
	}
	#sp .main_menu .ttl {
		width: 100%;
		font-size: 13px;
		padding: 5px 0;
	}
	#sp .main_menu .inner {
		width: 100%;
		padding: 5px 0;
	}
	#sp .main_menu .inner .inner_box,
	#sp .main_menu .inner .inner_box:nth-child(2) {
		width: 100%;
	}
	#sp .main_menu .inner .inner_box .txt {
		font-size: 12px;
	}
	#sp .main_menu .inner .inner_box ul li {
		width: 50%;
		font-size: 12px;
	}
	#sp .main_menu .inner .inner_box ul li:nth-child(n+3) {
		margin: 5px 0;
	}
	#sp .main_menu .inner .inner_box ul li a {
		padding: 5px 0;
	}
	#sp .main_menu .inner .inner_box ul li:nth-child(even) a {
		border-right: none;
	}
}

/* ***** スマホ(横向き) **** */
@media only screen and (min-width : 320px) and (max-width : 767px) and (orientation: landscape) {
	#mimg .img {
		top: 20%;
	}
	#mimg .scroll {
		bottom: 10%;
	}
}

/* BACKGROUND -------------------------------------------------------------------------*/

.bg {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: 100px;
	position: relative;
}
.bg0{
	background:url(images/bg0.webp)repeat-x left  bottom;
}
.bg_01 {
	background: url('images/bg_01.png') repeat-x left bottom;
}
.bg_01::before{
	content:'';
	width:100%;
	height:53px;
	background:url(https://www.hirata-wood.co.jp/wp-content/uploads/2024/03/whitewave-1.png)repeat-x;
	position:absolute;
	left:0;
	top:0;
	z-index: 100;
}
@media screen and (max-width:599px){
	.bg_01::before{
		top:-20px;
	}
}
.bg_02 {
	background: url('images/bg_02.png') repeat-x left bottom;
}
.bg_03 {
	background: url('images/bg_03.png') repeat-x left bottom;
}
.bg_04 {
	background: url('images/bg_04.png') repeat left top;
}
.bg_05 {
	background: url('images/bg_06.png') repeat-x left bottom;
}
.bg_06 {
	background: url('images/bg_07.png') repeat-x left bottom;
}
.bg_07 {
	padding: 40px 0;
	background: url('images/bg_08.jpg') repeat-y left top;
	background-size: 43% auto;
}
/* nomb */
.nomb00-01 {
	margin-top: -305px;
}
.nomb00-02 {
	margin-top: -30px;
}
.nomb00-03 {
	margin-top: -153px;
}
.nomb00-04 {
	margin-top: -275px;
}
.nomb00-05 {
	margin-top: -122px;
}
.nomb00-06 {
	margin-top: -92px;
}
.nomb00-07 {
	margin-top: -245px;
}
.nomb00-08 {
	margin-top: -184px;
}
.nomb00-09 {
	margin-top: -214px;
}
.nomb01, .nomb02, .nomb03, .nomb04, .nomb05, .nomb06, .nomb07, .nomb08, .nomb09, .nomb10, .nomb11 { padding: 100px 0; }
.nomb01 {
	top: 0;
	z-index: 100;
}
.nomb01-01 {
	top: 0;
	padding: 50px 0 100px 0;
	z-index: 100;
}
.nomb02 {
	top: -30px;
	z-index: 95;
}
.nomb03 {
	top: -61px;
	z-index: 80;
}
.nomb04 {
	top: -92px;
	z-index: 75;
}
.nomb05 {
	top: -122px;
	z-index: 70;
}
.nomb06 {
	top: -153px;
	z-index: 65;
}
.nomb07 {
	top: -184px;
	z-index: 60;
}
.nomb08 {
	top: -214px;
	z-index: 55;
}
.nomb09 {
	top: -245px;
	z-index: 50;
}
.nomb10 {
	top: -275px;
	z-index: 45;
}
.nomb11 {
	top: -305px;
	z-index: 40;
}

.nomb03{
	position:relative;
}


/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1199px) {
	.nomb01, .nomb02, .nomb03, .nomb04, .nomb05, .nomb06, .nomb07, .nomb08, .nomb09, .nomb10, .nomb11 { padding: 80px 0; }
	.nomb01-01 {
		padding: 50px 0 80px 0;
	}
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	.bg_07 {
		padding: 30px 0;
	}
	.nomb01, .nomb02, .nomb03, .nomb04, .nomb05, .nomb06, .nomb07, .nomb08, .nomb09, .nomb10, .nomb11 { padding: 50px 0; }
	.nomb01-01 {
		padding: 30px 0 50px 0;
	}
}

/* PICTURE -------------------------------------------------------------------------*/

.boxarea {
	position: relative;
}
.pic {
	display: block;
	position: absolute;
	width: 320px;
	height: 150px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
	z-index: 99999;
}
.pic_01 { background-image: url('images/pic_01.png'); }
.pic_02 { background-image: url('images/pic_02.png'); }
.pic_02_bw { background-image: url('images/pic_02_bw.png'); }
.pic_03 { background-image: url('images/pic_03.png'); }
.pic_04 { background-image: url('images/pic_04.png'); }
.pic_05 { background-image: url('images/pic_05.png'); }
.pic_06 { background-image: url('images/pic_06.png'); }
.pic_07 { background-image: url('images/pic_07.png'); }
.pic_07_bw { background-image: url('images/pic_07_bw.png'); }
.pic_07_gn { background-image: url('images/pic_07_gn.png'); }
.pic_08 { background-image: url('images/pic_08.png'); }
.pic_08_bw { background-image: url('images/pic_08_bw.png'); }
.pic_09 { background-image: url('images/pic_09.png'); }
.pic_09_bw { background-image: url('images/pic_09_bw.png'); }
.pic_10 { background-image: url('images/pic_10.png'); }
.pic_10_bw { background-image: url('images/pic_10_bw.png'); }
.pic_10_gn { background-image: url('images/pic_10_gn.png'); }
.pic_11 { background-image: url('images/pic_11.png'); }
.pic_11_gn { background-image: url('images/pic_11_gn.png'); }
.pic_12 { background-image: url('images/pic_12.png'); }
.pic_12_gn { background-image: url('images/pic_12_gn.png'); }
.pic_13 { background-image: url('images/pic_13.png'); }
.pic_13_bw { background-image: url('images/pic_13_bw.png'); }
.pic_14 { background-image: url('images/pic_14.png'); }
.pic_15 { background-image: url('images/pic_15.png'); }
.pic_16 { background-image: url('images/pic_16.png'); }
.pic_17 { background-image: url('images/pic_17.png'); }
.pic_18 { background-image: url('images/pic_18.png'); }
.pic_19 { background-image: url('images/pic_19.png'); }
.pic_19_bw { background-image: url('images/pic_19_bw.png'); }
.pic_19_gn { background-image: url('images/pic_19_gn.png'); }
.pic_20 { background-image: url('images/pic_20.png'); }
.pic_21 { background-image: url('images/pic_21.png'); }
.pic_21_gn { background-image: url('images/pic_21_gn.png'); }
.pic_22 { background-image: url('images/pic_22.png'); }
.pic_23 { background-image: url('images/pic_23.png'); }
.pic_23_gn { background-image: url('images/pic_23_gn.png'); }
.pic_24 { background-image: url('images/pic_24.png'); }
/* position */
.ps_01 { bottom: -22%; left: -2%; }
.ps_02 { /* top: -25%; left: 55%; */ top:100%;left: 25%; }
.ps_03 { /* bottom: -25%; */bottom: 60%; right: 0; background-position: right center; }
.ps_04 { top: 0; left: -2%; }
.ps_05 { top: 8%; right: 0; background-position: right center; }
.ps_06 { top: -10%; left: 10%; }
.ps_07 { bottom: -180px; left: 20%; }
.ps_08 { top: 8%; right: -2%; background-position: right center; }
.ps_09 { bottom: -180px; left: 20%; }
.ps_10 { top: -2%; right: 10%; background-position: right center; }
.ps_11 { top: 8%; left: 2%; }
.ps_12 { top: -10%; right: 8%; background-position: right center; }
.ps_13 { top: -5%; right: 15%; background-position: right center; }
.ps_14 { top: 1%; left: 3%; }
.ps_15 { top: -8%; left: 15%; }
.ps_16 { top: 7%; right: 5%; background-position: right center; }
.ps_17 { bottom: -35%; right: 35%; background-position: right center; }
.ps_18 { top: 7%; /* left: 10%; */left: 0%; }
.ps_19 { top: -80px; left: 5%; }
.ps_20 { bottom: -80px; right: 5%; background-position: right center; }
.ps_21 { left: 22%; margin-top: -5%; }
.ps_22 { bottom: 0; left: 5%; }
.ps_23 { top: -40%; right: 0; background-position: right center; }
.ps_24 { top: 7%; left: 0%; }
.ps_25 { top: -7%; right: 2%; background-position: right center; }
.ps_26 { top: 4%; left: 5%; }
.ps_27 { bottom: 25%; left: 77%; }
.ps_28 { top: -100px; left: 0; }
.ps_29 { bottom: -70px; right: 2%; background-position: right center; }
.ps_30 { top: 21%; left: 15%; }
.ps_31 { top: 46%; left: 75%; }
.ps_32 { top: 70%; left: 18%; }
.ps_33 { top: 95%; left: 72%; }
.ps_34 { top: -2%; left: 55%; }
.ps_35 { top: -50%; left: 5%; }
.ps_36 { bottom: 0; right: 2%; background-position: right center; }
.ps_37 { top: -20%; left: 0; }
.ps_38 { bottom: 0; right: 0; background-position: right center; }
.ps_39 { top: -100px; left: 2%; }
.ps_40 { bottom: -150px; right: 8%; background-position: right center; }
.ps_41 { top: -15%; left: 12%; }
.ps_42 { top: -13%; right: 15%; background-position: right center; }
.ps_43 { left: 22%; margin-top: -14%; }
.ps_44 { top: 18%; left: 65%; }
.ps_45 { bottom: 15%; left: 15%; }
.ps_46 { top: 10%; left: 55%; }
.ps_47 { top: 33%; left: 28%; }
.ps_48 { /* bottom: -8%; left: 58%; */bottom: -11%; left: 70%; }
.ps_49 { bottom: -50%; left: 5%; }
.ps_50 { top: -50%; right: 5%; background-position: right center; }
.ps_51 { bottom: -15%; right: 10%; background-position: right center; }
.ps_52 { bottom: -20%; left: 15%; }
.ps_53 { left: 22%; margin-top: -24.5%; }
.ps_54 { top: -50px; left: 5%; }
.ps_55 { bottom: -100px; right: 5%; background-position: right center; }
.ps_56 { bottom: -150px; right: 5%; background-position: right center; }
.ps_57 { left: 22%; margin-top: -18.5%; }
.ps_58 { bottom: -160px; left: 5%; }
.ps_59 { top: -100px; right: 5%; background-position: right center; }
.ps_60 { left: 22%; margin-top: -9.5%; }
.ps_61 { bottom: 0; left: 5%; }
.ps_62 { top: -70px; right: 5%; background-position: right center; }
.ps_63 { top: 60%; right: 8%; background-position: right center; }
.ps_64 { top: 60%; left: 8%; }
.ps_65 { top: 2%; left: 33%; }
.ps_66 { left: 22%; margin-top: -22.5%; }
.ps_67 { left: 22%; margin-top: -20%; }
.ps_68 { top: -50px; right: 0; background-position: right center; }
.ps_69 { bottom: -120px; left: 0; }
.ps_70 { bottom: -150px; right: 0; background-position: right center; }
.ps_71 { bottom: -170px; left: -10%; }
.ps_72 { bottom: -50px; left: -50%; }
.ps_73 { bottom: 30%; right: -30%; background-position: right center; }
.ps_74 { left: 22%; margin-top: -16%; }
.ps_75 { left: 22%; margin-top: -18%; }
.ps_76 { top: 30%; left: 5%; }
.ps_77 { top: -20px; left: 30%; }
.ps_78 { top: 50%; left: 10%; }
.ps_79 { bottom: 3%; right: 10%; background-position: right center; }

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1199px) {
	.pic {
		width: 215px;
		height: 100px;
	}
	/* position */
	.ps_19 { top: -60px; left: -2%; }
	.ps_20 { bottom: -60px; right: 0; }
	.ps_29 { bottom: -10%; }
	.ps_28 { top: -20%; }
	.ps_39 { top: -70%; }
	.ps_40 { bottom: -100%; }
	.ps_43 { margin-top: -21%; }
	.ps_44 { top: 13%; left: 70%; }
	.ps_45 { left: 0; }
	.ps_53 { margin-top: -41%; }
	.ps_54 { top: -90px; }
	.ps_55 { bottom: -70px;}
	.ps_56 { bottom: -100px; }
	.ps_57 { margin-top: -28.5%; }
	.ps_58 { bottom: -120px; }
	.ps_60 { margin-top: -12.5%; }
	.ps_63 { top: 40%; }
	.ps_64 { top: 40%; }
	.ps_65 { top: 30%; left: 50%; }
	.ps_66 { margin-top: -37%; }
	.ps_71 { left: -2%; }
	.ps_74 { margin-top: -24%; }
	.ps_75 { margin-top: -28.5%; }
	.ps_77 { top: 25%; left: 57%; }
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	.pic {
		width: 170px;
		height: 80px;
	}
	/* position */
	.ps_01 { bottom: 0; }
	.ps_02 { /* top: -55px; */ left: 20%; top: 100%; }
	.ps_03 { bottom: 58%; right: -2%; }
	.ps_04 { top: -60px; }
	.ps_08 { top: 3%; }
	.ps_07 { bottom: -80px; left: 10%; }
	.ps_09 { bottom: -75px; left: 10%; }
	.ps_10 { top: 2%; right: 0; }
	.ps_11 { top: 4%; left: -2%; }
	.ps_12 { top: 67%; right: -2%; }
	.ps_13 { top: 2%; right: 0; }
	.ps_14 { top: 2%; left: -2%; }
	.ps_15 { top: 5%; left: 2%; }
	.ps_16 { top: 38%; }
	.ps_17 { bottom: -85px; }
	.ps_18 { /* top: 3%; */top: 1%; }
	.ps_19 { top: -65px; left: 0; }
	.ps_20 { bottom: -50px; right: 0; }
	.ps_21 { left: auto; margin-top: -7%; right: 8%; background-position: right center; }
	.ps_23 { top: -25%; }
	.ps_28 { top: -11%; }
	.ps_29 { bottom: -7%; }
	.ps_30 { top: 23%; }
	.ps_31 { top: 47%; left: auto; right: 2%; background-position: right center; }
	.ps_32 { top: 73%; }
	.ps_33 { top: auto; bottom: 0; left: auto; right: 5%; background-position: right center; }
	.ps_35 { top: -35%; left: auto; right: 0; background-position: right center; }
	.ps_36 { bottom: -1%; }
	.ps_37 { left: auto; right: 0; background-position: right center; }
	.ps_39 { top: -70px; left: 0; }
	.ps_40 { bottom: -50%; }
	.ps_41 { top: -13%; }
	.ps_42 { top: -8%; }
	.ps_43 { left: auto; margin-top: -40%; right: 8%; background-position: right center; }
	.ps_44 { top: 2%; }
	.ps_45 { bottom: 10%; left: auto; right: 3%; background-position: right center; }
	.ps_46 { top: 3%; left: auto; right: 5%; background-position: right center; }
	.ps_47 { top: 31%; left: 0; }
	.ps_48 { bottom: 34.5%; left: auto; right: 0; background-position: right center; }
	.ps_49 { bottom: -40%; }
	.ps_50 { top: -40%; }
	.ps_53 { left: auto; margin-top: -81%; right: 8%; background-position: right center; }
	.ps_54 { top: -60px; }
	.ps_55 { bottom: -45px; }
	.ps_56 { bottom: -70px; }
	.ps_57 { left: auto; margin-top: -57%; right: 8%; background-position: right center; }
	.ps_58 { bottom: -80px; }
	.ps_59 { top: -70px; }
	.ps_60 { left: auto; margin-top: -24%; right: 8%; background-position: right center; }
	.ps_63 { top: 20%; }
	.ps_64 { top: 20%; }
	.ps_65 { top: 35%; left: auto; right: 2%; background-position: right center; }
	.ps_66 { left: auto; margin-top: -73%; right: 8%; background-position: right center; }
	.ps_68 { top: -30px; }
	.ps_69 { bottom: -60px; }
	.ps_70 { bottom: -70px; }
	.ps_71 { bottom: -80px; left: -2%; }
	.ps_72 { bottom: auto; top: -60px; left: auto; right: 0; background-position: right center; }
	.ps_73 { display: none; }
	.ps_74 { left: auto; margin-top: -49%; right: 8%; background-position: right center; }
	.ps_75 { left: auto; margin-top: -57%; right: 8%; background-position: right center; }
	.ps_76 { top: 13%; }
	.ps_77 { top: 25%; left: auto; right: 0; background-position: right center; }
	.ps_78 { top: 2%; left: 2%; }
	.ps_79 { bottom: -50px; right: 2%; }
}

/* COLUMN -------------------------------------------------------------------------*/

.column2 {
	display: inline-block;
	width: 48%;
	vertical-align: top;
	margin-right: 4%;
}
.column2:nth-of-type(even) {
	margin-right: 0;
}
.column2:nth-of-type(n+3) {
	margin-top: 50px;
}
.column3 {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	margin-right: 5%;
}
.column3.type1 {
	width: 32%;
	margin-right: 2%;
}
.column3:nth-of-type(3n) {
	margin-right: 0;
}
.column3:nth-of-type(n+4) {
	margin-top: 50px;
}
.column3.type1:nth-of-type(n+4) {
	margin-top: 0;
}
.column4 {
	display: inline-block;
	width: 23.5%;
	vertical-align: top;
	margin-right: 2%;
}
.column4:nth-of-type(4n) {
	margin-right: 0;
}
.column2.va_mid { vertical-align: middle; }

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1199px) {
	.column3 {
		width: 32%;
		margin-right: 2%;
	}
	.column4 {
		width: 48%;
		margin-right: 4%;
	}
	.column4:nth-of-type(even) {
		margin-right: 0;
	}
	.column4:nth-of-type(n+3) {
		margin-top: 20px;
	}
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	.column2,
	.column3,
	.column3.type1,
	.column4 {
		width: 100%;
		margin-right: 0;
	}
	.column2:nth-of-type(n+2),
	.column2:nth-of-type(n+3),
	.column3:nth-of-type(n+2),
	.column3:nth-of-type(n+4),
	.column4:nth-of-type(n+2) {
		margin-top: 20px;
	}
	.column3.type1:nth-of-type(n+2) {
		margin-top: 0;
	}
	.column2.va_mid { vertical-align: top; }
}

/* CONTENTS -------------------------------------------------------------------------*/

/* breadcrumbs */
.breadcrumbs {
	font-size: 12px;
	padding: 10px 0;
}
.breadcrumbs.noimg {
	margin-top: 150px;
}
.breadcrumbs br {
	display: none;
}
.breadcrumbs span {
	color: #00A7C5;
}
.breadcrumbs a span {
	color: #113961;
}
/* submimg */
#sub_mimg {
	padding: 220px 0 50px 0;
	background: url('images/mimg_bg.jpg') no-repeat center center;
	background-size: cover;
}
#sub_mimg.noimg {
	padding: 50px 0 0 0;
	background: none;
}
#sub_mimg.middle {
	padding: 270px 0 100px 0;
}
#sub_mimg.high {
	padding: 370px 0 200px 0;
}
#sub_mimg.voice { background-image: url('images/mimg_voice.jpg'); }
#sub_mimg.information { background-image: url('images/mimg_info.jpg'); }
#sub_mimg.material { background-image: url('images/mimg_material.jpg'); }
#sub_mimg.recruit { background-image: url('images/mimg_recruit.jpg'); }
#sub_mimg.enterprise { background-image: url('images/mimg_enterprise.jpg'); }
#sub_mimg.estate { background-image: url('images/mimg_estate.jpg'); }
#sub_mimg.sawmill { background-image: url('images/mimg_sawmill.jpg'); }
#sub_mimg.architecture { background-image: url('images/mimg_architecture.jpg'); }
#sub_mimg.design { background-image: url('images/mimg_design.jpg'); }
#sub_mimg.introduction { background-image: url('images/mimg_introduction.jpg'); }
#sub_mimg.company { background-image: url('images/mimg_company.jpg'); }
#sub_mimg.profile { background-image: url('images/mimg_profile.jpg'); }
#sub_mimg.history { background-image: url('images/mimg_history.jpg'); }
#sub_mimg.charm { background-image: url('images/mimg_charm.jpg'); }
#sub_mimg.reasons, #sub_mimg.philosophy, #sub_mimg.house-build { background-image: url('images/mimg_reasons.jpg'); }
#sub_mimg.kyowakasa { background-image: url('images/mimg_kyowakasa.jpg'); }
#sub_mimg.kyowakasa-pj { background-image: url('images/mimg_kyowakasa-pj.jpg'); }
#sub_mimg.five { background-image: url('images/mimg_five.jpg'); }
#sub_mimg.seven { background-image: url('images/mimg_seven.jpg'); }
#sub_mimg.people { background-image: url('images/mimg_people.jpg'); }
#sub_mimg.aoto { background-image: url('images/mimg_aoto.jpg'); }
#sub_mimg.topics { background-image: url('images/mimg_topics.jpg'); }
#sub_mimg.estate-s { background-image: url('images/mimg_estate-s.jpg'); }
#sub_mimg.flow { background-image: url('images/mimg_flow.jpg'); }
#sub_mimg.style { background-image: url('images/mimg_style.jpg'); }
#sub_mimg.ocean { background-image: url('images/mimg_ocean.jpg'); }
#sub_mimg.wood { background-image: url('images/mimg_wood.jpg'); }
#sub_mimg.works, #sub_mimg.technology, #sub_mimg.forest { background-image: url('images/mimg_works.jpg'); }
#sub_mimg.takahama-town { background-image: url('images/mimg_takahama.jpg'); }
/* link */
.link_01 {
	padding-top: 20px;
}
.link_01 a {
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #113961;
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
}
.link_01 a span {
	display: block;
	padding: 15px;
	background: #fff;
}
.link_01 .circle {
	width: 80px;
	height: 80px;
	margin: -20px 0 -60px 5%;
	border-radius: 100%;
	position: relative;
	z-index: 999;
}
.link_01 .circle span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	font-size: 11px;
	line-height: 1.5;
	color: #fff;
	text-align: center;
}
.link_01 .circle.navy {
	background: #113961;
}
.link_01 .circle.sky {
	background: #00A7C5;
}
.link_01 .circle.navy span {
	margin-top: -8px;
}
.link_01 .circle.sky span {
	margin-top: -17px;
}
.link_02 {
	font-size: 16px;
	text-align: center;
	padding: 30px 0;
	background: #fff;
	border-radius: 5px;
}
.link_02.green {
	background: url('images/bg_06.png') repeat-x left top;
}
.link_02.brown {
	background: url('images/bg_07.png') repeat-x left top;
}
.link_02.blue {
	background: url('images/bg_01.png') repeat-x left top;
}
.link_02 .img {
	margin-bottom: 20px;
}
.link_02 .img.nolink img {
	width: 70%;
	height: auto;
	border-radius: 100%;
	overflow: hidden;
}
.link_02 .img a {
	display: block;
	width: 70%;
	margin: 0 auto;
	border-radius: 100%;
	overflow: hidden;
}
.link_02 .ttl {
	font-size: 25px;
	font-weight: bold;
}
.link_02 .ttl span {
	display: block;
	font-size: 15px;
}
.link_02 .txt {
	margin: 10px 0;
}
.link_03 .img {
	margin-bottom: 20px;
}
.link_03 .img figure {
	border-radius: 5px;
	overflow: hidden;
}
.link_03 .ttl {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.link_04 .img {
	margin-bottom: 20px;
}
.link_04 .img figure {
	border-radius: 5px;
	overflow: hidden;
}
.link_04 .date,
.link_04 .cate {
	display: inline-block;
	vertical-align: middle;
}
.link_04 .date {
	width: 40%;
	font-size: 15px;
}
.link_04 .cate {
	width: 60%;
}
.link_04 .cate a {
	display: block;
	width: 100%;
	max-width: 150px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	background: #00A7C5;
	border-radius: 30px;
}
.link_04 .txt {
	font-size: 15px;
	margin-top: 10px;
}
.link_04 .ttl {
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}
.link_05 .left,
.link_05 .right {
	display: inline-block;
	vertical-align: middle;
}
.link_05 .left {
	width: 45%;
	margin-right: 5%;
	border-radius: 5px;
	overflow: hidden;
}
.link_05 .right {
	width: 50%;
	font-size: 15px;
}
.link_05 .right .ttl {
	font-family: 'Century Gothic','Molengo', sans-serif;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
}
.link_05 .right .txt {
	margin: 10px 0;
}
.link_06 {
	font-size: 15px;
	text-align: center;
}
.link_06 .img,
.link_07 .img {
	margin-bottom: 20px;
}
.link_06 .img figure,
.link_07 .img figure {
	border-radius: 5px;
	overflow: hidden;
}
.link_06 .ttl,
.link_07 .ttl {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}
.link_07 .img {
	position: relative;
}
.link_07 .img span {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 12px;
	color: #113961;
	padding: 3px 10px;
	background: #fff;
}
.link_07 .ttl {
	font-size: 25px;
	color: #113961;
	text-align: center;
}
.link_07 .ttl.small {
	font-size: 17px;
	text-align: left;
}
.link_07 .txt {
	font-size: 15px;
	margin: 10px 0;
}
/* add 2018.06 */
.archive_date{
	display: block;
	font-size: 14px;
}
.archive_img{
	height: 16vw;
}
@media only screen and (min-width : 320px) and (max-width : 767px) {
.archive_img{
	height: 100%;
}
}


/* box */
.box_01 p {
	text-align: center;
}
.box_02 {
	width: 100%;
	max-width: 550px;
	margin: 0 auto;
}
.box_03 {
	background: #DCFAFF;
}
.box_03:nth-of-type(even) {
	background: #fff;
}
.box_03 .container {
	padding: 50px 0;
	position: relative;
}
.box_03 .img {
	width: 70%;
}
.box_03 .img img {
	width: 100%;
	height: auto;
}
.box_03 .box {
	position: absolute;
	top: 50%;
	right: 0;
	width: 35%;
	margin-top: -130px;
	padding: 30px;
	background: #fff;
}
.box_03 .box .ttl {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.box_03 .box .txt {
	margin-bottom: 20px;
}
.box_04 {
	font-size: 0;
	background: #00A7C5;
	border-radius: 5px;
	overflow: hidden;
}
.box_04 .left,
.box_04 .right {
	display: inline-block;
	vertical-align: middle;
}
.box_04 .left {
	width: 24%;
	padding: 0 3%;
}
.box_04.type1 .left {
	width: 28%;
}
.box_04 .left .ttl {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5;
	color: #fff;
	margin-bottom: 10px;
}
.box_04.type1 .left .ttl {
	font-size: 18px;
}
.box_04 .left .txt {
	font-size: 15px;
	color: #fff;
	margin-bottom: 10px;
}
.box_04.type1 .left .txt {
	font-size: 12px;
}
.box_04 .right {
	width: 70%;
}
.box_04.type1 .right {
	width: 66%;
}
.box_04 .right img {
	width: 100%;
	height: auto;
}
.box_05,
.box_06 {
	position: relative;
	overflow: hidden;
}
.box_06.green {
	color: #034001;
}
.box_06.brown {
	color: #613829;
}
.box_06 .ttl_img {
	margin-bottom: 20px;
}
.box_05 .img,
.box_06 .img {
	float: left;
	width: 60%;
	border-radius: 5px;
	overflow: hidden;
}
.box_06.type2 .img {
	width: 70%;
}
.box_06 .img {
	float: right;
}
.box_05 .img img,
.box_06 .img img {
	width: 100%;
	height: auto;
}
.box_05 .box,
.box_06 .box {
	position: absolute;
	top: 50%;
	right: 0;
	width: 40%;
	height: 190px;
	margin-top: -125px;
	padding: 30px;
	background: #fff;
	border-radius: 5px;
}
.box_05.type1 .box {
	height: 230px;
	margin-top: -145px;
}
.box_05.type2 .box {
	height: 150px;
	margin-top: -105px;
}
.box_05.type3 .box {
	width: 45%;
	height: 350px;
	margin-top: -205px;
}
.box_06 .box {
	right: auto;
	left: 0;
}
.box_06.type1 .box {
	height: 150px;
	margin-top: -105px;
}
.box_06.type2 .box {
	height: 330px;
	margin-top: -195px;
}
.box_06.type3 .box {
	height: 210px;
	margin-top: -135px;
}
.box_06.type4 .box {
	width: 45%;
	height: 350px;
	margin-top: -205px;
}
.box_06.type5 .box {
	height: 360px;
	margin-top: -210px;
}
.box_05 .box .ttl,
.box_06 .box .ttl {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.box_05 .box .txt,
.box_06 .box .txt {
	margin-bottom: 10px;
}
.box_06.type2 .box .btn_02 a {
	width: 100%;
}
.box_07 {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.box_08 .img img {
	width: 100%;
	height: auto;
}
.box_08 .name {
	font-size: 16px;
	text-align: center;
	margin: 15px 0;
}
.box_08 .txt {
	font-size: 13px;
}
.box_09 .ttl {
	font-size: 21px;
}
.box_09 .box {
	overflow: hidden;
}
.box_09 .box img {
	width: 100%;
	height: auto;
}
.box_09 .box .left {
	float: left;
	width: 48%;
}
.box_09 .box .right {
	float: right;
	width: 48%;
}
.box_10 .ttl {
	font-size: 20px;
	margin-bottom: 10px;
}
.box_10 .img {
	text-align: center;
	position: relative;
}
.box_10 .img a {
	display: block;
	padding: 50px 0;
}
.box_10 .img img {
	width: 100%;
	max-width: 200px;
	height: auto;
}
.box_10 .img span {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background: url('images/icon_07.png') no-repeat center center;
	background-size: cover;
	z-index: 999;
}
.box_11 .img {
	margin-bottom: 10px;
}
.box_11 .img img {
	width: 100%;
	height: auto;
}
.box_11 .img a {
	display: block;
	position: relative;
}
.box_11 .img a span {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	background: url('images/icon_08.png') no-repeat center center;
	background-size: cover;
	z-index: 999;
}
.box_11 .txt {
	font-size: 13px;
	text-align: center;
}
.box_12 .ttl {
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;
}
.box_12 p {
	font-size: 13px;
}
.box_12 .left,
.box_12 .right {
	display: inline-block;
	width: 42%;
	vertical-align: top;
}
.box_12 .right {
	width: 55%;
	margin-left: 3%;
}
.box_12 .right .img {
	margin-bottom: 10px;
	border-radius: 5px;
	overflow: hidden;
}
.box_12 .right .img img {
	width: 100%;
	height: auto;
}
.box_13 .img {
	margin-bottom: 30px;
	border-radius: 5px;
	overflow: hidden;
}
.box_13 .img img {
	width: 100%;
	height: auto;
}
.box_13 .ttl {
	text-align: center;
	margin-bottom: 30px;
}
.box_13 .ttl img {
	width: 80%;
	max-width: 373px;
	height: auto;
}
.box_13 .btn_02 a {
	max-width: 500px;
}
.box_14 {
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
}
.box_14 .img img {
	width: 100%;
	height: auto;
}
.box_14 .box {
	padding: 20px 30px;
}
.box_14 .box .ttl {
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
}
.box_15 {
	height: 570px;
	padding: 30px;
	background: #fff;
}
.box_15 .ttl {
	font-size: 18px;
	text-align: center;
}
.box_15 table {
	width: 100%;
}
.box_15 table th,
.box_15 table td {
	font-size: 15px;
	padding: 10px 15px;
	border-bottom: 1px solid #fff;
}
.box_15 table th {
	width: 120px;
	color: #fff;
	background: #113961;
}
.box_15 table td {
	background: #EFEFEF;
}
.box_16 .left,
.box_16 .right {
	display: inline-block;
	width: 67%;
	vertical-align: middle;
}
.box_16 .left {
	width: 25%;
	margin-right: 8%;
}
.box_16 .left img {
	width: 100%;
	height: auto;
}
.box_16 .right .ttl {
	font-size: 20px;
	margin-bottom: 10px;
}
.box_17 {
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
}
.box_17 .left,
.box_17 .right {
	display: inline-block;
	width: 55%;
	vertical-align: middle;
}
.box_17 .left {
	width: 39%;
	padding: 20px 3%;
}
.box_17 .left .ttl {
	font-size: 28px;
	margin-bottom: 10px;
}
.box_17 .left .txt {
	font-size: 20px;
	margin-bottom: 10px;
}
.box_17 .right img {
	width: 100%;
	height: auto;
}
.box_18 {
	background: #EFEFEF;
	border-radius: 5px;
	overflow: hidden;
}
.box_18 .img,
.box_18 .txt {
	display: inline-block;
	width: 40%;
	vertical-align: middle;
}
.box_18 .img img {
	width: 100%;
	height: auto;
}
.box_18 .txt {
	width: 54%;
	font-size: 13px;
	padding: 10px 3%;
}
.box_18 .txt span {
	display: block;
	font-size: 15px;
}
.box_19 {
	position: relative;
	overflow: hidden;
}
.box_19 .img {
	float: right;
	width: 70%;
	border-radius: 5px;
	overflow: hidden;
}
.box_19 .img img {
	width: 100%;
	height: auto;
}
.box_19 .box {
	position: absolute;
	top: 50%;
	left: 0;
	width: 40%;
	height: 550px;
	padding: 50px 30px;
	margin-top: -325px;
	background: #fff;
	border-radius: 5px;
}
.box_19 .box .ttl {
	font-size: 20px;
	margin-bottom: 10px;
}
.box_19 .box .name span {
	font-size: 20px;
}
.box_20 .left,
.box_20 .right {
	display: inline-block;
	width: 64%;
	vertical-align: top;
}
.box_20 .left table {
	width: 100%;
}
.box_20 .left table th,
.box_20 .left table td {
	font-size: 12px;
	padding: 10px 20px;
	background: #EFEFEF;
	border: 1px solid #fff;
}
.box_20 .left table th {
	width: 80px;
	color: #fff;
	background: #113961;
}
.box_20 .left table td span {
	font-size: 15px;
}
.box_20 .left table td.era {
	width: 20px;
	background: #fff url('images/bg_09.jpg') no-repeat center center;
	background-size: auto 100%;
}
.box_20 .right {
	width: 25%;
	margin-left: 1%;
	padding: 40px 5%;
}
.box_20 .right ul li {
	margin-bottom: 40px;
}
.box_20 .right ul li:last-child {
	margin-bottom: 0;
}
.box_20 .right ul li img {
	width: 100%;
	height: auto;
}
.box_21 {
	text-align: center;
	padding: 30px;
	background: #fff;
	border-radius: 5px;
}
.box_22.sp {
	display: none;
}
.box_22 .box {
	font-size: 18px;
	border-radius: 5px;
	overflow: hidden;
}
.box_22 .box .ttl {
	color: #fff;
	text-align: center;
	padding: 20px 0;
	background: #00A6C4;
}
.box_22 .box .area {
	padding: 20px;
	background: #DCFAFF;
}
.box_22 .box .area img {
	width: 100%;
	height: auto;
}
.box_22 .arrow_1,
.box_22 .arrow_2,
.box_22 .arrow_3 {
	display: block;
	position: absolute;
	width: 7%;
	padding-top: 60%;
	background:#eee;
}
.box_22 .arrow_1 {
	top: 3.5%;
	left: 29%;
	background: url('images/arrow_16.png') no-repeat center center;
	background-size: 100% auto;
}
.box_22 .arrow_2 {
	top: 12%;
	right: 29%;
	background: url('images/arrow_18.png') no-repeat center center;
	background-size: 100% auto;
}
.box_22 .arrow_3 {
	bottom: 6.5%;
	right: 29%;
	background: url('images/arrow_17.png') no-repeat center center;
	background-size: 100% auto;
}
/* list */
.list_01 {
	width: 100%;
	max-width: 900px;
	font-size: 0;
	margin: 0 auto;
}
.list_01 li .left,
.list_01 li .right {
	display: inline-block;
	vertical-align: middle;
}
.list_01 li .left {
	width: 22%;
	margin-right: 3%;
}
.list_01 li .left img {
	width: 100%;
	height: auto;
}
.list_01 li .right {
	width: 75%;
}
.list_01 li .right .ttl {
	font-size: 22px;
	font-weight: bold;
	color: #00A7C5;
	margin-bottom: 15px;
}
.list_02 {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
.list_02 li {
	margin-bottom: 20px;
}
.list_03 li {
	margin-bottom: 50px;
	position: relative;
}
.list_03 li:last-child {
	margin-bottom: 0;
}
.list_03 li .img {
	width: 55%;
	border-radius: 5px;
	overflow: hidden;
}
.list_03 li .img img {
	width: 100%;
	height: auto;
}
.list_03 li .box {
	position: absolute;
	top: 50%;
	right: 0;
	width: 50%;
	height: 150px;
	margin-top: -105px;
	padding: 30px;
	background: #fff;
	border-radius: 5px;
}
.list_03 li .box .ttl {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 10px;
}
.list_03 li .box .ttl span {
	font-family: 'Century Gothic','Molengo', sans-serif;
	color: #00A7C5;
	letter-spacing: 2px;
	margin-right: 20px;
}
.list_04 li {
	margin-bottom: 80px;
	position: relative;
}
.list_04 li:last-child {
	margin-bottom: 0;
}
.list_04 li .box {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.list_04 li .img {
	margin-bottom: 50px;
	border-radius: 5px;
	overflow: hidden;
}
.list_04 li .img img {
	width: 100%;
	height: auto;
}
.list_04 li .ttl1 {
	font-family: 'Century Gothic','Molengo', sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #00A7C5;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.list_04 li .ttl2 {
	font-size: 20px;
	margin-bottom: 10px;
}
.list_05 {
	font-size: 0;
}
.list_05 li {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	margin: 0 5% 50px 0;
}
.list_05 li:first-child {
	width: 100%;
}
.list_05 li:nth-child(1),
.list_05 li:nth-child(4),
.list_05 li:nth-child(7) {
	margin-right: 0;
}
.list_05 li:first-child .img,
.list_05 li:first-child .box {
	display: inline-block;
	width: 25%;
	vertical-align: middle;
}
.list_05 li:first-child .box {
	width: 72%;
	margin-left: 3%;
}
.list_05 li .img {
	text-align: center;
	margin-bottom: 20px;
}
.list_05 li .img img {
	width: 100%;
	max-width: 150px;
	height: auto;
}
.list_05 li .ttl {
	font-size: 18px;
	margin-bottom: 10px;
}
.list_05 li .txt {
	font-size: 12px;
}
.list_06 {
	font-size: 0;
	text-align: center;
}
.list_06 li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 2%;
}
.list_06 li img {
	width: auto;
	height: 80px;
}
.list_07 li {
	display: inline-block;
	width: 48%;
	vertical-align: top;
	margin: 0 4% 30px 0;
}
.list_07 li:nth-child(even) {
	margin-right: 0;
}
.list_07 li .ttl,
.list_07 li .txt {
	display: inline-block;
	width: 20%;
	vertical-align: middle;
}
.list_07 li .ttl {
	padding-top: 20%;
	background: #113961;
	border-radius: 100%;
	position: relative;
}
.list_07 li .ttl span {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-top: -18px;
}
.list_07 li .txt {
	width: 75%;
	font-size: 15px;
	margin-left: 5%;
}
/* table */
.tbl_01,
.tbl_03,
.tbl_04,
.tbl_05,
.tbl_11 {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.tbl_01 th,
.tbl_01 td {
	padding: 15px 20px;
	background: #EFEFEF;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.tbl_01 th {
	width: 120px;
	color: #fff;
	background: #113961;
}
.tbl_02,
.tbl_06,
.tbl_07,
.tbl_08,
.tbl_09,
.tbl_10 {
	width: 100%;
}
.tbl_02 tr:first-child th {
	font-size: 20px;
	color: #fff;
	background: #113961;
}
.tbl_02.type1 tr:first-child th {
	font-size: 15px;
}
.tbl_02 th,
.tbl_02 td {
	font-size: 15px;
	padding: 15px 20px;
	border: 1px solid #113961;
}
.tbl_02 th {
	background: #C8C8C8;
}
.tbl_02.type1 th {
	width: 15%;
	color: #fff;
	background: #113961;
	border-bottom: 1px solid #fff;
}
.tbl_02.type1 tr:last-child th {
	border-bottom: 1px solid #113961;
}
.tbl_02.type1 td {
	width: 35%;
}
.tbl_03 th,
.tbl_03 td {
	font-size: 15px;
	padding: 15px 20px;
	background: #EFEFEF;
	border: 1px solid #fff;
}
.tbl_03 th {
	color: #fff;
	background: #113961;
}
.tbl_04 th,
.tbl_04 td {
	font-size: 15px;
	padding: 30px 0;
	border-bottom: 1px dotted #113961;
}
.tbl_04 th {
	width: 230px;
	text-align: left;
}
.tbl_04 th.top {
	vertical-align: top;
}
.tbl_04 th span {
	color: #E60012;
	margin-left: 10px;
}
.tbl_04 td .name {
	display: inline-block;
	width: 49%;
	vertical-align: middle;
}
.tbl_04 td .name:last-of-type {
	margin-left: 2%;
}
.tbl_04 td .add {
	display: inline-block;
	width: 18%;
	vertical-align: middle;
}
.tbl_04 td .add:nth-of-type(even) {
	width: 82%;
}
.tbl_04 td .tel {
	display: inline-block;
	vertical-align: middle;
}
.tbl_04 td .tel:nth-of-type(1) {
	width: 50%;
}
.tbl_05,
.tbl_07 {
	border: 1px solid #113961;
}
.tbl_05 th,
.tbl_05 td,
.tbl_07 th,
.tbl_07 td {
	font-size: 15px;
	padding: 20px;
}
.tbl_05 th,
.tbl_07 th {
	color: #fff;
	background: #113961;
}
.tbl_05 tr:nth-child(n+2) th,
.tbl_07 tr:nth-child(n+2) th {
	border-top: 1px solid #fff;
}
.tbl_05 td,
.tbl_07 td {
	border: 1px solid #113961;
}
.tbl_06 th,
.tbl_06 td {
	font-size: 15px;
	padding: 15px 20px;
	background: #fff;
	border: 1px solid #113961;
}
.tbl_06 td {
	width: 50%;
}
.tbl_07 th,
.tbl_07 td {
	padding: 15px 20px;
}
.tbl_07 th {
	width: 250px;
}
.tbl_08 th,
.tbl_08 td {
	font-size: 15px;
	text-align: center;
	padding: 3px 10px;
}
.tbl_08 th {
	color: #fff;
	background: #113961;
	border-bottom: 1px solid #fff;
}
.tbl_08 th:nth-of-type(n+2) {
	border-left: 1px solid #fff;
}
.tbl_08 th:last-child {
	border-right: 1px solid #113961;
}
.tbl_08 td {
	border: 1px solid #113961;
}
.tbl_08 td:first-child span {
	color: #fff;
	padding: 2px 9px 4px 9px;
	background: #113961;
	border-radius: 100%;
}
.tbl_08 tr:nth-of-type(n+12) td:first-child span {
	padding: 2px 4px 4px 4px;
}
.tbl_08 td:last-child span {
	font-size: 18px;
}
.tbl_09 th,
.tbl_09 td {
	font-size: 15px;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #DCFAFF;
}
.tbl_09 th {
	color: #fff;
	background: #7088A0;
}
.tbl_09 th.navy {
	background: #113961;
}
.tbl_09 td.gray {
	color: #fff;
	background: #a0b0c0;
}
.tbl_10 th,
.tbl_10 td {
	font-size: 13px;
	padding: 10px 15px;
	background: #EFEFEF;
	border: 1px solid #fff;
}
.tbl_10 th {
	width: 110px;
	color: #fff;
	background: #113961;
}
.tbl_10 td span {
	display: block;
	font-size: 15px;
}
.tbl_11 th,
.tbl_11 td {
	font-size: 15px;
	padding: 10px 15px;
	background: #fff;
	border: 1px solid #113961;
}
.tbl_11 th {
	width: 30%;
}
/* img */
.img_01 {
	border-radius: 5px;
	overflow: hidden;
}
.img_01 img,
.img_02 img {
	width: 100%;
	height: auto;
}
.img_03 {
	text-align: center;
}
.img_03.type1 img {
	width: 100%;
	max-width: 800px;
	height: auto;
}
.img_03.type2 img {
	width: 100%;
	max-width: 500px;
	height: auto;
}
/* btn */
.btn_01 a {
	display: block;
	width: 100%;
	max-width: 220px;
	font-family: 'Century Gothic','Molengo', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #00A7C5;
	letter-spacing: 2px;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0 10px 20px;
	position: relative;
}
.btn_01.navy a {
	color: #113961;
}
.btn_01.white a {
	color: #fff;
}
.btn_01.green a {
	color: #59A536;
}
.btn_01.brown a {
	color: #CA8127;
}
.btn_01.type1 a {
	text-align: left;
	padding: 10px 0;
}
.btn_01.type2 a {
	text-align: left;
	margin: 0;
	padding: 10px 0;
}
.btn_01.type3 a {
	text-align: left;
	margin: 0;
	padding: 15px;
}
.btn_01.type3.navy a {
	color: #fff;
	background: #113961;
}
.btn_01 a span {
	display: inline-block;
	width: 40px;
	height: 2px;
	vertical-align: middle;
	margin: 0 20px 0 10px;
	padding-right: 7px;
	background: #00A7C5;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	position: relative;
}
.btn_01.navy a span {
	background: #113961;
}
.btn_01.white a span {
	background: #fff;
}
.btn_01.green a span {
	background: #59A536;
}
.btn_01.brown a span {
	background: #CA8127;
}
.btn_01.type3.navy a span {
	background: #fff;
}
.btn_01 a span:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	width: 7px;
	height: 10px;
	margin-top: -5px;
	background: url('images/arrow_02.png') no-repeat center center;
	background-size: cover;
}
.btn_01.navy a span:after {
	background-image: url('images/arrow_07.png');
}
.btn_01.white a span:after {
	background-image: url('images/arrow_10.png');
}
.btn_01.green a span:after {
	background-image: url('images/arrow_14.png');
}
.btn_01.brown a span:after {
	background-image: url('images/arrow_15.png');
}
.btn_01.type3.navy a span:after {
	background-image: url('images/arrow_10.png');
}
.btn_01 a:hover span {
	width: 60px;
	margin-right: 0;
}
.btn_02 a {
	display: block;
	width: 100%;
	max-width: 300px;
	font-family: 'Century Gothic','Molengo', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 2px;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0;
	background: #00A7C5;
	border-radius: 30px;
}
.btn_02.green a {
	background: #034001;
}
.btn_02.brown a {
	background: #613829;
}
.btn_02.navy a {
	background: #113961;
}
.btn_02 a span {
	padding-right: 50px;
	background: url('images/arrow_03.png') no-repeat right center;
	background-size: 40px auto;
}
.btn_02 a:hover {
	background: #113961;
}
.btn_02.green a:hover {
	background: #5AA637;
}
.btn_02.brown a:hover {
	background: #CB8228;
}
.btn_02.navy a:hover {
	background: #00A7C5;
}
.btn_03,
.btn_04 {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.btn_03 a,
.btn_04 a,
.btn_07 a,
.btn_07-00,
.btn_08 a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 20px 10px;
	background: #113961;
}
.btn_04 a {
	color: #113961;
	padding: 15px 10px;
	background: #cfd8df;
}
.btn_03 a span,
.btn_04 a span {
	padding-right: 40px;
	background: url('images/arrow_08.png') no-repeat right 60%;
	background-size: 25px auto;
}
.btn_04 a span {
	background-image: url('images/arrow_09.png');
}
.btn_03 a:hover,
.btn_04 a:hover,
.btn_06 a:hover,
.btn_07 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.btn_05 a {
	display: block;
	font-family: 'Century Gothic','Molengo', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 2px;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0 10px 20px;
	background: #113961;
	position: relative;
}
.btn_05 a span {
	display: inline-block;
	width: 40px;
	height: 2px;
	vertical-align: middle;
	margin: 0 20px 0 10px;
	padding-right: 7px;
	background: #fff;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	position: relative;
}
.btn_05 a span:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	width: 7px;
	height: 10px;
	margin-top: -5px;
	background: url('images/arrow_10.png') no-repeat center center;
	background-size: cover;
}
.btn_05 a:hover span {
	width: 60px;
	margin-right: 0;
}
.btn_06 {
	float: right;
	width: 200px;
}
.btn_06 a {
	display: block;
	font-family: 'Century Gothic','Molengo', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 2px;
	padding: 15px;
	background: #113961 url('images/arrow_08.png') no-repeat 90% center;
	background-size: 20px auto;
}
.btn_07 a,
.btn_07-00 {
	border: 1px solid #113961;
	border-radius: 5px;
}
.btn_08 a {
	color: #113961;
	background: #fff;
	border: 1px solid #113961;
	border-radius: 5px;
}
.btn_08 a:hover {
	color: #fff;
	background: #113961;
}
.btn_09,
.btn_10 {
	margin-bottom: 10px;
}
.btn_09 a {
	font-size: 15px;
	color: #113961;
	padding-left: 15px;
	background: url('images/arrow_11.png') no-repeat left 60%;
	background-size: 5px auto;
}
.btn_09 a:hover,
.btn_10 a:hover {
	color: #00A6C4;
}
.btn_10 a {
	font-size: 13px;
	color: #113961;
	padding-left: 15px;
	background: url('images/arrow_07.png') no-repeat left 60%;
	background-size: 5px auto;
}
/* form */
input, textarea, select {
	color: #113961;
	padding: 10px 2%;
	border: 1px solid #9FA0A0;
	border-radius: 5px;
	box-sizing: border-box;
}
input[type="file"] {
	padding: 5px 0;
	border: none;
}
input[type="text"] {
	width: 50%;
}
input[type="text"].min {
	width: 20%;
}
div.name input[type="text"],
input[type="text"].max {
	width: 100%;
}
textarea {
	width: 100%;
	height: 150px;
	vertical-align: top;
}
.submit {
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
}
.submit input[type="submit"] {
	display: block;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 30px 20px;
	background: #113961;
	border: none;
	border-radius: 0;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
.submit input[type="submit"]:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/* movie */
.movie img {
	width: 100%;
	height: auto;
}
.movie a {
	display: block;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}
.movie a span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 270px;
	font-family: 'Century Gothic','Molengo', sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #113961;
	letter-spacing: 4px;
	text-align: center;
	margin: -35px 0 0 -150px;
	padding: 10px 0 10px 30px;
	background: rgba(255,255,255,0.7) url('images/arrow_07.png') no-repeat 40px center;
	background-size: 13px auto;
	border-radius: 30px;
}
.movie.green a span {
	color: #023F00;
	background-image: url('images/arrow_13.png');
}

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1199px) {
	/* breadcrumbs */
	.breadcrumbs.noimg {
		margin-top: 90px;
	}
	/* submimg */
	#sub_mimg {
		padding: 150px 0 70px 0;
	}
	#sub_mimg.middle {
		padding: 160px 0 80px 0;
	}
	#sub_mimg.high {
		padding: 180px 0 100px 0;
	}
	/* link */
	.link_01 a {
		font-size: 15px;
	}
	.link_01 a span {
		padding: 10px 15px;
	}
	.link_02 {
		font-size: 15px;
		padding: 20px 0;
	}
	.link_02 .ttl {
		font-size: 18px;
	}
	.link_02 .ttl span {
		font-size: 13px;
	}
	.link_02 .txt {
		margin: 5px 0;
	}
	.link_03 .img {
		margin-bottom: 10px;
	}
	.link_03 .ttl {
		font-size: 15px;
		line-height: 1.3;
		margin-bottom: 5px;
	}
	.link_05 .left,
	.link_05 .right {
		vertical-align: top;
	}
	.link_05 .right {
		font-size: 12px;
	}
	.link_05 .right .ttl {
		font-size: 18px;
	}
	.link_05 .right .txt {
		margin: 5px 0;
	}
	.link_06 {
		font-size: 13px;
	}
	.link_06 .img {
		margin-bottom: 10px;
	}
	.link_06 .ttl {
		font-size: 15px;
		margin-top: 5px;
	}
	/* box */
	.box_03 .container {
		padding: 50px 0 80px 0;
	}
	.box_03 .img {
		width: 90%;
	}
	.box_03 .box {
		top: auto;
		bottom: 50px;
		width: 55%;
		margin-top: 0;
		padding: 20px;
	}
	.box_04 .left {
		width: 34%;
	}
	.box_04.type1 .left {
		width: 90%;
		padding: 15px 5%;
	}
	.box_04 .left .ttl {
		font-size: 16px;
	}
	.box_04.type1 .left .ttl br {
		display: none;
	}
	.box_04 .right {
		width: 60%;
	}
	.box_04.type1 .right {
		width: 100%;
	}
	.box_06 .ttl_img img {
		width: auto;
		height: 70px;
	}
	.box_05 .img,
	.box_06 .img,
	.box_06.type2 .img {
		margin-bottom: 20%;
	}
	.box_05.type3 .img {
		margin-bottom: 300px;
	}
	.box_06.type2 .img {
		margin-bottom: 150px;
	}
	.box_06.type4 .img,
	.box_06.type5 .img {
		margin-bottom: 300px;
	}
	.box_05 .box,
	.box_06 .box {
		top: auto;
		bottom: 0;
		width: 55%;
		height: auto;
		margin-top: 0;
		padding: 20px;
	}
	.box_05.type1 .box,
	.box_05.type2 .box,
	.box_05.type3 .box,
	.box_06.type1 .box,
	.box_06.type4 .box,
	.box_06.type5 .box {
		height: auto;
		margin-top: 0;
	}
	.box_06.type2 .box,
	.box_06.type3 .box {
		width: 65%;
		height: auto;
		margin-top: 0;
	}
	.box_05.type3 .box,
	.box_06.type4 .box {
		width: 70%;
	}
	.box_15 {
		height: 830px;
		padding: 15px;
	}
	.box_15 .ttl {
		font-size: 15px;
	}
	.box_15 table th,
	.box_15 table td {
		display: block;
		font-size: 12px;
		padding: 5px 5%;
	}
	.box_15 table th {
		width: 90%;
	}
	.box_15 table th br {
		display: none;
	}
	.box_16 .right .ttl {
		font-size: 18px;
	}
	.box_17 .left,
	.box_17 .right {
		display: block;
	}
	.box_17 .right {
		width: 100%;
	}
	.box_17 .left {
		width: 94%;
		padding: 20px 3%;
	}
	.box_17 .left .ttl {
		font-size: 23px;
	}
	.box_17 .left .txt {
		font-size: 16px;
	}
	.box_18 .img,
	.box_18 .txt {
		display: block;
		width: 100%;
	}
	.box_18 .txt {
		width: 90%;
		padding: 10px 5%;
	}
	.box_19 {
		padding-bottom: 400px;
	}
	.box_19 .img {
		width: 80%;
	}
	.box_19 .box {
		top: auto;
		bottom: 0;
		width: 70%;
		height: auto;
		padding: 30px;
		margin-top: 0;
	}
	.box_22 .box {
		font-size: 16px;
	}
	.box_22 .arrow_1,
	.box_22 .arrow_2,
	.box_22 .arrow_3 {
		width: 5%;
	}
	.box_22 .arrow_1 {
		top: 3%;
		left: 30.5%;
	}
	.box_22 .arrow_2 {
		top: 16%;
		right: 30.5%;
	}
	.box_22 .arrow_3 {
		bottom: 7%;
		right: 30.5%;
	}
	/* list */
	.list_03 li {
		padding-bottom: 5%;
	}
	.list_03 li .img {
		width: 90%;
	}
	.list_03 li .box {
		top: auto;
		bottom: 0;
		width: 55%;
		height: auto;
		margin-top: 0;
		padding: 20px;
	}
	.list_07 li {
		width: 100%;
		margin: 0 0 30px 0;
	}
	/* table */
	.tbl_02 tr:first-child th {
		font-size: 18px;
	}
	.tbl_02 th,
	.tbl_02 td {
		font-size: 15px;
		padding: 15px 10px;
	}
	.tbl_04 td .add {
		width: 25%;
	}
	.tbl_04 td .add:nth-of-type(even) {
		width: 75%;
	}
	.tbl_04 td .tel:nth-of-type(1) {
		width: 55%;
	}
	/* btn */
	.btn_01.type1 a {
		width: 100%;
		font-size: 13px;
		letter-spacing: 0;
		padding: 5px 0;
	}
	.btn_01.type1 a span {
		width: 20px;
		margin: 0 10px 0 5px;
	}
	.btn_01.type1 a:hover span {
		width: 30px;
	}
	/* form */
	input[type="text"],
	.submit input[type="submit"] {
		-webkit-appearance: none;
	}
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	/* breadcrumbs */
	.breadcrumbs {
		font-size: 11px;
		padding: 5px 0;
	}
	.breadcrumbs.noimg {
		margin-top: 90px;
	}
	/* submimg */
	#sub_mimg {
		padding: 110px 0 10px 0;
	}
	#sub_mimg.noimg{
		padding: 30px 0 0 0;
	}
	#sub_mimg.middle {
		padding: 100px 0 10px 0;
	}
	#sub_mimg.high {
		padding: 130px 0 30px 0;
	}
	/* link */
	.link_01 a {
		font-size: 13px;
	}
	.link_02 {
		font-size: 13px;
		padding: 20px 0;
	}
	.link_02 .img {
		margin-bottom: 10px;
	}
	.link_02 .img a {
		max-width: 150px;
	}
	.link_02 .ttl {
		font-size: 18px;
	}
	.link_02 .ttl span {
		font-size: 13px;
	}
	.link_03 .img {
		margin-bottom: 10px;
	}
	.link_03 .ttl {
		font-size: 15px;
		margin-bottom: 5px;
	}
	.link_04 .img {
		margin-bottom: 10px;
	}
	.link_04 .date {
		font-size: 13px;
	}
	.link_04 .cate a {
		font-size: 11px;
	}
	.link_04 .txt {
		font-size: 13px;
		margin-top: 5px;
	}
	.link_04 .ttl {
		font-size: 15px;
	}
	.link_05 .right {
		font-size: 13px;
	}
	.link_05 .right .ttl {
		font-size: 18px;
	}
	.link_05 .right .txt {
		margin: 5px 0;
	}
	.link_06 {
		font-size: 13px;
	}
	.link_06 .img,
	.link_07 .img {
		margin-bottom: 10px;
	}
	.link_06 .ttl {
		font-size: 16px;
		margin-top: 5px;
	}
	.link_07 .ttl {
		font-size: 16px;
	}
	.link_07 .txt {
		font-size: 13px;
		margin: 5px 0;
	}
	/* list */
	.list_01 li .left {
		width: 100%;
		text-align: center;
		margin-right: 0;
	}
	.list_01 li .left img {
		max-width: 150px;
	}
	.list_01 li .right {
		width: 100%;
	}
	.list_01 li .right .ttl {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.list_02 li {
		margin-bottom: 10px;
	}
	.list_05 li {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.list_05 li:first-child .img,
	.list_05 li:first-child .box {
		width: 100%;
	}
	.list_05 li:first-child .box {
		margin-left: 0;
	}
	.list_05 li .img {
		margin-bottom: 10px;
	}
	.list_05 li .ttl {
		font-size: 15px;
	}
	.list_07 li {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.list_07 li .ttl,
	.list_07 li .txt {
		display: block;
	}
	.list_07 li .ttl {
		width: 20%;
		margin: 0 auto 10px auto;
	}
	.list_07 li .ttl span {
		font-size: 15px;
		margin-top: -14px;
	}
	.list_07 li .txt {
		width: 100%;
		font-size: 13px;
		margin-left: 0;
	}
	/* box */
	.box_03 .container {
		padding: 30px 0;
	}
	.box_03 .img {
		width: 100%;
	}
	.box_03 .box {
		position: static;
		width: 94%;
		margin-top: 0;
		padding: 15px 3%;
	}
	.box_03 .box .ttl {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.box_03 .box .txt {
		margin-bottom: 10px;
	}
	.box_04 .left {
		width: 90%;
		padding: 15px 5%;
	}
	.box_04.type1 .left {
		width: 90%;
	}
	.box_04 .left .ttl {
		font-size: 16px;
		margin-bottom: 0;
	}
	.box_04.type1 .left .ttl br {
		display: none;
	}
	.box_04 .right {
		width: 100%;
	}
	.box_04.type1 .right {
		width: 100%;
	}
	.box_06 .ttl_img {
		margin-bottom: 10px;
	}
	.box_06 .ttl_img img {
		width: auto;
		height: 55px;
	}
	.box_05 .img,
	.box_06 .img,
	.box_06.type2 .img {
		float: none;
		width: 100%;
		border-radius: 5px 5px 0 0;
	}
	.box_05 .box,
	.box_06 .box {
		position: static;
		width: 94%;
		height: auto;
		margin-top: 0;
		padding: 15px 3%;
		border-radius: 0 0 5px 5px;
	}
	.box_05.type1 .box,
	.box_05.type2 .box,
	.box_05.type3 .box {
		height: auto;
		margin-top: 0;
	}
	.box_05.type3 .box,
	.box_06.type4 .box {
		width: 94%;
	}
	.box_06.type1 .box,
	.box_06.type2 .box,
	.box_06.type3 .box,
	.box_06.type4 .box,
	.box_06.type5 .box {
		height: auto;
		margin-top: 0;
	}
	.box_05 .box .ttl,
	.box_06 .box .ttl {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.box_05 .box .txt,
	.box_06 .box .txt {
		margin-bottom: 5px;
	}
	.box_09 .ttl {
		font-size: 16px;
	}
	.box_09 .box .left,
	.box_09 .box .right {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.box_10 .ttl {
		font-size: 15px;
	}
	.box_10 .img a {
		padding: 20px 0;
	}
	.box_10 .img span {
		width: 20px;
		height: 20px;
	}
	.box_12 .ttl {
		font-size: 15px;
	}
	.box_12 .left,
	.box_12 .right {
		width: 100%;
	}
	.box_12 .right {
		margin: 20px 0 0 0;
	}
	.box_13 .img,
	.box_13 .ttl {
		margin-bottom: 15px;
	}
	.box_13 .ttl img {
		width: 70%;
	}
	.box_15 {
		height: auto;
		padding: 15px 10px;
	}
	.box_15 .ttl {
		font-size: 15px;
	}
	.box_15 table th,
	.box_15 table td {
		display: block;
		font-size: 13px;
		padding: 10px 5%;
	}
	.box_15 table th {
		width: 90%;
	}
	.box_15 table th br {
		display: none;
	}
	.box_16 .right {
		width: 75%;
	}
	.box_16 .left {
		width: 20%;
		margin-right: 5%;
	}
	.box_16 .right .ttl {
		font-size: 15px;
		margin-bottom: 5px;
	}
	.box_17 .left,
	.box_17 .right {
		display: block;
		width: 100%;
	}
	.box_17 .left {
		width: 90%;
		padding: 10px 5%;
	}
	.box_17 .left .ttl {
		font-size: 18px;
		margin-bottom: 5px;
	}
	.box_17 .left .txt {
		font-size: 15px;
		margin-bottom: 5px;
	}
	.box_18 .img,
	.box_18 .txt {
		display: block;
		width: 100%;
	}
	.box_18 .txt {
		width: 90%;
		font-size: 12px;
		padding: 10px 5%;
	}
	.box_18 .txt span {
		font-size: 15px;
	}
	.box_19 {
		border-radius: 5px;
	}
	.box_19 .img {
		float: none;
		width: 100%;
		border-radius: 0;
	}
	.box_19 .box {
		position: static;
		width: 90%;
		height: auto;
		padding: 15px 5%;
		margin-top: 0;
		border-radius: 0;
	}
	.box_19 .box .ttl {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.box_19 .box .name span {
		font-size: 16px;
	}
	.box_20 .left,
	.box_20 .right {
		display: block;
		width: 100%;
	}
	.box_20 .left table th,
	.box_20 .left table td {
		display: block;
		padding: 5px 3%;
		border: none;
	}
	.box_20 .left table th {
		width: 94%;
	}
	.box_20 .left table td.era {
		display: none;
	}
	.box_20 .right {
		width: 90%;
		margin: 20px 0 0 0;
		padding: 15px 5%;
	}
	.box_20 .right ul li {
		display: inline-block;
		width: 48%;
		vertical-align: top;
		margin: 0 4% 20px 0;
	}
	.box_20 .right ul li:nth-child(even) {
		margin-right: 0;
	}
	.box_21 {
		padding: 15px;
	}
	.box_22.sp {
		display: block;
	}
	.box_22.pc {
		display: none;
	}
	.box_22 .box {
		font-size: 15px;
	}
	.box_22 .box .ttl {
		padding: 10px 0;
	}
	.box_22 .box .area {
		padding: 15px;
	}
	.box_22 .arrow_1,
	.box_22 .arrow_2,
	.box_22 .arrow_3 {
		display: none;
	}
	/* list */
	.list_03 li {
		margin-bottom: 20px;
	}
	.list_03 li .img {
		float: none;
		width: 100%;
		border-radius: 5px 5px 0 0;
	}
	.list_03 li .box {
		position: static;
		width: 94%;
		height: auto;
		margin-top: 0;
		padding: 15px 3%;
		border-radius: 0 0 5px 5px;
	}
	.list_03 li .box .ttl {
		font-size: 15px;
		margin-bottom: 5px;
	}
	.list_04 li {
		margin-bottom: 30px;
	}
	.list_04 li .img {
		margin-bottom: 20px;
	}
	.list_04 li .ttl1 {
		font-size: 18px;
		margin-bottom: 0;
	}
	.list_04 li .ttl2 {
		font-size: 15px;
		margin-bottom: 5px;
	}
	/* table */
	.tbl_01 th,
	.tbl_01 td {
		display: block;
		width: 94%;
		padding: 10px 3%;
		border: none;
	}
	.tbl_01 th {
		width: 94%;
	}
	.tbl_02 tr:first-child th {
		font-size: 15px;
	}
	.tbl_02.type1 tr:first-child th {
		font-size: 13px;
	}
	.tbl_02 th,
	.tbl_02 td {
		font-size: 13px;
		padding: 10px 5px;
	}
	.tbl_02.type1 th {
		width: auto;
	}
	.tbl_02.type1 td {
		width: auto;
	}
	.tbl_03 th,
	.tbl_03 td {
		display: block;
		font-size: 13px;
		padding: 10px;
		border: none;
	}
	.tbl_04 th,
	.tbl_04 td {
		display: block;
		font-size: 13px;
		padding: 0 0 15px 0;
		border-bottom: 1px dotted #113961;
	}
	.tbl_04 th {
		width: 100%;
		padding: 15px 0 5px 0;
		border-bottom: none;
	}
	.tbl_04 td .add {
		width: 100%;
	}
	.tbl_04 td .add:nth-of-type(odd) {
		display: none;
	}
	.tbl_04 td .add:nth-of-type(even) {
		width: 100%;
	}
	.tbl_04 td .add:nth-of-type(5) {
		display: block;
		margin-bottom: 5px;
	}
	.tbl_04 td .add:nth-of-type(5) br {
		display: none;
	}
	.tbl_04 td .tel:nth-of-type(1) {
		width: 100%;
		margin-bottom: 5px;
	}
	.tbl_05 th,
	.tbl_05 td {
		display: block;
		font-size: 13px;
		padding: 10px 2%;
	}
	.tbl_05 tr:nth-child(n+2) th,
	.tbl_05 td {
		border: none;
	}
	.tbl_06 th,
	.tbl_06 td {
		font-size: 13px;
		padding: 10px 2%;
	}
	.tbl_07 th,
	.tbl_07 td {
		display: block;
		font-size: 13px;
		padding: 10px 2%;
	}
	.tbl_07 th {
		width: 96%;
	}
	.tbl_07 td {
		border: none;
	}
	.tbl_08 th,
	.tbl_08 td {
		font-size: 13px;
	}
	.tbl_08 td:first-child span {
		padding: 1px 8px 5px 8px;
	}
	.tbl_08 td:last-child span {
		font-size: 16px;
	}
	.tbl_08 tr:nth-of-type(n+12) td:first-child span {
		padding: 1px 4px 5px 4px;
	}
	.tbl_09 th,
	.tbl_09 td {
		font-size: 12px;
		padding: 5px;
	}
	/* btn */
	.btn_01 a {
		width: 180px;
		font-size: 15px;
		padding: 5px 0 5px 20px;
	}
	.btn_02 a {
		width: 200px;
		font-size: 15px;
		padding: 10px 0;
	}
	.btn_03 a,
	.btn_04 a,
	.btn_07 a,
	.btn_07-00,
	.btn_08 a {
		font-size: 15px;
		padding: 15px 10px;
	}
	.btn_04 a {
		padding: 10px;
	}
	.btn_03 a span,
	.btn_04 a span {
		padding-right: 30px;
		background-size: 20px auto;
	}
	.btn_06 {
		width: 150px;
	}
	.btn_06 a {
		font-size: 15px;
		padding: 10px 15px;
		background-size: 15px auto;
	}
	.btn_09 a {
		font-size: 13px;
	}
	.btn_10 a {
		font-size: 12px;
	}
	/* form */
	input, textarea, select {
		padding: 5px 2%;
	}
	input[type="text"] {
		width: 100%;
		-webkit-appearance: none;
	}
	.submit input[type="submit"] {
		font-size: 15px;
		padding: 15px 20px;
		-webkit-appearance: none;
	}
	/* movie */
	.movie a span {
		width: 150px;
		font-size: 16px;
		letter-spacing: 2px;
		margin: -25px 0 0 -85px;
		padding: 10px 0 10px 20px;
		background-position: 20px center;
		background-size: 8px auto;
	}
}

/* CATEGORY -------------------------------------------------------------------------*/

/* pagenav */
#pagenav {
	text-align: center;
}
/* voice & works & topics */
.v_menu,
.w_menu,
.t_menu {
	font-size: 0;
	text-align: center;
}
.v_menu li,
.w_menu li,
.t_menu li {
	display: inline-block;
	width: 32%;
	vertical-align: top;
	margin-right: 2%;
}
.w_menu li {
	width: 18.4%;
}
.t_menu li {
	width: 15%;
}
.v_menu li:last-child,
.w_menu li:last-child,
.t_menu li:last-child {
	margin-right: 0;
}
.v_menu li a,
.w_menu li a,
.t_menu li a {
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #113961;
	padding: 10px;
	background: #fff url('images/arrow_05.png') no-repeat 95% center;
	background-size: 10px auto;
	border: 1px solid #113961;
}
.v_menu li.current a,
.v_menu li a:hover,
.w_menu li.current a,
.w_menu li a:hover,
.t_menu li.current a,
.t_menu li a:hover {
	color: #fff;
	background-color: #113961;
	background-image: url('images/arrow_06.png');
}

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1199px) {
	.v_menu li,
	.w_menu li,
	.t_menu li {
		width: 32%;
	}
	.v_menu li:last-child {
		width: 46%;
	}
	.w_menu li,
	.t_menu li {
		margin: 0 2% 10px 0;
	}
	.w_menu li:nth-child(n+4) {
		width: 49%;
	}
	.w_menu li:nth-child(3) {
		margin-right: 0;
	}
	.t_menu li:nth-child(3n) {
		margin-right: 0;
	}
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	.v_menu li,
	.w_menu li {
		width: 100%;
		margin: 0 0 10px 0;
	}
	.t_menu li {
		width: 49%;
		margin: 0 2% 10px 0;
	}
	.v_menu li a,
	.w_menu li a,
	.t_menu li a {
		font-size: 15px;
	}
	.t_menu li:nth-child(even) {
		margin-right: 0;
	}
}

/* SINGLE -------------------------------------------------------------------------*/

/* nav_box */
.nav_box {
	font-size: 0;
}
.nav_box .prev,
.nav_box .next,
.nav_box .more {
	display: inline-block;
	width: 30%;
	vertical-align: middle;
}
.nav_box .next {
	text-align: right;
}
.nav_box .prev a,
.nav_box .next a {
	font-family: 'Century Gothic','Molengo', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #113961;
	letter-spacing: 2px;
}
.nav_box .prev a {
	padding: 10px 10px 10px 30px;
	background: url('images/arrow_12.png') no-repeat left center;
	background-size: 20px auto;
}
.nav_box .next a {
	padding: 10px 30px 10px 10px;
	background: url('images/arrow_09.png') no-repeat right center;
	background-size: 20px auto;
}
.nav_box .more {
	width: 40%;
}
.nav_box .more a {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	background: url('images/icon_06.jpg') no-repeat center center;
	background-size: 100% auto;
}
/* topics */
.topics h3 {
	color: #00A7C5;
	text-align: left;
}
.carousel {
	background: url('images/bg_05.jpg') repeat-x left bottom;
	background-size: auto 60%;
}
.carousel .container {
	position: relative;
}
.carousel .btn_01 {
	position: absolute;
	bottom: 0;
	right: 0;
}
.carousel .btn_01 a {
	width: 180px;
}
.carousel_slider li .img {
	margin-bottom: 20px;
	border-radius: 5px;
	overflow: hidden;
}
/* estate */
.estate .img {
	border-radius: 5px;
	overflow: hidden;
}
.estate .img img {
	width: 100%;
	height: auto;
}
.estate .wp-pagenavi {
	text-align: center;
	font-size: 1rem;
}
.carousel_slider.is_estate a figure {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%; /* 16:9 */
}
.carousel_slider.is_estate a figure img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
}
/* sns */
#sns {
	position: fixed;
	top: 200px;
	right: 5%;
	width: 42px;
	z-index: 9999;
}
#sns a {
	margin-top: -17px;
}

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1199px) {
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
}

/* FOOTER -------------------------------------------------------------------------*/

#btn_box {
	font-family: 'Century Gothic','Molengo', sans-serif;
	padding: 20px 0;
	background: #fff;
}
#btn_box .container {
	position: relative;
}
#btn_box #home_btn a {
	font-size: 19px;
	font-weight: bold;
	color: #103a60;
}
#btn_box #pagetop {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -25px;
}
#btn_box #pagetop a {
	display: block;
	width: 60px;
	font-size: 11px;
	font-weight: bold;
	color: #00a8c5;
	text-align: center;
	padding: 30px 0 5px 0;
	background: url('images/arrow_01.png') no-repeat center 5px;
	background-size: auto 20px;
}
#footer {
	font-size: 0;
	padding: 50px 0;
	background: #00a8c5;
}
#footer .youtube,
#footer #f_menu {
	display: inline-block;
	vertical-align: top;
}
#footer .youtube {
	width: 16%;
}
#footer .youtube span {
	display: block;
	font-family: 'Century Gothic','Molengo', sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	color: #103a60;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
#footer .youtube a {
	display: block;
	border-radius: 5px;
	overflow: hidden;
}
#footer .youtube img {
	width: 100%;
	max-width: 300px;
	height: auto;
}
#footer #f_menu {
	width: 84%;
	margin-bottom: 50px;
}
#footer #f_menu li {
	display: inline-block;
	width: 17%;
	vertical-align: top;
	padding: 10px 0 0 3%;
}
#footer #f_menu li a {
	font-size: 15px;
	font-weight: bold;
	color: #103a60;
	padding: 5px 0;
}
#footer #f_menu li ul {
	margin-bottom: 20px;
}
#footer #f_menu li ul li {
	width: 100%;
	padding-left: 0;
}
#footer #f_menu li ul li a {
	font-size: 13px;
	font-weight: normal;
	color: #fff;
}
#footer #f_menu li ul li a span {
	padding-bottom: 5px;
	position: relative;
}
#footer #f_menu li ul li a span:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #fff;
	-webkit-transition:width 0.3s ease;
	-moz-transition:width 0.3s ease;
	-o-transition:width 0.3s ease;
	transition:width 0.3s ease;
}
#footer #f_menu li ul li a span:hover:before {
	width: 100%;
}
#footer .logo {
	display: block;
	width: 300px;
	height: 80px;
	margin: 0 auto 20px auto;
	background: url('images/logo.svg') no-repeat center center;
	background-size: 100% auto;
}
#footer .logo span {
	position: absolute;
	left: -9999px;
}
#footer .add {
	font-size: 13px;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}
#footer #copyright {
	font-family: 'Century Gothic','Molengo', sans-serif;
	font-size: 12px;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
}

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1199px) {
	#footer {
		padding: 30px 0;
	}
	#footer .youtube {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	#footer #f_menu {
		display: none;
	}
	#footer .logo {
		width: 150px;
		height: 40px;
		margin: 0 auto 10px auto;
	}
	#footer #copyright {
		font-size: 11px;
	}
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	#btn_box {
		padding: 10px 0;
	}
	#btn_box #home_btn a {
		font-size: 16px;
	}
	#btn_box #pagetop {
		margin-top: -17px;
	}
	#btn_box #pagetop a {
		padding: 15px 0 0 0;
		background-position: center top;
		background-size: auto 15px;
	}
	#footer {
		padding: 30px 0;
	}
	#footer .youtube {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	#footer #f_menu {
		display: none;
	}
	#footer .logo {
		width: 150px;
		height: 40px;
		margin: 0 auto 10px auto;
	}
	#footer .add {
		font-size: 11px;
		margin-bottom: 10px;
	}
	#footer #copyright {
		font-size: 11px;
	}
}

/* ETC -------------------------------------------------------------------------*/

.ft0 { font-size: 0; }
.red { color: #E60012; }
.brown { color: #603728; }
.green { color: #023F00; }
.txt_c { text-align: center; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.mt80 { margin-top: 80px; }
.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.mb80 { margin-bottom: 80px; }
.mb100 { margin-bottom: 100px; }
.pt80 { padding-top: 80px; }
.pt150 { padding-top: 150px; }
.pb80 { padding-bottom: 80px; }
.pb150 { padding-bottom: 150px; }
.ptb50 { padding: 50px 0; }
.ptb80 { padding: 80px 0; }

/* ***** iPad **** */
@media only screen and (min-width : 768px) and (max-width : 1199px) {
	.mt30 { margin-top: 20px; }
	.mt50 { margin-top: 30px; }
	.mt80 { margin-top: 60px; }
	.mb20 { margin-bottom: 15px; }
	.mb50 { margin-bottom: 30px; }
	.mb80 { margin-bottom: 60px; }
	.pt80 { padding-top: 60px; }
	.pt150 { padding-top: 100px; }
	.pb80 { padding-bottom: 60px; }
	.pb150 { padding-bottom: 100px; }
	.ptb50 { padding: 30px 0; }
	.ptb80 { padding: 60px 0; }
}

/* ***** スマホ **** */
@media only screen and (min-width : 320px) and (max-width : 767px) {
	.mt30 { margin-top: 15px; }
	.mt50 { margin-top: 20px; }
	.mt80 { margin-top: 30px; }
	.mb20 { margin-bottom: 10px; }
	.mb50 { margin-bottom: 20px; }
	.mb80 { margin-bottom: 30px; }
	.mb100 { margin-bottom: 40px; }
	.pt80 { padding-top: 30px; }
	.pt150 { padding-top: 80px; }
	.pb80 { padding-bottom: 30px; }
	.pb150 { padding-bottom: 80px; }
	.ptb50 { padding: 20px 0; }
	.ptb80 { padding: 30px 0; }
}




/*2024-02added*/
.itoColumn{
	display: -webkit-box;
	display: flex;
	justify-content: center;
	width:90%;
	margin:0 auto;
	flex-wrap:wrap;
	position:relative;
}
.itoArea{
	padding:80px 0 0;
}
.itoBox {
	width:40%;
	padding-inline: 5%;
	position: relative;
}
.itoBox img{
	width:100%;
	height:auto;
}
@media screen and (min-width:600px){
	.itoBox:nth-child(2n)::before {
		content:'';
		width:1px;
		height:100%;
		position:absolute;
		top:0;
		right:100%;
		background:#000;
		display: block;
	}
}
@media screen and (max-width:599px){
	.itoColumn{
		width:100%;
	}

	.itoBox{
		width: 100%;
		padding-inline: 5%;
		margin: 0 auto 5vw;
	}
}
#booking-form input[type="text"]{
	-webkit-appearance:none;
	border:solid 1px #ddd;
	width:100%;
	padding:0.8em;
	border-radius:0;
}
#action-button button[type="submit"]{
	-webkit-appearance:none;
	text-align: center;
	background:#00A7C5;
	color:#fff;
	font-size:1.3rem!important;
	font-weight: bold;
	display: inline-block;
	padding:0.5em 3em;
	border:none;
}
.day-calendar{
	width:70%;
	margin:0 auto;
}
.day-calendar table{
	margin:40px auto;
}
.day-calendar p{
	text-align: center!important;
	display: block;
	background:#000;
	color:#fff;
	font-weight: bold;
	padding:0.5em 2em;
	margin:0 auto;
	width:30%;
	font-size:0.9rem!important;
}
.pc{
	display: block;
}
.sp{
	display: none;
}
@media screen and (max-width:599px){
	#action-button button[type="submit"]{
		width:80%;
		margin:0 auto;
	}
	.day-number{
		font-size:3.3vw;
	}
	.day-calendar{
	width:90%;
}
	.day-calendar table{
		width:100%;
	margin:10px auto;
}
	.day-calendar p{
		width:80%;
	}
	.monthly-prev-next{
		font-size:4.2vw;
		padding:1em 0;
	}
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
}

.recruit_announce {
	width: fit-content;
	margin-inline: auto;
	margin-bottom: 42px;
	padding: 10px 20px;
	background: #FEFAEF;
	border: 1px solid #113961;
	color: #113961;
}

@media only screen and (min-width : 320px) and (max-width : 767px) {
	.recruit_announce {
		margin-bottom: 72px;
	}
}

.recruit-stop-text {
	text-align: center;
	font-weight: 700;
	margin-bottom: 10px;
}

.btn_03 a.is-disabled {
	background-color: #ddd;
	cursor: not-allowed;
}

.btn_03 a.is-disabled:hover {
	opacity: 1;
}