﻿@charset "UTF-8";
/******************** CSS RESET ********************/
*, *:before, *:after {
	box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
address {
	font-style: normal;
}
input:not([type="radio"]):not([type="checkbox"]), button, textarea {
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
}
input[type="radio"]{
	margin-top: 0;
	padding-top: 0;
}
input,
label,
button{
	vertical-align: middle;
}
/******************** 共通設定 ********************/
body {
	font-family: "UD黎ミン R”,”UD Reimin Regular",arial, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游ゴシック Medium", YuGothic, "游ゴシック体", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", serif;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #000;
	font-size: 100%;
	font-feature-settings : "palt";
	-webkit-text-size-adjust: 100%;
	background: url(img/pic_bg.jpg);
}
/**** テキスト ****/
p, li {
	margin-top: 12px;
}
.bold {
	font-weight: bold;
}
.small {
	font-size: 85%;
}
a{
	transition: .2s;
}
a:hover{
	transition: .2s;
}
/**** リンク ****/
a:link {
	text-decoration: underline;
	color: #0000cc;
}
a:visited {
	text-decoration: underline;
	color: #791e78;
}
a:hover {
	text-decoration: none;
	color: #6c0000;
}
a:active {
	text-decoration: none;
	color: #0000cc;
}
.link_white:link {
	text-decoration: underline;
	color: #FFFFFF;
}
.link_white:visited {
	text-decoration: underline;
	color: #EEEEEE;
}
.link_white:hover {
	text-decoration: underline;
	color: #FFFF00;
}
.link_white:active {
	text-decoration: underline;
	color: #FFFF00;
}
/*a:hover img {opacity: 0.75;}*/

/**** 別ウィンドウで開く ****/
.window {
	display: inline-block;
	font-size: 62.5%;
	font-weight: normal;
	font-family: "UD新ゴ R","UD Shin Go Regular",arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #e0f4ff;
	color: #1e1e1e;
	border-radius: 4px;
	padding: 1px 4px;
	margin: 0 4px;
	border: 1px solid #88c9ea;
	vertical-align: text-bottom;
}
/**** 本文へ_スキップ用リンク ****/
.skip {
	position: relative;
	text-align: center;
	width: 100%;
	margin: 0;
}
.skip a {
	background-color: #fff;
	width: 1px;
	font-size: 0.1%;
	line-height: 0.1;
	position: absolute;
	top: auto;
	left: -3000px;
	z-index: 9999;
	padding: 4px 0;
}
.skip a:active, .skip a:focus {
	display: block;
	width: 100%;
	margin: 0 auto;
	font-size: 100%;
	left: 0;
	right: 0;
	top: 0;
	line-height: 1.5;
}
.skip_none{
	display: none;
}
/**** フォーム ****/
#body input, #body button, #body textarea {
	background: #fff;
	border: 1px solid #999;
}
/* text,textarea */
#body input[type="text"], #body textarea {
	background: #fff;
	border: 1px solid #999;
}
/* select */
#body select[size], #body select[multiple], #body select[size][multiple] {
	padding: 4px;
}
/* submit,reset,button */
#body input[type="submit"], #body input[type="reset"], #body input[type="button"], #body button {
	background: #555;
	border-radius: 4px;
	cursor: pointer;
	color: #fff;
	display: inline-block;
	font-size: 81.25%;
	text-align: center;
	padding: 2px 16px;
}
#body input[type="submit"]:hover, #body input[type="reset"]:hover, #body input[type="button"]:hover, #body button:hover {
	background: #666;
}
 #body button{
 	line-height: 2;
 }
 /**** 見出し等のフォント ****/
h1,h2,h3,h4,h5,h6,strong,th{
	font-family: "UD黎ミン B","UD Reimin Bold";
}
/**** その他 ****/
.anchor, .notit {
	display: block;
	height: 1px;
	margin-top: -1px;
}
.anchor{
	margin-top: -52px;
	padding-top: 52px;
}
.dami {
	clear: both;
	height: 1px;
	margin-top: -1px;
}
.date {
	font-size: 85%;
	color: #555555;
	display: inline-block;
}
.noscript {
	font-size: 85%;
	color: #a90000;
}
.none {
	display: none;
}
	@media only screen and (max-width: 750px) {
		.anchor{
			margin-top: 0;
			padding-top: 0;
		}
	}
/******************** レイアウトCSS ********************/
.zone01{
	overflow: hidden;
}
.zone03_in,
.zone04_in{
	max-width: 1620px;
	margin: 0 auto;
	padding: 0 40px 40px;
	overflow: hidden;
}
@media only screen and (max-width: 750px) {
	.zone01_in,
	.zone02_in,
	.zone03_in,
	.zone04_in{
		padding: 0 10px;
	}
}

/********************** ヘッダー **********************/
.main_header {
	width: 100%;
}
.main_header .head_in{
	display: none;
}
.inbody .main_header .head_in{
	display: block;
	margin: 0 auto;
	max-width: 1620px;
	width: 100%;
}
.insub .h_top_wrap{
	padding-top: 8px;
}
	@media only screen and (max-width: 750px) {
		.main_header{
			min-width: 100%;

			display: flex;
				flex-wrap: wrap;
		}
		.head{
			margin-right: auto;
		}
		.main_header .head_in{
			display: block;
		}
	}
/**** ヘッダー上段リンク ****/
.head_in{
	padding: 0 40px;
	max-width: 1640px;
	margin: 0 auto;
}
.h_top_wrap {
	font-size: 87.5%;
	padding: 6px 0;
}
.h_top {
	padding: 0 40px;
	max-width: 1620px;
	margin: 0 auto;
	display: flex;
		align-items: center;
}
.h_top .mainsite{
	margin: 0;
	padding-left: 14px;
}

	@media only screen and (max-width: 750px) {
		.h_top_wrap{
			display: none;
		}
	}

.h_top .h_sub{
	margin-left: auto;
	display: flex;
		align-items: center;
}
/* 翻訳 */
.cse-honyaku-box{
	position: relative;
	font-size: 80%;
}
.cse-honyaku-box .cse_btn{
	margin: 0;
}
.cse-honyaku-box .cse_btn a{
	background: #fff url(img/icon_select.png) no-repeat center right;
	color: #1e1e1e;
	text-decoration: none;
	border: 1px solid #ccc;
	padding: 5px 30px 4px 10px;
	display: inline-block;
	letter-spacing: -0.01px;
}
.cse-honyaku-box ul{
	display: none;
	background: #fff;
	position: absolute;
	top: calc(100% - 1px);
	left: 0;
	border: 1px solid #ccc;
	z-index: 200;
	width: 100%;
}
.cse-honyaku-box ul li{
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
}
.cse-honyaku-box ul li:last-child{
	border-bottom: 0;
}
.cse-honyaku-box ul li a{
	display: inline-block;
	padding: 5px 8px;
	width: 100%;
}
/* リンク */
.h_sublink{
	display: flex;
}
.h_sublink li{
	margin: 0 0 0 8px;
}
.h_sublink li a{
	display: inline-block;
	font-size: 96%;
	border: 1px solid #ccc;
	background: #fff;
	padding: 3px 8px;
	text-decoration: none;
}

/**** ヘッダーメイン ****/
.h_main {
	padding: 8px 0;
	display: flex;
		align-items: center;
}
.h_main .h1 {
	margin-top: 0;
	flex-shrink: 0;
	width: 270px;
}
.h_main .h_mainList01, .h_main .h_mainList01 > li {
	float: left;
}
.h_main .h_mainList01 li a {
	display: block;
	border: 2px solid #ccc;
	background: #585858;
	color: #fff;
	font-size: 85%;
	padding: 4px 8px 1px;
	margin: 12px 0 0 16px;
	text-decoration: none;
	border-radius: 4px;
}
	@media only screen and (max-width: 750px) {
		.head_in{
			padding: 12px 10px;
			width: 100%;
		}
		.h_main{
			padding: 0;
			flex-wrap: wrap;
		}
		.h_main .h1 {
			padding-top: 4px;
			padding-bottom: 2px;
			width: 180px;
		}
		.h_main .h_mainList01 > li{
			margin-top: 4px;
		}
	}
	@media only screen and (max-width: 480px) {
		.h_main .h1 {
			padding: 8px 0 8px;
			width: 142px;
		}

		.h_main .h_mainList01{
			display: block;
			width: 100%;
		}
		.h_main .h_mainList01 > li{
			margin: -4px 0 0 10px;
		}
		.h_main .h_mainList01 > li a{
			margin: 0;
		}
	}
	@media only screen and (max-width: 340px) {
		.head_in{
			padding: 16px 10px 20px;
		}
		.h_main .h1 {
			padding: 4px 0 8px;
			width: 120px;
		}
	}
/* 検索ボックス */
.src_box,
.src_box_sp {
	background: #fff;
	border: 1px solid #bfbfbf;
	color: #000;
	margin: 0 0 0 auto;
	max-width: 300px;
	width: 40%;
}
.inbody .src_box{
	max-width: 100%;
}
#body .src_box .q,
#body .src_box_sp .q {
	font-size: 100%;
	float: left;
	margin: 3px 0;
	height: 24px;
	padding: 0 6px;
	border: 0;
	width: calc(100% - 66px);
}
#body .src_box #search_button,
#body .src_box_sp #search_button_sp,
#body .src_box #search_button_clone{
	min-height: 24px;
	margin: 4px 0;
	padding: 0 10px;
	background: #fff;
	border: 0;
	border-left: 1px solid #bfbfbf;
	border-radius: 0;
	color: #000;
	font-size: 81.25%;
	cursor: pointer;
	white-space: normal;
	width: 66px;
	font-family: "UD黎ミン R”,”UD Reimin Regular",arial, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游ゴシック Medium", YuGothic, "游ゴシック体", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", serif;
}
#body .src_box #search_button:hover,
#body .src_box_sp #search_button_sp:hover,
#body .src_box_sp #search_button_clone:hover{
	background: #fff;
}
.src_box_sp{
	display: none;
}
	@media only screen and (max-width: 750px) {
		.h_main .src_box {
			display: none;
		}
		.src_box_sp{
			display: block;
			margin: 8px 10px;
			width: calc(100% - 20px);
			max-width: 100%;
		}
	}

/* アコーディオンメニュー */
.ac_navi{
	position: relative;
}
.ac_navi .tit{
	margin: 0 16px;
}
.ac_navi .tit a{
	background: #fff url(img/icon_select.png) no-repeat center right;
	color: #1e1e1e;
	text-decoration: none;
	border: 1px solid #bfbfbf;
	padding: 2px 30px 2px 10px;
	display: inline-block;
}
.ac_navi ul{
	display: none;
	background: #fff;
	font-size: 90%;
	position: absolute;
	top: 100%;
	left: 16px;
	border: 1px solid #ccc;
	z-index: 200;
	width: calc(100% + 30px);
}
.ac_navi ul li{
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
}
.ac_navi ul li:last-child{
	border-bottom: 0;
}
.ac_navi ul li a{
	display: inline-block;
	padding: 8px;
}

/**** グローバルナビ ****/
.g_navi{
	margin-left: auto;
	display: none;
}
.inbody .g_navi{
	display: block;
	margin: 0 auto;
	max-width: 1620px;
	width: 100%;
}
.g_navi_in{
	padding: 0 42px;
	display: flex;
}
.g_navi_in li{
	display: flex;
	text-align: center;
	width: calc((100% / 10) + 6px);
}
.g_navi_in li:first-child{
	max-width: 100px;
}
.g_navi_in li a{
	background: #1e1e1e;
	border: 1px solid #1e1e1e;
	color: #fff;
	display: flex;
		align-items: center;
		justify-content: center;
	font-size: 90%;
	padding: 10px 4px;
	margin: 0 1px;
	text-decoration: none;
	width: calc(100% - 2px);
}
.g_navi_in li:nth-child(6) a,
.g_navi_in li:nth-child(7) a,
.g_navi_in li:nth-child(8) a,
.g_navi_in li:nth-child(9) a,
.g_navi_in li:nth-child(10) a{
	background: #efefef;
	border: 1px solid #efefef;
	color: #1e1e1e;
}
.g_navi_in li.active a,
.g_navi_in li a:hover{
	background: #fff;
	color: #1e1e1e;
	text-decoration: none;
}
	@media only screen and (max-width: 750px) {
		.g_navi,
		.inbody .g_navi{
			display: none;
		}
	}


/**** 追従ヘッダーのスタイル ****/
.clone-nav {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  transition: .4s;
  transform: translateY(-120%);
  z-index: 9999;
}
.is-show {
  transform: translateY(0);
}
.clone-nav.h_clone{
	background: rgba(255,255,255,0.9);
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
	padding: 8px 0 12px;
}
.clone-nav.h_clone .g_navi{
	display: block;
	background: none;
	border: 0;
	padding: 0;
	margin: -46px auto 6px;
	max-width: 1620px;
}
.clone-nav.h_clone .g_navi_in{
	justify-content: flex-end;
	padding: 0 300px 0 220px;
	flex-wrap: nowrap;
	text-align: center;
}
.clone-nav.h_clone .g_navi_in > li{
	width: auto;
}
.clone-nav.h_clone .g_navi_in > li > a{
	background: none;
	color: #000;
	border: 0;
	border-right: 1px solid #aaa;
	padding: 0 7px;
}
.clone-nav.h_clone .g_navi_in > li:first-child{
	border-left: 1px solid #aaa;
}
.clone-nav.h_clone .g_navi_in > li.active > a,
.clone-nav.h_clone .g_navi_in > li > a:hover{
	text-decoration: underline;
}
.clone-nav.h_clone .clone-nav.h_clone .h_main{
	padding: 0;
}
.clone-nav.h_clone .head_in{
	padding: 0 20px;
}
.clone-nav.h_clone .h_main{
	padding: 0;
}
.clone-nav.h_clone .h_main .h1{
	padding: 2px 0 0;
	width: 150px;
	z-index: 100;
}
.clone-nav.h_clone .src_box{
	margin-top: 2px;
	width: 260px;
	z-index: 100;
}
	@media only screen and (max-width: 980px) {
		.clone-nav.h_clone .src_box{
			width: 200px;
		}
		.clone-nav.h_clone .h_main .h1{
			width: 150px;
		}
		.clone-nav.h_clone .g_navi{
			margin: 8px 0 0;
			padding: 0 20px;
		}
		.clone-nav.h_clone .g_navi_in{
			padding: 0;
		}
		.clone-nav.h_clone .g_navi_in > li{
			flex-shrink: 1;
			width: 100%;

			display: flex;
			justify-content: center;
		}
		.clone-nav.h_clone .g_navi_in > li > a{
			font-size: 90%;
			display: inline-block;
			line-height: 1.3;
			width: 100%;
			display: flex;
				align-items: center;
				justify-content: center;
		}
	}
	@media only screen and (max-width: 750px) {
		.clone-nav.h_clone{
			display: none;
		}
	}

/**** スマホメニューに関するスタイル ****/
.lan_drop{
	padding: 0;
	margin: 10px 10px 0 0;
	z-index: 200;
}
.lan_drop a{
	border: 1px solid #bfbfbf;
	background: #fff url(img/icon_language.svg) no-repeat;
	background-size: 20px auto;
	background-position: 6px 8px;
	color: #000;
	font-size: 50%;
	letter-spacing: -0.1px;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding-top: 34px;
	min-height: 50px;
	width: 50px;
	word-wrap: break-word;
	position: relative;
}
.lan_drop a:before,
.lan_drop a:after{
	content: '';
	position: absolute;
	top: 17px;
	right: 6px;
	background: #000;
	height: 3px;
	width: 14px;
}
.lan_drop a:after{
	transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
}
.lan_drop.active a:after{
	display: none;
}
.lan_detail{
	display: none;
	background: #eee;
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	z-index: 9999;
}
.lan_detail ul{
	display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
	margin: 24px 8px;
	padding: 0;
}
.lan_detail ul li{
	padding: 0;
	margin: 4px;
}
.lan_detail ul li a{
	background: #fff;
	border: 1px solid #aaa;
	display: inline-block;
	min-width: 58px;
	padding: 4px 8px;
	text-align: center;
}
.pc_btn{
	padding: 0;
	margin: 10px 10px 0 0;
	z-index: 200;
}
.pc_btn a{
	border: 1px solid #bfbfbf;
	background: #fff url(img/icon_pc.svg) no-repeat;
	background-size: 20px auto;
	background-position: top 7px center;
	color: #000;
	text-decoration: none;
	display: inline-block;
	font-size: 77%;
	text-align: center;
	line-height: 1.2;
	padding: 31px 0 0;
	min-height: 50px;
	width: 50px;
}
#menu_button{
	margin: 10px 10px 0 0;
	z-index: 200;
}
#menu_button a{
	background: #fff;
	border: 1px solid #bfbfbf;
	color: #000;
	font-size: 70%;
	display: inline-block;
	text-decoration: none;
	letter-spacing: -0.5px;
	line-height: 1.2;
	text-align: center;
	padding-top: 33px;
	min-height: 50px;
	width: 50px;
	position: relative;
	word-wrap: break-word;
}
#menu_button a .icon_ham{
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -15px;
	display: inline-block;
	background: #000;
	height: 3px;
	width: 30px;
}
#menu_button a .icon_ham:before,
#menu_button a .icon_ham:after{
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -15px;
	background: #000;
	height: 3px;
	width: 30px;
}
#menu_button a .icon_ham:before{
	top: 8px;
}
#menu_button a .icon_ham:after{
	top: 16px;
}
	@media print, screen and (min-width: 751px) {
		#menu_button,
		.lan_drop,
		.lan_detail,
		.pc_btn{
			display: none !important;
		}
	}
#sidr {
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 9999;
	width: 260px;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 100%;
	background: #fff;
	border-left: 4px solid #aaa;
	box-sizing: border-box;
	color: #000;
}
	@media print, screen and (min-width: 751px) {
		#sidr {
			display: none !important;
		}
	}
.main_header + .skip{
	display: none;
}
#sidr .sidr-inner {
  padding: 0 0 15px;
}
.sidr.right {
  left: auto;
  right: -260px;
}
#sidr .close{
	border-bottom: 4px solid #aaa;
	background: #aaa;
	text-align: left;
	position: relative;
	padding: 14px 10px 12px;
	margin: 0;
}
#sidr .close a{
	display: inline-block;
	color: #000;
	text-decoration: none;
	padding-left: 22px;
	position: relative;
	width: 100%;
}
#sidr .close a:before,
#sidr .close a:after{
	content: '';
	background: #000;
	height: 2px;
	width: 16px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: 0;
	transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
}
#sidr .close a:after{
	transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
}
#sidr ul {
	display: block;
	border-bottom: 3px solid #aaa;
	margin: 0;
	padding: 0;
}
#sidr ul li {
	background: none;
	border-bottom: 1px solid #aaa;
	display: block;
	text-align: left;
	margin: 0;
	padding: 0;
	position: relative;
}
#sidr ul li:before{
	content: '';
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -4px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
}
#sidr ul li:last-child{
	border-bottom: none;
}
#sidr ul li.other a{
	background: #efefef;
}
#sidr ul li a{
	display: inline-block;
	padding: 12px 20px 12px 12px;
	text-decoration: none;
	width: 100%;
}
#sidr ul.sidr_navi_sub li{
	font-size: 85%;
	width: 100%;
}
#sidr ul.sidr_navi_sub li a{
	letter-spacing: -0.01em;
}
#sidr ul li.mainsite{
	border-top: 2px solid #aaa;
}
#sidr ul li.mainsite a{
	background: #dcdcdc;
}
/*********** フッター ***********/
.main_footer {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
	@media only screen and (max-width: 750px) {
		.main_footer {
			min-width: 100%;
		}
	}
/**** トップへ戻る ****/
.foot_modori{
	text-align: right;
	margin: 0 auto;
	padding: 0 40px;
	max-width: 1620px;
}
.modoriin{
	padding: 0;
	margin: 0;
}
.foot_modori a{
	background: #e4d0b0;
	border-radius: 6px 6px 0 0;
	color: #000;
	font-size: 85%;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	padding: 12px 14px 6px 32px;
	position: relative;
}
.foot_modori a br{
	display: none;
}
.foot_modori a:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 16px;
	width: 6px;
	height: 6px;
	border-left: 2px solid #000;
	border-top: 2px solid #000;
	transform: rotate(45deg);
	transition: .4s;
}
	@media only screen and (max-width: 480px) {
		.foot_modori{
			padding: 0 10px;
		}
	}
/**** メインフッター ****/
.foot_wrap{
	background: url(img/pic_bg_foot.png) left top repeat;
	/*background-size: 400px;*/
	background-size: auto;
}
.foot{
	position: relative;
	z-index: 1;
}
.foot .foot_link{
	display: flex;
		justify-content: center;
		flex-wrap: wrap;
	padding: 4px 8px;
}
.foot .foot_link.sub{
	border-bottom: 1px solid #d9ebec;
	border-top: 0;
}
.foot .foot_link a{
	font-size: 85%;
	margin: 0 7px;
	padding: 0 7px;
}
.foot .foot_link li{
	position: relative;
	margin: 0;
	padding: 8px 0;
}
.foot_id{
	padding: 24px 40px;
	margin: 0 auto;
	max-width: 1620px;
}
.foot address p{
	font-size: 85%;
	line-height: 2;
}
.foot address a[href^="tel:"]{
	cursor: default;
	color: #000;
	text-decoration: none;
}
.foot_copy {
	font-size: 80%;
	padding: 12px 0;
	text-align: center;
}
.foot_copyin {
	width: 100%;
	padding: 0 24px;
	margin: 0 auto;
}
	@media only screen and (max-width: 750px) {
		.foot_copyin{
			padding: 0 10px;
			width: 100%;
		}
		.foot address a[href^="tel:"]{
			cursor: pointer;
			color: #0000cc;
			text-decoration: underline;
		}
		.foot .foot_link{
			padding: 16px 12px;
		}
	}
	@media only screen and (max-width: 568px) {
		.foot .foot_link{
			text-shadow: none;
			padding: 0;
			border-top: 1px solid #aaa;
		}
		.foot .foot_link.sub{
			border-bottom: 0;
			border-top: 1px solid #aaa;
		}
		.foot .foot_link li{
			border-bottom: 1px solid #aaa;
			padding: 0;
			margin: 0;
			width: 100%;
		}
		.foot .foot_link li a{
			margin: 0;
			display: inline-block;
			padding: 10px 16px;
			width: 100%;
		}
		.foot_id{
			padding: 16px 12px;
			border-top: none;
			flex-wrap: wrap;
			width: 100%;
		}
		.foot address{
			margin: 0;
			width: 100%;
		}
	}
/********************** 領域共通のスタイル **********************/
.main {
	margin: 0 auto;
	padding: 0 0 24px;
}
.main h2 {
	color: #000;
	background: #dcdcdc;
	padding: 8px 16px 6px;
	font-size: 120%;
}
.main h2 a {
	display: block;
}
.main .h2 p {
	float: right;
}
.main li {
	position: relative;
	padding-left: 16px;
}
.main li::before {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	width: 8px;
	height: 8px;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	transform: rotate(-45deg);
}
	@media only screen and (max-width: 750px) {
		.main{
			padding: 0;
			width: 100%;
		}
	}

/**** タイトル要素 アコーディオンのスタイル ****/
.ac_display{
	display: none;
}
@media print, screen and (min-width: 750px) {
	.ac_box{
		pointer-events: none !important;
	}
	.ac_box + div{
		display: block !important;
	}
}
@media only screen and (max-width: 750px) {
	.ac_display{
		display: inline-block;
		position: absolute;
		top: 50%;
		margin: -14px 0 0;
		right: .5em;
		font-size: 72%;
		background: #fff;
		border: 1px solid #ccc;
		height: 28px;
		z-index: 100;
	}
	.ac_display a{
		display: inline-block;
		position: relative;
		text-decoration: none;
		padding: 5px 4px 5px 18px;
	}
	.ac_display:before,
	.ac_display:after{
		content: '';
		background: #555;
		position: absolute;
		left: 4px;
		top: 12px;
		height: 2px;
		width: 10px;
	}
	.ac_display:after{
		transform: rotate(90deg);
			-webkit-transform: rotate(90deg);
	}
	.ac_box + div{
		display: none;
	}
	.ac_box{
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	.ac_box.active p:after{
		display: none;
	}
}

/**** 分類1のスタイル ****/
.main .category_p01{
	padding: 0 40px;
}
.main .category_p01{
	padding-top: 24px;
}
@media only screen and (max-width: 750px) {
	.main .category_p01{
		padding: 0 10px;
	}
	.main .category_p01 p{
		margin-top: 8px;
	}
}
/**** 画像リストのスタイル ****/
.ilist {
	margin-top: 24px;
}
.main .ilist_lower ul {
	display: flex;
	flex-flow: row wrap;
}
.main .ilist_lower ul > li {
	display: flex;
	padding-left: 0;
	margin-right: 12px;
	text-align: center;
	width: calc((100% - 60.1px) / 6);
}
.main .ilist_lower ul > li:nth-of-type(6n) {
	margin-right: 0;
}
.main .ilist_lower ul > li::before {
	display: none;
}
.main .ilist_lower ul > li a {
	display: block;
	background: #fff;
	border: 1px solid #dcdcdc;
	padding: 16px;
	width: 100%;
	text-decoration: none;
}
.main .ilist_lower .ilist_right {
	margin-top: 16px;
}
.main .ilist_lower ul > li .ilist_title {
	text-align: center;
}
.main .ilist_lower ul > li .ilist_text {
	text-align: left;
	font-size: 85%;
	margin-top: 0px;
	padding-top: 10px;
	border-top: 1px solid #ddd;
	line-height: 1.6;
}
.ilist .ilist_title{
	margin-top: 0;
}
	@media only screen and (max-width: 750px) {
		.main .ilist_lower ul > li {
			width: calc((100% - 36.1px) / 3);
		}
		.main .ilist_lower ul > li:nth-of-type(3n) {
			margin-right: 0;
		}
	}
	@media only screen and (max-width: 480px) {
		.main .ilist_lower ul > li:nth-of-type(n) {
			margin-right: 0;
			width: 100%;
		}
	}
/**** 画像リスト2のスタイル ****/
.ilist2 {
	margin-top: 24px;
}
.main .ilist2_lower ul {
	display: flex;
	flex-flow: row wrap;
}
.main .ilist2_lower ul > li {
	display: flex;
	padding-left: 0;
	margin-right: 12px;
	text-align: center;
	width: calc((100% - 36.1px) / 4);
}
.main .ilist2_lower ul > li:nth-of-type(4n) {
	margin-right: 0;
}
.main .ilist2_lower ul > li::before {
	display: none;
}
.main .ilist2_lower ul > li a {
	padding: 16px;
	width: 100%;
	background: #fff;
	border: 1px solid #dcdcdc;
	display: flex;
	text-decoration: none;
}
.main .ilist2_lower ul > li .ilist_left {
	align-self: center;
	width: 40%;
}
.main .ilist2_lower ul > li .ilist_right {
	align-self: center;
	width: 54%;
	margin-left: 6%;
}
.ilist2 .ilist_title{
	margin-top: 0;
}
	@media only screen and (max-width: 750px) {
		.main .ilist2_lower ul > li {
			width: calc((100% - 24.1px) / 2);
		}
		.main .ilist2_lower ul > li:nth-of-type(3n) {
			margin-right: 12px;
		}
		.main .ilist2_lower ul > li:nth-of-type(even) {
			margin-right: 0;
		}
	}
	@media only screen and (max-width: 480px) {
		.main .ilist2_lower ul > li:nth-of-type(n) {
			margin-right: 0;
			width: 100%;
		}
	}
/**** 分類のスタイル ****/
.category {
	margin-top: 24px;
}
.category2 {
	margin-top: 24px;
}
.category3 {
	margin-top: 24px;
}
.category4 {
	margin-top: 24px;
}
.category5 {
	margin-top: 24px;
}
.main .category_3_ul {
	font-size: 85%;
}
.main .category_lower {
	background: #fff;
	border: 1px solid #dcdcdc;
	border-top: none;
	padding: 4px 16px 16px;
}
/**** 各課の窓口のスタイル ****/
.kakuka {
	margin-top: 24px;
}
/**** 催し物・講座のスタイル ****/
.event {
	margin-top: 24px;
}
.main .event_lower {
	background: #fff;
	border: 1px solid #dcdcdc;
	border-top: none;
	padding: 4px 16px 16px;
}
.main .event_lower li {
	padding-left: 0;
}
.main .event_lower li::before {
	display: none;
}
.main .event_lower li .eve_cate {
	display: inline-block;
	font-size: 85%;
	background: #ccc;
	color: #000;
	border-radius: 4px;
	padding: 4px 4px 2px;
	margin-right: 8px;
	text-align: center;
	vertical-align: top;
	line-height: 1;
	min-width: 80px;
}
.main .event_lower .event_month li {
	margin-right: 8px;
	display: inline-block;
	font-size: 130%;
	margin-top: 8px;
	margin-bottom: 4px;
}
.main .event_lower .event_month img {
	vertical-align: middle;
}
.event_month li.pre a,
.event_month li.next a{
	display: inline-block;
	background: #E6E6E6;
	border: 1px solid #aaa;
	font-size: 81.25%;
	margin-bottom: 10px;
	text-decoration: none;
	padding: 7px 14px 6px;
	position: relative;
	line-height: 1;
}
.event_month li.pre a{
	padding-left: 20px;
}
.event_month li.next a{
	padding-right: 20px;
}
.event_month li.pre a:before,
.event_month li.next a:before{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -4px;
	width: 0;
	height: 0;
	border-style: solid;
}
.event_month li.pre a:before{
	left: 7px;
	border-width: 4px 6px 4px 0;
	border-color: transparent #555 transparent transparent;
}
.event_month li.next a:before{
	right: 7px;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #555;
}
/**** イベントカレンダーのスタイル ****/
.calendar {
	margin-top: 24px;
}
.main .calendar_lower {
	overflow: auto;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-top: none;
	padding: 4px 16px 16px;
}
.main .calendar_lower li {
	padding-left: 0;
}
.main .calendar_lower li::before {
	display: none;
}
.main .calendar_lower .event_month li {
	margin-right: 8px;
	display: inline-block;
}
.main .calendar_lower .event_month img {
	vertical-align: middle;
}
.main .calendar table {
	width: 100%;
}
.main .calendar caption {
	display: none;
}
.main .calendar th {
	border: 1px solid #ccc;
	text-align: center;
	padding-bottom: 4px;
}
.main .calendar th img{
	vertical-align: middle;
}
.main .calendar td {
	border: 1px solid #ccc;
	text-align: center;
}
.main .calendar .sun {
	background: #ffd8d6;
}
.main .calendar .sat {
	background: #d9e4fc;
}
.main .calendar .today {
	background: #c9171e;
	color: #fff;
}
.main .calendar .today a {
	color: #fff;
}
	@media only screen and (max-width: 750px) {
		.main .calendar td{
			padding: 5px 0;
		}
	}
/**** 新着情報のスタイル ****/
.new {
	margin: 64px auto 3px;
	background: #fff url("img/pic_kamon_ikeda.svg") center center no-repeat;
	background-size: 80% 80%;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition-duration: 0.3s;
	position: relative;
	z-index: 1;

	max-width: 1540px;
}
	@media only screen and (max-width: 1640px) {
		.new {
			margin-right: 40px;
			margin-left: 40px;
		}
	}
	@media only screen and (max-width: 750px) {
		.new {
			margin-right: 0;
			margin-left: 0;
		}
	}
.new:hover{
	background: #fff url("img/pic_kamon_ikeda_hover.svg") center center no-repeat;
	background-size: 80% 80%;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition-duration: 0.3s;
}
.main .new h2 {
	color: #000;
	text-align: center;
	background: none;
	padding-top: 20px;
}
.main .new .h2 p {
	padding: 8px 16px 8px 8px;
	margin: 0;
}
.main .new_lower {
	padding: 8px 16px 16px;
}
.main .new ul li{
	padding-left: 0;
}
.main .new ul li:before{
	display: none;
}
.main .new ul li.catch_lst .new_lst {
	margin-right: 100px;
}
.main .new ul li.catch_lst .new_img {
	float: right;
	margin-top: 0;
}
.new:before{
	content: '';
	position: absolute;
	top: -36px;
	left: 0;
	height: 20px;
	width: 100%;
	background-color: #1f1f1f;
	background: linear-gradient(to bottom, rgb(80, 80, 80) 30%, rgb(20, 20, 20));
	z-index: 2;
}
.new:after,
.main .new_lower:before,
.main .new_lower:after{
	content: '';
	position: absolute;
	top: -40px;
	height: 46px;
	background: linear-gradient(to bottom, rgb(255, 255, 255) 70%, rgb(245, 245, 245));
	border: 1px solid #ebebeb;
	z-index: 3;
}
.new:after{
	left: 35%;
	width: 30%;
}
.main .new_lower:before{
	left: 10%;
	width: 10%;
}
.main .new_lower:after{
	right: 10%;
	width: 10%;
}
/**** トピックスのスタイル ****/
.topics {
	margin-top: 24px;
}
.main .topics .h2 {
	background: #d9ebec;
}
.main .topics .h2 p {
	padding: 8px 16px 8px 8px;
	margin: 0;
}
.main .topics_lower {
	background: #fff;
	border: 1px solid #dcdcdc;
	border-top: none;
	padding: 8px 16px 16px;
}
.main .topics ul li.catch_lst .topics_lst {
	margin-right: 100px;
}
.main .topics ul li.catch_lst .topics_img {
	float: right;
	margin-top: 0;
}
/**** 新着情報・トピックス一覧のスタイル ****/
.main .more{
	font-size: 85%;
	margin-top: 16px;
	display: flex;
	max-width: 480px;
	margin-left: auto;
}
.main .more li{
	border: 1px solid #b4b4b4 !important;
	padding: 0;
	margin: 4px !important;
	width: calc(50% - 8px);
}
.main .more li a{
	background: #fff;
	display: inline-block;
	padding: 8px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
.main .more li:before{
	display: none;
}
.main .more li a:hover{
	background: #222 !important;
	color: #fff;
}
.main .more li.rss span{
	background: url(img/rss.svg) no-repeat left center;
	background-size: 12px 12px;
	padding-left: 20px;
}
	@media only screen and (max-width: 750px) {
		.main .more{
			max-width: 400px;
				flex-wrap: wrap;
		}
		.main .more li:before{
			top: 16px;
		}
	}
	@media only screen and (max-width: 480px) {
		.main .more{
			max-width: 100%;
		}
		.main .more li{
			width: calc(100% - 4px);
		}
		.main .more li a{
			padding: 10px;
		}
	}
/**** ピックアップ1のスタイル ****/
.pickup {
	margin: 64px auto -3px;
	background: #fff url("img/pic_kamon_toyotomi.svg") center center no-repeat;
	background-size: 80% 80%;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition-duration: 0.3s;
	position: relative;
	z-index: 1;
	max-width: 1540px;
}
	@media only screen and (max-width: 1640px) {
		.pickup {
			margin-right: 40px;
			margin-left: 40px;
		}
	}
	@media only screen and (max-width: 750px) {
		.pickup {
			margin-right: 0;
			margin-left: 0;
		}
	}
.pickup:hover{
	background: #fff url("img/pic_kamon_toyotomi_hover.svg") center center no-repeat;
	background-size: 80% 80%;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition-duration: 0.3s;
}
.main .pickup h2{
	color: #000;
	background: none;
	text-align: center;
	padding-top: 20px;
}
.main .pickup_lower {
	padding: 4px 16px 16px;
}
.main .pickup_lower h3 {
	margin-top: 16px;
}
.main .pickup_lower p {
	margin-left: 12px;
}
.main .pickup_lower li{
	padding-left: 0;
	margin-top: 4px;
	margin-left: 12px;
}
.main .pickup_lower li:before{
	display: none;
}
.main .pickup_lower .pickup_sub {
	margin-top: 20px;
}
.main .pickup_lower .pickup_sub:first-child {
	margin-top: 12px;
}
.main .pickup_lower .pickup_sub h3 {
	font-size: 110%;
}
.main .pickup_lower .pickup_sub p {
	font-size: 85%;
	margin-top: 6px;
}
.pickup:before{
	content: '';
	position: absolute;
	top: -36px;
	left: 0;
	height: 20px;
	width: 100%;
	background-color: #1f1f1f;
	background: linear-gradient(to bottom, rgb(80, 80, 80) 30%, rgb(20, 20, 20));
	z-index: 2;
}
.pickup:after,
.main .pickup_lower:before,
.main .pickup_lower:after{
	content: '';
	position: absolute;
	top: -40px;
	height: 46px;
	background: linear-gradient(to bottom, rgb(255, 255, 255) 70%, rgb(245, 245, 245));
	border: 1px solid #ebebeb;
	z-index: 3;
}
.pickup:after{
	left: 35%;
	width: 30%;
}
.main .pickup_lower:before{
	left: 10%;
	width: 10%;
}
.main .pickup_lower:after{
	right: 10%;
	width: 10%;
}
/**** ピックアップ2のスタイル ****/
.pickup2 {
	margin-top: 24px;
}
.main .pickup2_lower {
	background: #fff;
	border: 1px solid #dcdcdc;
	border-top: none;
	padding: 4px 16px 16px;
}
.main .pickup2_lower .pickup_sub {
	margin-top: 20px;
}
.main .pickup2_lower .pickup_sub:first-child {
	margin-top: 12px;
}
.main .pickup2_lower .pickup_sub h3 {
	font-size: 110%;
}
.main .pickup2_lower .pickup_sub p {
	font-size: 85%;
	margin-top: 6px;
}
/**** ランキングのスタイル ****/
.ranking{
	margin-top: 24px;
}
.main .ranking_lower {
	background: #fff;
	border: 1px solid #dcdcdc;
	border-top: none;
	padding: 4px 16px 16px;
}
.main .ranking_lower ol{
	margin-left: 24px;
}
.main .ranking_lower ol li{
	list-style-type: decimal;
	padding-left: 0;
}
.main .ranking_lower ol li:before{
	display: none;
}
/**** バナー広告のスタイル ****/
.bana {
	margin-top: 24px;
}
.bana .h2{
	text-align: center;
	padding: 8px 16px 6px;
}
.bana h2{
	background: none;
	color: #000;
	display: inline-block;
	font-weight: normal;
	font-size: 96%;
	float: none;
	text-align: center;
	padding: 0;
}
.bana .h2 p{
	display: inline-block;
	float: none;
	font-size: 86%;
}
.bana_lower {
	text-align: center;
}
.bana .bana_img {
	display: inline-block;
}
.main .bana ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0 12px;
}
.main .bana li {
	padding-left: 0;
	width: 160px;
	margin-right: 8px;
}
.main .bana li::before {
	display: none;
}
.main .bana li .window {
	margin-top: 5px;
}
	@media only screen and (max-width: 750px) {
		.main .bana li {
			margin: 0 0 16px;
			padding: 0 4px;
			width: 33.333%;
		}
		.bana_lower {
			margin-top: 16px;
		}
		.bana .h2 p{
			margin: 0 0 8px;
		}
	}
	@media only screen and (max-width: 480px) {
		.main .bana li {
			width: 50%;
		}
	}
/**** RSSのスタイル ****/
.rss {
	margin-top: 24px;
}
.rss h2 {
	display: none;
}
.main .rss li {
	padding-left: 0;
}
.main .rss li::before {
	display: none;
}
/**** RSSアイコンのスタイル ****/
a.rss_icon{
	background: #FF8F21;
	display: inline-block;
	color: #fff;
	font-size: 81.25%;
	text-decoration: none;
	text-shadow: 1px 1px 0 #B45C00, -1px 1px 0 #B45C00, 1px -1px 0 #B45C00, -1px -1px 0 #B45C00;
	vertical-align: middle;
	padding: 5px 5px 5px 7px;
	letter-spacing: -0.01px;
	line-height: 1.1;
	position: relative;
	vertical-align: middle;
}
a.rss_icon img{
	margin-left: 4px;
	height: auto;
	width: 16px;
}
a.rss_icon2{
	background: #FF8F21;
	display: inline-block;
	color: #fff;
	font-size: 68.75%;
	text-decoration: none;
	text-shadow: 1px 1px 0 #B45C00, -1px 1px 0 #B45C00, 1px -1px 0 #B45C00, -1px -1px 0 #B45C00;
	vertical-align: middle;
	padding: 3px 28px 1px 6px;
	letter-spacing: -0.01px;
	line-height: 1.1;
	position: relative;
	vertical-align: middle;
}
a.rss_icon2 img{
	position: absolute;
	top: 50%;
	margin-top: -9px;
	right: 6px;
	height: auto;
	width: 16px;
}
/**** リンク・画像領域（画像）のスタイル ****/
.image {
	text-align: center;
	margin-top: 24px;
}
.main .image h2 {
	background: none;
	padding: 0;
}
.image .image_img {
	display: block;
}
/**** リンク・画像領域（テキスト）のスタイル ****/
.link {
	margin-top: 24px;
}
/**** RSS一覧のスタイル ****/
.rss_list {
	margin-top: 24px;
}
/**** FAQ（よくある質問）のスタイル ****/
.faq {
	margin-top: 24px;
}
/**** 新着FAQ ****/
.faq_new {
	margin-top: 24px;
}
.main .faq_new_lower {
	border: 2px solid #007bbb;
	border-top: none;
	padding: 4px 16px 16px;
}
.main .faq_new_lower p {
	font-size: 85%;
	margin-top: 4px;
}
/**** 見られているFAQのスタイル ****/
.popular {
	margin-top: 24px;
}
.main .popular_lower {
	border: 2px solid #007bbb;
	border-top: none;
	padding: 4px 16px 16px;
}
.main .popular_lower p {
	font-size: 85%;
	margin-top: 4px;
}
.zone01 .ilist, .zone01 .ilist2, .zone01 .category, .zone01 .category2, .zone01 .event, .zone01 .calendar, .zone01 .topics, .zone01 .pickup2, .zone01 .link, .zone01 .ranking,
.zone02 .ilist, .zone02 .ilist2, .zone02 .category, .zone02 .category2, .zone02 .event, .zone02 .calendar, .zone02 .topics, .zone02 .pickup2, .zone02 .link, .zone02 .ranking{
	max-width: 1620px;
	padding: 0 40px;
	margin-right: auto;
	margin-left: auto;
}
	@media only screen and (max-width: 750px) {
		 .zone01 .ilist, .zone01 .ilist2, .zone01 .category, .zone01 .category2, .zone01 .event, .zone01 .calendar, .zone01 .topics, .zone01 .pickup2, .zone01 .link, .zone01 .ranking,
		 .zone02 .ilist, .zone02 .ilist2, .zone02 .category, .zone02 .category2, .zone02 .event, .zone02 .calendar, .zone02 .topics, .zone02 .pickup2, .zone02 .link, .zone02 .ranking{
		 	padding: 0;
		 }
	}

/********************** 領域1個別のスタイル **********************/
.zone01 h1{
	background: none;
	padding: 8px 16px 6px;
}

.free_top{
	min-height: 600px;
	height: calc(100vh + 560px);
	position: relative;
	margin-top: 14px;
}
.top_image_zone {
	position: absolute;
	top: 90px;
	right: 3%;
	width: 55%;
	height: calc(100vh - 90px + 500px);
}
.top_main_image {
	position: absolute;
	z-index: 2;
	top: 0;
	width: 100%;
	height: 100%;
}
.top_main_image > .ilist,
.top_sub_image .ilist{
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
}
.top_main_image .ilist > div,
.top_sub_image .ilist > div{
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}
	@media only screen and (max-width: 750px) {
		.top_main_image .ilist > div,
		.top_sub_image .ilist > div{
			background-size: 100%;
		}
	}
.top_main_image .ilist > div:not(:first-child),
.top_sub_image .ilist > div:not(:first-child){
	display: none;
}
.top_sub_image .ilist > div{
	background-position: bottom left;
}
.top_sub_image {
	position: absolute;
	z-index: 3;
	bottom: 0;
	width: 100%;
	height: 680px;
	display: none;
}
.main_name,
.sub_name{
	position: absolute;
	top: 260px;
	right: 0;
	z-index: 100;
	transform: rotate(90deg);
	transform-origin: 100% 100%;
	height: 20px;
	width: 250px;
}
.sub_name{
	top: auto;
	bottom: 10px;
}
.main_name .ilist > div,
.sub_name .ilist > div{
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
	width: 250px;
}
.main_name .ilist > div:not(:first-child),
.sub_name .ilist > div:not(:first-child){
	display: none;
}
	@media print, screen and (min-width: 1801px) {
		.main .top_main_image .ilist_lower .ilist_left img{
			height: 1500px;
			object-fit: cover;
		}
		.main .top_sub_image .ilist_lower .ilist_left img{
			height: 800px;
			object-fit: cover;
		}
	}
	@media only screen and (max-width: 1800px) {
		.main .top_main_image .ilist_lower .ilist_left img{
			height: 1360px;
			object-fit: cover;
		}
		.main .top_sub_image .ilist_lower .ilist_left img{
			height: 680px;
			object-fit: cover;
		}
	}
	@media screen and (min-width: 751px) {
		.top_main_image {
			animation: top_image_zone_startAnimation 1s ease-out 1.1s 1 normal both;
		}
			@keyframes top_image_zone_startAnimation {
				0% { opacity: 0; }
				100% { opacity: 1; }
			}
		.top_image_zone {
			width: 60%;
		}
	}
	@media only screen and (max-width: 750px) {
		.free_top{
			height: calc(100vh + 480px);
		}
		.top_image_zone {
			top: 0;
			left: 1.3%;
			width: 96%;
		}
	}
	@media only screen and (max-width: 480px) {
		.free_top{
			height: calc(100vh + 650px);
		}
		.main .top_main_image .ilist_lower .ilist_left img{
			height: 1000px;
			object-fit: cover;
		}
		.top_image_zone{
			height: 100%;
		}
		.top_sub_image,
		.main .top_sub_image .ilist_lower ul > li .ilist_left{
			height: 600px;
		}
	}

.top_logo {
	position: absolute;
	top: 40px;
	left: 0;
	right: 35%;
	bottom: 0;
	margin: auto;
	z-index: 6;
	padding: 0;
	width: 350px;
	animation: top_logo_startAnimation 1.4s ease-out 0.8s 1 normal both;
}
	@keyframes top_logo_startAnimation {
		0% {
			width: 400px;
			top: 10%;
			right: 0%;
			left: 0%;
		}
		100% {
			top: 40px;
		}
	}
	@media only screen and (max-width: 1367px) {
		.top_logo {
			width: 300px;
			right: 16%;
		}
	}
	@media only screen and (max-width: 1000px) {
		.top_logo {
			width: 270px;
			right: -20%;
		}
	}
	@media only screen and (max-width: 750px) {
		.top_logo {
			width: 42%;
			top: 30px;
			right: 36%;
			animation: none;
		}
	}
	@media print {
		.top_logo {
			animation: none;
		}
	}
.top_sentence {
	position: absolute;
	z-index: 8;
	top: calc(100vh + 40px);
	left: 20px;
	width: 45%;
	padding: 30px;
	line-height: 160%;
	letter-spacing: 0.24em;
	background-color: rgba(30,30,30,0.9);
}
.top_sentence p {
	width: 100%;
	padding: 0;
	margin: 0;
	color: #ddd;
	background-color: transparent;
	text-align: left;
}
.top_sentence p span{
	display: inline-block;
	font-size: 120%;
	padding-bottom: 18px;
	text-align: center;
	width: 100%;
}
	@media only screen and (max-width: 750px) {
		.top_sentence {
				top: calc(70vh);
				left: 0;
				right: 0;
				width: 90%;
				margin: 0 auto;
				background-color: rgba(30,30,30,0.7);
		}
		@media screen and (orientation: landscape) {
			.top_sentence{
				top: 380px;
			}
		}
	}
/**** グローバルナビ ****/
.top_navi {
	position: relative;
	position: absolute;
	z-index: 6;
	top: calc(100vh - 380px);
	width: 252px;
	height: 252px;
	margin-left: 70px;
	overflow: hidden;
	transform: rotate(45deg);
	animation: top_navi_startAnimation 1s ease-out 1.3s 1 normal both;
}
	@keyframes top_navi_startAnimation {
		0% { opacity: 0; }
		100% { opacity: 1; }
	}
	@media only screen and (max-width: 750px) {
		.top_navi {
			display: none;
		}
	}

.top_navi_in {
	position: absolute;
	top: 0;
	left: 0;
}
.top_navi_in li {
	float: left;
	width: 80px;
	height: 80px;
	color: #fff;
	overflow: hidden;
	margin: 2px;
	padding-left: 0;
	background-color: rgba(30,30,30,1.00);
	border: 1px solid #1e1e1e;
}
.top_navi_in li:before{
	display: none;
}
.top_navi_in li a {
	text-decoration: none;
	color: #fff;
}
.top_navi_in .navi_link_05 a,
.top_navi_in .navi_link_06 a,
.top_navi_in .navi_link_07 a,
.top_navi_in .navi_link_08 a,
.top_navi_in .navi_link_09 a {
	color: #1e1e1e;
}
.top_navi_in li a .top_navi_new{
	color: #bd0000;
	position: absolute;
	top: 16px;
	left: calc(50% - 14px);
}
.top_navi_in li p {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	font-size: 95%;
	letter-spacing: 0.04em;
	width: 120px;
	height: 120px;
	margin-left: -20px;
	margin-top: -20px;
	transform: rotate(-45deg);
	text-align: center;
	flex-wrap: wrap;
}
.top_navi_in .navi_link_07 p,
.top_navi_in .navi_link_08 p,
.top_navi_in .navi_link_09 p{
	-webkit-align-content: center;
	align-content: center;
}
.top_navi_in .navi_link_05,
.top_navi_in .navi_link_06 {
	background-color: #fff;
}
.top_navi_in .navi_link_07,
.top_navi_in .navi_link_08,
.top_navi_in .navi_link_09 {
	/*background-color: #ffc6b6;*/
	background-color: #fff;
}
.top_navi_backImg {
	position: absolute;
	position: relative;
	z-index: -1;
	top: -54px;
	left: -54px;
	width: 360px;
	height: 360px;
	transform: rotate(-45deg);
}
.top_navi_backImg_all {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: sepia(0.5);
	background-size: cover;
}

.top_navi_backImg_01 {
	background-image: url(img/pic_navi_img01.jpg);
}
.top_navi_backImg_02 {
	background-image: url(img/pic_navi_img02.jpg);
}
.top_navi_backImg_03 {
	background-image: url(img/pic_navi_img03.jpg);
}
.top_navi_backImg_04 {
	background-image: url(img/pic_navi_img04.jpg);
}
.top_navi_backImg_05 {
	background-image: url(img/pic_navi_img05.jpg);
}
.top_navi_backImg_06 {
	background-image: url(img/pic_navi_img06.jpg);
}
.top_navi_backImg_07 {
	background-image: url(img/pic_navi_img07.jpg);
}
.top_navi_backImg_08 {
	background-image: url(img/pic_navi_img08.jpg);
}
.top_navi_backImg_09 {
	background-image: url(img/pic_navi_img09.jpg);
}

/********************** 領域2個別のスタイル **********************/
.free_info{
	display: flex;
		align-items: baseline;
	padding: 0 60px;
}
.free_info .new{
	margin-right: 6%;
	width: 47%;
}
.free_info .pickup{
	width: 47%;
}
	@media only screen and (max-width: 750px) {
		.free_info{
			flex-wrap: wrap;
			padding: 0 10px;
		}
		.free_info .new,
		.free_info .pickup{
			margin-right: 0;
			width: 100%;
		}
	}

/* 姫路城　空撮動画 */
.wrap_movie {
	width: 100%;
	margin-top: 160px;
}
	@media only screen and (max-width: 750px) {
		.wrap_movie {
			margin-top: 120px;
		}
	}
.movie_note {
	width: 100%;
	text-align: center;
	font-size: 90%;
	margin-bottom: 14px;
}
	@media only screen and (max-width: 750px) {
		.movie_note {
			display: none;
		}
	}
.wrap_movie_in{
	position: relative;
	width: 100%;
	min-height: 500px;
	background-color: rgba(30,30,30,0.90);
	overflow: hidden;
}
	@media only screen and (max-width: 750px) {
		.wrap_movie_in {
			height: auto;
			overflow: visible;
		}
	}
.movie_mask {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	text-decoration: none !important;
}
	@media only screen and (max-width: 750px) {
		.movie_mask {
			position: relative;
			height: auto;
		}
	}
.movie_sentence {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 30%;
	min-height: 500px;
	padding: 10px 2%;
	color: rgba(215,215,215,1.00);
	opacity: 1;

	display: flex;
	height: 100%;
	align-items: center;
}
	@media only screen and (max-width: 980px) {
		.movie_sentence {
			padding: 10px;
			width: 38%;
		}
	}
	@media only screen and (max-width: 750px) {
		.movie_sentence {
			position: static;
			min-height: auto;
			clear: both;
			width: 100%;
			padding-bottom: 80px;
		}
	}
.movie_sentence h2 {
	margin-bottom: 30px;
	font-size: 160%;
	width: 100%;
	text-align: center;
	text-decoration: underline !important;
}
.movie_mask:hover .movie_sentence h2{
	text-decoration: none !important;
}
	@media only screen and (max-width: 1500px) {
		.movie_sentence h2 {
			line-height: 1.2;
		}
	}
	@media only screen and (max-width: 750px) {
		.movie_sentence h2 {
			height: 60px;
			line-height: 60px;
		}
	}
.movie_sentence p {
	margin-bottom: 10px;
	line-height: 1.4;
}
.movie_sentence h2, .movie_sentence p {
	background: none;
	color: #e6e6e6;
	text-shadow: #1e1e1e 2px 0px, #1e1e1e -2px 0px, #1e1e1e 0px -2px, #1e1e1e 0px 2px, #1e1e1e 2px 2px, #1e1e1e -2px 2px, #1e1e1e 2px -2px, #1e1e1e -2px -2px, #1e1e1e 1px 2px, #1e1e1e -1px 2px, #1e1e1e 1px -2px, #1e1e1e -1px -2px, #1e1e1e 2px 1px, #1e1e1e -2px 1px, #1e1e1e 2px -1px, #1e1e1e -2px -1px;
}
	@media print, screen and (min-width: 751px) {
		.movie_mask:hover .movie_sentence h2, .movie_mask:hover .movie_sentence p {
			color: rgba(21,21,21,1.00);
			transition-duration: 4s;
			text-shadow: #dcdcdc 1px 1px 0, #dcdcdc -1px -1px 0,#dcdcdc -1px 1px 0, #dcdcdc 1px -1px 0,#dcdcdc 0px 1px 0, #dcdcdc 0-1px 0,#dcdcdc -1px 0 0, #dcdcdc 1px 0 0;
		}
	}
	@media only screen and (max-width: 1500px) {
		.movie_sentence p {
			margin-bottom: 0;
		}
	}
.movie_play_01 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	background: url(img/shirasagi_silhouette.png) center center no-repeat;
	background-size: 50px 50px;
	background-position: 50% 80%;
	transform:rotate(-30deg);
	opacity: 0;
}
.movie_mask:hover > .movie_play_01 {
	animation: playAnimation_01 2s ease-out 0s 1 normal both;
}
	@keyframes playAnimation_01 {
		0% {
			background-position: 50% 80%;
			transform:rotate(-30deg);
			opacity: 0;
		}
		20% {
			opacity: 1;
		}
		75% {
			transform:rotate(25deg);
			background-size: 140px 140px;
			opacity: 1;
		}
		100% {
			background-position: 50% 50%;
			transform:rotate(25deg);
			background-size: 140px 140px;
			opacity: 0;
		}
	}
	@media only screen and (max-width: 750px) {
		.movie_play_01 {
			display: none;
		}
		.movie_mask:hover > .movie_play_01 {
			animation: none;
		}
	}

.movie_play_02 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	width: 100%;
	height: 100%;
	background: url(img/pic_play.png) center center no-repeat;
	background-size: 120px 120px;
	opacity: 0;
}
.movie_mask:hover > .movie_play_02 {
	animation: playAnimation_02 2s ease-in-out 0s 1 normal both;
}
	@keyframes playAnimation_02 {
		0% { opacity: 0; }
		75% { opacity: 0; }
		100% { opacity: 1; }
	}
	@media only screen and (max-width: 750px) {
		.movie_play_02 {
			position: absolute;
			top: auto;
			left: auto;
			bottom: 0px;
			opacity: 0.6;
		}
		.movie_mask:hover > .movie_play_02 {
			animation: none;
		}
	}

.movie_img_01 {
	width: 100%;
	height: 100%;
	opacity: 1;
	background: url(img/pic_movie_img_01.jpg) 70% 0 no-repeat;
	background-size: contain;
	transform-origin: 60% 20%;
	transition-duration: 2s;
}
.movie_mask:hover > .movie_img_01 {
	animation: mvAnimation_01 2s ease-in 0s 1 normal both;
}
	@keyframes mvAnimation_01 {
		0% {
			transform:scale(1);
			transform-origin: 40% 20%;
		}
		75% {
			opacity: 1;
		}
		100% {
			transform:scale(4);
			transform-origin: 80% 20%;
			opacity: 0;
		}
	}
	@media only screen and (max-width: 750px) {
		.movie_img_01 {
			clear: both;
			height: 300px;
			width: 100%;
			background-size: cover;
			transform-origin: 50% 50%;
			transform:scale(1);
		}
		.movie_mask:hover > .movie_img_01 {
			animation: none;
		}
	}


.movie_img_02 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: #814AC4;
	background: url(img/pic_movie_img_02.jpg) no-repeat;
	background-size: 100%;
	opacity: 0;
}
.movie_mask:hover > .movie_img_02 {
	animation: mvAnimation_02 2s ease-out 1.5s 1 normal both;
}
	@keyframes mvAnimation_02 {
		0% {
			transform:scale(0.5);
			background-position: 50% 80%;
			opacity: 0;
		}
		25% {
			opacity: 1;
		}
		100% {
			opacity: 1;
			transform:scale(2);
			background-position: 50% 6%;
		}
	}
	@media only screen and (max-width: 750px) {
		.movie_img_02 {
			display: none;
		}
		.movie_mask:hover > .movie_img_02 {
			animation: none;
		}
	}

/* My姫路城 */
.wrap_myhimejijo {
	width: 100%;
	margin-top: 180px;
	background: linear-gradient(to bottom,rgba(104,168,192,0.40), rgba(120,95,30,0.25));
}
	@media only screen and (max-width: 750px) {
		.wrap_myhimejijo {
			margin-top: 80px;
		}
	}
.wrap_myhimejijo_in {
	position: relative;
	display: block;
	margin: auto;
	width: 100%;
	max-width: 1280px;
	height: 300px;
	overflow: hidden;
	color:rgba(170,48,187,1.00);
}
	@media only screen and (max-width: 750px) {
		.wrap_myhimejijo_in {
			height: 500px;
		}
	}
.myhimejijo_mask {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
}
	@media only screen and (max-width: 750px) {
		.movie_mask {
			top: auto;
			bottom: 0;
		}
	}
.myhimejijo_sentence {
	position: absolute;
	z-index: 11;
	width: 100%;
	text-align: center;
	text-shadow: #FFF 1px 1px 0, #FFF -1px -1px 0,#FFF -1px 1px 0, #FFF 1px -1px 0,#FFF 0px 1px 0, #FFF 0-1px 0,#FFF -1px 0 0, #FFF 1px 0 0;
}
.myhimejijo_sentence h2 {
	background: none;
	font-size: 160%;
}
.myhimejijo_sentence p {
	font-size: 120%;
	margin: 0;
	opacity: 0;
	transition-duration: 1s;
}
	@media only screen and (max-width: 750px) {
		.myhimejijo_sentence p {
			opacity: 1;
		}
	}

.myhimejijo_img_instagram {
	position: absolute;
	z-index: 10;
	bottom: 50px;
	left: calc(50% + 12px);
	width: 100px;
	height: 100px;
	fill: #EBEBEB;
	transition-duration: 0.5s;
}
	@media only screen and (max-width: 750px) {
		.myhimejijo_img_instagram {
			transition-property: none;
		}
	}
.myhimejijo_img_himejijo {
	position: absolute;
	z-index: 9;
	bottom: 0px;
	right: calc(50% - 200px);
	width: 360px;
	height: 360px;
	background: url(img/himejijo_silhouette.png) no-repeat;
	background-size: 100%;
	transition-duration: 0.5s;
}
.wrap_myhimejijo_in:hover .myhimejijo_sentence p {
	opacity: 1;
	transition-duration: 2s;
}
.wrap_myhimejijo_in:hover .myhimejijo_img_instagram {
}
	@media print, screen and (min-width: 751px) {
		.wrap_myhimejijo_in:hover .myhimejijo_img_instagram {
			fill: #1e1e1e;
			bottom: 90px;
			left: calc(50% - 180px);
			width: 130px;
			height: 130px;
			opacity: 0.85;
			transition-duration: 0.7s;
		}
	}
	@media only screen and (max-width: 750px) {
		.wrap_myhimejijo_in:hover .myhimejijo_img_instagram {
			transition-property: none;
		}
	}
.wrap_myhimejijo_in:hover .myhimejijo_img_himejijo {
}
	@media print, screen and (min-width: 751px) {
		.wrap_myhimejijo_in:hover .myhimejijo_img_himejijo {
			bottom: 0px;
			right: calc(50% - 260px);
			width: 330px;
			height: 330px;
			opacity: 0.85;
			transition-duration: 0.7s;
		}
	}
	@media only screen and (max-width: 750px) {
		.wrap_myhimejijo_in:hover .myhimejijo_img_himejijo {
			transition-property: none;
		}
	}
.myhimejijo_pic_all {
	position: absolute;
	background-color: rgba(173,164,69,1.00);
	border: 5px solid #FFFFFF;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 1px 1px 2px rgba(0,0,0,0.24);
	background-size: cover;
}
	@media print, screen and (min-width: 751px) {
		.myhimejijo_pic_all {
			width: 195px;
			height: 130px;
			opacity: 0;
			transition-duration: 0.9s;
		}
	}
	@media only screen and (max-width: 750px) {
		.myhimejijo_pic_all {
			transition-property: none;
			width: 150px;
			height: 100px;
			opacity: 1;
		}
	}
.wrap_myhimejijo_in:hover .myhimejijo_pic_all {	
}
	@media print, screen and (min-width: 751px) {
		.wrap_myhimejijo_in:hover .myhimejijo_pic_all {
			opacity: 1;
			transition-duration: 1.5s;
		}
	}
.myhimejijo_pic_01 {
	top: 20px;
	left: 24%;
	background: url("img/myhimejijo_temp_photo_01.jpg") center center no-repeat;
	background-size: cover;
	transition-delay: 1.6s;
}
	@media only screen and (max-width: 750px) {
		.myhimejijo_pic_01 {
			top: 100px;
			left: 20%;
		}
	}
.myhimejijo_pic_02 {
	top: 90px;
	left: 5%;
	background: url("img/myhimejijo_temp_photo_02.jpg") center center no-repeat;
	background-size: cover;
	transition-delay: 0.30s;
}
	@media only screen and (max-width: 750px) {
		.myhimejijo_pic_02 {
			top: 200px;
			left: 10%;
		}
	}
.myhimejijo_pic_03 {
	top: 160px;
	left: 18%;
	background: url("img/myhimejijo_temp_photo_03.jpg") center center no-repeat;
	background-size: cover;
	transition-delay: 0.7s;
}
	@media only screen and (max-width: 750px) {
		.myhimejijo_pic_03 {
			top: 290px;
			left: 4%;
		}
	}
.myhimejijo_pic_04 {
	top: 20px;
	right: 24%;
	background: url("img/myhimejijo_temp_photo_04.jpg") center center no-repeat;
	background-size: cover;
	transition-delay: 1s;
}
	@media only screen and (max-width: 750px) {
		.myhimejijo_pic_04 {
			top: 50px;
			right: 20%;
		}
	}
.myhimejijo_pic_05 {
	top: 90px;
	right: 5%;
	background: url("img/myhimejijo_temp_photo_05.jpg") center center no-repeat;
	background-size: cover;
	transition-delay: 0.4s;
}
	@media only screen and (max-width: 750px) {
		.myhimejijo_pic_05 {
			top: 140px;
			right: 4%;
		}
	}
.myhimejijo_pic_06 {
	top: 160px;
	right: 18%;
	background: url("img/myhimejijo_temp_photo_06.jpg") center center no-repeat;
	background-size: cover;
	transition-delay: 1.3s;
}
	@media only screen and (max-width: 750px) {
		.myhimejijo_pic_06 {
			top: 210px;
			right: 12%;
		}
	}
/********************** 領域3個別のスタイル **********************/
.main .free_image{
	border-bottom: 1px solid #ebebeb;
	padding: 140px 0 80px;
}
.main .free_image h2{
	background: none;
	padding: 0;
	margin: 0;
	height: 0;
	overflow: hidden;
}
.main .free_image .ilist2_lower ul > li a{
	border: 0;
	background: none;
	padding: 0;
}
.main .free_image .ilist2_lower ul{
	justify-content: center;
}
.main .free_image .ilist2_lower ul > li{
	margin: 0 5px 20px;
	width: auto;
}
	@media only screen and (max-width: 750px) {
		.main .free_image{
			padding-top: 60px;
		}
	}

.main .free_bana{
	padding: 100px 0 60px;
}
.main .bana_about{
	margin-top: 24px;
	margin-left: 14px;
	font-size: 86%;
	text-align: center;
	position: relative;
}
.main .bana_about a{
	position: relative;
	padding-left: 12px;
}
.main .bana_about a:before{
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	transform: rotate(-45deg);
}
	@media only screen and (max-width: 750px) {
		.main .free_bana{
			padding-top: 50px;
		}
		.main .free_bana .bana ul{
			padding: 0;
		}
		.main .bana_about{
			margin-top: 12px;
		}
	}

/********************** 領域4個別のスタイル **********************/

/********************** 中ページのスタイル **********************/
body.inbody {
}
/**** パンくずリストのスタイル ****/
/**** あしあとリストのスタイル ****/
.pankuzu,
.footstep {
	margin: 8px auto 12px;
	max-width: 1620px;
	padding: 0 40px;
	font-size: 85%;
}
.pankuzu_tit,
.footstep_tit{
	border: 1px solid #ccc;
	border-radius: 3px;
	display: inline-block;
	font-size: 85%;
	padding: 3px;
	text-align: center;
	margin: 0 8px 0 0;
	width: 72px;
}
.pankuzu ul,
.footstep ul{
	display: inline-block;
}
.pankuzu li,
.footstep li{
	margin: 4px 0 0;
	padding: 0 24px 0 0;
	border: 0;
	list-style-type: none;
	background: none;
	display: inline-block;
	height: auto;
	position: relative;
}
.pankuzu li::before,
.footstep li::before{
	display: block;
	content: "";
	position: absolute;
	top: 7px;
	right: 8px;
	left: auto;
	width: 6px;
	height: 6px;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	transform: rotate(-45deg);
}
.pankuzu li:last-child::before,
.footstep li:last-child::before{
	display: none;
}
	@media only screen and (max-width: 750px) {
		.footstep{
			display: none;
		}
		.pankuzu{
			margin-top: 0;
			padding: 0 10px;
			width: 100%;
		}
		.pankuzu{
			margin-bottom: 6px;
		}
		.pankuzu li{
			margin-top: 8px;
		}
	}
/**** 中ページメインのスタイル ****/
.main_naka {
	margin: 0 auto 24px;
	padding: 0 40px;
	max-width: 1620px;
}
	@media only screen and (max-width: 750px) {
		.main_naka{
			padding: 0 10px;
			width: 100%;
		}
	}
.main_naka_h1 {
	background: #d9d2c3 url("img/h1_img.png") right 8% center no-repeat;
	background-size: auto 106px;
	color: #000;
	padding: 16px;
	margin: 12px auto 24px;
	max-width: 1540px;
}
.main_naka_h1 h1 {
	display: inline;
	font-size: 160%;
	vertical-align: middle;
}
.main_naka_h1 p{
	display: inline-block;
	margin: -2px 0 0 8px;
	vertical-align: middle;
}
	@media only screen and (max-width: 1620px) {
		.main_naka_h1{
			margin-left: 40px;
			margin-right: 40px;
			width: calc(100% - 80px);
		}
	}
	@media only screen and (max-width: 768px) {
		.main_naka_h1{
			margin-left: 10px;
			margin-right: 10px;
			width: calc(100% - 20px);
		}
	}
	@media only screen and (max-width: 750px) {
		.main_naka_h1{
			background-size: auto 90px;
			padding: 10px 16px;
			margin-left: 10px;
			margin-right: 10px;
			width: calc(100% - 20px);
		}
		.main_naka_h1_img{
			padding: 8% 0;
			min-height: 0;
			height: auto;
			width: 100%;
		}
	}
	@media only screen and (max-width: 480px) {
		.main_naka_h1_img{
			padding: 6% 0;
		}
		.main_naka_h1_img h1{
			font-size: 160%;
		}
	}
	@media only screen and (max-width: 370px) {
		.main_naka_h1_img{
			padding: 4.5% 0;
		}
	}
.main_naka h2 {
	color: #000;
	font-size: 136%;
	width: 100%;
	padding: 0 0 8px;
	margin: 16px 0 0;
	border-bottom: 3px solid #d2d2d2;
	position: relative;
}
.main_naka h2:before{
	content: '';
	position: absolute;
	bottom: 2px;
	left: 0;
	background: #d2d2d2;
	height: 1px;
	width: 100%;
}
.main_naka h3 {
	color: #000;
	margin: 16px 0 0;
	padding-left: 12px;
	border-left: 4px solid #d2d2d2;
	font-size: 120%;
}
.main_naka h4 {
	color: #000;
	margin: 16px 0 0;
	border-bottom: 2px solid #d2d2d2;
	font-size: 110%;
	padding-bottom: 4px;
}
.main_naka h5 {
	color: #000;
	margin: 16px 0 0;
	padding: 6px 8px;
	background-color: #d2d2d2;
}
.main_naka h6 {
	color: #000;
	margin: 16px 0 0;
}
.main_naka li {
	position: relative;
	padding-left: 16px;
}
.main_naka li::before {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 1px solid #1e1e1e;
	border-bottom: 1px solid #1e1e1e;
	transform: rotate(-45deg);
}
.main_naka li p {
	margin-top: 4px;
	font-size: 85%;
}
/* ページャーのスタイル */
.main_naka .page_head {
	margin-top: 24px;
	padding: 6px 16px 16px;
	background-color: #eee;
	font-size: 85%;
}
.main_naka .page_head .pager p {
	display: inline-block;
}
.main_naka .page_head .pager ul {
	display: inline-block;
}
.main_naka .page_head .pager ul li {
	border-left: 1px solid #999;
	display: inline-block;
	margin: 0 8px 0 0;
	padding-left: 8px;
}
.main_naka .page_head .pager ul li:first-child {
	border: 0;
}
.main_naka .page_head .pager ul li::before {
	display: none;
}

/**** 新着情報のスタイル ****/
.design .main_naka .main_naka_new {
	margin: 24px 0;
}
.design .main_naka .main_naka_new h2 {
	background: #f7dcb9;
	border: 0;
	margin-top: 0;
	padding: 8px 16px;
}
.design .main_naka .main_naka_new h2:before {
	display: none;
}
.design .main_naka .main_naka_new ul{
	background: #fff;
	border: 3px solid #fbebde;
	border-top: 0;
	padding: 24px;
}
.design .main_naka .main_naka_new ul li:first-child{
	margin-top: 0;
}
.design .main_naka .main_naka_new ul li{
	margin-top: 18px;
	overflow: hidden;
}
.design .main_naka .main_naka_new .date {
	display: block;
	float: left;
	margin-top: 2px;
	width: 9.8em;
	font-size: 85%;
}
.design .main_naka .main_naka_new .list{
	padding-left: 134px;
}
	@media only screen and (max-width: 750px) {
		.design .main_naka .main_naka_new .date{
			float: none;
			width: 100%;
		}
		.design .main_naka .main_naka_new .list{
			padding-left: 0;
			float: none;
			width: 100%;
		}
		.design .main_naka .main_naka_new ul{
			padding: 16px;
		}
	}

/**** 各課のホームページ・カテゴリごとの緊急情報のスタイル ****/
.design .main_naka .emergency {
	margin-top: 24px;
}
.design .main_naka .emergency .h2 {
	background: #a90000;
	color: #fff;
}
.design .main_naka .emergency h2 {
	color: #fff;
	padding: 8px 16px 6px;
	margin: 0;
	border-bottom: none;
	width: auto;
	float: left;
}
.design .main_naka .emergency h2::after {
	display: none;
}
.design .main_naka .emergency .h2 a {
	float: right;
	margin: 10px 16px 10px 8px;
}
.design .main_naka .emergency .h2 img {
	vertical-align: middle;
}
.design .main_naka .emergency .emergency_lower {
	border: 2px solid #a90000;
	border-top: none;
	padding: 4px 16px 16px;
}
/**** 分類のスタイル ****/
.design .main_naka .category_p01 {
	margin-top: -12px;
}
.design .main_naka .page_left_box {
	width: 100%;
	margin: 24px 0 0 0;
}
.design .main_naka .page_left {
	margin: 0 210px 0 0;
}
.design .main_naka .page_left_box .cate_post01:first-child{
	margin-top: 0;
}
.design .main_naka .page_left_box .cate_post01:first-child h2{
	margin-top: 0;
}
.design .main_naka .page_left_box .page_left_flex{
	display: flex;
		flex-wrap: wrap;
}
.design .main_naka .page_left_box .page_left_flex .cate_post01{
	margin-top: 0;
	margin-bottom: 24px;
	margin-right: 3.5%;
	width: 31%;
}
.design .main_naka .page_left_box .page_left_flex .cate_post01:nth-child(3n){
	margin-right: 0;
}
.design .main_naka .page_left_box .page_left_flex .cate_post01 h2{
	border: 3px solid #d9ebec;
	margin: 0;
	padding: 8px 16px;
}
.design .main_naka .page_left_box .page_left_flex .category01{
	padding: 0 4px 16px;
}

.design .main_naka .page_left_box .page_left_flex .cate_post02{
	margin-top: 0;
	margin-bottom: 24px;
	margin-right: 3%;
	width: 48.5%;
}
.design .main_naka .page_left_box .page_left_flex .cate_post02{
	display: flex;
		flex-wrap: wrap;
	margin: 0;
	width: 100%;
}
.design .main_naka .page_left_box .page_left_flex .cate_post02 li{
	border: 0;
	padding: 0;
	margin: 0 3% 24px 0;
	position: relative;
	width: 48.5%;
}
.design .main_naka .page_left_box .page_left_flex .cate_post02 li:nth-child(2n){
	margin-right: 0;
}
.design .main_naka .page_left_box .page_left_flex .cate_post02 li p{
	font-size: 100%;
}
.design .main_naka .page_left_box .page_left_flex .cate_post02 .category_h02{
	font-size: 136%;
	position: relative;
	padding: 0 8px;
}
.design .main_naka .page_left_box .page_left_flex .cate_post02 .category_p02{
	padding: 16px 8px;
	font-size: 86%;
	border-top: 0;
}

.design .main_naka .page_right {
	float: right;
	width: 180px;
	margin-top: 24px;
}
.design .main_naka .page_right ul {
	padding: 0 8px 12px;
	margin-top: 24px;
	border: 1px solid #ccc;
	border-top: 6px solid #007bbb;
}
.design .main_naka .page_right ul:first-child {
	margin-top: 0;
}
.design .main_naka .category01 li {
	margin-right: 8px;
}
	@media only screen and (max-width: 750px) {
		.design .main_naka .page_left{
			margin-right: 0;
		}
		.design .main_naka .page_left_box{
			float: none;
			width: 100%;
		}
		.design .main_naka .page_left_box .page_left_flex .cate_post01{
			width: 100%;
		}
		.design .main_naka .page_left_box .page_left_flex .cate_post01:last-child{
			margin-bottom: 0;
		}
		.design .main_naka .page_left_box .page_left_flex .cate_post02,
		.design .main_naka .page_left_box .page_left_flex .cate_post02 li{
			margin-right: 0;
			width: 100%;
		}
		.design .main_naka .page_left_box .page_left_flex .category_p02{
			margin-left: 0;
		}
		.design .main_naka .page_right{
			float: none;
			width: 100%;
		}
	}

/* アイキャッチあり */
.design .main_naka .category_p02 .cat_lst {
	margin-left: 112px;
	margin-top: 0;
}
.design .main_naka .category_p02 .cat_img {
	float: left;
	width: 96px;
	margin-top: 0;
}
/* 分類（先頭ページ以下）のスタイル */
.design .main_naka .cate_post02 li, .design .main_naka .category_end li {
	border-bottom: 1px dashed #bbb;
	margin-top: 16px;
	padding: 0 0 16px;
}
.design .main_naka .cate_post02 li::before, .design .main_naka .category_end li::before {
	display: none;
}
.design .main_naka .category_end li:first-child {
	margin-top: 0;
}
.design .main_naka .category_end .cat_lst {
	margin-right: 112px;
}
.design .main_naka .category_end .catch_lst .cat_img {
	float: right;
	width: 96px;
	margin-top: 0;
}
/* バナー広告 */
.design .main_naka .bana {
	background: #f6f6f6;
	margin-top: 24px;
	padding: 16px 12px;
}
.design .main_naka .bana h2{
	border-bottom: 0;
	padding: 0;
	margin: 6px 4px;
}
.design .main_naka .bana h2:before{
	display: none;
}
.design .main_naka .bana_lower {
	text-align: center;
}
.design .main_naka .bana .bana_img {
	display: inline-block;
}
.design .main_naka .bana ul {
	display: flex;
	flex-wrap: wrap;
}
.design .main_naka .bana li {
	width: 160px;
	margin: 6px 4px 0;
	padding-left: 0;
}
.design .main_naka .bana li::before {
	display: none;
}
.design .main_naka .bana li .window {
	margin-top: 5px;
}
	@media only screen and (max-width: 480px) {
		.design .main_naka .bana li{
			margin: 6px 2% 6px 0;
			width: 49%
		}
		.design .main_naka .bana li:nth-child(even){
			margin-right: 0;
		}
	}

/**** RSSフィードのスタイル ****/
.design .main_naka .rssfide{
	margin-top: 24px;
	border: 3px solid #dcdcdc;
	border-top: none;
	background: #ffffff;
}
.design .main_naka .rssfide h2{
	background: #dcdcdc;
	border: 0;
	color: #000;
	margin-top: 0;
	padding: 10px 12px 8px;
}
.design .main_naka .rssfide h2:before{
	display: none;
}
.design .main_naka .rssfide ul{
	padding: 8px 16px 16px;
}
	@media only screen and (max-width: 750px) {
		.design .main_naka .rssfide h2{
			padding-right: 60px;
		}
	}
/**** よく見られているFAQのスタイル ****/
.design .main_naka .popular h2{
	color: #000;
	background: #dcdcdc;
	border: 0;
	padding: 8px 16px 6px;
}
.design .main_naka .popular h2:before{
	display: none;
}
.design .main_naka .popular_lower{
	background: #fff;
	border: 3px solid #dcdcdc;
	padding: 8px 16px 16px;
}
.design .main_naka .popular_lower .more{
	text-align: right;
	font-size: 90%;
}
.design .main_naka .popular_lower .more a{
	display: inline-block;
	border: 2px solid #ddd;
	text-decoration: none;
	padding: 6px 8px;
}
.design .main_naka .popular_lower .more a:hover{
	background: #ddd;
}
	@media only screen and (max-width: 750px) {
		.design .main_naka .popular h2{
			margin-top: 0;
		}
		.design .main_naka .category_p02 .cat_img{
			width: 80px;
		}
		.design .main_naka .category_p02 .cat_img img{
			height: auto;
		}
		.design .main_naka .category_p02 .cat_lst{
			margin-left: 96px;
		}
	}

/**** 関連リンクのスタイル ****/
.design .main_naka .kanrenlink{
	margin-top: 24px;
	border: 3px solid #dcdcdc;
	border-top: none;
	background: #ffffff;
}
.design .main_naka .kanrenlink h2{
	background: #dcdcdc;
	border: 0;
	color: #000;
	margin-top: 0;
	padding: 10px 12px 8px;
}
.design .main_naka .kanrenlink ul{
	padding: 8px 16px 16px;
}
/**** 関連項目のスタイル ****/
.design .main_naka .kanrencon{
	margin-top: 24px;
	border: 3px solid #dcdcdc;
	border-top: none;
	background: #ffffff;
}
.design .main_naka .kanrencon h2{
	background: #dcdcdc;
	border: 0;
	color: #000;
	margin-top: 0;
	padding: 10px 12px 8px;
}
.design .main_naka .kanrencon h2:before{
	display: none;
}
.design .main_naka .kanrencon ul{
	padding: 8px 16px 16px;
}
/**** 関連部署のご案内のスタイル ****/
.design .main_naka .kanrenbushyo{
	margin-top: 24px;
	border: 3px solid #dcdcdc;
	border-top: none;
	background: #ffffff;
}
.design .main_naka .kanrenbushyo h2{
	background: #dcdcdc;
	border: 0;
	margin-top: 0;
	padding: 10px 12px 8px;
}
.design .main_naka .kanrenbushyo h2::before{
	display: none;
}
.design .main_naka .kanrenbushyo ul{
	padding: 8px 16px 16px;
}
.design .main_naka .kanrenbushyo_lower > ul > li{
	display: none;
}
.design .main_naka .kanrenbushyo_lower > ul > li:nth-child(-n+5),
.design .main_naka .kanrenbushyo_lower > ul.active > li{
	display: block;
}
.design .main_naka .kanrenbushyo_lower > ul > li:before{
	transform: rotate(0);
	border:0;
	top: 6px;
	background: #ccc;
	height: 11px;
	width: 11px;
}
.design .main_naka .kanrenbushyo_lower .more{
	margin: 0 16px 16px;
	text-align: right;
}
.design .main_naka .kanrenbushyo_lower .more a{
	display: inline-block;
	background: #fff;
	border: 2px solid #ddd;
	font-size: 90%;
	padding: 6px 12px 6px 28px;
	text-decoration: none;
	position: relative;
}
.design .main_naka .kanrenbushyo_lower .more a:hover{
	background: #ddd;
}
.design .main_naka .kanrenbushyo_lower .more a:before,
.design .main_naka .kanrenbushyo_lower .more a:after{
	content: '';
	background: #222;
	position: absolute;
	left: 11px;
	top: 15px;
	height: 2px;
	width: 10px;
}
.design .main_naka .kanrenbushyo_lower .more a:after{
	transform: rotate(90deg);
}
.design .main_naka .kanrenbushyo_lower .more a.active:after{
	display: none;
}
	@media only screen and (max-width: 750px) {
		.design .main_naka .kanrenbushyo h2{
			margin-top: 0;
			padding-right: 60px;
		}
		.design .main_naka .kanrenbushyo_lower > ul > li{
			display: block !important;
		}
		.design .main_naka .kanrenbushyo_lower .more{
			display: none !important;
		}
	}

/**** 新着情報のスタイル ****/
.innew .design .main_naka .new_post {
	margin-top: 24px;
}
.innew .design .main_naka .new_post:first-child {
	margin-top: 0;
}
.innew .design .main_naka .new_post li {
	border-bottom: 1px dashed #bbb;
	margin-top: 16px;
	padding: 0 0 16px;
}
.innew .design .main_naka .new_post li::before {
	display: none;
}
/* アイキャッチあり */
.innew .design .main_naka .catch_lst .new_lst {
	margin-right: 110px;
}
.innew .design .main_naka .catch_lst .new_img {
	float: right;
	width: 96px;
	margin-top: 0;
}
/********************** 記事ページのスタイル **********************/
.inkiji .main_naka_h1 {
	margin-bottom: 0;
}
.inkiji .main_naka {
	margin-bottom: 8px;
}
.waku {
	margin: 0 auto 24px;
	padding: 0 40px;
	max-width: 1620px;
	overflow: hidden;
}
.main_naka_kiji {
	float: left;
	width: 80%;
}
.waku .kiji_sub {
	float: right;
	width: 16%;
}
	@media only screen and (max-width: 750px) {
		.waku{
			padding: 0 10px;
			width: 100%;
		}
		.main_naka_kiji{
			float: none;
			overflow: hidden;
			width: 100%;
		}
		.waku .kiji_sub{
			float: none;
			width: 100%;
		}
	}
/**** 詳細ページのスタイル ****/
.design .main_naka .syosai_hiduke {
	margin-top: 16px;
	font-size: 85%;
	float: left;
}
.design .main_naka .syosai_hiduke li{
	display: inline-block;
	margin: 0;
	padding: 0 16px 0 0;
}
.design .main_naka .syosai_hiduke li:before{
	display: none;
}
.design .main_naka .syosai_hiduke li.syosai_id {
	font-size: 85%;
}
	@media only screen and (max-width: 750px) {
		.design .main_naka .syosai_hiduke{
			margin-bottom: 12px;
		}
		.design .main_naka .syosai_hiduke li{
			margin-bottom: 8px;
		}
	}
/* SNSボタン */
.inbody .design .sns_box {
	margin-top: 8px;
	padding-left: 16px;
	vertical-align: middle;
	float: right;
}
.inbody .design .sns_box ul {
	display: inline;
}
.inbody .design .sns_box li::before {
	display: none;
}
.inbody .design .sns_btn {
	padding-left: 4px;
	display: inline;
	line-height: 0;
	vertical-align: middle;
}
.inbody .design .sns_btn img {
	vertical-align: middle;
}
.inbody .design p.sns_btn {
	padding: 3px;
	background-color: #fff;
	font-size: 85%;
	vertical-align: middle;
}
	@media only screen and (max-width: 750px) {
		.inbody .design .sns_box{
			background: #efefef;
			border: 1px solid #ccc;
			padding-left: 0;
			padding: 5px;
			margin: 0;
			float: none;
			line-height: 1.5;
			clear: both;
		}
		.inbody .design p.sns_btn {
			background: none;
			padding: 0;
			margin: 0;
		}
		.inbody .design .sns_box ul li{
			display: inline-block;
			margin: 0;
			padding: 0;
		}
	}
/**** 記事ページ右メニューのスタイル ****/
/*アイキャッチ画像*/
.waku .kiji_sub .catch {
	margin-top: 16px;
}
.waku .kiji_sub .catch p {
	margin-top: 0;
	text-align: center;
}
.waku .kiji_sub .catch img {
	border: 1px solid #ccc;
	padding: 1px;
	vertical-align: bottom;
}
/*お問い合わせフォーム*/
.waku .kiji_sub .kiji_aside.syosai_sonota {
	margin-top: 16px;
	padding: 12px;
	border: 1px solid #ccc;
	font-size: 85%;
	text-align: center;
	word-wrap: break-word;
}
.waku .kiji_sub .kiji_aside.syosai_sonota h2 {
	display: inline-block;
	padding: 6px 4px 4px;
	background: #007bbb;
	color: #fff;
	width: 100%;
}
.waku .kiji_sub .kiji_aside.syosai_sonota p {
	text-align: left;
}
.waku .kiji_sub .kiji_aside.syosai_sonota .for_img {
	text-align: center;
	background: #555;
	font-size: 85%;
	display: inline-block;
	border-radius: 4px;
	width: 100%;
}
.waku .kiji_sub .kiji_aside.syosai_sonota .for_img a {
	display: block;
	padding: 10px 5px 6px;
	color: #fff;
	text-decoration: none;
	width: 100%;
}
/*共通スタイル*/
.waku .kiji_sub .kiji_aside{
	margin-top: 16px;
	background: #fff;
}
.waku .kiji_sub .kiji_aside h2 {
	display: none;
}
.waku .kiji_sub .kiji_aside h3 {
	padding: 10px 8px 8px;
	border: 1px solid #ccc;
	border-bottom: 0;
	background: #e8f4f9;
}
.waku .kiji_sub .kiji_aside > ul {
	border: 1px solid #ccc;
	padding: 0 8px 12px;
}
.waku .kiji_sub .kiji_aside li {
	position: relative;
	padding-left: 16px;
}
.waku .kiji_sub .kiji_aside li::before {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	transform: rotate(-45deg);
}
.waku .kiji_sub .kiji_aside li li {
	font-size: 85%;
}
/*コンテンツページ_組織内ジャンル*/
.waku .kiji_sub .kiji_aside.kakuka {
}
/*関連コンテンツ*/
.waku .kiji_sub .kiji_aside.kanren {
}
/*この記事を見ている人*/
.waku .kiji_sub .kiji_aside.kanren2 {
}
/*関連リンク*/
.design .kiji_sub .kiji_aside.kanrenlink {
}
/*関連項目*/
.design .main_naka .kiji_aside.kanrencon{
}
/*RSSフィード*/
.design .main_naka .kiji_aside.rssfide{
}
/**** コンテンツ評価のスタイル ****/
/**** コンテンツ評価のスタイル ****/
.design .main_naka .kiji_aside.syosai_qa {
	background: #fff;
	border: 3px solid #efefef;
	padding: 16px;
	margin-top: 24px;
}
.design .main_naka .kiji_aside.syosai_qa h2{
	background: none;
	border-bottom: 2px solid #1e1e1e;
	padding: 0 0 8px;
}
.design .main_naka .kiji_aside.syosai_qa ul{
	padding: 0;
}
.design .main_naka .kiji_aside.syosai_qa li {
	padding-left: 0;
}
.design .main_naka .kiji_aside.syosai_qa li::before {
	display: none;
}
.design .main_naka .kiji_aside.syosai_qa li p {
	padding : 5px 1% 5px 1%;
	border : 1px dashed #bbb;
}
.design .main_naka .kiji_aside.syosai_qa #opinion {
	width : 100%;
}
.design .main_naka .kiji_aside.syosai_qa .comment {
	font-size : 85%;
}
.design .main_naka .kiji_aside.syosai_qa .qa_button {
	margin-top: 8px;
	padding-top: 16px;
	border-top : 1px solid #ccc;
	text-align: center;
}
@media only screen and (max-width: 750px) {
	.design .main_naka .kiji_aside.syosai_qa form p span{
		display: block;
		line-height: 2;
	}
}

/** コンテンツ評価のスタイル 確認画面 **/
.inform .design .main_naka .kiji_aside.syosai_qa{
	background-color: #f6f6f6;
	border: none;
	padding: 16px 16px 5px;
	margin: 0;
}
.inform .design .main_naka .kiji_aside.syosai_qa li p{
	border: none;
	padding: 0;
}
.inform .design .main_naka .kiji_aside.syosai_qa > p{
	margin: 0;
	border-bottom: 1px dashed #bbb;
	padding-bottom: 16px;
}
.inform .design .main_naka .kiji_aside.syosai_qa form{
	margin-top: 0;
	padding: 0;
}
/**** 別ルートのスタイル ****/
.design .main_naka .route_box {
	margin-bottom: 24px;
}
.design .main_naka .route_box h2{
	border-bottom: 2px solid #d2d2d2;
	font-size: 125%;
	margin-top: 0;
	margin-bottom: 12px;
}
.design .main_naka .route_box h2:before{
	display: none;
}
.design .route {
	margin-top: 8px;
}
.design .route li {
	font-size: 85%;
	margin: 0;
	padding: 0 28px 0 0;
	border: 0px;
	list-style-type: none;
	background: none;
	display: inline-block;
	height: auto;
	position: relative;
}
.design .route li:before {
	display: block;
	content: "";
	position: absolute;
	top: .3em;
	right: 2px;
	left: auto;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 8px solid #888;
	transform: rotate(0);
}
.design .route li:last-child:before {
	display: none;
}
/**** 記事ページ下メニューのスタイル ****/
.inkiji .main_naka .kiji_aside,
.infaq .main_naka .kiji_aside{
	border: 3px solid #efefef;
	border-top: none;
	background: #ffffff;
	margin-bottom: 24px;
}
.inkiji .main_naka .kiji_aside h2,
.infaq .main_naka .kiji_aside h2{
	background: #efefef;
	border: 0;
	margin-top: 0;
	padding: 10px 12px 8px;
}
.inkiji .main_naka .kiji_aside h2:before,
.infaq .main_naka .kiji_aside h2:before{
	display: none;
}
.inkiji .main_naka .kiji_aside h3,
.infaq .main_naka .kiji_aside h3{
	margin-left: 16px;
	margin-right: 16px;
}
.inkiji .main_naka .kiji_aside ul,
.infaq .main_naka .kiji_aside ul{
	padding: 8px 16px 16px;
}
.inkiji .main_naka .kiji_aside li li,
.infaq .main_naka .kiji_aside li li{
	font-size: 85%;
}
	@media only screen and (max-width: 750px) {
		.inkiji .main_naka .kiji_aside .ac_box h2{
			padding-right: 60px;
		}
	}
/*組織内ジャンル*/
.inkiji .main_naka .kiji_aside.kakuka {
}
/*関連コンテンツ*/
.inkiji .main_naka .kiji_aside.kanren {
}
/*関連している可能性のある記事*/
.inkiji .main_naka .kiji_aside.kanren2 {
}
/*お問い合わせフォーム*/
.main_naka .kiji_aside.syosai_sonota {
	background: #ffffff;
	margin-bottom: 24px;
	border: 3px solid #efefef;
	padding: 16px;
}
.main_naka .kiji_aside.syosai_sonota h2{
	background: none;
	border-bottom: 2px solid #d2d2d2;
	padding: 0 0 8px;
}
.main_naka .kiji_aside.syosai_sonota p.for_txt {
	padding: 10px 0 0 0;
	border-top: 1px solid #ccc;
}
/**** 記事ページ緊急情報のスタイル ****/
.kiji_emergency .main_naka_h1 h1 {
	border-left: none;
	background: #a90000;
	color: #fff;
	padding: 6px 8px 4px;
}
.kiji_emergency .main_naka .syosai_hiduke {
	float: none;
}
/**** フロートの解除 ****/
.clear:after, .clear2:after {
	content: "";
	display: block;
	clear: both;
}

/**** PC・SP切り替えボタン ****/
#sp_link{
   text-align:center;
   margin:5px 10px 5px 10px;
   padding :10px 8px 10px 8px;
   font-size:400%;
   font-weight: bold;
   -webkit-border-radius: 10px;
   background: #4c4c4c;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(44%,#2c2c2c), color-stop(58%,#111111), color-stop(100%,#131313));
   background: -webkit-linear-gradient(top,  #4c4c4c 0%,#2c2c2c 44%,#111111 58%,#131313 100%);
}

#sp_link a:LINK    { text-decoration:none; color:#FFFFFF; }
#sp_link a:VISITED { text-decoration:none; color:#FFFAFF; }
#sp_link a:ACTIVE  { text-decoration:none; color:#FFFFA9; }
#sp_link a:HOVER   { text-decoration:none; color:#FFFFA9; }

/**** 姫路 HIMEJI JAPAN（YouTube） ****/
.main .himeji_japan .ilist{
	margin-top: 140px;
}
.main .himeji_japan h2{
	background: transparent;
	text-align: center;
	font-size: 160%;
}
.main .himeji_japan .ilist_lower ul > li{
	width: calc((100% - 54.1px) / 4);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	margin: 18px 18px 0 0;
}
.main .himeji_japan .ilist_lower ul > li:nth-child(4n){
	margin-right: 0;
}
.main .himeji_japan .ilist_lower ul > li a{
	padding: 0;
	border: none;
}
.main .himeji_japan .ilist_lower .ilist_right{
	padding: 16px;
	margin: 0;
}
.main .himeji_japan .ilist_lower .ilist_right .ilist_title{
	text-align: left;
}
.main .himeji_japan .ilist_lower ul > li a:hover img{
	opacity: 0.8;
	transition: 0.2s;
}
.main .himeji_japan .ilist_lower ul > li img{
	width: 100%;
}
@media only screen and (max-width: 750px){
	.main .himeji_japan .ilist{
		margin-top: 60px;
	}
	.main .himeji_japan .ilist_lower ul > li{
		width: calc((100% - 18.1px) / 2);
	}
	.main .himeji_japan .ilist_lower ul > li:nth-child(2n){
		margin-right: 0;
	}
	.main .himeji_japan h2{
		padding: 8px 16px 0px;
	}
}
@media only screen and (max-width: 480px) {
	.main .himeji_japan .ilist_lower ul > li{
		width: 100%;
		margin: 18px 0 0;
	}
}
