@charset "UTF-8";

/*
Theme Name: ANHA 一般社団法人 全日本ホテル連盟 vol.1
Theme URI: https://anha.or.jp
Author: ANHA 一般社団法人 全日本ホテル連盟
Author URI: https://anha.or.jp
Description: ANHA 一般社団法人 全日本ホテル連盟
Version: 0.1
*/

/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap'); */

*,
*::before,
*::after {
	box-sizing: border-box;
}
html {
	height: 100%;
	font-size: 62.5%;
}
body{
	font-size: 16px;
	font-size: 1.6rem;
	height: 100%;
	position: relative;
	color: #333;
	font-family: 'Noto Serif JP', serif;
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "palt";
	letter-spacing: 0.06em;
	z-index: 0;
	line-height: 1.75;
	background:#aaa;
}
a {
	transition: 0.3s;
}
a:hover {
	opacity: 0.6;
}
a.anchor {
    display: block;
    padding-top: 170px;
    margin-top: -170px;
}
main {
	margin:0 auto;
	background:#fafafa;
}

main .container {
	width:1280px;
	margin:0 auto;
	/* background:#0f0; */
	background:#fafafa;
}
@media screen and ( max-width:720px) {
	main .container {
		width:96%;
		margin:0 autto;
	}
}
p {
	margin-bottom:24px;
}
header {
	width:1280px;
	margin:0 auto;
	position: fixed;
	z-index: 999;
	display:block;
	left : 0;
	right: 0;
	margin: auto;
	background:rgba(255, 255, 255, 0.9);
}
@media screen and ( max-width:720px) {
	header {
		width:100%;
	}
}
header .logo {
	padding:24px 0;
	margin-left:53px;
	float:left;
	width:360px;
}
@media screen and ( max-width:720px) {
	header .logo {
		margin-left:2%;
		float:none;
	}
	header .logo img {
		width:80%;
	}
}
header .member-btn {
	margin-top:32px;
	width:148px;
	margin-right:53px;
	float:right;
}
@media screen and ( max-width:720px) {
	header .member-btn {
		margin-top:32px;
		width:148px;
		margin-right:53px;
		float:right;
		display:none;
	}
}
.sabun {
	height:170px;
}
@media screen and ( max-width:720px) {
	.sabun {
		height:100px;
	}
}
/* footer */
footer {
	width:1280px;
	margin:16px auto;
	text-align:center;
	font-size:12px;
	background:#1b6a8c;
	padding:24px;
}
@media screen and ( max-width:720px) {
	footer {
		width:100%;
		margin:16px auto;
		text-align:center;
		font-size:12px;
		background:#1b6a8c;
		padding:24px;
	}
}
footer section a {
	color:#fff;
	font-size:14px;
	text-decoration:none;
}
footer section {
	font-family: 'Noto Sans JP', sans-serif;
}
footer section li {
	text-align:left;
	list-style:none;
}
footer section li.head {
	margin-bottom:16px;
}
footer section.block-1 {
	width:320px;
	margin-left:240px;
	float:left;
}
@media screen and ( max-width:720px) {
	footer section.block-1 {
		width:100%;
		margin-left:0;
		float:none;
		padding-bottom:16px;
	}
}
footer section.block-2 {
	width:260px;
	float:left;
}
@media screen and ( max-width:720px) {
	footer section.block-2 {
		width:100%;
		float:none;
	}
}
footer section.block-3 {
	width:290px;
	float:left;
}
@media screen and ( max-width:720px) {
	footer section.block-3 {
		width:100%;
		float:none;
	}
}
footer section.block-4 {
	width:240px;
	float:left;
}
@media screen and ( max-width:720px) {
	footer section.block-4 {
		width:100%;
		float:none;
	}
}
footer section li.head {
	font-weight:bold;
}
#copy {
	text-align:center;
	font-size:12px;
	padding:16px;
	font-family: 'Noto Sans JP', sans-serif;
}
/* トップ 重要なお知らせ */
#important-info {
	width:100%;
	color:#f00;
	background:#f5f5f5;
	padding:4px 0;
}
#important-info a {
	color:#f00;
	text-decoration:none;
}
#important-info-sp a {
	color:#f00;
	text-decoration:none;
}
@media screen and ( max-width:720px) {
	#important-info {
		display:none;
	}
}
#important-info img {
	margin-left:200px;
	margin-right:64px;
	vertical-align:middle;
}

#important-info-sp {
	display:none;
}
.video-box {
	/* display:none; */
}
.video-box-sp {
	display:none;
}
@media screen and ( max-width:720px) {
	.video-box {
		display:block; 
	}
}
@media screen and ( max-width:720px) {
	.video-box-sp {
		padding-top:24px;
		display:block;
	}
	.video-box-sp img {
		width:100%;
	}
}
@media screen and ( max-width:720px) {
	#important-info-sp {
		display:block;
		width:100%;
		color:#f00;
		background:#f5f5f5;
		padding:4px 0;
	}
}
@media screen and ( max-width:720px) {
	.video-box {
		/* display:none; */
	}
}
/* トップページ */
#top-page .title-image {
	text-align:center;
}
#top-page .toList-btn {
	text-align:right;
	/*background:#f00; */
}
@media screen and ( max-width:720px) {
	#top-page .toList-btn {
		width:100%;
		text-align:right;
	}
}
/* トップページ ニュース */
#news-topcs {
	/* background:#f00; */
}
#news-topcs .news-list-box {
	width:1230px;
	margin:0 auto;
	padding:0;
	/* background:#f00;  */
}
@media screen and ( max-width:720px) {
	#news-topcs .news-list-box {
		width:96%;
		margin:0 auto;
		padding:0;
	}
}
#news-topcs .news-list-box .cat-batch {
	display:inline-block;
	margin-left:8px;
	margin-right:24px;
}

#news-topcs .news-list-box .date-box {
	display:inline-block;
}
#news-topcs .news-list-box .news-box {
	width:300px;
	height:400px;
	float:left;
	margin-right:10px;
	background:#ffff;
	padding:4px;
	border-bottom:3px solid #ddd;
}
@media screen and ( max-width:720px) {
	#news-topcs .news-list-box .news-box {
		width:100%;
		height:100%;
		float:none;
		margin-right:10px;
		background:#fff;
		pading:4px;
		border-bottom:3px solid #ddd;
	}
}
#news-topcs .news-list-box .news-box-r {
	width:300px;
	height:400px;
	float:left;
	background:#fff;
	padding:4px;
	border-bottom:3px solid #ddd;
}
@media screen and ( max-width:720px) {
	#news-topcs .news-list-box .news-box-r {
		width:100%;
		height:100%;
		float:none;
		background:#fff;
		padding:16px;
		border-bottom:3px solid #ddd;
	}
}
@media screen and ( max-width:720px) {
	#news-topcs .news-list-box .news-box {
		width:100%;
		height:100%;
		float:none;
		background:#fff;
		padding:16px;
		border-bottom:3px solid #ddd;
	}
}
#news-topcs .news-list-box .date-box {
	font-size:14px;
	color:#333;
}
#news-topcs .news-list-box .text-box {
	font-size:12px;
	line-height:120%;
	color:#00f;
}
@media screen and ( max-width:720px) {
	#news-topcs .news-list-box .text-box {
		font-size:12px;
		line-height:120%;
		color:#00f;
		background:#f00;
	}
}
#news-topcs .news-list-box .image-box img {
	width:300px;
	height:200px;
}
@media screen and ( max-width:720px) {
	#news-topcs .news-list-box .image-box img {
	width:100%;
	height:100%;
	}
}
#news-topcs .news-list-box .title {
	color:#333;
	font-size:16px;
	padding-bottom:8px;
	padding:8px;
	font-weight:bold;
}
#news-topcs .news-list-box .title a {
	color:#333;
	text-decoration:none;
}
#news-topcs .news-list-box .overview {
	color:#333;
	font-size:14px;
}

/* トップページ ベネフィット */
#benefit {
	width:1280px;
	background:url('images/forest-photo.png');
	height:388px;
}
@media screen and ( max-width:720px) {
	#benefit {
		width:100%;
		height:100%;
	}
}
#benefit .title-image {
	text-align:center;
	padding:24px 0;
}

#benefit .left-image-box {
	margin-top:50px;
	margin-left:32px;
	width:180px;
	float:left;
}
@media screen and ( max-width:720px) {
	#benefit .left-image-box {
		margin:0 auto;
		padding-top:32px;;
		width:50%;
		float:none;
		text-align:center;
	}
}
#benefit .text-box {
	font-size:20px;
	margin-top:40px;
	width:800px;	
	margin:0 auto;
	padding-top:40px;
	line-height:200%;
	/* background:rgba(255, 0, 0, 0.3); */
}
@media screen and ( max-width:720px) {
	#benefit .text-box {
		font-size:20px;
		margin-top:40px;
		width:96%;	
		margin:0 auto;
		padding-top:40px;
		line-height:200%;
	}
}
#benefit .name-box {
	font-size:14px;
	text-align:right;
	margin-top:12px;
}
@media screen and ( max-width:720px) {
	#benefit .name-box {
		display:none;
	}
}
#benefit .name-box-sp {
	display:none;
}
@media screen and ( max-width:720px) {
	#benefit .name-box-sp {
		font-size:14px;
		text-align:right;
		margin-top:12px;
		display:block;
	}
}
#benefit .navigation-box {
	clear:left;
	text-align:right;
	margin-top:16px;
}
@media screen and ( max-width:720px) {
	#benefit .navigation-box {
		text-align:right;
		margin-top:16px;
	}
	#benefit .navigation-box img {
		width:40%
	}
}
/* メンバー専用ページ */
.members-header {
	width:1280px;
	background:rgba(255,255,255,0.9);
	position: fixed;
	display:block;
	left : 0;
	right: 0;
	margin: auto;
	z-index:300;
}
.members-header h2 {
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
	font-size:24px;
	margin-left:80px;
}
@media screen and ( max-width:720px) {
	.members-header {
		width:100%;
	}
	.members-header h2 {
		font-family: 'Noto Serif JP', serif;
		font-weight:bold;
		font-size:18px !important;
		margin-left:2% !important;
		
	}
	.members-header hr {
		margin:10px 0 0 0;
		padding:2px;
	}
}
}
#members-page h2, #example-list h2, #seminar-list h2, #mvvs-list h2, #supporting-member-list h2, #newsletter-list h2, #members-example h2, #members-info h2, #members-example h2, #members-seminar h2, #members-mvvs h2 {
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
	font-size:24px;
	margin-left:80px;
}
#members-page li, #example-list li, #seminar-list li, #mvvs-list li, #supporting-member-list li, #newsletter-list li, #members-example li, #members-info li, #members-example li, #members-seminar li, #members-mvvs li {
	list-style:none;
}
#members-page li a, #example-list li a, #seminar-list li a, #mvvs-list li a, #supporting-member-list li a, #newsletter-list li a, #members-example li a, #members-info li a, #members-example li a, #members-seminar li a, #members-mvvs li a {
	color:#333;
}
#members-example h2.title, #members-info h2.title, #members-example h2.title, #members-seminar h2.title, #members-mvvs h2.title {
	margin:0;
	font-size:18px;
	/* font-family: 'Noto Serif JP', serif; */
	font-weight:bold;
	text-align:left;
	margin-bottom:24px;
}
#members-mvvs {
	
}
@media screen and ( max-width:720px) {
	#members #pass {
		width:100%;
	}
}
#useful-archives {
	background:#fafafa;
	padding-top:24px;
	padding-bottom:32px;
}
@media screen and ( max-width:720px) {
	#useful-archives {
		background:#fafafa;
		padding-top:24px;
		padding-bottom:32px;
			width:100%;
	}
}
#useful-archives .contents-box img {
	border:1px solid #333;
}
#useful-archives .contents-box {
	width:1200px;
	/* background:url('images/useful-back.png'); */
	padding-top:20px;
	padding-bottom:20px;
	margin:0 auto;
}
@media screen and ( max-width:720px) {
	#useful-archives .contents-box {
		width:100%;
		/* background:url('images/useful-back.png'); */
		padding-top:20px;
		padding-bottom:20px;
		margin:0 auto;
	}
}
#useful-archives .contents-box .head-text {
	font-size:14px;
	text-align:center;
}
#useful-archives .contents-box .item-box {
	width:600px;
	/* background:#f00; */
	float:left;
}
@media screen and ( max-width:720px) {
	#useful-archives .contents-box .item-box {
		width:100%;
		/* background:#f00; */
		float:none;;
	}
}
#useful-archives .contents-box .item-box .image-box {
	width:180px;
	float:left;
}
@media screen and ( max-width:720px) {
	#useful-archives .contents-box .item-box .image-box {
		width:100%;
		float:none;
	}
	#useful-archives .contents-box .item-box .image-box img {
		width:100%;
	}
}
#useful-archives .contents-box .item-box .text-box {
	width:410px;
	float:left;
	padding:2px 8px;
}
@media screen and ( max-width:720px) {
	#useful-archives .contents-box .item-box .text-box {
		width:100%;
		float:none;
		padding:2px 8px 24px 8px;
		
	}
}
#useful-archives .contents-box .item-box .text-box .title {
	font-size:16px;
	font-weight:bold;
	padding-bottom:8px;
}
#useful-archives .contents-box .item-box .text-box .text {
	font-size:14px;
	line-height:140%;
}
.menus {
	display:block;
	width:1180px;
	margin:0 auto;
	/* position: fixed; */
	/* top: 310px; */
	/* background:#f00; */
	/* padding-left:60px; */
}
@media screen and ( max-width:720px) {
	.menus {
		display:none;
	}
}
.menus-smp {
	display:none;
}
@media screen and ( max-width:720px) {
	.menus-smp {
		display:block;
	}
	.menus-smp img {
		width:33.33%;
	}
}
/* About */
#about {
	background:#fff;
}
#about .title-photo{
	width:1280px;
	height:360px;
	background:url('images/about-main-image.png');
}
@media screen and ( max-width:720px) {
	#about .title-photo{
		width:100%;
		height:100%;
		background:url('images/about-main-image.png');
	}
}
#about .title-photo .center-image {
	width:447px;
	margin:0 auto;
	padding-top:140px;
}
@media screen and ( max-width:720px) {
	#about .title-photo .center-image {
		width:80%;
		margin:0 auto;
		padding-top:80px;
		padding-bottom:80px;
	}
	#about .title-photo .center-image img{
		width:100%;
		margin:0 auto;
	}
}
#about .top-message {
	width:990px;
	margin:50px auto;
}
@media screen and ( max-width:720px) {
	#about .top-message {
		width:100%;
		margin:50px auto;
	}
}
#about #infomation {
	width:100%;
	background:#fafafa;
	padding:52px 0;
}
#about #infomation .info-box {
	padding:32px;
	background:url('images/useful-back.png');
}
#about .title-image {
	text-align:center;
}
#about #infomation table.infomation {
	width:1000px;
}
@media screen and ( max-width:720px) {
	#about #infomation table.infomation {
		width:100%;
	}
}
#about #infomation table.infomation th {
	width:120px;
	text-align:left;
	padding:18px 0;
	border-bottom:1px solid #ddd;
}
@media screen and ( max-width:720px) {
	#about #infomation table.infomation th {
		width:20%;
		text-align:left;
		padding:18px 0;
		border-bottom:1px solid #ddd;
	}
}
#about #infomation table.infomation td {
	width:880px;
	padding:18px 0;
	border-bottom:1px solid #ddd;
}
/* message */
#about #message {
	width:1000px;
	margin:0 auto;
	/* background:#f00; */
	padding:24px 0;
}
@media screen and ( max-width:720px) {
	#about #message {
		width:100%;
		margin:0 auto;
		/* background:#f00; */
		padding:24px 0;
	}
}
#about #message .title-image {
	padding:32px 0;
}
#about #message .info-box {
	width:1000px;
	margin:0 auto;
}
@media screen and ( max-width:720px) {
	#about #message .info-box {
		width:100%;
		margin:0 auto;
	}
}
#about #message .photo-box {
	width:300px;
	float:left;
}
@media screen and ( max-width:720px) {
	#about #message .photo-box {
		width:100%;
		float:none;
		text-align:center;
	}
}
#about #message .text-box {
	width:680px;
	font-size:14px;
	float:left;
	line-height:280%;
}
@media screen and ( max-width:720px) {
	#about #message .text-box {
		width:100%;
		font-size:14px;
		float:none;
		line-height:280%;
	}
}
#about #message .text-box h3 {
	font-size:24px;
	margin-bottom:16px;
	font-weight:bold;
}
#about #message .signature {
	text-align:right;
	font-weight:bold;
}
#about #message .signature h4 {
	font-size:18px;
	font-weight:bold;
}
#overview {
	width:100%;
	background:#fafafa;
	padding:52px 0;
}
#about #overview .info-box {
	padding:32px 0;
	background:url('images/useful-back.png');
}
#about #overview .info-box .video-box {
	padding:32px 0;
}
@media screen and ( max-width:720px) {
	#about #overview .info-box .video-box {
		width:100%;
		padding:32px 0;
	}
	#about #overview .info-box .video-box img {
		width:100%;
	}
}
#about #overview .info-box .contents-box {
	width:1100px;
	margin:0 auto;
}
@media screen and ( max-width:720px) {
	#about #overview .info-box .contents-box {
		display:none;
	}
}
#about #overview .info-box .contents-box-sp {
	display:none;
}
@media screen and ( max-width:720px) {
	#about #overview .info-box .contents-box-sp {
		display:block;
	}
}
#about #overview .info-box .contents-box .image-box {
	width:100%;
}
/* business */
#about #business {
	width:100%;
	background:#fff;
}
#about #business .title-image {
	padding:32px 0;
	text-align:center;
}
#about #business .text-box {
	width:640px;
	margin:0 auto;
	border:1px solid #333;
	padding:24px;
	line-height:300%;
}
@media screen and ( max-width:720px) {
	#about #business .text-box {
		width:100%;
		margin:0 auto;
		border:1px solid #333;
		padding:24px;
		line-height:300%;
	}
}
#about #business .image-box {
	padding:24px 0;
	text-align:center;
}
@media screen and ( max-width:720px) {
	#about #business .image-box {
		padding:24px 0;
		width:100%;
		text-align:center;
	}
	#about #business .image-box img {
		width:100%;
	}
}
/* Histry */
#about #history {
	background:#fafafa;
}
#about #history .title-image {
	padding:32px 0;
	text-align:center;
}
#about #history .table-back {
	background:url('images/useful-back.png');
}
#about #history table.list-box {
	width:1000px;
	margin:0 auto;
	background:#fff;
}
@media screen and ( max-width:720px) {
	#about #history table.list-box {
		width:100%;
		margin:0 auto;
		background:#fff;
	}
}
#about #history table.list-box th.a {
	width:160px;
	text-align:center;
	background:#fff;
	padding:12px 0;
}
@media screen and ( max-width:720px) {
	#about #history table.list-box th.a {
		width:25%;
		text-align:center;
		background:#fff;
		padding:12px 0;
	}
}
#about #history table.list-box th.a .year {
	font-size:30px;
	line-height:100%;
}

#about #history table.list-box th.a .j-year {
	font-size:12px;
}
#about #history table.list-box td.a {
	width:840px;
	vertical-align:middle;
}
@media screen and ( max-width:720px) {

}
#about #history table.list-box th.b {
	width:160px;
	text-align:center;
	background:#fafafa;
	padding:12px 0;
}
#about #history table.list-box th.b .year {
	font-size:30px;
	line-height:100%;
}
#about #history table.list-box th.b .j-year {
	font-size:12px;
}
#about #history table.list-box td.b {
	width:840px;
	vertical-align:middle;
	background:#fafafa
}
#about #organization {
	width:100%;
	background:#f00;
}
@media screen and ( max-width:720px) {
	#about #organization .image-box {
		width:100%;
	}
	#about #organization .image-box img {
		width:100%;
	}
}
#about #organization table.human-1 {
	width:220px;
	float:left;
	margin-left:80px;
}
@media screen and ( max-width:720px) {
	#about #organization table.human-1 {
		width:60%;
		float:none;
		margin-left:0;
		margin:0 auto;
	}
}
#about #organization table.human-1 th {
	text-align:right;
	vertical-align:middle;
	padding:8px;
	width:100px;
	font-size:12px;
}
#about #organization table.human-1 td {
	vertical-align:middle;
	text-align:left;
	padding:8px;
	width:120px;
	font-size:16px;
}

#about #organization table.human-2 {
	width:220px;
	float:left;
	margin-left:80px;
}
@media screen and ( max-width:720px) {
	#about #organization table.human-2 {
		width:60%;
		float:none;
		margin-left:0;
		margin:0 auto;
	}
}
#about #organization table.human-2 th {
	text-align:left;
	vertical-align:middle;
	padding:8px;
	width:100px;
	font-size:12px;
}
@media screen and ( max-width:720px) {
	#about #organization table.human-2 th {
		text-align:right;
	}
}
#about #organization table.human-2 td.title {
	font-size:16px;
}
#about #organization table.human-2 td {
	vertical-align:middle;
	text-align:left;
	padding:8px;
	width:120px;
	font-size:16px;
}

#about #organization table.human-3 {
	width:220px;
	float:left;
	margin-left:80px;
}
@media screen and ( max-width:720px) {
	#about #organization table.human-3 {
		width:60%;
		float:none;
		margin-left:0;
		margin:0 auto;
	}
}
#about #organization table.human-3 th {
	text-align:left;
	vertical-align:middle;
	padding:8px;
	width:100px;
	font-size:12px;
}
@media screen and ( max-width:720px) {
	#about #organization table.human-3 th {
		text-align:right;
	}
}
#about #organization table.human-3 td {
	vertical-align:middle;
	text-align:left;
	padding:8px;
	width:120px;
	font-size:16px;
}

#about #organization table.human-4 {
	width:220px;
	float:left;
	margin-left:60px;
}
@media screen and ( max-width:720px) {
	#about #organization table.human-4 {
		width:60%;
		float:none;
		margin-left:0;
		margin:0 auto;
	}
}
#about #organization table.human-4 th {
	text-align:left;
	vertical-align:middle;
	padding:8px;
	width:100px;
	font-size:12px;
}
@media screen and ( max-width:720px) {
	#about #organization table.human-4 th {
		text-align:right;
	}
}
#about #organization table.human-4 td {
	vertical-align:middle;
	text-align:left;
	padding:8px;
	width:120px;
	font-size:16px;
}

/* Disclosure */
#about #disclosure {
	width:100%;
	background:#fafafa;
	padding:32px 0;
}
#about #disclosure .contents-box {
	background:url('images/useful-back.png');
	padding 24px 0
}
#about #disclosure .contents-box .title-image {
	padding:32px 0;
}
#about #disclosure .contents-box .link-box {
	width:640px;
	padding:80px 0;
	margin:0 auto;
}
@media screen and ( max-width:720px) {
	#about #disclosure .contents-box .link-box {
		width:100%;
		padding:80px 0;
		margin:0 auto;
	}
}
#about #disclosure .contents-box .link-box img {
	margin-bottom:12px;
}
@media screen and ( max-width:720px) {
	#about #disclosure .contents-box .link-box {
		text-align:center;
	}
	#about #disclosure .contents-box .link-box img {
		width:100%;
		margin-bottom:12px;
	}
}
#about #disclosure .contents-box .link-box img.adjust {
	margin-right:24px;
}
@media screen and ( max-width:720px) {
	#about #disclosure .contents-box .link-box img.adjust {
		margin-right:0;
	}
}
@media screen and ( max-width:720px) {
	#about #disclosure .contents-box br {
		display:none;
	}
}
#about #access {
	width:100%;
	background:#fff;
}
#about #access .title-image {
	padding:32px 0;
}
#about #access .address {
	width:660px;
	background:url('images/address_back.png');
	padding:12px 4px;
	float:right;
}
@media screen and ( max-width:720px) {
	#about #access .address {
		width:100%;
		background:url('images/address_back.png');
		padding:12px 4px;
		float:none;
	}
}
#about #access .address .name {
	margin-left:240px;
	font-size:18px;
}
@media screen and ( max-width:720px) {
	#about #access .address .name {
		margin-left:4%;
		font-size:18px;
	}
}
#about #access .address .add {
	margin-left:240px;
	font-size:14px;
}
@media screen and ( max-width:720px) {
	#about #access .address .add {
		margin-left:4%;
		font-size:14px;
	}
}
/* 不要かも */
#history .list-box-a {
	width:1000px;
	margin:0 auto;
	background:#fff;
}
#history .list-box-a .item {
	width:160px;
	text-align:center;
	float:left;
}
#history .list-box-a .item .year {
	font-size:30px;
}
#history .list-box-a .item .j-year {
	font-size:12px;
}
#history .list-box-a .data {
	width:840px;
	display:table-cell;
	vertical-align:middle;
}
#history .list-box-b {
	width:1000px;
	margin:0 auto;
	background:#fafafa;
}
#history .list-box-b .item {
	width:160px;
	text-align:center;
	background:#fafafa;
}
#history .list-box-b .item .year {
	font-size:30px;
}
#history .list-box-b .item .j-year {
	font-size:12px;
}
#history .list-box-b .data {
	width:840px;
	display:table-cell;
	vertical-align:middle;
}

/* Organization */
#about #organization {
	background:#fff;
}
#about #organization .title-image {
	padding:24px 0;
	text-align:center;
}
#about #organization h2 {
	text-align:center;
	font-size:32px;
	text-decoration:underline #888;
}
@media screen and ( max-width:720px) {
	#about #organization h2 {
		text-align:center;
		font-size:24px;
		text-decoration:underline #888;
	}
}
#about #organization .image-box {
	text-align:center;
}
/* 入会のご案内とメリット */
#page-benefit .title-image{
	width:1280px;
	height:360px;
	background:url(images/benefit-main-image.png);
}
@media screen and ( max-width:720px) {
	#page-benefit .title-image{
		width:100%;
		height:100%;
		background:url(images/benefit-main-image.png);
	}
}
#page-benefit .title-image .center-image {
	width:447px;
	margin:0 auto;
	padding-top:140px;
}
@media screen and ( max-width:720px) {
	#page-benefit .title-image .center-image {
		width:80%;
		margin:0 auto;
		padding-top:60px;
		padding-bottom:0px;
	}
	#page-benefit .title-image .center-image img {
		width:100%;
		margin:0 auto;
	}
}
#page-benefit .title-image .caption {
	width:447px;
	margin:0 auto;
	padding-top:32px;
	color:#fff;
	margin-right:0;
}
@media screen and ( max-width:720px) {
	#page-benefit .title-image .caption {
		width:80%;
		margin:0 auto;
		color:#fff;
		padding-top:8px;
		padding-bottom:32px;
	}
}
#page-benefit h2 {
	font-size:30px;
	padding:24px 0;
	text-align:center;
}
#page-benefit #guidance {
	background:#fafafa;
}	
#page-benefit #guidance .text-box-back {
	/* background:url(images/useful-back.png); */
}
#page-benefit #guidance .text-box-back .text-box {
	width:1000px;
	margin:0 auto;
	padding:24px 0;
}
@media screen and ( max-width:720px) {
	#page-benefit #guidance .text-box-back .text-box {
		width:100%;
		margin:0 auto;
		padding:24px 0;
	}
}
#page-benefit #guidance .signature {
	text-align:right;
	font-weight:bold;
}
#page-benefit #guidance .signature h4 {
	font-size:18px;
	font-weight:bold;
}
#page-benefit #merit {
	background:#fafafa;
}
#page-benefit #merit table.contents {
	width:1280px;
}
@media screen and ( max-width:720px) {
	#page-benefit #merit table.contents {
		display:none;
	}
}
#page-benefit #merit .contents-sp {
	width:1280px;
	display:none;
}
@media screen and ( max-width:720px) {
	#page-benefit #merit table.contents-sp {
		width:100%;
		display:block;
	}
}
#page-benefit #merit table.contents td.image-box {
	width:640px;
}
#page-benefit #merit table.contents td.text-box {
	width:640px;
	vertical-align:middle;
	margin:0;
	padding:0;

}
#page-benefit #merit table.contents td.text-box .text {
	width:500px;
	margin:0 auto;
}
#page-benefit #merit table.contents td.text-box .text .number {
	font-family: 'Noto Sans JP', sans-serif;
	color:#900;
	font-size:24px;
	margin-right:8px;
}
#page-benefit #merit table.contents td.text-box .text .title {
	color:#15345e;
	font-size:24px;
}
#page-benefit #merit table.contents td.text-box .text .messege {
	font-size:14px;
	line-height:140%;
}

/* 2 */
@media screen and ( max-width:720px) {
	#page-benefit #merit .contents-sp {
		display:block;
	}
}
#page-benefit #merit .contents-sp {
	width:100%
}

#page-benefit #merit .contents-sp .image-box-sp img{
	padding-top:24px;
	width:100%
}
#page-benefit #merit .contents-sp .text .number {
	font-family: 'Noto Sans JP', sans-serif;
	color:#900;
	font-size:24px;
	margin-right:8px;
}
#page-benefit #merit .contents-sp .text .title {
	color:#15345e;
	font-size:24px;
}
#page-benefit #merit .contents-sp .message {
	font-size:14px;
	line-height:140%;
	padding-bottom:32px;
}

/* 各支部の紹介 */
#branch {
	background:#fafafa;
}
#branch .title-image{
	width:1280px;
	height:360px;
	background:url('images/branch-main-image.png');
}
@media screen and ( max-width:720px) {
	#branch .title-image{
		width:100%;
		height:100%;
		background:url('images/branch-main-image.png');
	}
}
#branch .title-image .center-image {
	width:447px;
	margin:0 auto;
	padding-top:140px;
}
@media screen and ( max-width:720px) {
	#branch .title-image .center-image {
		width:80%;
		margin:0 auto;
		padding-top:80px;
		padding-bottom:80px;
	}
	#branch .title-image .center-image img {
		width:100%;
		margin:0 auto;
	}
}
#branch .top-catch {
	font-size:24px;
	text-align:center;
	background:#fff;
	padding:24px 0;
}
#branch #review-box .title{
	font-size:30px;
	text-align:center;
	padding:32px 0 12px; 0;
}
#branch #review-box .review {
	/* background:url(images/useful-back.png); */
}
#branch #review-box .review .contents-box {
	width:1000px;
	margin:32px auto;
}
@media screen and ( max-width:720px) {
	#branch #review-box .review .contents-box {
		width:100%;
		margin:32px auto;
	}
}
#branch #review-box .review .title {
	text-align:left;
	color:#900;
	font-size:18px;
	padding-bottom:12px;
	border-bottom:1px solid #900;
}
#branch #review-box .review .text-box {
	padding:16px 0;
}
#branch #review-box .review .text-box .signature {
	text-align:right;
	padding-bottom:12px;
}
/* 入会までの流れ */
#flow {
	background:#fafafa;
}
#flow .title-image{
	width:1280px;
	height:360px;
	background:url('images/flow-main-image.png');
}
@media screen and ( max-width:720px) {
	#flow .title-image{
		width:100%;
		height:100%;
		background:url('images/flow-main-image.png');
	}
}
#flow .title-image .center-image {
	width:447px;
	margin:0 auto;
	padding-top:140px;
}
@media screen and ( max-width:720px) {
	#flow .title-image .center-image {
		width:80%;
		margin:0 auto;
		padding-top:80px;
		padding-bottom:80px;
	}
	#flow .title-image .center-image img{
		width:100%;
		margin:0 auto;
	}
}
#flow .steps {
	background:#fff;
	padding:20px 0 16px 0;
	text-align:center;
	vertical-align:middle;
}
#flow .steps-sp {

}
@media screen and ( max-width:720px) {
	#flow .steps {
		display:none;
	}
}
#flow #step1 {
	background:#fafafa;
}
#flow #step1 .title {
	text-align:center;
	padding:24px 0;
}
@media screen and ( max-width:720px) {
	#flow #step1 .title img {
		width:80%;
	}
}
#flow #step1 .contents {
	/* background:url(images/useful-back.png); */
}
#flow #step1 .contents h2 {
	font-size:24px;
	text-align:center;
	padding:24px 0;
}
#flow #step1 .contents table.member {
	width:1000px;
	text-align:left;
	font-size:14px;
	padding-bottom:16px;
	margin:0 auto 16px auto;
}
@media screen and ( max-width:720px) {
	#flow #step1 .contents table.member {
		width:100%;
		text-align:left;
		font-size:14px;
		padding-bottom:16px;
		margin:0 auto 16px auto;
	}
}
#flow #step1 .contents table.member th {
	width:60px;
	padding:8px 0;
}
@media screen and ( max-width:720px) {
	#flow #step1 .contents table.member th {
		width:18%;
		padding:8px 0;
	}
}
#flow #step1 .contents table.member td {
	width:940px;
	padding:8px 0;
}
#flow #step1 .contents table.others {
	width:1000px;
	text-align:left;
	font-size:14px;
	padding-bottom:16px;
	margin:0 auto 16px auto;
}
@media screen and ( max-width:720px) {
	#flow #step1 .contents table.others {
		width:100%;
		text-align:left;
		font-size:14px;
		padding-bottom:16px;
		margin:0 auto 16px auto;
		display:none;
	}
}
#flow #step1 .contents table.others th {
	width:120px;
	text-align:right;
}
@media screen and ( max-width:720px) {
	#flow #step1 .contents table.others th {
		width:120px;
		text-align:right;
	}
}
#flow #step1 .contents table.others td {
	920px;
}
#flow #step1 .contents hr {
	width:1000px;
	margin:0 auto;
}
#flow .allow {
	background:#fff;
	padding:24px 0;
	text-align:center;
}
#flow #step1 .contents .others-sp {
	display:none;
}
@media screen and ( max-width:720px) {
	#flow #step1 .contents .others-sp {
		font-size:14px;
		display:block;
	}
}
#flow #step2 {
	background:#fafafa;
}
#flow #step2 .title {
	text-align:center;
	padding:24px 0;
}
#flow #step2 .contents {
	/* background:url(images/useful-back.png); */
}
#flow #step2 .contents h2 {
	font-size:24px;
	text-align:center;
	padding:24px 0;
}
#flow #step2 .contents .text-box {
	width:820px;
	margin:0 auto;
	border:1px solid #333;
	padding:8px 16px;
	font-size:14px;
}
@media screen and ( max-width:720px) {
	#flow #step2 .contents .text-box {
		width:100%;
		margin:0 auto;
		border:1px solid #333;
		padding:8px 16px;
		font-size:14px;
		display:none;
	}
}
#flow #step2 .contents .text-box-sp {
	display:none;
}
@media screen and ( max-width:720px) {
	#flow #step2 .contents .text-box-sp {
		display:block;
		width:100%;
		margin:0 auto;
		border:1px solid #333;
		padding:8px 16px;
		font-size:14px;
		text-align:left;
	}
	#flow #step2 .contents .text-box-sp .big {
		font-size:24px;
		font-family: 'Noto Sans JP', sans-serif;
	}
}
#flow #step2 .contents .text-box .big {
	font-size:24px;
	font-family: 'Noto Sans JP', sans-serif;
}
#flow #step2 .contents hr {
	width:1000px;
	margin:0 auto;
}
@media screen and ( max-width:720px) {
	#flow #step2 .contents hr {
		width:100%;
		margin:0 auto;
	}
}
#flow #step2 .contents .text-box .inbox-1 {
	width:500px;
	margin:0 auto;
	text-align:right;
}
@media screen and ( max-width:720px) {
	#flow #step2 .contents .text-box .inbox-1 {
		width:100%;
		margin:0 auto;
	}
}
#flow #step2 .contents .text-box .inbox-2 {
	width:650px;
	margin:0 auto;
}
@media screen and ( max-width:720px) {
	#flow #step2 .contents .text-box .inbox-2 {
		width:100%;
		margin:0 auto;
	}
}
#flow #step3 {
	background:#fafafa;
}
#flow #step3 .title {
	text-align:center;
	padding:24px 0;
}
#flow #step3 .contents {
	/* background:url(images/useful-back.png); */
}
#flow #step3 .contents .text-box {
	font-size:	14px;
	width:1000px;
	margin:0 auto;
	padding:24px; 0;
}
@media screen and ( max-width:720px) {
	#flow #step3 .contents .text-box {
		font-size:	14px;
		width:100%;
		margin:0 auto;
		padding:24px; 0;
		display:none;
	}
}
#flow #step3 .contents .text-box-sp {
	display:none
}
@media screen and ( max-width:720px) {
	#flow #step3 .contents .text-box-sp {
		display:block;
		font-size:	14px;
		text-align:left;
	}
}
#flow #step3 .contents  figure {
	float: right;
	margin: 0 15px 15px 0;
}
#flow #step3 .contents hr {
	width:1000px;
	margin:0 auto;
}
@media screen and ( max-width:720px) {
	#flow #step3 .contents hr {
		width:100%;
		margin:0 auto;
	}
}
#flow #step3 .contents .link-box {
	width:1000px;
	margin:0 auto;
	background:#fff;
	padding:32px 0;
}
@media screen and ( max-width:720px) {
	#flow #step3 .contents .link-box {
		width:100%;;
		margin:0 auto;
		background:#fff;
		padding:32px 0;
	}
}
@media screen and ( max-width:720px) {
	#flow hr {
		width:100%;
	}
}
#flow #step3 .contents .link-box .btn-box {
	text-align:center;
	padding:24px 0;
}
#flow #step3 .contents .link-box .btn-box-sp {
	display:none;
}
@media screen and ( max-width:720px) {
	#flow #step3 .contents .link-box .btn-box {
		display:none;
	}
	#flow #step3 .contents .link-box .btn-box-sp {
		display:block;
		text-align:center;
	}
	#flow #step3 .contents .link-box .btn-box-sp img {
		90%;
	}
}

#flow #step3 .contents .link-box .btn-box img {
	margin-bottom:12px;
}
@media screen and ( max-width:720px) {
	#flow #step3 {
		width:96%;
		margin-bottom:12px;
	}
	#flow #step3 img {
		width:80%;
		margin-bottom:12px;
	}
}
#flow #step3 .contents .link-box .btn-box img.space {
	margin-right:18px;
}
#flow #step3 .contents h2 {
	font-size:24px;
	text-align:center;
	padding:24px 0;
}
#flow #step3 .contents .address-box {
	border:1px solid #ccc;
	width:1000px;
	margin:0 auto;
}
@media screen and ( max-width:720px) {
	#flow #step3 .contents .address-box {
		border:1px solid #ccc;
		width:100%;
	}
}
#flow #step3 .contents .address-box table.add {
	width:460px;
	margin:32px auto;
	font-size:14px;
}
@media screen and ( max-width:720px) {
	#flow #step3 .contents .address-box table.add {
		width:96%;
		margin:32px auto;
		display:none;
	}
}
#flow #step3 .contents .address-box table.add th {
	font-size:24px;
	text-align:center;
}
#flow #step3 .contents .caption {
	text-align:center;
	font-size:14px;
}
#flow #step3 .contents .address-box table.add td {
	vertical-align:middle;
}
#flow #step3 .contents .add-sp {
	display:none;
}
@media screen and ( max-width:720px) {
	#flow #step3 .contents .address-box {
		width:100%;
		margin:0 auto;
		padding:16px;
		font-size:14px;
	}
}
@media screen and ( max-width:720px) {
	#flow #step3 .contents .add-sp {
		display:block;
	}
}
#flow #step4 {
	background:#fafafa;
}
#flow #step4 .title {
	text-align:center;
	padding:24px 0;
}
#flow #step4 .contents {
	/* background:url(images/useful-back.png); */
}
#flow #step4 .contents .text-box {
	width:1000px;
	margin:0 auto;
	background:#fff;
	padding:32px 0;
	border:1px solid #ccc;
	font-family: 'Noto Sans JP', sans-serif;
	padding-left:150px;
}
@media screen and ( max-width:720px) {
	#flow #step4 .contents .text-box {
		width:100%;;
		margin:0 auto;
		background:#fff;
		padding:16px;
		border:1px solid #ccc;
		font-family: 'Noto Sans JP', sans-serif;
	}
}
@media screen and ( max-width:720px) {
	#flow hr {
		/* widht:100%;*/
		display:none;
	}
}
/* 各委員会の紹介 */
#committee {
	background:#fff;
}
#committee .title-image{
	width:1280px;
	height:360px;
	background:url('images/committee-main-image.png');
}
@media screen and ( max-width:720px) {
	#committee .title-image{
		width:100%;
		height:100%;
		background:url('images/committee-main-image.png');
	}
}
#committee .title-image .center-image {
	width:447px;
	margin:0 auto;
	padding-top:140px;
}
@media screen and ( max-width:720px) {
	#committee .title-image .center-image {
		width:80%;
		margin:0 auto;
		padding-top:80px;
		padding-bottom:80px;
	}
	#committee .title-image .center-image img{
		width:100%;
		margin:0 auto;
	}
}
.contents {
	background:#fafafa;
}
#committee .contents h2 {
	font-size:30px;
	text-align:center;
	background:#fafafa;
	padding:24px 0
}
#committee .contents h2 .caption {
	font-size:14px;
}
#committee .contents section {
	width:1280px;
	/* background:url(images/useful-back.png); */
}
@media screen and ( max-width:720px) {
	#committee .contents section {
		width:100%;;
		/* background:url(images/useful-back.png); */
	}
}
#committee .contents section .content-box {
	width:1000px;
	margin:0 auto;
	padding:32px 0;
}
@media screen and ( max-width:720px) {
	#committee .contents section .content-box {
		width:100%;
		margin:0 auto;
		padding:32px 0;
	}
}
#committee .contents section .content-box .number{
	font-size:18px;
	color:#900;
}
#committee .contents section .content-box .title{
	font-size:18px;
}
#committee .contents section .content-box .text {
	font-size:14px;
	letter-spacing:1px;
}
.contents section .content-box hr {
	color:#f00;
}
.contents .comment {
	padding:16px 0;
	text-align:right;
	font-size:14px;
	width:1030px;
	margin:0 auto;
}
@media screen and ( max-width:720px) {
	.contents .comment {
		padding: 0;
		text-align:left;
		font-size:14px;
		width:100%;
		margin:0 auto;
	}
}

/* privacy-policy */
#privacy-policy {
	background:#fafafa;
}
#privacy-policy .title-image{
	width:1280px;
	height:360px;
	background:url('images/privacy-main-image.png');
}
@media screen and ( max-width:720px) {
	#privacy-policy .title-image{
		width:100%;
		height:100%;
		background:url('images/privacy-main-image.png');
	}
}
#privacy-policy .title-image .center-image {
	width:447px;
	margin:0 auto;
	padding-top:140px;
}
@media screen and ( max-width:720px) {
	#privacy-policy .title-image .center-image {
		width:80%;
		margin:0 auto;
		padding-top:80px;
		padding-bottom:80px;
	}
	#privacy-policy .title-image .center-image img{
		width:100%;
		margin:0 auto;
	}
}
#privacy-policy .contents {
	/* background:url(images/useful-back.png); */ 
}
#privacy-policy .contents section {
	width:1000px;
	margin:0 auto;
}
@media screen and ( max-width:720px) {
	#privacy-policy .contents section {
		width:100%;
		margin:0 auto;
	}
}
#privacy-policy .contents section h2 {
	font-size:18px;
	font-weight:bold;
	padding:24px 0 16px 0;
	border-bottom:1px solid #ccc;
}
#privacy-policy .contents section .text {
	font-size:14px;
	margin:0;
}
#privacy-policy .contents section p {
	font-size:14px;
	padding:24px 0 32px 0;
}
/* site-policy */
#site-policy {
	background:#fafafa;
}
#site-policy .title-image{
	width:1280px;
	height:360px;
	background:url('images/site-main-image.png');
}
@media screen and ( max-width:720px) {
	#site-policy .title-image{
		width:100%;
		height:100%;
		background:url('images/site-main-image.png');
	}
}
#site-policy .title-image .center-image {
	width:447px;
	margin:0 auto;
	padding-top:140px;
}
@media screen and ( max-width:720px) {
	#site-policy .title-image .center-image {
		width:80%;
		margin:0 auto;
		padding-top:80px;
		padding-bottom:80px;
	}
	#site-policy .title-image .center-image img{
		width:100%;
		margin:0 auto;
	}
}
#site-policy .contents {
	/* background:url(images/useful-back.png); */ 
}
#site-policy .contents section {
	width:1000px;
	margin:0 auto;
}
@media screen and ( max-width:720px) {
	#site-policy .contents section {
		width:100%;
		margin:0 auto;
	}
}
#site-policy .contents section h2 {
	font-size:18px;
	font-weight:bold;
	padding:24px 0 16px 0;
	border-bottom:1px solid #ccc;
}
#site-policy .contents section h3 {
	font-size:14px;
	font-weight:bold;
	padding:24px 0 0 0;
}
#site-policy .contents section .text {
	font-size:14px;
	margin:0;
}
#site-policy .contents section p {
	font-size:14px;
	padding:24px 0 32px 0;
}
/* ニュース一覧 */
#news-list {
	background:#fafafa;
}
#news-list .title-image{
	width:1280px;
	height:360px;
	background:url('images/news-main-image.png');
}
@media screen and ( max-width:720px) {
	#news-list .title-image{
		width:100%;
		height:100%;
		background:url('images/news-main-image.png');
	}
}
#news-list .w990 {
	width:990px;
}
@media screen and ( max-width:720px) {
	#news-list .w990 {
		width:100%;
	}
}
#news-list .title-image .center-image {
	width:467px;
	margin:0 auto;
	padding-top:140px;
}
@media screen and ( max-width:720px) {
	#news-list .title-image .center-image {
		width:80%;
		margin:0 auto;
		padding-top:80px;
		padding-bottom:80px
	}
	#news-list .title-image .center-image img{
		width:100%;
		margin:0 auto;
	}
}
#news-list .news-date {
	margin-right:14px;
}
#news-list .news-cat1 {
	list-style:none;
	background:url("images/oshirase-icon.png");
	background-repeat:no-repeat;
	padding-left:148px;
	margin-bottom:24px;
	line-height:20px;
}
#news-list .news-cat2 {
	list-style:none;
	background:url("images/hotel-icon.png");
	background-repeat:no-repeat;
	padding-left:148px;
	margin-bottom:24px;
	line-height:20px;
}
#news-list .news-cat3 {
	list-style:none;
	background:url("images/setsumeikai-icon.png");
	background-repeat:no-repeat;
	padding-left:148px;
	margin-bottom:24px;
	line-height:20px;
}
#news-list .news-cat4 {
	list-style:none;
	background:url("images/seminar-icon.png");
	background-repeat:no-repeat;
	padding-left:148px;
	margin-bottom:24px;
	line-height:20px;
}
@media screen and ( max-width:720px) {
	#news-list li a {
		display:block;
		margin-left:-148px;
		padding-top:4px;
	}
}

/* ニュースシングル */
#news  {
	background:#fafafa;
}
#news  .title-image{
	width:1280px;
	height:360px;
	background:url('images/news-main-image.png');
}
@media screen and ( max-width:720px) {
	#news  .title-image{
		width:100%;
		height:100%;
		background:url('images/news-main-image.png');
	}
}
#news  .title-image .center-image {
	width:467px;
	margin:0 auto;
	padding-top:140px;
}
@media screen and ( max-width:720px) {
	#news  .title-image .center-image {
		width:80%;
		margin:0 auto;
		padding-top:80px;
		padding-bottom:80px;
	}
	#news  .title-image .center-image img{
		width:100%;
		margin:0 auto;
	}
}
#news .contents {
	/* background:url(images/useful-back.png); */ 
}
#news .contents .content-box {
	width:1000px;
	margin:0 auto;
	padding:32px 0;
}
@media screen and ( max-width:720px) {
	#news .contents .content-box {
		width:100%;
		margin:0 auto;
		padding:32px 0;
	}
}
#news .contents .content-box .post {
	width:730px;
	font-size:14px;
	float:left;
}
@media screen and ( max-width:720px) {
	#news .contents .content-box .post {
		width:100%;
		font-size:14px;
		float:none;
	}
}
#news .contents .content-box .post h2 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:24px;
}
#news .contents .content-box .sidebar {
	width:250px;
	padding-left:20px;
	font-size:12px;
	float:left;
}
@media screen and ( max-width:720px) {
	#news .contents .content-box .sidebar {
		width:100%;
		padding-left:20px;
		font-size:12px;
		float:none;
	}
}
#news .contents .content-box .sidebar h3 {
	font-size:14px;
	font-weight:bold;
}
#news .contents .content-box .sidebar .title {
	padding-bottom:12px;
}
#news .contents .content-box .sidebar .date-box {
	font-size:11px;
}
#news .contents .content-box .sidebar a {
	color:#202020;
	text-decoration:none;
}
#news .back-btn {
	text-align:center;
}
/* ホテル一覧 */
#hotel-list {
	background:#faffa;
}
#hotel-list .title-image{
	width:1280px;
	height:360px;
	background:url('images/hotel-main-image.png'); 
}
@media screen and ( max-width:720px) {
	#hotel-list .title-image{
		width:100%;
		height:100%;
		background:url('images/hotel-main-image.png'); 
	}
}
#hotel-list .title-image .center-image {
	width:467px;
	margin:0 auto;
	padding-top:140px;
}
@media screen and ( max-width:720px) {
	#hotel-list .title-image .center-image {
		width:80%;
		margin:0 auto;
		padding-top:80px;
		padding-bottom:80px;
	}
	#hotel-list .title-image .center-image img {
		width:100%;
		margin:0 auto;
	}
}
#hotel-list h2 {
	font-size:30px;
	text-align:center;
	margin-bottom:64px;
}
#hotel-list .contents {
	width:1000px;
	margin:0 auto;
	background:#fafafa;
	padding-bottom:36px;
}
@media screen and ( max-width:720px) {
	#hotel-list .contents {
		width:100%;
		margin:0 auto;
		background:#fafafa;
		padding-bottom:36px;
	}
}
#hotel-list .area-menu {
	text-align:center;
}
#hotel-list table.buttons {
	margin:0 auto;
}
#hotel-list table.buttons td {
	width:110px;
}
@media screen and ( max-width:720px) {
	#hotel-list table.buttons td {
		margin:0 auto;
		width:33.33%;
		display:inline;
	}		
}
/* お問い合わせ（contact）*/
#contact {
	background:#faffa;
}
#contact .title-image{
	width:1280px;
	height:360px;
	background:url('images/inquiry-main-image.png'); 
}
@media screen and ( max-width:720px) {
	#contact .title-image{
		width:100%;
		height:100%;
		background:url('images/inquiry-main-image.png'); 
	}
}
#contact .title-image .center-image {
	width:467px;
	margin:0 auto;
	padding-top:140px;
}
@media screen and ( max-width:720px) {
	#contact .title-image .center-image {
		width:80%;
		margin:0 auto;
		padding-top:80px;
		padding-bottom:80px;
	}
	#contact .title-image .center-image img {
		width:100%;
		margin:0 auto;
	}
}
/* 外国人（特定技能）求人情報  */
#foreigner-job {
	background:#fafafa;
}
#foreigner-job .title-image {
	width:1280px;
	height:360px;
	background:url('images/foreiner-back-image.png');
}
@media screen and ( max-width:720px) {
	#foreigner-job .title-image{
		width:100%;
		height:100%;
		background:url('images/foreiner-back-image.png');
	}
}
#foreigner-job .title-image .center-image {
	width:447px;
	margin:0 auto;
	padding-top:140px;
	margin-left:320px;
}
@media screen and ( max-width:720px) {
	#foreigner-job .title-image .center-image {
		width:80%;
		margin:0 auto;
		padding-top:120px;
		padding-bottom:80px;
	}
	#foreigner-job .title-image .center-image img{
		width:100%;
		margin:0 auto;
	}
}


/* メンバーログイン */
#members .title-image {
	padding:48px 0;

}
#members-page .pass form input[type="password"] {
	padding:8px;
	font-size:14px;
	border:1px solid #ddd;
	border-radius: 12px;
}
#members-page .pass form input[type="submit"] {
	padding:8px;
	font-size:14px;
	border:1px solid #ddd;
	border-radius: 12px;
	cursor: pointer;
}

#mvvs-list .pass form input[type="password"] {
	padding:8px;
	font-size:14px;
	border:1px solid #ddd;
	border-radius: 12px;
}
#mvvs-list .pass form input[type="submit"] {
	padding:8px;
	font-size:14px;
	border:1px solid #ddd;
	border-radius: 12px;
	cursor: pointer;
}

/* 賛助会員一覧ページ */
.tb-a {
	width:540px;
	float:left;
	margin-left:30px;
	font-size:14px;
}
@media screen and ( max-width:720px) {
	.tb-a {
		width:100%;
		float:none;
		margin-left:0;
		font-size:14px;
		margin-bottom:24px;
	}
}
.tb-b {
	width:540px;
	float:left;
	font-size:14px;
}
.tb-a td {
	border:1px solid #ccc;
	vertical-align:top;
	padding:12px 6px;
	vertical-align:middle;
}
.tb-a td.grey {
	background:#ededed;
	text-align:center;
	vertical-align:middle;
}
.tb-b td {
	border:1px solid #ccc;
	padding:12px 6px
}
/* プリント用; */
@media print{
	footer {
		display:none;
	}
}
@page { size: 210mm 297mm } /* A4縦サイズ */

/* パンくず */
#breadcrumb {
	font-size:14px;
	margin:16px 24px;;

}
@media screen and ( max-width:720px) {
	#breadcrumb {
		width:90%;
		font-size:14px;
		margin:16px 24px;;
	}
}

/* 検索窓 */
.searchform {
	font-family: FontAwesome; 
	position: relative;
	display:inline;
}
@media screen and ( max-width:720px) {
	.searchform {
		font-family: FontAwesome; 
		position: relative;
		display:inline;
	}
}
.searchfield {
	font-size: 14px;
	width:160px;
	margin: 3px;
	padding: 4px;
	border: solid 1px #bbb;
	border-radius: 10px;
	background-color: #efefef;
	margin-top:-16px;
}
@media screen and ( max-width:720px) {
	.searchfield {
		font-size: 14px;
		width:50%;
		margin: 3px;
		padding: 4px;
		border: solid 1px #bbb;
		border-radius: 10px;
		background-color: #efefef;
		margin-top:8px;
	}
}
.searchsubmit {
	font-family: FontAwesome; 
	font-size: 1.4em;
	position: absolute;
	top: 0;
	right: 8%;
	padding: 0;
	cursor: pointer;
	color: #6297f5;
	border: none;
	background: transparent; 
	margin-top:-10px;
}
 @media screen and ( max-width:720px) {
	.searchsubmit {
		font-family: FontAwesome; 
		font-size: 1.4em;
		position: absolute;
		top: 0;
		right: 8%;
		padding: 0;
		cursor: pointer;
		color: #6297f5;
		border: none;
		background: transparent; 
		margin-top:2px;
	}
}
.searchsubmit:hover {
	opacity: .6;
}
/* PCとスマホで表示非表示の設定 */
.only-pc {
	display:block;
}
@media screen and ( max-width:720px) {
	.only-pc {
		display:none;
	}
}
.only-sp {
	display:none;
}
@media screen and ( max-width:720px) {
	.only-sp {
		display:block;
	}
	.only-sp img {
		width:100%;
	}
}
/* widthの設定 */
.w800 {
	width:800px;
	margin:0 auto;
}
.w888 {
	width:888px;
	margin:0 auto;
}
.w900 {
	width:900px;
	margin:0 auto;
}
.w975 {
	width:975px;
	margin:0 auto;
}
.w990 {
	width:990px;
	margin:0 auto;
}
.w1000 {
	width:1000px;
	margin:0 auto;
}
.w1060 {
	width:1060px;
	margin:0 auto;
}
.w1100 {
	width:1100px;
	margin:0 auto;
}
.w1180 {
	width:1180px;
	margin:0 auto;
}
.w1280 {
	width:1280px;
	margin:0 auto;
}
@media screen and ( max-width:720px) {
	.w800 {
		width:80%;
		margin:0 auto;
	}
	.w888 {
		width:80%;
		margin:0 auto;
	}
	.w900 {
		width:90%;
		margin:0 auto;
	}
	.w975 {
		width:90%;
		margin:0 auto;
	}
.	.w990 {
		width:100%;
		margin:0 auto;
	}
	.w1000 {
		width:100%;
		margin:0 auto;
	}
	.w1060 {
		width:100%;
		margin:0 auto;
	}
	.w1100 {
		width:100%;
		margin:0 auto;
	}
	.w1180 {
		width:100%;
		margin:0 auto;
	}
	.w1280 {
		width:100%;
		margin:0 auto;
	}
}
/* float */
.float-left {
	float:left;
}
.float-right {
	float:right;
}
/* clear */
.clear-left {
	clear:left;
}
.clear-right {
	clear:right;
}
.clear-both {
	clear:both;
}

/* heightの設定 */
.h8 {
	height:8px;
}
.h12 {
	height:12px;
}
.h16 {
	height:16px;
}
.h24 {
	height:24px;
}
.h32 {
	height:32px;
}
.h36 {
	height:36px;
}
.h40 {
	height:40px;
}
.h48 {
	height:48px;
}
.h64 {
	height:64px;
}
.h80 {
	height:80px;
}
.h128 {
	height:128px;
}
.h150 {
	height:150px;
}
/* テキスト配置の設定 */
.text-center {
	text-align:center;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-top {
	vertical-align:top;
}
.text-middle {
	vertical-align:middle;
}
.text-bottom {
	vertical-align:bottom;
}
/* フォントサイズの設定 */
.font-12 {
	font-size:12px;
}
.font-14 {
	font-size:14px;
}
.font-16 {
	font-size:16px;
}
.font-18 {
	font-size:18px;
}
.font-24{
	font-size:24px;
}
.font-32 {
	font-size:32px;
}
@media screen and ( max-width:720px) {
	.font-12 {
		font-size:10px;
	}
	.font-14 {
		font-size:12px;
	}
	.font-16 {
		font-size:14px;
	}
	.font-18 {
		font-size:16px;
	}
	.font-24{
		font-size:18px;
	}
	.font-32 {
		font-size:24px;
	}
}
.set-kosugi {
	font-family: 'Kosugi Maru', sans-serif;
}
/* バックボタン */
.back-bottom {
	text-align:right;
	margin-right:64px;
	margin-top:32px;
}
@media screen and ( max-width:720px) {
	.back-bottom {
		width:100%;
		text-align:right;
		margin-right:64px;
		margin-top:32px;
	}
}

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fafafa;
  /* box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); */
  width: 990px;
  margin: 0 auto;
}
@media screen and ( max-width:720px) {
	.tabs {
  		width:100%;;
		/* background:#00f; */
		padding:0;
	}
}
/*タブのスタイル*/
.tab_item {
  /* width: calc(100%/7); */
  width: 198px;	
  height: 42px;
  padding-bottom:4px;
  border-bottom: 1px solid #ccc;
  background-color: #ddd;
  /* line-height: 50px; */
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  cursor: pointer
}
@media screen and ( max-width:720px) {
	.tab_content {
		width:100%;
		/* background:#f00; */
		padding:0;
		margin:0;
	}
}
@media screen and ( max-width:720px) {
	.tab_content_description {
		/* background:#0f0;  */
		width:100%;
		padding:0;
		margin:0;
	}
}
@media screen and ( max-width:720px) {
	.tab_item {
		width: calc(100%/3);
		height: 100%;
		/* display:none; */
	}
	.tab_item img {
		background-color: #fafafa;
		width: 100%;
	}
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#info:checked ~ #info_content,
#hotel:checked ~ #hotel_content,
#session:checked ~ #session_content,
#event-seminar:checked ~ #event-seminar_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #ddd;
  color: #fff;
}

/* 改ページ */
.pagenation {
	text-align:center;
}
.pagenation .post-page-numbers {
	margin:0 auto;
	width:32px;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	display:inline;
	text-align:center;
	padding:8px 12px ;
	color:#333;
	/* background-color:#49a9d4; */
	background-color:#cb0;
	/* border-radius:25px; */
	border:1px solid #333;
}
.pagenation .post-page-numbers.current {
	background-color:#fff; 
}

/* リストのページ送り */
.pagenation .page-numbers {
	margin:0 auto;
	width:32px;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	display:inline;
	text-align:center;
	padding:8px 12px ;
	color:#333;
	/* background-color:#49a9d4; */
	background-color:#cb0;
	/* border-radius:25px; */
	border:1px solid #333;
}
.pagenation .page-numbers.current {
	background-color:#fff; 
}
/* フェードイン */
.fadein {
  opacity : 0;
  transform : translate(0, 100px);
  transition:all 2s;
}

.fadein.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}


/* Mega Menu */
/* グローバルメニュー */
.menu {
	position: relative;
	width: 100%;
	height: 50px;
	margin: 0 auto;
       z-index: 100 !important;
}
@media screen and ( max-width:720px) {
	.menu {
		display:none;
	}
}

.menu > li {
	float: left;
	height: 50px;
	line-height: 50px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	list-style:none;
}

.menu > li a {
	display: block;
	color: #333;
	text-decoration:none;
}
.menu > li a:hover {
	color: #333;
}

.menu > li.mega a:hover {
	color: #fff;
	background: rgba(7, 54, 157, 0.9); 
	opacity: 1;
}
.menu > li.mega .menu__second-level a:hover {
	background: rgba(7, 54, 157, 0); 
}

.menu > .menu__single {
	padding:0 20px;
	position: relative;
}

.menu__none, .mega {
	margin-left:0;
	padding:0 40px;
}
.menu__none, .mega i {
	display:inlien;
}

.menu__none:hover,
.menu__multi:hover,
.menu__mega:hover,
.menu__single:hover {
	-webkit-transition: .2s ease;
	transition: .2s ease;
}
.menu__second-level {
	margin:0;
	padding:0;
	background: rgba(7, 54, 157, 0.9);
}
.menu__second-level .line-1 {
	text-align:left;
	margin-left:60px;
	margin-bottom:12px;
}
.menu__second-level li {
	/* border-top: 1px solid #999; */
	/* background: #eee; */
	/* background: rgba(7, 54, 157 0.9) */
	list-style:none;
	
}

.menu__third-level li {
	border-top: 1px solid #999;
	background: #eee;
}

.menu__second-level li a:hover {
	/* background: #eee; */
}

.menu__third-level li a:hover {
	background: #eee;
}

.menu__fourth-level li a:hover {
	background: #eee;
}

.init-bottom:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 0 15px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menu:before,
.menu:after {
	/* content: ""; */
	/* display: table; */
}

.menu:after {
  clear: both;
}

.menu {
  *zoom: 1;
}


/**
 * single menu
 */


.menber {
	border-radius: 10px; /* 角を丸くする */
	/* background:#009fe6; */
}
.menu__single .menu__second-level {
  position: absolute;
  top: 40px;
  width: 100%;
  /* background: #eee; */
  -webkit-transition: .2s ease;
  transition: .2s ease;
  visibility: hidden;
  opacity: 0;
}

.menu__single:hover > .menu__second-level {
  top: 50px;
  visibility: visible;
  opacity: 1;
}


/**
 * multi menu
 */
.menu > .menu__multi {
  position: relative;
}

.menu__multi .menu__second-level {
  position: absolute;
  top: 40px;
  width: 100%;
  /* background: #eee; */
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}

.menu__multi:hover .menu__second-level {
  top: 50px;
  visibility: visible;
  opacity: 1;
}

.menu__multi .menu__second-level li {
  position: relative;
}

.menu__multi .menu__second-level li:hover {
  /* background: #111; */
}

.menu__multi .menu__second-level li .menu__third-level {
  position: absolute;
  top: -1px;
  left: 100%;
  width: 100%;
  /* background: #111; */
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
}

.menu__multi .menu__second-level li:hover .menu__third-level {
  visibility: visible;
  opacity: 1;
}

.menu__multi .menu__second-level li .menu__third-level li {
  position: relative;
}

.menu__multi .menu__second-level li .menu__third-level li:hover {
  /* background: #2a1f1f; */
}

.menu__multi .menu__second-level li .menu__third-level li .menu__fourth-level {
  position: absolute;
  top: -1px;
  left: 100%;
  width: 100%;
  background: rgba(7, 54, 157, 0.9);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
}

.menu__multi .menu__second-level li .menu__third-level li:hover .menu__fourth-level {
  visibility: visible;
  opacity: 1;
}

.init-right:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0 0 15px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/**
 * mega menu
 */
.menu__mega {
   margin-left:20px;
}
.menu__mega .menu__second-level {
  position: absolute;
  top: 40px;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 20px 2%;
  /* background: #072A24; */
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}

.menu__mega:hover .menu__second-level {
  top: 50px;
  visibility: visible;
  opacity: 1;
}

.menu__mega .menu__second-level > li {
  float: left;
  width: 32%;
  margin-bottom:8px;
  border: none;
}

.menu__mega .menu__second-level > li:nth-child(3n+2) {
  margin: 0 1%;
}

/* スマホ用 ハンバーガー */
/* ハンバーガーメニュー */
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  background: #fff;
Z-index:999;
}

.logo {
	font-size: 24px;
	margin-left:80px;
}
@media screen and ( max-width:720px) {
	.logo {
		margin-left:2%;
	}
	.logo img {
		width:80%;
	}
}
/*------------------------------

  ここから下がハンバーガーメニュー
  に関するCSS

------------------------------*/
.hamburger-menu {
	display:none;
}
@media screen and ( max-width:720px) {
	.hamburger-menu {
		display:block;;
	}
}
.menu-btn {
    position: fixed;
    top: 10px;
    right: 10px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    /* background-color: #fff; */
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #333;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: #f00;
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
	background: rgba(7, 54, 157, 0.9);
    transition: all 0.5s;/*アニメーション設定*/
}
#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}


/* パスワードページ */
#pass {
	width:800px;
	margin:0 auto;
	text-align:center;
}
#pass form {
	
}
#pass form input {
	display:block;
	margin:0 auto;
	margin-bottom:16px;
}
#pass form {
	text-align:center;
}

/* モーダルウインドウ */
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.content{
    margin: 0 auto;
    padding: 40px;
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}


/* モーダルウインドウ2 */
#modal-content{
    width:80%;
    margin:0;
    padding:0;
    background:#fff;
    position:fixed;
    display:none ;
    z-index:99999;
}
#modal-content .inner{
    position:relative;
    width:100%;
    padding-top:56.25%;
    overflow:hidden;
}
#modal-content .inner #player{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}
#modal-overlay{
    z-index:9999;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba( 0,0,0, 0.75 );
}

/* Page Top */
.pagetop {
	display: none;
	position: fixed;
	bottom: 4px;
	right: 10px;
}
.pagetop a {
	display: block;
	background-color: #ccc;
	text-align: center;
	color: #6464ff;
	font-size: 24px;
	text-decoration: none;
	padding: 4px 10px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.pagetop a:hover {
	display: block;
	background-color: #b2d1fb;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	padding:4px 10px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}