@charset "UTF-8";
/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
input, select {
	vertical-align: middle;
}
/*------------------------------------
　　　　　　　　common
------------------------------------*/
body {
	font-family: "Lato", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
body.underlayer {
	min-width: 1000px;
}

.pc_img {
	display: initial;
}
.pc_img02 {
	display: block;
}
.sp_img {
	display: none;
}
/*------------------------------------
　　　　　　　　　top
------------------------------------*/
body {
	min-width: 1200px;
}
.sp_book_btn {
	display: none;
}
#main {
	display: block;
	background: #000;
}
.underlayer #main {
	background: #1b1b1b;
	padding: 105px 0 0;
	/*margin: 105px 0 0;*/
}
header.pc {
	display: block;
}
header.sp {
	display: none;
}
.bg_layer01 {
	width: 100%;
	height: 890px;
	background: url(/img/main_img.png) no-repeat center;
	background-size: auto 100%;
}
section.main {
	width: 1200px;
	height: 890px;
	position: relative;
	margin: 0 auto;
}
section.main h1 {
	position: absolute;
	top: 3%;
	left: 0;
}

section.main h1 img {
	height: 60px;
	width: auto;
}
section.main .main_copy {
	position: absolute;
	top: 12.6%;
	left: 9.4%;
}
section.main .main_copy a:hover {
	opacity: 0.6;
}
section.main .sp_main_copy {
	display: none;
}
section.main .audio {
	position: absolute;
	top: 46%;
	left: 9.4%;
	overflow: hidden;
}
section.main .audio .audio_title {
	float: left;
	padding: 1% 0 0;
	color: #fff;
}
section.main .audio audio {
	float: left;
}
section.main a.training_session {
	display: block;
	width: 267px;
	position: absolute;
	top: 56.2%;
	left: 9.4%;
	border: 2px solid #145ba8;
	overflow: hidden;
	background: url(/img/top_transparent_bg.png) repeat;
	color: #fff;
}
section.main a.training_session:hover {
	opacity: 0.6;
}
section.main a.training_session p:first-child {
	display: block;
	float: left;
	margin: 0;
	padding: 4% 6.6% 4% 9%;
	font-size: 110%;
	letter-spacing: 0.02em;

	line-height: 180%;
}
section.main a.training_session p:last-child {
	display: block;
	float: left;
	margin: 0;
	padding: 3.8% 0 0;
	font-size: 74%;
	line-height: 140%;
	opacity: 0.6;
}
.sp_about_tenpukai {
	display: none;
}
section.main .about_tenpukai {
	width: 100%;
	position: absolute;
	bottom: 0;
	background: url(/img/top_transparent_bg.png) repeat;
	text-align: center;
	color: #fff;
}
section.main .about_tenpukai p:first-child {
	margin: 0;
	padding: 1.8% 0 0;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 140%;
}
section.main .about_tenpukai p:last-child {
	margin: 0;
	padding: 0.6% 0 2.4%;
	font-size: 88%;
	line-height: 180%;
	color: #ccc;
}
section.main .about_tenpukai a {
	color: #0258a6;
	text-decoration: none;
}
/* menu */
section.menu {
	width: 100%;
	height: 72px;
	overflow: hidden;
	background: #1b1b1b;
}
section.menu .wrapper {
	width: 1280px;
	margin: 0 auto;
}
.underlayer section.menu {
	width: 100%;
	height: 105px;
	position: fixed;
	top: 0;
	z-index: 996;
}
.underlayer section.menu .menu_inner {
	width: 1000px;
	height: 105px;
	height: auto;
	margin: 0 auto;
}
.underlayer section.menu h1 {
	float: left;
	margin-top: 20px;
}
.underlayer section.menu h1 img {
	vertical-align: bottom;
	height: 60px;
}
section.menu .menu_btn_l {
	float: left;
	margin: 22px 0 0 0;
	padding: 0;
	line-height: 0;
}
.underlayer section.menu .menu_btn_l {
	float: right;
	margin: 38px 0 0 0;
	padding: 0;
	line-height: 0;
}
section.menu .menu_btn_l button {
	width: 32px;
	height: 28px;
	margin: 0;
	padding: 0;
	background: url(/img/menu_btn.png) no-repeat;
	border: none;
	cursor: pointer;
	outline: none;
	appearance: none;
}
section.menu .menu_btn_r {
	width: 620px;
	float: right;
	overflow: hidden;
}
.underlayer section.menu .menu_btn_r {
	width: 620px;
}
section.menu .menu_btn_r p {
	float: left;
}
.underlayer section.menu .menu_btn_r p img {
	vertical-align: bottom;
}
section.menu .menu_btn_r p:nth-child(2) {
	margin: 21px 0 0 38px;
}
section.menu .menu_btn_r p:nth-child(3),
section.menu .menu_btn_r p:nth-child(4),
section.menu .menu_btn_r p:last-child {
	/*margin: 16px 0 0 29px;*/
	margin: 21px 0 0 18px;
}
.underlayer section.menu .menu_btn_r p:nth-child(2) {
	margin: 36px 0 0 36px;
}
.underlayer section.menu .menu_btn_r p:nth-child(3) ,
.underlayer section.menu .menu_btn_r p:nth-child(4) ,
.underlayer section.menu .menu_btn_r p:last-child {
	margin: 36px 0 0 12px;
}
section.menu .menu_btn_r p a:hover {
	opacity: 0.6;
}
/*  */
.bg_layer02 {
	width: 100%;
	height: 702px;
	background: #000 url(/img/dammy_img03.jpg) no-repeat center;
	background-size: auto 100%;
}
section.main_bottom {
	width: 1200px;
	height: 702px;
	position: relative;
	margin: 0 auto;
	background: url(/img/dammy_img03.jpg) center;
}
section.main_bottom .sp_list_menu {
	display: none;
}
section.main_bottom div.hover01 {
	position: absolute;
	top: 14.4%;
	left: 2.4%;
	z-index: 888;
}
.hover01 figure .circle {
	position: absolute;
	top: 59%;
	left: 59%;
	z-index: 888;
}
section.main_bottom div.hover02 {
	position: absolute;
	top: 27%;
	left: 34%;
	z-index: 890;
}
.hover02 figure .circle {
	position: absolute;
	top: 54%;
	left: 67%;
	z-index: 888;
}
section.main_bottom div.hover03 {
	position: absolute;
	top: 10%;
	left: 61.6%;
	z-index: 889;
}
section.main_bottom div.hover03:hover {
	z-index: 891;
}
.hover03 figure .circle {
	position: absolute;
	top: 8%;
	left: 70%;
	z-index: 888;
}
/*  */
.hover01 figure img {
	-webkit-transform: scale(0.68);
	transform: scale(0.68);
	-ms-transform: scale(0.68);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-ms-transform: 0.3s ease-in-out;
	left: 0;
	position: absolute;
}
.hover02 figure img {
	-webkit-transform: scale(0.68);
	transform: scale(0.68);
	-ms-transform: scale(0.68);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-ms-transform: 0.3s ease-in-out;
	left: 0;
	position: absolute;
}
.hover03 figure img {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-ms-transform: scale(0.6);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-ms-transform: 0.3s ease-in-out;
	left: 0;
	position: absolute;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-ms-transform: scale(1);
}
/***/
.first figure img {
	-webkit-transform: scale(1)!important;
	transform: scale(1)!important;
	-ms-transform: scale(1)!important;
	opacity: 1!important;
}
.hover02 figure:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-ms-transform: scale(1);
}
.hover03 figure:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-ms-transform: scale(1);
}
.hover01 figure:hover div, .hover02 figure:hover div, .hover03 figure:hover div {
	-webkit-transform: scale(1);
	transform: scale(1);
	-ms-transform: scale(1);
}
/***/
.first figure div {
	-webkit-transform: scale(1)!important;
	transform: scale(1)!important;
	-ms-transform: scale(1)!important;
}
.hover01 figure img.main_img, .hover02 figure img.main_img, .hover03 figure img.main_img {
	border: 4px solid #fff;
}
.hover01 figure div, .hover02 figure div, .hover03 figure div {
	-webkit-transform: scale(0);
	transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-ms-transform: 0.3s ease-in-out;
}
.hover01 figure .circle, .hover02 figure .circle {
	-webkit-transform: scale(1.46);
	transform: scale(1.46);
	-ms-transform: scale(1.46);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-ms-transform: 0.3s ease-in-out;
}
.hover03 figure .circle {
	-webkit-transform: scale(1.8);
	transform: scale(1.8);
	-ms-transform: scale(1.8);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-ms-transform: 0.3s ease-in-out;
}
.hover01 figure:hover .circle, .hover02 figure:hover .circle, .hover03 figure:hover .circle {
	-webkit-transform: scale(0);
	transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-ms-transform: 0.3s ease-in-out;
}
/***/
.first figure .circle {
	-webkit-transform: scale(0)!important;
	transform: scale(0)!important;
	-ms-transform: scale(0)!important;
	-webkit-transition: 0.3s ease-in-out!important;
	transition: 0.3s ease-in-out!important;
	-ms-transform: 0.3s ease-in-out!important;
}
.hover01 .hover_title {
	width: 370px;
	height: 85px;
	position: absolute;
	top: 321px;
	left: 4px;
	margin: 0;
	padding: 0 25px;
	background: url(/img/top_transparent_bg02.png) repeat;
	z-index: 996;
}
.hover02 .hover_title {
	width: 370px;
	height: 85px;
	position: absolute;
	top: 321px;
	left: 4px;
	margin: 0;
	padding: 0 25px;
	background: url(/img/top_transparent_bg02.png) repeat;
	z-index: 996;
}
.hover03 .hover_title {
	width: 370px;
	height: 85px;
	position: absolute;
	top: 321px;
	left: 4px;
	margin: 0;
	padding: 0 25px;
	background: url(/img/top_transparent_bg02.png) repeat;
	z-index: 996;
}
.hover_title p:first-child {
	display: block;
	margin: 0;
	padding: 18px 0 0;
	line-height: 100%;
	color: #fff;
}
.hover_title p:nth-child(2) {
	display: block;
	margin: 0;
	padding: 8px 0 0;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 180%;
	line-height: 100%;
	color: #fff;
}
.hover01 .hover_title p:last-child, .hover02 .hover_title p:last-child, .hover03 .hover_title p:last-child {
	position: absolute;
	top: 18px;
	right: 75px;
}
/* top news */
#info_block {
	background-color: #f2f2f2;
	padding-bottom: 80px;
	padding-top: 80px;
}
#info_block .container {
	margin: 0 auto;
	width: 1000px;
	padding: 60px 0;
	background: #fff;
}
.info_item {
	display: table;
	margin: 0 auto;
	padding: 12px 0;
	width: 90%;
	border-bottom: 1px solid #c2c2c2;
}
.info_item a {
	display: block;
	color: #000;
	text-decoration: none;
}
.info_item a:hover {
	color: #0258a6;
}
.info_item:last-child {
	border-bottom: none;
}
.info_time {
	display: table-cell;
	padding-right: 5px;
	vertical-align: top;
	width: 100px;
	font-size: 88%;
}
.info_category {
	display: table-cell;
	font-size: 70%;
	text-align: center;
	vertical-align: top;
	width: 91px;
}
@media (max-width:414px) {
.info_category {
display: table-cell;
font-size: 70%;
text-align: center;
vertical-align: top;
width: 170px;
}
}
.info_category span {
	background-color: #000;
	color: #fff;
	display: block;
	padding: 2% 0;
}
.info_ttitle {
	display: table-cell;
	padding-left: 40px;
	vertical-align: top;
	font-size: 88%;
}
/*  */
.tabs {
	display: block;
	width: 615px;
	margin: 0 auto 20px;
	overflow: hidden;
	list-style: none;
}
.tabs li {
	float: left;
}
.tabs li a {
	display: block;
	width: 201px;
	padding: 4px 0;
	border: 1px solid #dbdbdb;
	color: #888;
	text-decoration: none;
	text-align: center;
}
.tabs .is_active {
	padding: 2px 0;
	border: 3px solid #0258a6;
	/*color: #000;*/
	color: #fff;
	background: #0258a6;
}
.tab-content {
	display: none;
}
.tab-content.is_show {
	display: block;
}
.tab-content p.list_btn {
	width: 135px;
	margin: 20px auto 0;
}

#news_info_container p {
color: #000!important;
border-top: none!important;
margin-bottom: 14px!important;
padding-bottom: 0!important;
}
#news_info_container img {
margin: 20px 0;
max-width: 800px;
height: auto;
}


#news_info_container p.list_btn {
	width: 200px;
	margin: 20px auto 0;
}

.tab-content p.list_btn a, #news_info_container p.list_btn a {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 2px 0;
	background: #0258a6;
	font-size: 80%;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

#news_info_container p.list_btn a {
	padding: 10px 0;
}

.tab-content p.list_btn a:hover {
	opacity: 0.6;
}
#pickup_block {
	background: #fff;
}
#pickup_block a:hover {
	opacity: 0.6;
}
#pickup_block .container {
	width: 1000px;
	margin: 0 auto;
	padding: 60px 0 90px;
}
#pickup_block .container h2 {
	font-size: 164%;
	margin: 0 0 25px;
}
#pickup_block .container ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
}
#pickup_block .container li {
	width: 30%;
	margin: 0 30px 0 0;
	/*float: left;*/
}
#pickup_block .container li:last-child {
	margin: 0;
}
#pickup_block .container li .tag {
	width: 75px;
	margin: 10px 0 0;
	padding: 0;
	background: #000;
	font-size: 80%;
	text-align: center;
	color: #fff;
}
#pickup_block .container li .text {
	font-size: 100%;
}
#pickup_block .container li a{
	display: block;
	width: 319px;
	height: 232px;
	background: url(/img/fill.png) no-repeat;
	background-size: cover;
	overflow: hidden;
	text-align: center;
}
#pickup_block .container li a img{
	width: 100%;
	height: auto;
}
#book_bnr_block {
	background: url(/img/book_bnr_block_bg.png) repeat-x center;
	height: 192px;
}
#book_bnr_block .container {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
#book_bnr_block .container .books_image {
	float: left;
}
#book_bnr_block .container .books_site {
	float: right;
	width: 600px;
	margin: 48px 0 0;
}
#book_bnr_block .container .books_site h2 {
	font-size: 170%;
	font-weight: normal;
	letter-spacing: 0.14em;
	color: #222;
}
#book_bnr_block .container .books_site .site_info {
	overflow: hidden;
	width: 94%;
	margin: 0;
}
#book_bnr_block .container .books_site .site_info .text {
	width: 376px;
	float: left;
	font-size: 90%;
	line-height: 160%;
	color: #333;
}
#book_bnr_block .container .sp_books_site {
	display: none;
}
#book_bnr_block .container p.detail_btn {
	width: 133px;
	float: right;
	margin: 20px 35px 0 0;
}
#book_bnr_block .container p.detail_btn a {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 2px 0;
	background: #000;
	font-size: 80%;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
#book_bnr_block .container p.detail_btn a:hover {
	opacity: 0.6;
}
#others_block {
	background-color: #f2f2f2;
}
#others_block .container {
	width: 1000px;
	margin: 0 auto;
	padding: 100px 0;
}
#others_block .container ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
#others_block .container li {
	width: 32%;
	height: 453px;
	padding: 0;
	background: #fff;
}
#others_block .container li .title {
	padding: 25px 0 10px;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 100%;
	line-height: 140%;
	text-align: center;
}
#others_block .container li .text {
	padding: 0 0 35px;
	font-size: 70%;
	line-height: 188%;
	text-align: center;
	color: #666;
}
#others_block .container li p.detail_btn {
	width: 135px;
	margin: 0 auto;
}
#others_block .container li p.detail_btn a {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 3px 0;
	background: #0258a6;
	font-size: 80%;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
#others_block .container li p.detail_btn a:hover {
	opacity: 0.6;
}

/*202012.twitterエリア改修バナーエリア*/
#others_block .container li:last-child {
	text-align: center;
	width: 32%;
}
#others_block .container li .banner-area {
	width: 90%;
	margin: 20px auto;
}
#others_block .container li .banner-area img {
	width: 100%;
	height: auto;
	margin-bottom: 12px;
}
#others_block .container li .banner-area a:hover {
	opacity: 0.7;
}



#footer {
	padding: 55px 0 33px;
	background: #181818;
	color: #fff;
}
#footer .container {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
#footer .container .info_area {
	float: left;
	width: 354px;
}
#footer .container .info_area div {
	overflow: hidden;
	margin: 10px 0 0;
	padding: 20px 20px 20px 20px;
	border: 1px solid #666;
}
#footer .container .info_area div p:first-child {
	float: left;
	width: 58px;
}
#footer .container .info_area div p:first-child img {
	width: 100%;
	vertical-align: bottom;
}
#footer .container .info_area div p:last-child {
	float: right;
	font-size: 76%;
	line-height: 220%;
	text-align: right;
}
#footer .container .info_area .overview {
	width: 1000px;
	margin: 55px 0 0;
	padding: 25px 0 0;
	position: relative;
	border-top: 1px solid #464646;
	font-size: 80%;
	line-height: 160%;
}
#footer .container .info_area .overview a {
	display: block;
	background: #363636;
	width: 191px;
	position: absolute;
	top: 25px;
	right: 0;
	padding: 10px 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
#footer .container .info_area .overview a:hover {
	opacity: 0.6;
}
#footer .container .menu_area {
	float: right;
	margin: 0;
}
#footer .container .menu_area ul {
	list-style: none;
	float: left;
	margin: 0 0 0 30px;
}
#footer .container .menu_area ul li {
	font-size: 86%;
	line-height: 200%;
}
#footer .container .menu_area ul li a {
	font-size: 90%;
	text-decoration: none;
	color: #999;
}
#footer .container .menu_area ul li a:hover {
	color: #0258a6;
}
#footer #menu {
	display: none;
}
#copyright {
	background: #000;
}
#copyright .container {
	width: 1000px;
	margin: 0 auto;
	padding: 6px 0 0;
	overflow: hidden;
	color: #fff;
}
#copyright .container ul {
	list-style: none;
	float: left;
	overflow: hidden;
}
#copyright .container ul li {
	float: left;
	font-size: 80%;
	color: #888;
}
#copyright .container ul li a {
	color: #888;
	text-decoration: none;
}
#copyright .container ul li a:hover {
	color: #0258a6;
}
#copyright .container .copyright {
	float: right;
	font-size: 80%;
	color: #888;
}
#copyright .container .copyright span {
	font-size: 130%;
	vertical-align: middle;
}
/* breadcrumb */
.breadcrumb {
	width: 1000px;
	margin: 11px auto 0;
}
.breadcrumb ul {
	margin: 0;
	padding: 0;
	line-height: 100%;
}
.breadcrumb ul li {
	display: table-cell;
	list-style-type: none;
	padding: 0 5px 0 0;
	font-size: 70%;
	color: #6197d1;
}
.breadcrumb ul li img {
	vertical-align: middle;
}
.breadcrumb ul li:nth-child(2) a, .breadcrumb ul li:nth-child(3) a {
	padding: 0 14px 7px 0;
	background: url(../img/breadcrumb_arrow.png) no-repeat right 0;
	color : #b2b2b2;
	text-decoration: none;
}
.breadcrumb ul li a:hover {
	opacity: 0.6;
}
/* common */
section.common {
	display: block;
	background: #fff;
}
section.common ul.menu {
	display: block;
	width: 1000px;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}
section.common ul.menu li {
	float: left;
	line-height: 100%;
}
section.common ul.menu li a:hover {
	opacity: 0.6;
}
section.common ul.sp_menu {
	display: none;
}
section.common .main_wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 112px 0 140px;
}
section.common .main_wrapper h2 {
	margin-bottom: 25px;
	line-height: 100%;
	text-align: center;
}
section.common .main_wrapper .main_lead {
	display: block;
	margin-bottom: 66px;
	font-size: 90%;
	text-align: center;
	color: #666;
}
section.common .main_wrapper .sp_main_lead {
	display: none;
}
section.common .repair {
	padding: 112px 0 80px;
}
section.common .repair03 {
	padding: 112px 0 50px;
}
/* news_info */
#news_info_container {
	margin: 0 auto;
	width: 840px;
	padding: 0 0 150px;
	border-top: 2px solid #9c9c9c;
}
.news_info_item {
	display: table;
	margin: 0 auto;
	padding: 11px 25px 12px;
	width: 860px;
	border-bottom: 1px solid #c2c2c2;
}
.news_info_item a {
	display: block;
	color: #000;
	text-decoration: none;
}
.news_info_item a:hover {
	color: #0258a6;
}
.news_info_time {
	display: table-cell;
	padding-right: 5px;
	vertical-align: top;
	width: 100px;
	font-size: 92%;
	color: #666;
}
.news_info_category {
	display: table-cell;
	font-size: 70%;
	text-align: center;
	vertical-align: middle;
	width: 91px;
}
.news_info_category span {
	background-color: #000;
	color: #fff;
	display: block;
	padding: 0 15px;
}
.news_info_ttitle {
	display: table-cell;
	padding-left: 40px;
	vertical-align: top;
	font-size: 88%;
}
.pager {
	margin: 25px 0 160px;
	overflow: hidden;
}
.pager ul {
	list-style: none;
	position: relative;
	left: 50%;
	float: left;
}
.pager ul li {
	margin: 0 1px;
	position: relative;
	left: -50%;
	float: left;
}
.pager ul li.blank {
	display: block;
	padding: 0 10px;
	font-size: 80%;
	vertical-align: middle
}
.pager ul li span, .pager ul li a {
	display: block;
	font-size: 11px;
	padding: 0.1em 0.8em;
	background: #0258a6;
	color: #fff;
}
.pager ul li a {
	background: #fff;
	color: #000;
	text-decoration: none;
}
.pager ul li a:hover {
	background: #0258a6;
	color: #FFF;
}
/* faq */
#faq_container {
	margin: 0 auto 160px;
	width: 910px;
	padding: 0;
	border-top: 2px solid #9c9c9c;
}
.faq_item {
	display: table;
	margin: 0 auto;
	padding: 25px 0 25px 90px;
	width: 820px;
	border-bottom: 1px solid #c2c2c2;
	background: url(../img/icon_q.png) no-repeat 35px 30px;
}
.faq_item p {
	display: block;
	font-size: 86%;
	line-height: 180%;
	color: #666;
}
.faq_item p span {
	display: block;
	padding: 0 0 6px;
	font-size: 116%;
	color: #333;
}
.faq_item .sub_lead {
	display: block;
	width: 221px;
	margin: 6px 0 0;
	padding: 0;
	border: 1px solid #dbdbdb;
}
.faq_item .sub_lead a {
	display: block;
	width: 100%;
	margin: 0;
	padding: 12px 0;
	font-size: 110%;
	line-height: 150%;
	text-align: center;
	text-decoration: none;
	color: #666;
}
.faq_item .sub_lead a img {
	padding: 0 10px 0 0;
	vertical-align: bottom;
}
.faq_item p.list_btn {
	width: 135px;
	margin: 20px 0 0;
	text-align: left;
}
.faq_item p.list_btn a {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 2px 0;
	background: #0258a6;
	font-size: 80%;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
.faq_item p.list_btn a:hover {
	opacity: 0.6;
}
/* privacy policy */
.privacy_policy_wrapper {
	width: 1000px;
	margin: 0 auto 160px;
	padding: 80px 0;
	border: 1px solid #dbdbdb;
}
.privacy_policy_wrapper ul {
	display: block;
	list-style: none;
	width: 830px;
	margin: 0 auto;
}
.privacy_policy_wrapper ul li {
	margin: 0 0 25px;
}
.privacy_policy_wrapper ul li p {
	padding: 0 0 2px 0;
	font-size: 108%;
	color: #333;
	line-height: 150%;
}
.privacy_policy_wrapper ul li p span {
	display: block;
	padding: 0 0 0 12px;
	font-size: 80%;
	color: #666;
}
.privacy_policy_wrapper p.signature {
	display: block;
	width: 830px;
	margin: 0 auto;
	padding: 10px 0 0;
	font-size: 110%;
}
 p.signature_sm {
	display: block;
	width: 830px;
	margin: 0 auto;
	padding: 10px 0 0;
	font-size: 90%;
	text-align: right;
}
/* know */
section.know {
	display: block;
	background: #fff;
}
section.know ul.menu {
	display: block;
	width: 1000px;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}
section.know ul.menu li {
	float: left;
	line-height: 100%;
}
section.know ul.menu li a:hover {
	opacity: 0.6;
}
section.know ul.sp_menu {
	display: none;
}
section.know .main_wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 112px 0 140px;
}
section.know .main_wrapper h2 {
	margin-bottom: 25px;
	line-height: 100%;
	text-align: center;
}
section.know .main_wrapper .main_lead,section.know .main_wrapper h2 + p {
	display: block;
	margin-bottom: 66px;
	font-size: 90%;
	text-align: center;
	color: #666;
}
section.know .main_wrapper .sp_main_lead {
	display: none;
}
section.know .repair {
	padding: 112px 0 80px;
}
section.know .repair02 {
	padding: 112px 0 40px;
}
section.know .repair03 {
	padding: 112px 0 20px;
}
/* know footprint */
section.know .footprint {
	padding: 50px 0 0;
	overflow: hidden;
}
section.know .footprint .main_img {
	width: 50%;
	float: left;
}
section.know .footprint .main_img img {
	width: 100%;
	vertical-align: bottom;
}
section.know .footprint .main_lead_wrapper {
	width: 50%;
	float: right;
}
section.know .main_lead_wrapper h3 {
	padding: 65px 0 60px 40px;
	text-align: center;
}
section.know .main_lead_wrapper .main_lead {
	margin: 0;
	padding: 0 0 0 40px;
	font-size: 85%;
	text-align: left;
	line-height: 180%;
}
.chronology_wrapper {
	width: 100%;
	padding: 80px 0 60px;
	background: #f2f2f2;
}
.chronology {
	width: 900px;
	margin: 0 auto;
}
.chronology h3 {
	margin: 0 0 20px;
}
.chronology .header_img {
	overflow: hidden;
}
.chronology .header_img li {
	float: left;
	margin: 0 8px 0 0;
}
.chronology .header_img li:last-child {
	margin: 0;
}
.chronology .header_img li img {
	width: 100%;
	vertical-align: bottom;
}
.chronology .table {
	overflow: hidden;
	margin: 55px 0 0;
}
.chronology .table ul {
	width: 50%;
	float: left;
	list-style: none;
}
.chronology .table ul li {
	position: relative;
	padding: 0 0 23px 25px;
	font-size: 82%;
	line-height: 194%;
	color: #666;
}
.chronology .table ul li:after {
	position: absolute;
	content: "　";
	height: 100%;
	top: 12px;
	left: 5.5px;
	border-left: 1px solid #c6c6c6;
}
.chronology .table ul:last-child li:last-child:after {
	border-left: none;
}
.chronology .table ul li span {
	position: relative;
	display: block;
	font-size: 116%;
	color: #000;
}
.chronology .table ul li span:before {
	position: absolute;
	content: "　";
	top: 8px;
	left: -23px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #0258a6;
	z-index: 1;
}
/* know about index */
.about_menu {
	overflow: hidden;
}
.about_menu li {
	display: block;
	float: left;
	width: 314px;
	height: 90px;
	margin: 0 29px 0 0;
}
.about_menu li:last-child {
	margin: 0;
}
.about_menu li a {
	display: block;
	width: 279px;
	height: 37px;
	padding: 16px 0 29px 27px;
	background: #fff;
	border: 4px solid #0258a6;
	color: #fff;
	text-decoration: none;
}
.about_menu li .menu_wrapper {
	overflow: hidden;
	width: 100%;
}
.about_menu li .menu_wrapper .number {
	display: block;
	width: 50px;
	float: left;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 320%;
	font-style: italic;
	line-height: 100%;
	color: #0258a6;
}

@media all and (-ms-high-contrast: none) {
.about_menu li .menu_wrapper .number {
	line-height: 120% /* IE10以上 */
}
}
.about_menu li .menu_wrapper div {
	width: 198px;
	float: left;
}
.about_menu li .menu_wrapper div p:first-child {
	font-size: 120%;
	line-height: 140%;
	color: #333;
}
.about_menu li .menu_wrapper div p:last-child {
	font-size: 82%;
	line-height: 160%;
	color: #888;
}
.about_menu li a:hover {
	background: #0258a6;
}
.about_menu li a:hover .menu_wrapper .number {
	color: #fff;
}
.about_menu li a:hover .menu_wrapper div p:first-child {
	color: #fff;
}
.about_menu li a:hover .menu_wrapper div p:last-child {
	color: #d4d4d4;
}
.declaration {
	margin: 40px auto 10px;
	padding: 93px 0 70px;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}
.declaration .title_en {
	margin: 0 0 25px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 144%;
}
.declaration .title_en br {
	display: none;
}
.declaration .lead_en {
	margin: 0 auto 35px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 80%;
	color: #666;
	line-height: 180%;
}
.declaration .title {
	margin: 0 0 15px;
	text-align: center;
	font-size: 150%;
}
.declaration .lead {
	margin: 0 auto 120px;
	text-align: center;
	font-size: 82%;
	color: #666;
	line-height: 180%;
}
.declaration .sp_lead {
	display: none;
}
.declaration .logo {
	width: 82px;
	margin: 0 auto;
	text-align: center;
}
.declaration .logo img {
	vertical-align: bottom;
}
.caption {
	margin: 0 0 15px;
	font-size: 86%;
	line-height: 160%;
	color: #666;
}
.sp_caption {
	display: none;
}
/* know proverbs */
section.know .proverbs {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
section.know .proverbs .main_img {
	width: 300px;
	float: left;
}
section.know .proverbs .main_img img {
	width: 100%;
	vertical-align: bottom;
}
section.know .proverbs .proverbs_lead_wrapper {
	width: 600px;
	float: right;
}
section.know .proverbs_lead_wrapper h3 {
	padding: 0 0 20px 40px;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 160%;
	font-weight: normal;
	line-height: 180%;
	text-align: left;
	color: #333;
}
section.know .proverbs_lead_wrapper p {
	margin: 0;
	padding: 0 0 4% 6%;
	font-size: 85%;
	text-align: left;
	line-height: 180%;
}
/* know facility*/
section.know .facility {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
section.know .facility .main_img {
	width: 425px;
	float: left;
	margin: 0 0 50px;
}
section.know .facility .main_img img {
	width: 100%;
	vertical-align: bottom;
}
section.know .facility .main_img img:first-child {
	padding-bottom: 10px;
}
section.know .facility .facility_lead_wrapper {
	width: 475px;
	float: right;
}
section.know .facility_lead_wrapper h3 {
	padding: 0 0 3px 40px;
	text-align: left;
}
section.know .facility_lead_wrapper .main_lead {
	margin: 0;
	padding: 0 0 0 40px;
	font-size: 85%;
	text-align: left;
	line-height: 180%;
}
section.know .facility_lead_wrapper span {
	display: block;
	margin: 34px 0 8px;
	font-size: 120%;
	color: #000;
}

section.know .facility_lead_wrapper--color-defoult span {
	color: #666;
}
section.know .facility_lead_wrapper span:before {
	content: "　";
	display: block;
	width: 34px;
	height: 2px;
	margin: 0 0 35px;
	background: #555;
}
section.know .facility .please {
	margin: 0;
	padding: 40px 80px 30px;
	clear: both;
	border: 1px solid #dbdbdb;
}
section.know .facility .please p {
	font-size: 84%;
	text-align: center;
	line-height: 193%;
	color: #666;
}
section.know .facility .please p span {
	display: block;
	margin: 0 0 20px;
	font-size: 140%;
	line-height: 100%;
}
.conference_room_wrapper {
	width: 100%;
	padding: 53px 0 60px;
	background: #f2f2f2;
}
.conference_room {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
}
.conference_room .main_img {
	width: 426px;
	float: right;
	margin: 0;
	padding: 0 0 0 49px;
}
.conference_room .main_img img {
	width: 100%;
	padding-bottom: 6px;
	vertical-align: bottom;
}
.conference_room .main_img img:last-child {
	padding-bottom: 0;
}
.conference_room .conference_lead_wrapper {
	width: 425px;
	float: left;
}
.conference_lead_wrapper h3 {
	padding: 0 0 3px 0;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 170%;
	font-weight: normal;
	text-align: right;
}
.conference_lead_wrapper .main_lead {
	margin: 0;
	padding: 0;
	font-size: 85%;
	text-align: right;
	line-height: 180%;
	color: #666;
}
.conference_lead_wrapper .main_lead span {
	display: block;
	position: relative;
	margin: 34px 0 8px;
	padding: 34px 0 0;
	font-size: 120%;
	color: #000;
}
.conference_lead_wrapper .main_lead span:before {
	content: "　";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 2px;
	margin: 0 0 35px;
	background: #555;
}
.conference_lead_wrapper .sub_lead {
	display: block;
	width: 425px;
	margin: 66px 0 0;
	padding: 25px 0 30px;
	background: #fff;
	font-size: 85%;
	text-align: center;
	line-height: 180%;
	color: #666;
}
.conference_lead_wrapper .sub_lead span {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 0 8px;
	font-size: 130%;
	color: #333;
}
.conference_lead_wrapper .sub_lead a {
	text-decoration: underline;
	color: #6197d1;
}
.conference_lead_wrapper .sub_lead a:hover {
	text-decoration: none;
}
.access_wrapper {
	width: 100%;
	padding: 69px 0 149px;
}
.access {
	width: 900px;
	margin: 0 auto;
}
.access .detail_wrapper {
	overflow: hidden;
	margin: 0 0 10px;
}
.access .detail_wrapper .main_lead {
	float: left;
	width: 65%;
	margin: 0 25px 0 0;
	font-size: 90%;
}
.access .detail_wrapper .facility_img {
	float: left;
}
.access h3 {
	padding: 0 0 3px 0;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 170%;
	font-weight: normal;
	text-align: left;
}
.access .main_lead {
	margin: 0 0 14px;
	padding: 0;
	font-size: 85%;
	text-align: left;
	line-height: 180%;
	color: #666;
}
/* know about history */
.historybook_wrapper {
	width: 100%;
	padding: 0 0 30px;
	background: #fff;
}
.historybook01 {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 30px;
}
.historybook01 h3 {
	margin: 0;
	line-height: 100%;
}
.historybook01 img {
	vertical-align: bottom;
}
.historybook02_sp {
	display: none;
}
.historybook02 {
	width: 900px;
	margin: 0 auto 50px;
	padding: 0;
	overflow: hidden;
}
.historybook02:nth-child(odd) {
	text-align: right;
}
.historybook02:nth-child(odd) h3 {
	padding: 0 0 23px 0;
	line-height: 150%;
}
.historybook02:nth-child(odd) .lead {
	padding: 0 40px 0 0;
}
.historybook02 h3 {
	padding: 0 0 23px 40px;
	text-align: left;
	font-size: 130%;
	font-weight: normal;
	line-height: 100%;
}

@media all and (-ms-high-contrast: none) {
.historybook02 h3 {
	line-height: 160%;
}
}
.historybook02 img {
	vertical-align: bottom;
}
.historybook02 .lead {
	margin: 0;
	padding: 0 0 0 35px;
	font-size: 86%;
	text-align: left;
	line-height: 180%;
	color: #666;
}
.historybook02 .left_block {
	width: 310px;
	float: left;
	line-height: 120%;
}
.historybook02 .right_block {
	width: 590px;
	float: right;
	line-height: 120%;
}
.historybook02:nth-child(odd) .left_block {
	width: 590px;
	float: left;
}
.historybook02:nth-child(odd) .right_block {
	width: 310px;
	float: right;
}
.historybook02 .left_block img, .historybook02 .right_block img {
	vertical-align: bottom;
}
.historybook02 .left_block span, .historybook02 .right_block span {
	display: block;
	padding: 3px 0 0;
	font-size: 64%;
	text-align: left;
	letter-spacing: -0.06em;
	;
	color: #999;
}
.connect_wrapper {
	width: 100%;
	padding: 80px 0;
	background: #f2f2f2;
}
.connect {
	width: 900px;
	margin: 0 auto;
}
.connect h3 {
	margin: 0 0 20px;
}
.connect .header_img {
	width: 542px;
	margin: 0 auto;
	overflow: hidden;
	list-style: none;
}
.connect .header_img li {
	width: 130px;
	float: left;
	margin: 0 75px 0 0;
}
.connect .header_img li:last-child {
	margin: 0;
}
.connect .header_img li img {
	width: 100%;
	vertical-align: bottom;
}
.connect .header_img li span {
	display: block;
	padding: 2px 0 0;
	font-size: 76%;
	text-align: center;
	letter-spacing: -0.06em;
	;
	color: #999;
}
.connect .text {
	display: block;
	margin: 30px 0 0;
	font-size: 86%;
	color: #666;
	line-height: 160%;
}
.historylist_wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 75px 0 125px;
}
.historylist_wrapper ul {
	list-style: none;
	margin: 25px 0;
}
.historylist_wrapper ul li {
	display: block;
	padding: 5px 25px;
	overflow: hidden;
	font-size: 86%;
	line-height: 180%;
	color: #666;
}
.historylist_wrapper ul li:nth-child(odd) {
	background: #f5f5f5;
}
.historylist_wrapper ul li span.year {
	display: block;
	width: 120px;
	float: left;
	padding: 0;
}
.historylist_wrapper ul li span.month {
	display: block;
	width: 70px;
	float: left;
	text-align: right;
}
.historylist_wrapper ul li span.event {
	display: block;
	width: 650px;
	float: right;
	padding: 0;
}
/* know about overview */
.meaning {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 80px;
}
.meaning h3 {
	margin: 0 0 20px;
}
.meaning p {
	font-size: 86%;
	line-height: 180%;
	color: #666;
}
.overview_wrapper {
	width: 100%;
	padding: 65px 0 0;
	background: #f2f2f2;
}
.overview {
	width: 900px;
	margin: 0 auto;
	padding: 60px 0 30px;
	overflow: hidden;
}
.overview_list {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.overview .overview_lead_wrapper {
	width: 900px;
	margin: 0 0 40px;
}
.overview_lead_wrapper h3 {
	padding: 0;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 180%;
	font-weight: normal;
}
.overview_lead_wrapper ul {
	overflow: hidden;
	list-style: none;
}
.overview_lead_wrapper ul li {
	width: 430px;
	float: left;
}
.overview_lead_wrapper ul li:nth-child(odd) {
	margin: 0 40px 0 0
}
.overview_lead_wrapper .main_lead {
	margin: 0 0 6px;
	;
	padding: 0;
	font-size: 85%;
	line-height: 180%;
	color: #666;
}
.overview_lead_wrapper .main_lead span {
	display: block;
	margin: 0 0 4px;
	padding: 23px 0 0;
	font-size: 120%;
	color: #000;
}
.overview_lead_wrapper .main_lead br {
	display: none;
}
.overview_lead_wrapper .sub_lead {
	display: block;
	overflow: hidden;
	width: 425px;
	margin: 0;
	padding: 0;
	border: 1px solid #dbdbdb;
	background: #fff;
}
.overview_lead_wrapper .sub_lead a {
	display: block;
	width: 212px;
	float: left;
	margin: 0;
	padding: 12px 0;
	font-size: 110%;
	line-height: 140%;
	text-align: center;
	text-decoration: none;
	color: #666;
}
.overview_lead_wrapper .sub_lead a:first-child {
	border-right: 1px solid #dbdbdb;
}
.overview_lead_wrapper .sub_lead a img {
	padding: 0 10px 0 0;
	vertical-align: bottom;
}
.overview_lead_wrapper .sub_lead_short {
	display: block;
	overflow: hidden;
	width: 212px;
	margin: 0;
	padding: 0;
	border: 1px solid #dbdbdb;
	background: #fff;
}
.overview_lead_wrapper .sub_lead_short a {
	display: block;
	width: 212px;
	margin: 0;
	padding: 12px 0;
	font-size: 110%;
	line-height: 140%;
	text-align: center;
	text-decoration: none;
	color: #666;
}
.overview_lead_wrapper .sub_lead_short a img {
	padding: 0 10px 0 0;
	vertical-align: bottom;
}
/* know about lecturer */
.officerlist_wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 125px;
}
.officerlist_wrapper ul {
	list-style: none;
	margin: 25px 0;
}
.officerlist_wrapper ul li {
	display: block;
	padding: 5px 25px;
	overflow: hidden;
	font-size: 112%;
	line-height: 180%;
	color: #333;
}
.officerlist_wrapper ul li:nth-child(odd) {
	background: #f5f5f5;
}
.officerlist_wrapper ul li span.position {
	display: block;
	width: 220px;
	float: left;
	padding: 0;
}
.officerlist_wrapper ul li span.name {
	display: block;
	width: 550px;
	float: right;
	padding: 0;
}
.overview_list .officerlist_wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 60px;
}
/* learn */
section.learn {
	display: block;
	background: #fff;
}
section.learn ul.menu {
	display: block;
	width: 1000px;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}
section.learn ul.menu li {
	float: left;
	line-height: 100%;
}
section.learn ul.menu li a:hover {
	opacity: 0.6;
}
section.learn ul.sp_menu {
	display: none;
}
section.learn .main_wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 112px 0 140px;
}
section.learn .main_wrapper h2 {
	margin-bottom: 25px;
	line-height: 100%;
	text-align: center;
}
section.learn .main_wrapper .main_lead {
	display: block;
	margin-bottom: 66px;
	font-size: 90%;
	text-align: center;
	color: #666;
}
section.learn .main_wrapper .sp_main_lead {
	display: none;
}
section.learn .repair {
	padding: 112px 0 80px;
}
section.learn .repair03 {
	padding: 112px 0 20px;
}
/* learn unity */
section.learn .unity {
	padding: 50px 0 0;
	overflow: hidden;
}
section.learn .unity .main_img {
	width: 50%;
	float: left;
}
section.learn .unity .main_img img {
	width: 100%;
	vertical-align: bottom;
}
section.learn .unity .main_lead_wrapper {
	width: 50%;
	float: right;
}
section.learn .main_lead_wrapper h3 {
	padding: 65px 0 37px 40px;
	text-align: center;
}
section.learn .main_lead_wrapper .main_lead {
	margin: 0;
	padding: 0 0 0 40px;
	font-size: 85%;
	text-align: left;
	line-height: 180%;
}
section.learn .howto {
	margin: 78px 0 0;
}
section.learn .howto h3 {
	margin: 0 0 12px;
}
section.learn .howto p {
	margin: 0 0 10px;
	font-size: 90%;
	line-height: 180%;
	color: #666;
}
section.learn .howto p span {
	display: block;
	font-size: 120%;
	line-height: 160%;
	color: #000;
}
/* learn seminar */
.seminar_wrapper {
	width: 830px;
	margin: 0 auto;
	overflow: hidden;
}
.seminar_wrapper .sub_title {
	padding: 0 0 40px;
	clear: both;
}
.seminar_wrapper .seminar {
	width: 394px;
	float: left;
	margin: 0 40px 50px 0;
}
.seminar_wrapper .seminar:nth-child(odd) {
	margin: 0 0 50px 0;
}
.seminar_wrapper .seminar:last-child {
	margin: 0 40px 0 0;
}
.seminar_wrapper .seminar h3 {
	padding: 0 0 10px;
	font-size: 140%;
	font-weight: normal;
	line-height: 100%;
	color: #333;
}
.seminar_wrapper .seminar p img {
	padding: 0 0 10px;
	vertical-align: bottom;
}
.seminar_wrapper .seminar p.text {
	font-size: 86%;
	line-height: 180%;
	color: #666;
}
.seminar_wrapper .seminar p.text span {
	display: block;
	padding: 10px 0 0;
	font-size: 130%;
	color: #000;
}
.seminar_wrapper p.list_btn02 {
	width: 135px;
	margin: 20px 0 0;
	text-align: left;
}
.seminar_wrapper p.list_btn02 a {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 2px 0;
	background: #0258a6;
	font-size: 80%;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
.seminar_wrapper p.list_btn02 a:hover {
	opacity: 0.6;
}
/* learn event */
.event_wrapper {
	width: 1000px;
	margin: 0 auto 160px;
}
.event_wrapper .tabs {
	display: block;
	width: 410px;
	margin: 0;
	overflow: hidden;
	list-style: none;
}
.event_wrapper .tabs li {
	float: left;
}
.event_wrapper .tabs li a {
	display: block;
	width: 201px;
	padding: 4px 0;
	border: 1px solid #dbdbdb;
	color: #888;
	text-decoration: none;
	text-align: center;
}
.event_wrapper .tabs .is_active {
	padding: 2px 0;
	border: 3px solid #0258a6;
	/*color: #000;*/
	color: #fff;
	background: #0258a6;
}
.event_wrapper .tab-content {
	display: none;
}
.event_wrapper .tab-content.is_show {
	display: block;
	padding: 80px 85px 100px;
	border: 1px solid #dbdbdb;
}
label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	cursor: pointer;
}
#panels .container {
	margin: 15px auto 0;
	width: 100%;
}
#panels section div.main {
	box-sizing: border-box;
	display: none;
	overflow-y: hidden;
}
#month1:checked ~ #panels #panel-1 div.main {
	display: block;
}
#month2:checked ~ #panels #panel-2 div.main {
	display: block;
}
#month3:checked ~ #panels #panel-3 div.main {
	display: block;
}
#month4:checked ~ #panels #panel-4 div.main {
	display: block;
}
#month5:checked ~ #panels #panel-5 div.main {
	display: block;
}
#month6:checked ~ #panels #panel-6 div.main {
	display: block;
}
#month7:checked ~ #panels #panel-7 div.main {
	display: block;
}
#month8:checked ~ #panels #panel-8 div.main {
	display: block;
}
#month9:checked ~ #panels #panel-9 div.main {
	display: block;
}
#month10:checked ~ #panels #panel-10 div.main {
	display: block;
}
#month11:checked ~ #panels #panel-11 div.main {
	display: block;
}
#month12:checked ~ #panels #panel-12 div.main {
	display: block;
}
#month1:checked ~ #tabs-list #li-for-panel-1 {
	pointer-events: none;
	cursor: default;
}
#month1:checked ~ #tabs-list #li-for-panel-1 label {
	color: #000;
	font-size: 130%;
}
#month1:checked ~ #tabs-list #li-for-panel-1 label::after {
	border-bottom: 4px solid #0258a6;
}
#month2:checked ~ #tabs-list #li-for-panel-2 {
	pointer-events: none;
	cursor: default;
}
#month2:checked ~ #tabs-list #li-for-panel-2 label {
	color: #000;
	font-size: 130%;
}
#month2:checked ~ #tabs-list #li-for-panel-2 label::after {
	border-bottom: 4px solid #0258a6;
}
#month3:checked ~ #tabs-list #li-for-panel-3 {
	pointer-events: none;
	cursor: default;
}
#month3:checked ~ #tabs-list #li-for-panel-3 label {
	color: #000;
	font-size: 130%;
}
#month3:checked ~ #tabs-list #li-for-panel-3 label::after {
	border-bottom: 4px solid #0258a6;
}
#month4:checked ~ #tabs-list #li-for-panel-4 {
	pointer-events: none;
	cursor: default;
}
#month4:checked ~ #tabs-list #li-for-panel-4 label {
	color: #000;
	font-size: 130%;
}
#month4:checked ~ #tabs-list #li-for-panel-4 label::after {
	border-bottom: 4px solid #0258a6;
}
#month5:checked ~ #tabs-list #li-for-panel-5 {
	pointer-events: none;
	cursor: default;
}
#month5:checked ~ #tabs-list #li-for-panel-5 label {
	color: #000;
	font-size: 130%;
}
#month5:checked ~ #tabs-list #li-for-panel-5 label::after {
	border-bottom: 4px solid #0258a6;
}
#month6:checked ~ #tabs-list #li-for-panel-6 {
	pointer-events: none;
	cursor: default;
}
#month6:checked ~ #tabs-list #li-for-panel-6 label {
	color: #000;
	font-size: 130%;
}
#month6:checked ~ #tabs-list #li-for-panel-6 label::after {
	border-bottom: 4px solid #0258a6;
}
#month7:checked ~ #tabs-list #li-for-panel-7 {
	pointer-events: none;
	cursor: default;
}
#month7:checked ~ #tabs-list #li-for-panel-7 label {
	color: #000;
	font-size: 130%;
}
#month7:checked ~ #tabs-list #li-for-panel-7 label::after {
	border-bottom: 4px solid #0258a6;
}
#month8:checked ~ #tabs-list #li-for-panel-8 {
	pointer-events: none;
	cursor: default;
}
#month8:checked ~ #tabs-list #li-for-panel-8 label {
	color: #000;
	font-size: 130%;
}
#month8:checked ~ #tabs-list #li-for-panel-8 label::after {
	border-bottom: 4px solid #0258a6;
}
#month9:checked ~ #tabs-list #li-for-panel-9 {
	pointer-events: none;
	cursor: default;
}
#month9:checked ~ #tabs-list #li-for-panel-9 label {
	color: #000;
	font-size: 130%;
}
#month9:checked ~ #tabs-list #li-for-panel-9 label::after {
	border-bottom: 4px solid #0258a6;
}
#month10:checked ~ #tabs-list #li-for-panel-10 {
	pointer-events: none;
	cursor: default;
}
#month10:checked ~ #tabs-list #li-for-panel-10 label {
	color: #000;
	font-size: 130%;
}
#month10:checked ~ #tabs-list #li-for-panel-10 label::after {
	border-bottom: 4px solid #0258a6;
}
#month11:checked ~ #tabs-list #li-for-panel-11 {
	pointer-events: none;
	cursor: default;
}
#month11:checked ~ #tabs-list #li-for-panel-11 label {
	color: #000;
	font-size: 130%;
}
#month11:checked ~ #tabs-list #li-for-panel-11 label::after {
	border-bottom: 4px solid #0258a6;
}
#month12:checked ~ #tabs-list #li-for-panel-12 {
	pointer-events: none;
	cursor: default;
}
#month12:checked ~ #tabs-list #li-for-panel-12 label {
	color: #000;
	font-size: 130%;
}
#month12:checked ~ #tabs-list #li-for-panel-12 label::after {
	border-bottom: 4px solid #0258a6;
}
ul#tabs-list {
	display: block;
	width: 828px;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}
ul#sp_tabs-list, .swiper-button-prev, .swiper-button-next {
	display: none;
}
ul#tabs-list li {
	display: block;
	height: 40px;
	float: left;
	text-align: center;
	font-size: 100%;
	width: 69px;
	position: relative;
	line-height: 140%;
}

@media all and (-ms-high-contrast: none) {
ul#tabs-list li {
	line-height: 200%; /* IE10以上 */
}
}
ul#tabs-list li label {
	width: 100%;
	height: 40px;
	position: absolute;
	font-size: 100%;
	vertical-align: top;
}
ul#tabs-list li label::after {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 0;
	border-bottom: 2px solid #9c9c9c;
}
input[type=radio] {
	display: none;
}
.event_item {
	display: table;
	margin: 0 auto;
	padding: 11px 0;
	width: 100%;
	border-bottom: 1px solid #c2c2c2;
}
.event_item a {
	display: block;
	color: #333;
	text-decoration: none;
}
.event_item a:hover {
	color: #0258a6;
}
.event_time {
	display: table-cell;
	padding: 0 0 0 35px;
	vertical-align: top;
	width: 102px;
	font-size: 90%;
}
.event_category {
	display: table-cell;
	font-size: 70%;
	text-align: center;
	vertical-align: top;
	width: 91px;
}
.event_category span {
	background-color: #000;
	color: #fff;
	display: block;
	margin: 5px 0 0;
	padding: 0;
}
.event_ttitle {
	display: table-cell;
	padding-left: 35px;
	vertical-align: top;
	font-size: 88%;
}
/* practice */
section.practice {
	display: block;
	background: #fff;
}
section.practice ul.menu {
	display: block;
	width: 1000px;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}
section.practice ul.menu li {
	float: left;
	line-height: 100%;
}
section.practice ul.menu li a:hover {
	opacity: 0.6;
}
section.practice ul.sp_menu {
	display: none;
}
section.practice .main_wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 112px 0 140px;
}
section.practice .main_wrapper h2 {
	margin-bottom: 25px;
	line-height: 100%;
	text-align: center;
}
section.practice .main_wrapper .main_lead {
	display: block;
	margin-bottom: 66px;
	font-size: 90%;
	text-align: center;
	color: #666;
}
section.practice .main_wrapper .modifi {
	width: 80%;
	margin: 0 auto 66px;
	text-align: left;
}
section.practice .main_wrapper .sp_main_lead {
	display: none;
}
section.practice .repair {
	padding: 112px 0 135px;
}
/* practice mailmagazine */
.contract {
	width: 840px;
	height: 200px;
	padding: 80px 80px 90px;
	border: 1px solid #dbdbdb;
	overflow: scroll;
}
.contract h3 {
	margin: 0 0 53px;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 170%;
	font-weight: normal;
	line-height: 100%;
	text-align: center;
}
.contract p.text {
	font-size: 84%;
	line-height: 160%;
	color: #666;
}
p.cbox {
	display: block;
	width: 430px;
	margin: 50px auto 30px;
}
input[type=checkbox] {
	display: none;
}
.label {
	position: relative;
	padding: 0 0 0 50px;
	font-size: 90%;
	color: #666;
}
.label:hover:after {
	border-color: #0171bd;
}
.label:after, .label:before {
	position: absolute;
	content: "　";
	display: block;
	top: 65%;
}
.label:after {
	left: 18px;
	margin-top: -10px;
	width: 9px;
	height: 9px;
	border: 2px solid #145ba8;
}
.label:before {
	left: 21px;
	margin-top: -7px;
	width: 7px;
	height: 7px;
	background: #145ba8;
	opacity: 0;
}
input[type=checkbox]:checked + .label:before {
	opacity: 1;
}
a#submit_button {
	display: block;
	width: 228px;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 100%;
	text-align: center;
	text-decoration: none;
	background-color: #0258a6;
	color: #fff;
	border-style: none;
}
.btn-disabled {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}
/* カテゴリー共通　*/
.common_sub_category_wrapper {
	padding: 80px 0 60px;
	background: #f2f2f2;
}
.common_sub_category {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
}
/*　カテゴリーによって以下だけ書き換える　*/
.common_sub_category div {
	width: 476px;
	float: left;
	margin: 0 48px 0 0;
	padding: 0 0 25px 0;
}
.common_sub_category div:nth-child(even) {
	margin: 0;
}
/* 書き換えここまで */
.common_sub_category div h3 {
	margin: 3px 0 0;
	font-size: 126%;
	line-height: 200%;
	font-weight: normal;
}
.common_sub_category div p {
	font-size: 74%;
	line-height: 140%;
	color: #666;
}
.common_sub_category div a:hover {
	opacity: 0.6;
}

@media (max-width:640px) {
body {
	min-width: 100%;
	padding: 17.7% 0 0;
}
body.underlayer {
	min-width: 100%;
}
.pc_img {
	display: none;
}
.pc_img02 {
	display: none;
}
.sp_img {
	display: inherit;
}
header.pc {
	display: none;
}
header.sp {
	display: block;
	width: 100%;
	position: fixed;
	top: 0;
	padding: 0;
	z-index: 999;
	background: #1b1b1b;
}
header.sp h1 {
	display: block;
	width: 10%;
	position: absolute;
	top: 12%;
	left: 5%;
}
.bg_layer01 {
	width: 100%;
	height: auto;
	background: none;
}
.bg_layer02 {
	width: 100%;
	height: auto;
	background: none;
}
.underlayer #main {
	background: #fff;
	padding: 0;
}
.underlayer header.sp h1 {
	display: block;
	width: 10%;
	position: absolute;
	top: 12%;
	left: 5%;
}

header.sp h1 img {
	/*width: 100%;*/
	width: auto;
	height: 35px;
	padding-top: 10px;
}
header.sp .sp_book_btn {
	display: block;
	width: 60%;
	margin: 0 0 0 40%;
	line-height: 0;
	right: 0;
	text-align: right;
}
header.sp .sp_book_btn img {
	width: 100%;
	max-width: 200px;
}
header .drawer-hamburger {
		display: none!important;
}
.sns_icon {
	width: 20%;
	float: left;
	overflow: hidden;
	padding: 5% 0 0 32%;
}
.sns_icon p:first-child {
	width: 28%;
	float: left;
}
.sns_icon p:last-child {
	width: 28%;
	float: left;
	margin: 0 0 0 15%;
}
.sns_icon p img {
	width: 100%;
}
section.main {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 auto;
	padding: 65.4% 0;
	background: url(/img/sp_main_img.png) center no-repeat;
	;
	background-size: contain;
}
section.main h1 {
	display: none;
}
section.main .audio {
	display: none;
}
section.main .main_copy {
	display: none;
}
section.main .sp_main_copy {
	display: block;
	width: 71%;
	position: absolute;
	top: 38%;
	left: 5%;
}
section.main .sp_main_copy img {
	width: 100%;
}
section.menu {
	display: none;
}
section.main a.training_session {
	left: 5%;
	top: 82%;
	width: 90%;
}
section.main a.training_session p:first-child {
	font-size: 120%;
	padding: 5% 9%;
}
section.main a.training_session p:last-child {
	font-size: 88%;
	padding: 4% 0 0;
}
section.main .about_tenpukai {
	display: none;
}
.sp_about_tenpukai {
	display: block;
	width: 100%;
	background: #1b1b1b;
	text-align: center;
	color: #fff;
}
.sp_about_tenpukai p:first-child {
	width: 90%;
	margin: 0 auto;
	padding: 10% 0 0;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 160%;
	text-align: center;
	color: #e6e6e6;
}
.sp_about_tenpukai p:last-child {
	width: 94%;
	margin: 0 auto;
	padding: 6% 0 10%;
	font-size: 88%;
	line-height: 180%;
	text-align: center;
	color: #ccc;
}
.sp_about_tenpukai a {
	color: #0258a6;
	text-decoration: none;
}
section.main_bottom {
	width: 100%;
	height: auto;
	position: static;
	background: none;
}
section.main_bottom div.hover01, section.main_bottom div.hover02, section.main_bottom div.hover03 {
	display: none;
}
section.main_bottom .sp_list_menu {
	display: block;
	overflow: hidden;
}
section.main_bottom .sp_list_menu li {
	float: left;
}
section.main_bottom .sp_list_menu li a {
	display: block;
	line-height: 0;
}
section.main_bottom .sp_list_menu li a:hover {
	opacity: 0.6;
}
section.main_bottom .sp_list_menu li img {
	width: 100%;
	vertical-align: bottom;
}
#info_block {
	background-color: #f2f2f2;
	padding-bottom: 0;
	padding-top: 0;
}
#info_block .container {
	padding: 15% 0;
	width: 100%;
	background: #e9e9e9;
}
.tabs {
	display: block;
	list-style: outside none none;
	margin: 0 auto 20px;
	overflow: hidden;
	width: 90%;
}
.tabs li {
	float: left;
	width: 33%;
}
.tabs .is_active {
	border: 2px solid #0258a6;
	padding: 6% 0;
}
.info_item {
	border-bottom: none;
	position: relative;
	background: #fff;
	margin: 0 auto 2%;
}
.tabs li a {
	border: 1px solid #dbdbdb;
	color: #888;
	display: block;
	padding: 7% 0;
	width: auto;
	font-size: 86%;
	background: #fff;
}
.info_time {
	display: block;
	font-size: 88%;
	padding-right: 5px;
	vertical-align: top;
	width: 60%;
	position: absolute;
	top: 12%;
	left: 190px;
}
.info_category {
	display: block;
	font-size: 70%;
	left: 4%;
	position: absolute;
	text-align: center;
	top: 12%;
	vertical-align: middle;
	width: 170px;
}
.info_category span {
	width: 80%;
	padding: 3% 10%;
}
.info_ttitle {
	display: block;
	font-size: 100%;
	padding-left: 0;
	padding: 8% 0 0 4%;
	vertical-align: top;
	width: 96%;
}
.tab-content p.list_btn {
	margin: 2% auto 0;
	width: 90%;
}
.tab-content p.list_btn a {
	font-size: 100%;
	padding: 5% 0;
}
#pickup_block .container {
	margin: 0 auto;
	padding: 15% 0;
	width: 90%;
}
#pickup_block .container li {
	float: none;
	width: 100%;
	margin: 0 0 5%;
	/*position: relative;*/
	overflow: hidden;
}
#pickup_block .container li a {
	display: block;
	clear: both;

	width: 100%;
	height: auto;
	background: url(/img/fill.png) no-repeat;
	background-size: contain;
	padding: 73% 0 0;
	position: relative;
	/*height: 232px;*/
}
#pickup_block .container li a img {
	width: 100%;
	display: block;
	position: absolute;
	/*top: 7%;*/
	top: 0;
}
#pickup_block .container li .tag {
	background: #000 none repeat scroll 0 0;
	color: #fff;
	font-size: 70%;
	margin: 3% 0;
	padding: 0.5% 2%;
	text-align: center;
	width: 25%;
	float: left;
}
#pickup_block .container li .text {
	font-size: 90%;
	/*position: absolute;
	left: 19%;
	bottom: 0;
	*/
	float: left;
	width: 67%;
	padding: 2% 0 0 4%;
}
#book_bnr_block {
	background: rgba(0, 0, 0, 0) url(/img/book_bnr_block_bg.png) repeat-x scroll center center;
	background-size: cover;
	height: auto;
}
#book_bnr_block .container {
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}
#book_bnr_block .container .books_image {
	width: 38%;
	padding: 0 0 0 7%;
}
.underlayer #book_bnr_block .container .books_image {
	width: 100%;
	padding: 0;
}
#book_bnr_block .container .books_image img {
	width: 100%;
	vertical-align: bottom;
}
#book_bnr_block .container .books_site {
	display: none;
}
#book_bnr_block .container .sp_books_site {
	display: block;
	float: right;
	width: 50%;
	margin: 4% 0 0;
	font-size: 140%;
	line-height: 140%;
}
.underlayer #book_bnr_block .container .sp_books_site {
	display: none;
}
#book_bnr_block .container .sp_books_site a {
	display: block;
	width: 100%;
	padding: 2% 0 0;
	text-decoration: none;
	color: #000;
}
#book_bnr_block .container .sp_books_site a img {
	width: 100%;
}
#others_block .container {
	margin: 0 auto;
	padding: 15% 0;
	width: 90%;
}
#others_block .container ul {
	display: flex;
	flex-flow: column;
}
#others_block .container li {
	background: #fff none repeat scroll 0 0;
	height: auto;
	margin: 0 0 5%;
	padding: 0;
	width: 100%;
}
#others_block .container li:last-child {
	width: 100%!important;
	height: auto!important;
}
#others_block .container li img {
	width: 100%;
}
#others_block .container li:last-child img {
	margin-bottom: 0;
	margin-top: 4px;
}
#others_block .container li .title {
	font-size: 120%;
}
#others_block .container li .text {
	font-size: 90%;
	line-height: 180%;
}
#others_block .container li p.detail_btn {
	margin: 0 auto;
	width: 100%;
}
#others_block .container li p.detail_btn a {
	font-size: 100%;
	margin: 0 auto;
	padding: 5% 0;
	width: 100%;
}
	

	
#footer {
	background: #000;
	padding: 0 0 4%;
}
#footer .container {
	margin: 0 auto;
	overflow: hidden;
	width: 90%;
}
#footer .container .info_area {
	float: none;
	width: 100%;
}
#footer .container .info_area div {
	border-bottom: 1px solid #555;
	border-top: 1px solid #555;
}
#footer .container .info_area .overview {
	width: 100%;
	line-height: 180%;
	text-align: center;
}
#footer .container .info_area .overview a {
	background: #363636 none repeat scroll 0 0;
	color: #fff;
	display: block;
	margin: 4% 0 8%;
	padding: 4% 0;
	position: static;
	text-align: center;
	width: 100%;
}
#footer .container .info_area .sns_wrapper {
	display: block;
	width: 60%;
	margin: 0 auto;
	overflow: hidden;
}
#footer .container .info_area .overview a.tw {
	background: none;
	color: #fff;
	display: block;
	margin: 0 4%;
	padding: 0;
	position: static;
	text-align: center;
	width: 17%;
	float: left;
}
#footer .container .info_area .overview a.tw img {
	width: 100%;
}
#footer .container .menu_area {
	display: none;
}
#footer #menu {
	display: block;
	width: 100%;
	margin: 10px;
}
#footer ul#menu, ul.sub_menu {
	list-style: none;
	margin: 0 0 8%;
	padding: 0;
	background: #181818;
}
#footer #menu {
	width: 100%;
	margin: 10px;
}
#footer .main_menu_wrap {
	width: 90%;
	margin: 0 auto;
	border-top: 1px solid #555;
}
#footer .main_menu_wrap02 {
	border-bottom: 1px solid #333;
}
#footer #menu li:nth-child(1) .main_menu, #footer #menu li:nth-child(2) .main_menu, #footer #menu li:nth-child(3) .main_menu {
	background: #181818 url(/img/sp_foot_arrow_off.png) no-repeat 90% 55%/4%;
}
#footer #menu li:nth-child(1) .selected, #footer #menu li:nth-child(2) .selected, #footer #menu li:nth-child(3) .selected {
	background: #181818 url(/img/sp_foot_arrow_on.png) no-repeat 90% 55%/4%!important;
}
#footer #menu li:nth-child(4) .main_menu, #menu li:nth-child(5) .main_menu, #menu li:nth-child(6) .main_menu, #menu li:nth-child(7) .main_menu {
	padding: 5% 0;
	width: 100%;
	text-align: center;
}
#footer #menu li a {
	text-decoration: none;
}
#footer .main_menu {
	background: #000 none repeat scroll 0 0;
	color: #fff;
	cursor: pointer;
	font-size: 110%;
	height: auto;
	margin: 0;
	padding: 5% 0 5% 6%;
	width: 94%;
}
#footer .sub_menu li {
	font-size: 100%;
	height: auto;
	margin: 0;
	padding: 1.4% 0 1.4% 10%;
	width: 90%;
}
#footer .sub_menu li a {
	color: #999;
	display: block;
}
#footer .container .info_area div {
	padding: 6% 4%;
}
#footer .container .info_area div p:first-child {
	float: left;
	width: 20%;
}
#copyright .container {
	color: #fff;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0;
	width: 100%;
}
#copyright .container ul {
	display: none;
}
#copyright .container .copyright {
	float: none;
	font-size: 70%;
	text-align: center;
}
/* common */
section.common {
	position: relative;
}
section.common ul.sp_menu {
	display: block;
	width: 100%;
	margin: 7.2% 0 0;
	position: absolute;
	top: 0;
	list-style: none;
	overflow: hidden;
}
section.common ul.sp_menu li {
	width: 33.3%;
	float: left;
	line-height: 100%;
}
section.common ul.sp_menu li img {
	width: 100%;
}
section.common ul.menu {
	display: none;
}
section.common .main_wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 26% 0 13%;
}
section.common .main_wrapper h2 {
	width: 70%;
	max-width: 500px;
	margin: 0 auto 8%;
	line-height: 100%;
	text-align: center;
}
section.common .main_wrapper h2 img {
	width: 100%;
}
section.common .main_wrapper .main_lead {
	display: none;
}
section.common .main_wrapper .sp_main_lead {
	display: block;
	margin-bottom: 13%;
	font-size: 90%;
	text-align: center;
	color: #666;
}
section.common .main_wrapper .modifi {
	margin-bottom: 0;
	text-align: left;
}
section.common .repair02 {
	padding: 26% 0 13%;
}
section.common .repair03 {
	padding: 26% 0 10%;
}
/* news_info */
#news_info_container {
	margin: 0 auto;
	width: 94%;
	padding: 0 0 30%;
	border-top: 2px solid #9c9c9c;
}
#news_info_container p {
	border-bottom: none!important;
	margin-left: 0!important;
}
.news_info_item {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 3% 5% 4%;
	width: 90%;
	border-bottom: 1px solid #c2c2c2;
}
.news_info_item a {
	display: block;
	color: #000;
	text-decoration: none;
}
.news_info_item a:hover {
	color: #0258a6;
}
.news_info_time {
	display: block;
	width: 65%;
	float: right;
	padding-right: 0;
	vertical-align: top;
	font-size: 92%;
	text-align: left;
	color: #666;
}
.news_info_category {
	display: block;
	float: left;
	font-size: 70%;
	text-align: center;
	vertical-align: middle;
	width: 25%;
}
.news_info_category span {
	background-color: #000;
	color: #fff;
	display: block;
	padding: 3px 15px;
}
.news_info_ttitle {
	display: block;
	clear: both;
	padding-left: 0;
	vertical-align: top;
	font-size: 88%;
}
.pager {
	margin: 8% 0 24%;
	overflow: hidden;
}
.pager ul {
	list-style: none;
	position: relative;
	width: 90%;
	left: 54%;
	float: left;
}
.pager ul li {
	margin: 0 1px;
	position: relative;
	left: -50%;
	float: left;
}
.pager ul li.blank {
	display: block;
	padding: 0 3%;
	font-size: 100%;
	vertical-align: middle;
	line-height: 200%;
}
.pager ul li span, .pager ul li a {
	display: block;
	font-size: 90%;
	padding: 0.3em 0.8em;
	background: #0258a6;
	color: #fff;
}
.pager ul li a {
	background: #fff;
	color: #000;
	text-decoration: none;
}
.pager ul li a:hover {
	background: #0258a6;
	color: #FFF;
}
/* faq */
#faq_container {
	margin: 0 auto 20%;
	width: 100%;
	padding: 0;
	border-top: 2px solid #9c9c9c;
}
.faq_item {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 6% 5% 4%;
	width: 90%;
	border-bottom: 1px solid #c2c2c2;
	background: url(/img/sp_icon_q.png) no-repeat 5% 0;
	background-size: 10%;
}
.faq_item p {
	display: block;
	font-size: 86%;
	line-height: 180%;
	color: #666;
}
.faq_item p span {
	display: block;
	padding: 0 0 4% 13%;
	font-size: 130%;
	color: #333;
}
.faq_item .sub_lead {
	display: block;
	width: 90%;
	margin: 4% auto;
	padding: 0;
	border: 1px solid #dbdbdb;
}
.faq_item .sub_lead a {
	display: block;
	width: 100%;
	margin: 0;
	padding: 3% 0;
	font-size: 110%;
	line-height: 150%;
	text-align: center;
	text-decoration: none;
	color: #666;
}
.faq_item .sub_lead a img {
	padding: 0 10px 0 0;
	vertical-align: bottom;
}
.faq_item p.list_btn {
	width: 70%;
	margin: 4% auto;
	text-align: center;
}
.faq_item p.list_btn a {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 2% 0;
	background: #0258a6;
	font-size: 80%;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
/* privacy policy */
.privacy_policy_wrapper {
	width: 90%;
	margin: 0 auto 20%;
	padding: 13% 0;
	border: 1px solid #dbdbdb;
}
.privacy_policy_wrapper ul {
	display: block;
	list-style: none;
	width: 90%;
	margin: 0 auto;
}
.privacy_policy_wrapper ul li {
	margin: 0 0 8%;
}
.privacy_policy_wrapper ul li p {
	padding: 0 0 1% 0;
	font-size: 108%;
	color: #333;
	line-height: 150%;
}
.privacy_policy_wrapper ul li p span {
	display: block;
	padding: 0;
	font-size: 80%;
	color: #666;
}
.privacy_policy_wrapper p.signature {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 3% 0 0;
	font-size: 110%;
	text-align: center;
}
p.signature_sm {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 3% 0 0;
	font-size: 90%;
	text-align: right;
}
/* know */
section.know {
	position: relative;
}
section.know ul.sp_menu {
	display: block;
	width: 100%;
	margin: 7.2% 0 0;
	position: absolute;
	top: 0;
	list-style: none;
	overflow: hidden;
}
section.know ul.sp_menu li {
	width: 33.3%;
	float: left;
	line-height: 100%;
}
section.know ul.sp_menu li img {
	width: 100%;
}
section.know ul.menu {
	display: none;
}
section.know .main_wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 26% 0 13%;
}
section.know .main_wrapper h2 {
	width: 70%;
	margin: 0 auto 8%;
	line-height: 100%;
	text-align: center;
}
section.know .main_wrapper h2 img {
	width: 100%;
}

section.know .main_wrapper--wAuto h2 img {
	width: auto;
}

section.know .main_wrapper .main_lead {
	display: none;
}
section.know .main_wrapper .sp_main_lead {
	display: block;
	margin-bottom: 13%;
	font-size: 90%;
	text-align: center;
	color: #666;
}
section.know .main_wrapper .modifi {
	margin-bottom: 0;
	text-align: left;
}
section.know .repair02 {
	padding: 26% 0 13%;
}
.breadcrumb {
	width: 100%;
	margin: 0 auto;
	background: #e9e9e9;
}
.breadcrumb ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 100%;
}
.breadcrumb ul li {
	display: block;
	width: auto;
	float: left;
	padding: 1.6% 0;
	background: url(../img/sp_breadcrumb_arrow.png) no-repeat 96% 0/contain;
	font-size: 80%;
	color: #6197d1;
	text-decoration: none;
}
.breadcrumb ul li:first-child {
	width: 12%;
	padding: 0 2% 0 0;
	background: none;
}
.breadcrumb ul li:last-child {
	background: none;
}
.breadcrumb ul li a {
	background: none!important;
}
.breadcrumb ul li:last-child a {
	padding: 0;
	background: none;
}
.breadcrumb ul li img {
	width: 100%;
}
/* know footprint */
section.know .footprint {
	padding: 0;
	overflow: hidden;
}
section.know .footprint .main_img {
	width: 100%;
	float: none;
}
section.know .footprint .main_img img {
	width: 100%;
	vertical-align: bottom;
}
section.know .footprint .main_lead_wrapper {
	width: 90%;
	float: none;
	margin: 0 auto;
}
section.know .main_lead_wrapper h3 {
	padding: 12% 0 8% 0;
	text-align: left;
}
section.know .main_lead_wrapper h3 img {
	width: 60%;
}
section.know .main_lead_wrapper .main_lead {
	margin: 0;
	padding: 0 0 0 40px;
	font-size: 85%;
	text-align: left;
	line-height: 180%;
}
.chronology_wrapper {
	width: 100%;
	padding: 13% 0;
	background: #f2f2f2;
}
.chronology {
	width: 90%;
	margin: 0 auto;
}
.chronology h3 {
	margin: 0 0 8%;
}
.chronology .header_img {
	display: none;
}
.chronology .table {
	overflow: hidden;
	margin: 0;
}
.chronology .table ul {
	width: 100%;
	float: left;
	list-style: none;
}
.chronology .table ul li {
	position: relative;
	padding: 0 0 23px 25px;
	font-size: 90%;
	line-height: 194%;
	color: #666;
}
.chronology .table ul li:after {
	position: absolute;
	content: "　";
	height: 100%;
	top: 12px;
	left: 5.5px;
	border-left: 1px solid #c6c6c6;
}
.chronology .table ul li br {
	display: none;
}
.chronology .table ul:last-child li:last-child:after {
	border-left: none;
}
.chronology .table ul li span {
	position: relative;
	display: block;
	font-size: 110%;
	color: #000;
}
.chronology .table ul li span:before {
	position: absolute;
	content: "　";
	top: 8px;
	left: -23px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #0258a6;
	z-index: 1;
}
/* know about index */
.about_menu {
	display: block;
	padding: 13% 0;
	background: #f2f2f2;
}
.about_menu li {
	display: block;
	float: none;
	width: 90%;
	height: auto;
	margin: 0 auto 2%;
}
.about_menu li:last-child {
	margin: 0 auto 2%;
}
.about_menu li a {
	display: block;
	width: 91%;
	height: auto;
	padding: 5% 0 6% 7%;
	background: #fff;
	border: 4px solid #0258a6;
	color: #fff;
	text-decoration: none;
}
.about_menu li .menu_wrapper {
	overflow: hidden;
	width: 100%;
}
.about_menu li .menu_wrapper .number {
	display: block;
	width: 18%;
	float: left;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 340%;
	font-style: italic;
	line-height: 100%;
	color: #0258a6;
}
.about_menu li .menu_wrapper div {
	width: 80%;
	float: left;
}
.about_menu li .menu_wrapper div p:first-child {
	font-size: 140%;
	line-height: 140%;
	color: #333;
}
.about_menu li .menu_wrapper div p:last-child {
	font-size: 90%;
	line-height: 140%;
	color: #888;
}
.about_menu li a:hover {
	background: #0258a6;
}
.about_menu li a:hover .menu_wrapper .number {
	color: #fff;
}
.about_menu li a:hover .menu_wrapper div p:first-child {
	color: #fff;
}
.about_menu li a:hover .menu_wrapper div p:last-child {
	color: #d4d4d4;
}
.declaration {
	width: 90%;
	margin: 13% auto 3%;
	padding: 13% 0;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}
.declaration .title_en {
	margin: 0 0 8%;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 170%;
}
.declaration .title_en br {
	display: initial;
}
.declaration .lead_en {
	margin: 0 auto 10%;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 90%;
	color: #666;
	line-height: 180%;
}
.declaration .lead_en br {
	display: none;
}
.declaration .title {
	margin: 0 0 5%;
	text-align: center;
	font-size: 170%;
}
.declaration .lead {
	display: none;
}
.declaration .sp_lead {
	display: block;
	margin: 0 auto 20%;
	text-align: center;
	font-size: 90%;
	color: #666;
	line-height: 180%;
}
.declaration .logo {
	width: 20%;
	margin: 0 auto;
	text-align: center;
}
.declaration .logo img {
	width: 100%;
	vertical-align: bottom;
}
.caption {
	display: none;
}
.sp_caption {
	display: block;
	width: 90%;
	margin: 0 auto 5%;
	font-size: 66%;
	line-height: 160%;
	color: #666;
}
/* know proverbs */
section.know .proverbs {
	width: 100%;
	padding: 0;
	overflow: hidden;
	border-top: 10px solid #f2f2f2;
}
section.know .proverbs .main_img {
	width: 60%;
	float: none;
	margin: 0 auto;
}
section.know .proverbs .main_img img {
	width: 100%;
	vertical-align: bottom;
}
section.know .proverbs .proverbs_lead_wrapper {
	width: 90%;
	float: none;
	margin: 0 auto 13%;
}
section.know .proverbs_lead_wrapper h3 {
	padding: 12% 0 8% 0;
	text-align: left;
}
section.know .proverbs_lead_wrapper h3 img {
	width: 90%;
}
section.know .proverbs_lead_wrapper .main_lead {
	margin: 0;
	padding: 0;
	font-size: 85%;
	text-align: left;
	line-height: 180%;
}
section.know .proverbs_lead_wrapper p {
	padding: 0 0 4% 0;
}
/* know facility*/
section.know .facility {
	width: 100%;
	margin: 0 auto;
	padding: 13% 0 0;
	overflow: hidden;
	border-top: 10px solid #f2f2f2;
}
section.know .facility .main_img {
	width: 100%;
	float: none;
	margin: 0;
}
section.know .facility .main_img img {
	width: 100%;
	vertical-align: bottom;
}
section.know .facility .main_img img:first-child {
	padding-bottom: 0;
}
section.know .facility .facility_lead_wrapper {
	width: 90%;
	margin: 0 auto;
	float: none;
}
section.know .facility_lead_wrapper h3 {
	padding: 0 0 3% 0;
	text-align: left;
}
section.know .facility_lead_wrapper .sp_main_lead {
	margin: 0 0 4%;
	padding: 0;
	font-size: 90%;
	text-align: left;
	line-height: 180%;
}

section.know  .facility_lead_wrapper .sp_main_lead--margin-top {
	margin-top: 3%;
}

section.know .facility_lead_wrapper span {
	display: block;
	margin: 3% 0 8px;
	font-size: 120%;
	color: #000;
}

section.know .facility_lead_wrapper span:before {
	display: none;
}
section.know .facility .please {
	width: 82%;
	margin: 8% auto 0;
	padding: 8% 4%;
	clear: both;
	border: 1px solid #dbdbdb;
}
section.know .facility .please p {
	font-size: 90%;
	text-align: left;
	line-height: 180%;
	color: #666;
}
section.know .facility .please p br {
	display: none;
}
section.know .facility .please p span {
	display: block;
	margin: 0 0 20px;
	font-size: 140%;
	line-height: 100%;
}
.conference_room_wrapper {
	width: 100%;
	margin: 0;
	padding: 13% 0;
	background: #fff;
	border-top: 10px solid #f2f2f2;
}
.conference_room {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}
.conference_room .main_img {
	width: 100%;
	float: none;
	margin: 0;
	padding: 0 0 0 49px;
}
.conference_room .main_img img {
	width: 100%;
	padding-bottom: 6px;
	vertical-align: bottom;
}
.conference_room .main_img img:last-child {
	padding-bottom: 0;
}
.conference_room .conference_lead_wrapper {
	width: 100%;
	float: none;
}
.conference_lead_wrapper h3 {
	margin: 0 0 3%;
	padding: 0;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 170%;
	font-weight: normal;
	line-height: 100%;
	text-align: left;
}
.conference_lead_wrapper .main_lead {
	margin: 0;
	padding: 0;
	font-size: 90%;
	text-align: left;
	line-height: 180%;
	color: #666;
}
.conference_lead_wrapper .main_lead span {
	display: block;
	position: relative;
	margin: 3% 0;
	padding: 0;
	font-size: 120%;
	color: #000;
}
.conference_lead_wrapper .main_lead span:before {
	display: none;
}
.conference_lead_wrapper .main_lead img {
	width: 100%;
	margin: 3% 0 0;
}
.conference_lead_wrapper .sub_lead {
	display: block;
	width: 99%;
	margin: 10% 0 0;
	padding: 8% 0 10%;
	border: 1px solid #dbdbdb;
	background: #fff;
	font-size: 86%;
	text-align: center;
	line-height: 180%;
	color: #666;
}
.conference_lead_wrapper .sub_lead span {
	display: block;
	width: 100%;
	position: static;
	margin: 0 auto;
	padding: 0 0 8px;
	font-size: 130%;
	color: #333;
}
.conference_lead_wrapper .sub_lead a {
	text-decoration: underline;
	color: #6197d1;
}
.conference_lead_wrapper .sub_lead a:hover {
	text-decoration: none;
}
.access_wrapper {
	width: 100%;
	padding: 13% 0 20%;
	border-top: 10px solid #f2f2f2;
}
.access {
	width: 90%;
	margin: 0 auto;
}
.access .detail_wrapper {
	overflow: hidden;
	margin: 0 0 3%;
}
.access .detail_wrapper .main_lead {
	float: none;
	width: 100%;
	margin: 0;
	font-size: 90%;
}
.access .detail_wrapper .facility_img {
	float: none;
	margin: 3% 0 0;
	text-align: center;
}
.access h3 {
	padding: 0 0 1% 0;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 170%;
	font-weight: normal;
	text-align: left;
}
.access .main_lead {
	margin: 0 0 4%;
	padding: 0;
	font-size: 85%;
	text-align: left;
	line-height: 180%;
	color: #666;
}
/* know about history */
.historybook_wrapper {
	width: 100%;
	padding: 13% 0;
	background: #fff;
	border-top: 10px solid #f2f2f2;
}
.historybook01 {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 4%;
}
.historybook01 h3 {
	width: 90%;
	margin: 0 auto 1%;
}
.historybook01 img {
	vertical-align: bottom;
}
.historybook02 {
	display: none;
}
.historybook02_sp {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.historybook02_sp:nth-child(odd) {
	text-align: right;
}
.historybook02_sp:nth-child(odd) h3 {
	width: 90%;
	margin: 0 auto;
	padding: 0 0 8% 0;
	line-height: 150%;
}
.historybook02_sp:nth-child(odd) .lead {
	width: 90%;
	margin: 0 auto;
	padding: 0 0 0 0;
}
.historybook02_sp h3 {
	width: 90%;
	margin: 0 auto;
	padding: 0 0 8% 0;
	text-align: center;
	font-size: 130%;
	font-weight: normal;
	line-height: 150%;
}
.historybook02_sp img {
	vertical-align: bottom;
}
.historybook02_sp .lead {
	width: 90%;
	margin: 0 auto;
	padding: 0;
	font-size: 90%;
	text-align: left;
	line-height: 180%;
	color: #666;
}
.historybook02_sp .left_block {
	width: 100%;
	float: none;
	margin: 0 auto;
}
.historybook02_sp .right_block {
	width: 100%;
	float: none;
	margin: 13% auto 0;
}
.historybook02_sp:nth-child(odd) .left_block {
	width: 100%;
	float: none;
}
.historybook02_sp:nth-child(odd) .right_block {
	width: 100%;
	float: none;
}
.historybook02_sp .left_block img, .historybook02 .right_block img {
	width: 100%;
	vertical-align: bottom;
}
.historybook02_sp .left_block span, .historybook02 .right_block span {
	display: block;
	background: #f2f2f2;
	padding: 0.8% 0;
	font-size: 70%;
	text-align: center;
	letter-spacing: 0em;
	;
	color: #999;
}
.connect_wrapper {
	width: 100%;
	padding: 13% 0;
	border-top: 10px solid #f2f2f2;
	background: #fff;
}
.connect {
	width: 100%;
	margin: 0 auto;
}
.connect h3 {
	width: 90%;
	margin: 0 auto 3%;
}
.connect .header_img {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	list-style: none;
}
.connect .header_img li {
	width: 32.5%;
	float: left;
	margin: 0 1% 0 0;
}
.connect .header_img li:last-child {
	margin: 0;
}
.connect .header_img li img {
	width: 100%;
	vertical-align: bottom;
}
.connect .header_img li span {
	display: block;
	padding: 1% 0 0;
	font-size: 72%;
	text-align: center;
	letter-spacing: -0.06em;
	;
	color: #999;
}
.connect .text {
	display: block;
	width: 90%;
	margin: 4% auto 0;
	font-size: 86%;
	color: #666;
	line-height: 160%;
}
.historylist_wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 13% 0;
	border-top: 10px solid #f2f2f2;
}
.historylist_wrapper h3 {
	width: 90%;
	margin: 0 auto 3%;
}
.historylist_wrapper ul {
	list-style: none;
	margin: 25px 0;
}
.historylist_wrapper ul li {
	display: block;
	padding: 5px 25px;
	overflow: hidden;
	font-size: 86%;
	line-height: 180%;
	color: #666;
}
.historylist_wrapper ul li:nth-child(odd) {
	background: none;
}
.historylist_wrapper ul li span.year {
	display: block;
	width: 96%;
	float: none;
	clear: both;
	padding: 0 2%;
	background: #f5f5f5;
}
.historylist_wrapper ul li span.month {
	display: block;
	width: 11.5%;
	float: left;
	padding: 0 2%;
	text-align: left;
}
.historylist_wrapper ul li span.event {
	display: block;
	width: 84.5%;
	float: right;
	padding: 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	top: 35%;
}
/* know about overview */
.meaning {
	width: 100%;
	margin: 0 auto;
	padding: 13% 0;
	border-top: 10px solid #f2f2f2;
}
.meaning h3 {
	width: 90%;
	margin: 0 auto 4%;
}
.meaning h3 img {
	width: 70%;
}
.meaning p {
	width: 90%;
	margin: 0 auto;
	font-size: 86%;
	line-height: 180%;
	color: #666;
}
.overview_wrapper {
	width: 100%;
	padding: 0;
	background: #f2f2f2;
}
.overview {
	width: 100%;
	margin: 0 auto;
	padding: 10% 0 8%;
	overflow: hidden;
}
.overview_list {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.overview .overview_lead_wrapper {
	width: 100%;
	margin: 0 0 10%;
}
.overview_lead_wrapper h3 {
	width: 90%;
	margin: 0 auto;
	padding: 0;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 180%;
	font-weight: normal;
}
.overview_list .overview_lead_wrapper h3 {
	font-size: 160%;
}
.overview_lead_wrapper ul {
	overflow: hidden;
	list-style: none;
}
.overview_lead_wrapper ul li {
	width: 90%;
	margin: 0 auto;
	float: none;
}
.overview_lead_wrapper ul li:nth-child(odd) {
	margin: 0 auto;
}
.overview_lead_wrapper .main_lead {
	margin: 0 0 6px;
	;
	padding: 0;
	font-size: 85%;
	line-height: 180%;
	color: #666;
}
.overview_lead_wrapper .main_lead span {
	display: block;
	margin: 0 0 4px;
	padding: 6% 0 0;
	font-size: 120%;
	color: #000;
}
.overview_lead_wrapper .main_lead br {
	display: initial;
}
.overview_lead_wrapper .sub_lead {
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #dbdbdb;
	background: #fff;
}
.overview_lead_wrapper .sub_lead a {
	display: block;
	width: 49%;
	float: left;
	margin: 0;
	padding: 12px 0;
	font-size: 100%;
	line-height: 140%;
	text-align: center;
	text-decoration: none;
	color: #666;
}
.overview_lead_wrapper .sub_lead a:first-child {
	border-right: 1px solid #dbdbdb;
}
.overview_lead_wrapper .sub_lead a img {
	padding: 0 10px 0 0;
	vertical-align: bottom;
}
.overview_lead_wrapper .sub_lead_short {
	display: block;
	overflow: hidden;
	width: 49%;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #dbdbdb;
	background: #fff;
}
.overview_lead_wrapper .sub_lead_short a {
	display: block;
	width: 100%;
	float: left;
	margin: 0;
	padding: 12px 0;
	font-size: 100%;
	line-height: 140%;
	text-align: center;
	text-decoration: none;
	color: #666;
}
.overview_lead_wrapper .sub_lead_short a img {
	padding: 0 10px 0 0;
	vertical-align: bottom;
}
/* know about lecturer */
.officerlist_wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 13% 0;
	border-top: 10px solid #f2f2f2;
}
.officerlist_wrapper h3 {
	width: 90%;
	margin: 0 auto 3%;
}
.officerlist_wrapper ul {
	list-style: none;
	margin: 25px 0;
}
.officerlist_wrapper ul li {
	display: block;
	padding: 5px 25px;
	overflow: hidden;
	font-size: 90%;
	line-height: 180%;
	color: #666;
}
.officerlist_wrapper ul li:nth-child(odd) {
	background: #f5f5f5;
}
.officerlist_wrapper ul li span.position {
	display: block;
	width: 46%;
	float: left;
	padding: 0 2%;
}
.officerlist_wrapper ul li span.name {
	display: block;
	width: 50%;
	float: right;
	padding: 0;
}
.overview_list .officerlist_wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 10%;
	border-top: none;
}
/* learn */
section.learn {
	position: relative;
}
section.learn ul.sp_menu {
	display: block;
	width: 100%;
	margin: 7.2% 0 0;
	position: absolute;
	top: 0;
	list-style: none;
	overflow: hidden;
}
section.learn ul.sp_menu li {
	width: 33.3%;
	float: left;
	line-height: 100%;
}
section.learn ul.sp_menu li img {
	width: 100%;
}
section.learn ul.menu {
	display: none;
}
section.learn .main_wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 26% 0 13%;
}
section.learn .main_wrapper h2 {
	width: 70%;
	margin: 0 auto 8%;
	line-height: 100%;
	text-align: center;
}
section.learn .main_wrapper h2 img {
	width: 100%;
}
section.learn .main_wrapper .main_lead {
	display: none;
}
section.learn .main_wrapper .sp_main_lead {
	display: block;
	margin-bottom: 13%;
	font-size: 90%;
	text-align: center;
	color: #666;
}
section.learn .main_wrapper .modifi {
	margin-bottom: 0;
	text-align: left;
}
section.learn .repair {
	padding: 26% 0 26%;
}
section.learn .repair03 {
	padding: 26% 0 3%;
}
/* learn unity */
section.learn .unity {
	padding: 0;
	overflow: hidden;
}
section.learn .unity .main_img {
	width: 100%;
	float: none;
}
section.learn .unity .main_img img {
	width: 100%;
	vertical-align: bottom;
}
section.learn .unity .main_lead_wrapper {
	width: 90%;
	float: none;
	margin: 0 auto;
}
section.learn .main_lead_wrapper h3 {
	padding: 12% 0 8% 0;
	text-align: left;
}
section.learn .main_lead_wrapper h3 img {
	width: 70%;
}
section.learn .main_lead_wrapper .main_lead {
	margin: 0;
	padding: 0 0 0 40px;
	font-size: 85%;
	text-align: left;
	line-height: 180%;
}
section.learn .howto {
	margin: 13% 0 0;
	padding: 13% 0 0;
	border-top: 10px solid #f2f2f2;
}
section.learn .howto h3 {
	width: 90%;
	margin: 0 auto 3%;
}
section.learn .howto h3 img {
	width: 70%;
}
section.learn .howto p {
	width: 90%;
	margin: 0 auto 3%;
	font-size: 90%;
	line-height: 180%;
	color: #666;
}
section.learn .howto p span {
	display: block;
	font-size: 120%;
	line-height: 160%;
	color: #000;
}
/* learn seminar */
.seminar_wrapper {
	width: 90%;
	margin: 0 auto 20%;
	position: relative;
	overflow: hidden;
}
.seminar_wrapper .sub_title {
	padding: 10% 0 8%;
	clear: both;
}
.seminar_wrapper .sub_title img {
	width: 70%;
}
.seminar_wrapper .seminar {
	width: 100%;
	float: none;
	margin: 0 0 13% 0;
}
.seminar_wrapper .seminar:after {
	background: #555 none repeat scroll 0 0;
	content: "　";
	display: block;
	height: 2px;
	margin: 13% 0 0;
	width: 11%;
}
.seminar_wrapper .seminar:last-child:after {
	display: none;
}
.seminar_wrapper .seminar:nth-child(even) {
	margin: 0 0 13% 0;
}
.seminar_wrapper .seminar:last-child {
	margin: 0;
}
.seminar_wrapper .seminar h3 {
	padding: 0 0 3%;
	font-size: 130%;
	font-weight: normal;
	line-height: 100%;
	color: #333;
}
.seminar_wrapper .seminar p img {
	padding: 0 0 3%;
	vertical-align: bottom;
}
.seminar_wrapper .seminar p.text {
	font-size: 86%;
	line-height: 180%;
	color: #666;
}
.seminar_wrapper .seminar p.text span {
	display: block;
	padding: 3% 0 0;
	font-size: 130%;
	color: #000;
}
.seminar_wrapper p.list_btn02 {
	margin: 2% auto 0;
	width: 100%;
}
.tab-content p.list_btn02 a {
	font-size: 100%;
	padding: 3% 0;
}
/* learn event */
.event_wrapper {
	width: 90%;
	margin: 0 auto;
	padding: 0 0 20%;
}
.event_wrapper .tabs {
	display: block;
	width: 100%;
	margin: 0;
	overflow: hidden;
	list-style: none;
}
.event_wrapper .tabs li {
	float: left;
}
.event_wrapper .tabs li a {
	display: block;
	width: 100%;
	padding: 2% 0;
	border: 2px solid #dbdbdb;
	color: #888;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
}
.event_wrapper .tabs .is_active {
	padding: 2% 0;
	border: 2px solid #0258a6;
	/*color: #000;*/
	color: #fff;
	box-sizing: border-box;
}
.event_wrapper .tab-content {
	display: none;
}
.event_wrapper .tab-content.is_show {
	display: block;
	padding: 0;
	border: 1px solid #dbdbdb;
}
.event_wrapper img {
width: 100%;
height: auto;
}
.fellowship_wrapper h3 img {
max-width: 200px;
height: auto;
}
label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	cursor: pointer;
}
#panels .container {
	margin: 0 auto;
	width: 100%;
}
#panels section div.main {
	display: none;
	box-sizing: border-box;
	max-height: 0;
	opacity: 0;
	overflow-y: hidden;
}
#month1:checked ~ #panels #panel-1 div.main {
	display: block;
	max-height: initial;
	opacity: 1;
}
#month2:checked ~ #panels #panel-2 div.main {
	display: block;
	max-height: initial;
	opacity: 1;
}
#month3:checked ~ #panels #panel-3 div.main {
	display: block;
	max-height: initial;
	opacity: 1;
}
#month4:checked ~ #panels #panel-4 div.main {
	display: block;
	max-height: initial;
	opacity: 1;
}
#month5:checked ~ #panels #panel-5 div.main {
	display: block;
	max-height: initial;
	opacity: 1;
}
#month6:checked ~ #panels #panel-6 div.main {
	display: block;
	max-height: initial;
	opacity: 1;
}
#month7:checked ~ #panels #panel-7 div.main {
	display: block;
	max-height: initial;
	opacity: 1;
}
#month8:checked ~ #panels #panel-8 div.main {
	display: block;
	max-height: initial;
	opacity: 1;
}
#month9:checked ~ #panels #panel-9 div.main {
	display: block;
	max-height: initial;
	opacity: 1;
}
#month10:checked ~ #panels #panel-10 div.main {
	display: block;
	max-height: initial;
	opacity: 1;
}
#month11:checked ~ #panels #panel-11 div.main {
	display: block;
	max-height: initial;
	opacity: 1;
}
#month12:checked ~ #panels #panel-12 div.main {
	display: block;
	max-height: initial;
	opacity: 1;
}
#month1:checked ~ #sp_tabs-list #li-for-panel-1 {
	pointer-events: none;
	cursor: default;
}
#month1:checked ~ #sp_tabs-list #li-for-panel-1 label {
	color: #000;
	font-size: 120%;
}
#month1:checked ~ #sp_tabs-list #li-for-panel-1 label::after {
	border-bottom: 4px solid #0258a6;
}
#month2:checked ~ #sp_tabs-list #li-for-panel-2 {
	pointer-events: none;
	cursor: default;
}
#month2:checked ~ #sp_tabs-list #li-for-panel-2 label {
	color: #000;
	font-size: 120%;
}
#month2:checked ~ #sp_tabs-list #li-for-panel-2 label::after {
	border-bottom: 4px solid #0258a6;
}
#month3:checked ~ #sp_tabs-list #li-for-panel-3 {
	pointer-events: none;
	cursor: default;
}
#month3:checked ~ #sp_tabs-list #li-for-panel-3 label {
	color: #000;
	font-size: 120%;
}
#month3:checked ~ #sp_tabs-list #li-for-panel-3 label::after {
	border-bottom: 4px solid #0258a6;
}
#month4:checked ~ #sp_tabs-list #li-for-panel-4 {
	pointer-events: none;
	cursor: default;
}
#month4:checked ~ #sp_tabs-list #li-for-panel-4 label {
	color: #000;
	font-size: 120%;
}
#month4:checked ~ #sp_tabs-list #li-for-panel-4 label::after {
	border-bottom: 4px solid #0258a6;
}
#month5:checked ~ #sp_tabs-list #li-for-panel-5 {
	pointer-events: none;
	cursor: default;
}
#month5:checked ~ #sp_tabs-list #li-for-panel-5 label {
	color: #000;
	font-size: 120%;
}
#month5:checked ~ #sp_tabs-list #li-for-panel-5 label::after {
	border-bottom: 4px solid #0258a6;
}
#month6:checked ~ #sp_tabs-list #li-for-panel-6 {
	pointer-events: none;
	cursor: default;
}
#month6:checked ~ #sp_tabs-list #li-for-panel-6 label {
	color: #000;
	font-size: 120%;
}
#month6:checked ~ #sp_tabs-list #li-for-panel-6 label::after {
	border-bottom: 4px solid #0258a6;
}
#month7:checked ~ #sp_tabs-list #li-for-panel-7 {
	pointer-events: none;
	cursor: default;
}
#month7:checked ~ #sp_tabs-list #li-for-panel-7 label {
	color: #000;
	font-size: 120%;
}
#month7:checked ~ #sp_tabs-list #li-for-panel-7 label::after {
	border-bottom: 4px solid #0258a6;
}
#month8:checked ~ #sp_tabs-list #li-for-panel-8 {
	pointer-events: none;
	cursor: default;
}
#month8:checked ~ #sp_tabs-list #li-for-panel-8 label {
	color: #000;
	font-size: 120%;
}
#month8:checked ~ #sp_tabs-list #li-for-panel-8 label::after {
	border-bottom: 4px solid #0258a6;
}
#month9:checked ~ #sp_tabs-list #li-for-panel-9 {
	pointer-events: none;
	cursor: default;
}
#month9:checked ~ #sp_tabs-list #li-for-panel-9 label {
	color: #000;
	font-size: 120%;
}
#month9:checked ~ #sp_tabs-list #li-for-panel-9 label::after {
	border-bottom: 4px solid #0258a6;
}
#month10:checked ~ #sp_tabs-list #li-for-panel-10 {
	pointer-events: none;
	cursor: default;
}
#month10:checked ~ #sp_tabs-list #li-for-panel-10 label {
	color: #000;
	font-size: 120%;
}
#month10:checked ~ #sp_tabs-list #li-for-panel-10 label::after {
	border-bottom: 4px solid #0258a6;
}
#month11:checked ~ #sp_tabs-list #li-for-panel-11 {
	pointer-events: none;
	cursor: default;
}
#month11:checked ~ #sp_tabs-list #li-for-panel-11 label {
	color: #000;
	font-size: 120%;
}
#month11:checked ~ #sp_tabs-list #li-for-panel-11 label::after {
	border-bottom: 4px solid #0258a6;
}
#month12:checked ~ #sp_tabs-list #li-for-panel-12 {
	pointer-events: none;
	cursor: default;
}
#month12:checked ~ #sp_tabs-list #li-for-panel-12 label {
	color: #000;
	font-size: 120%;
}
#month12:checked ~ #sp_tabs-list #li-for-panel-12 label::after {
	border-bottom: 4px solid #0258a6;
}
ul#sp_tabs-list {
	display: table;
	/*width: 720px;*/
	width: 648px;
	margin: 0 auto;
	list-style: none;
	overflow: auto;
}
ul#tabs-list {
	display: none;
}
.swiper-button-prev, .swiper-button-next {
	display: block;
}
ul#sp_tabs-list li {
	display: table-cell;
	height: 40px;
	/*float: left;*/
	text-align: center;
	font-size: 70%;
	width: 6%;
	/*width:14%;*/
	position: relative;
	line-height: 140%;
	padding: 2% 0 0;
	background: #f2f2f2;
}
ul#sp_tabs-list li label {
	width: 100%;
	height: 40px;
	position: absolute;
	font-size: 100%;
	vertical-align: top;
}
ul#sp_tabs-list li label::after {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 0;
	border-bottom: 2px solid #9c9c9c;
}
input[type=radio] {
	display: none;
}
.event_item {
	display: block;
	position: relative;
	padding: 3%;
	width: 93%;
	border-bottom: 1px solid #c2c2c2;
}
.event_item a {
	display: block;
	color: #333;
	text-decoration: none;
}
.event_time {
	display: block;
	width: 65%;
	position: absolute;
	top: 8%;
	left: 35%;
	padding: 0;
	vertical-align: top;
	font-size: 90%;
}
.event_time br {
	display: none;
}
.event_category {
	display: block;
	width: 30%;
	font-size: 70%;
	text-align: center;
	vertical-align: top;
}
.event_category span {
	background-color: #000;
	color: #fff;
	display: block;
	width: 100%;
	margin: 2% 0 0;
	padding: 1% 0 0;
}
.event_ttitle {
	display: block;
	width: 100%;
	vertical-align: top;
	font-size: 88%;
	line-height: 150%;
	padding: 2% 0 0 0;
}

	.underlayer #main .menu_inner h1 a img {
		height: 95px;
	}
/* practice */
section.practice {
	position: relative;
}
section.practice ul.sp_menu {
	display: block;
	width: 100%;
	margin: 7.2% 0 0;
	position: absolute;
	top: 0;
	list-style: none;
	overflow: hidden;
}
section.practice ul.sp_menu li {
	width: 33.3%;
	float: left;
	line-height: 100%;
}
section.practice ul.sp_menu li img {
	width: 100%;
}
section.practice ul.menu {
	display: none;
}
section.practice .main_wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 26% 0 13%;
}
section.practice .main_wrapper h2 {
	width: 70%;
	margin: 0 auto 8%;
	line-height: 100%;
	text-align: center;
}
section.practice .main_wrapper h2 img {
	width: 100%;
}
section.practice .main_wrapper .main_lead {
	display: none;
}
section.practice .main_wrapper .sp_main_lead {
	display: block;
	margin-bottom: 13%;
	font-size: 90%;
	text-align: center;
	color: #666;
}
section.practice .main_wrapper .modifi {
	width: 84%;
	margin: 0 auto 20%;
	font-size: 80%;
	line-height: 160%;
	text-align: left;
}
section.practice .main_wrapper .modifi {
	margin-bottom: 0;
	text-align: left;
}
section.practice .repair {
	padding: 26% 0 26%;
}
/* practice mailmagazine */
.contract {
	width: 79%;
	margin: 0 auto;
	padding: 12% 5%;
	border: 1px solid #dbdbdb;
}
.contract h3 {
	margin: 0 0 8%;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	font-size: 120%;
	font-weight: normal;
	line-height: 100%;
	text-align: center;
}
.contract p.text {
	font-size: 84%;
	line-height: 160%;
	color: #666;
}
p.cbox {
	display: block;
	width: 94%;
	margin: 8% auto 4%;
}
input[type=checkbox] {
	display: none;
}
.label {
	position: relative;
	padding: 0 0 0 5%;
	font-size: 78%;
	color: #666;
}
.label:hover:after {
	border-color: #0171bd;
}
.label:after, .label:before {
	position: absolute;
	content: "　";
	display: block;
	top: 70%;
}
.label:after {
	left: 0;
	margin-top: -10px;
	width: 9px;
	height: 9px;
	border: 2px solid #145ba8;
}
.label:before {
	left: 3px;
	margin-top: -7px;
	width: 7px;
	height: 7px;
	background: #145ba8;
	opacity: 0;
}
input[type=checkbox]:checked + .label:before {
	opacity: 1;
}
/*
input#submit_button {
	width: 90%;
	margin: 0 auto 10%;
	padding: 5% 0;
	font-size: 100%;
	background-color: #0258a6;
	color: #fff;
	border-style: none;
}
*/
a#submit_button {
	width: 90%;
	margin: 0 auto 10%;
	padding: 5% 0;
	font-size: 100%;
	background-color: #0258a6;
	color: #fff;
	border-style: none;
}
/* カテゴリー共通　*/
.common_sub_category_wrapper {
	display: none;
}
.common_sub_category {
	width: 100%;
	overflow: hidden;
}
.common_sub_category div {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0 0 1% 0;
}
.common_sub_category div h3 {
	display: none;
}
.common_sub_category div p.text {
	display: none;
}
.common_sub_category div p img {
	width: 100%;
}
.common_sub_category div.learn, .common_sub_category div.practice {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0 0 1% 0;
}
.common_sub_category div:nth-child(even) {
	margin: 0;
}
.common_sub_category div.learn:nth-child(even), .common_sub_category div.practice:nth-child(even) {
	margin: 0;
}
.common_sub_category div.learn:nth-child(3n), .common_sub_category div.practice:nth-child(3n) {
	margin: 0;
}
}

@media (max-width:640px) {
html {
	font-size: 160%;
}
.sp_about_tenpukai p:last-child {
	font-size: 80%;
}
}

@media (max-width:600px) {
html {
	font-size: 156%;
}
.sp_about_tenpukai p:last-child {
	font-size: 78%;
}
}

@media (max-width:414px) {
html {
	font-size: 110%;
}
}

@media (max-width:375px) {
html {
	font-size: 100%;
}
}

.no-border--top {
	border-top: none !important;
}

/*ショートコード用のCSS*/
.shortCodeLinkButton {
	display: block;
	width: 240px;
	margin: 0;
	padding: 10px 0;
	font-size: 100%;
	text-align: center;
	text-decoration: none;
	background: #0258a6!important;
	color: #fff !important;
	max-width: 320px!important;
}

.shortCodeLinkButton__span {
	color: #fff !important;
}

.shortCodeLinkButton--text-white {
	color: #fff !important;
}

.shortCodeLinkButton--text-black {
	color: #000 !important;
}

.shortCodeLinkButton:hover {
	opacity: .6 !important;
}

body.post > th, td {
	border: 1px solid #9c9c9c;
}

@media (max-width:414px) {
.swiper-pagination {
margin-top: -60px;
}
}

/*2021.01 トップバナー変更　*/
section.main a.topimg_banner01 {
	display: block;
	width: 305px;
	height: 63px;
	position: absolute;
	top: 53%;
	left: 9.4%;
}
section.main a.topimg_banner02 {
	display: block;
	width: 305px;
	height: 63px;
	position: absolute;
	top: 60%;
	left: 9.4%;
}
section.main a.topimg_banner03 {
	display: block;
	width: 305px;
	height: 63px;
	position: absolute;
	top: 67%;
	left: 9.4%;
}
section.main a.topimg_banner01 img,
section.main a.topimg_banner02 img,
section.main a.topimg_banner03 img {
	width: 100%;
	height: auto;
	opacity: 0.85;
	border: 1px solid #fff;
}
section.main a.topimg_banner01 img:hover,
section.main a.topimg_banner02 img:hover,
section.main a.topimg_banner03 img:hover {
	opacity: 0.5;
}

@media (max-width:640px) {
section.main {
	background-color: #000!important;
	margin-top: -55px;
}
section.main a.topimg_banner01{
	left: 5%;
	top: 73%;
	width: 90%;
	}
	section.main a.topimg_banner02 {
	left: 5%;
	top: 86%;
	width: 90%;
	}
	section.main a.topimg_banner03 {
	left: 5%;
	top: 99%;
	width: 90%;
	}
}

/*2021.02 YouTubeレスポンシブ対応　*/
.youtubeitem {
	position: relative;
	width: 100%;
	max-width: 560px;
	height: 315px;
	}
.youtubeitem iframe {
	width: 100%;
	max-width: 560px;
	height: 315px;
	position: absolute;
	top:0;
	left: 0;
	}

@media all and (max-width: 640px) {
.youtubeitem {
	position: relative;
	width: 100%;
	max-width: 560px;
	height: 240px;
	margin: 20px auto;
	}
.youtubeitem iframe {
	width: 100%;
	max-width: 560px;
	height: 240px;
	position: absolute;
	top:0;
	left: 0;
	}
}

/*2021.03 投稿内リンクボタン設定　*/

.newbtn {
display: inline-block;
width: auto;
font-size: 16px;
/*
margin: 20px 20px 20px 0;
*/
margin: 20px 20px 10px 0;
font-weight: bold;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.29);
border-bottom: solid 3px #b8b8b8;
border-radius: 3px;
padding: 4px 0;
}
.newbtn a {
display: block;
padding: 10px 18px;
color: #fff;
text-decoration: none;
text-align: center;
}
.newbtn a:hover {
text-decoration: none;
opacity: 0.7;
}
.newbtn:active {
-webkit-transform: translateY(4px);
transform: translateY(3px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}

.blockbtn {
display: block;
width: auto;
margin: 0;
}

/*2021.04 ハンバーガーメニューはじめてガイドリンク追加　*/
nav.drawer-nav .link_first {
	margin-top: 20px;
	width: 97%;
}
nav.drawer-nav .link_first a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	border: 1px solid #7098D4;
	padding: 10px 10px 8px 10px;
	background-image: url("../img/icon_firstmark.png"), url("../img/icon_arrow_right.png");
	background-repeat: no-repeat, no-repeat;
	background-position: 10px 6px, 97% center;
	background-size: 26px;
	text-indent: 2em;
}
nav.drawer-nav .link_first a span {
	font-size: 20px;
	margin-left: 10px;
}
nav.drawer-nav .link_first a:hover {
	opacity: 0.6;
}

/*2021.04 トップページ　はじめてガイドバナー追加　*/

section.main a.topimg_banner01 {
	display: block;
	width: 305px;
	height: 63px;
	position: absolute;
	top: 51%;
	left: 9.4%;
}
section.main a.topimg_banner02 {
	display: block;
	width: 305px;
	height: 63px;
	position: absolute;
	top: 57.5%;
	left: 9.4%;
}
section.main a.topimg_banner03 {
	display: block;
	width: 305px;
	height: 63px;
	position: absolute;
	top: 63.9%;
	left: 9.4%;
}
section.main a.topimg_banner04 {
	display: block;
	width: 305px;
	height: 63px;
	position: absolute;
	top: 70.5%;
	left: 9.4%;
}
section.main a.topimg_banner01 img,
section.main a.topimg_banner02 img,
section.main a.topimg_banner03 img,
section.main a.topimg_banner04 img {
	width: 100%;
	height: auto;
	opacity: 0.85;
	border: 1px solid #fff;
}
section.main a.topimg_banner01 img:hover,
section.main a.topimg_banner02 img:hover,
section.main a.topimg_banner03 img:hover,
section.main a.topimg_banner04 img:hover {
	opacity: 0.5;
}

@media (max-width:640px) {
section.main .sp_main_copy {
	display: block;
	width: 71%;
	position: absolute;
	top: 28%;
	left: 5%;
}
section.main a.topimg_banner01{
	left: 5%;
	top: 62%;
	width: 90%;
	}
	section.main a.topimg_banner02 {
	left: 5%;
	top: 74%;
	width: 90%;
	}
	section.main a.topimg_banner03 {
	left: 5%;
	top: 86%;
	width: 90%;
	}
	section.main a.topimg_banner04 {
	left: 5%;
	top: 98%;
	width: 90%;
	}
}

/*2021.06 フリーページ　ページ内リンク設定調整　*/
#pagelink01 {
	margin-top:-110px; padding-top:110px;
}
#pagelink02 {
	margin-top:-110px; padding-top:110px;
}
#pagelink03 {
	margin-top:-110px; padding-top:110px;
}
#pagelink04 {
	margin-top:-110px; padding-top:110px;
}
#pagelink05 {
	margin-top:-110px; padding-top:110px;
}


/*2021.07 寄附金サイトリンク追加　*/
.pc_donation {
	margin: 10px 0 0 0; 
	border: 1px solid #D2D2D2;
	text-align: center;
	color: #fff!important;
}
.pc_donation a {
	color: #fff!important;
	display: block;
	background-color: #3f4f7c;
}
.pc_donation a:hover {
	opacity: 0.6;
	transition: 0.5s all ease 0s;
}
.sp_donation {
	display: none;
}

@media (max-width:640px) {
.sp_donation {
	display: block;
}
.sp_donation a {
	width: 90%;
	margin: 20px auto;
	padding: 14px 0;
	text-align: center;
	color: #fff!important;
	display: block;
	background-color: #3f4f7c;
	text-decoration: none;
}
	
}

/*2021.08 トップバナー変更　*/
section.main a.topimg_banner01 img,
section.main a.topimg_banner02 img,
section.main a.topimg_banner03 img,
section.main a.topimg_banner04 img {
	width: 100%;
	height: auto;
	border: none!important;
}
section.main a.topimg_banner01 img:hover,
section.main a.topimg_banner02 img:hover,
section.main a.topimg_banner03 img:hover,
section.main a.topimg_banner04 img:hover {
	opacity: 0.5;
}