@charset "UTF-8";
/****** フロントページ追記分 ******/
/*** 共通部分 ***/
#main_outline::before {
	display: none;
}
/* ヘッダー */
.main_header {
	background: #FFF;
}
.main_header.clone-nav {
	display: none;
}
/* フッター */
.main_footer {
	padding: max(10px, 0.5em) 0 24px;
	background: linear-gradient(180deg, #72D3FF 0%, #7AD7FF 100%);
}
.foot_wrap {
	max-width: calc(100vw - 32px);/* メインサイト共通修正箇所 */
	width: 100%;
}
.foot_copy{
	padding-top: max(12px, 1em);
}
.foot_copyin {
	width: 100%;/* メインサイト共通修正箇所 */
}
	@media only screen and (max-width: 1024px) {
		.main_footer {
			background: linear-gradient(180deg, #77D5FF 0%, #7AD7FF 100%);
		}
	}
	@media only screen and (max-width: 768px) {
		.foot_copyin {
			padding: 0;/* メインサイト共通修正箇所 */
		}
	}
/*** フロントページ本文 ***/
/* zone-front */
.zone-front {
	position: relative;
	padding: 0;
}
.zone-front_in {
	max-width: unset;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
/* スライダー */
.front_vis-box .vis {
	margin: 0 auto;
}
.front_vis-box .vis .slick-list li {
	border: 0;
	border-radius: 0;
}
.front_vis-box .vis .slick-list img {
	border: 0;
	border-radius: 0;
}
.front_vis-box .vis .slick_nav {
	max-width: 1224px;
	width: 100%;
	margin: 0 auto;
	padding: 6px 12px;
}
.front_vis-box .vis .slick_nav::before {
	display: block;
	position: absolute;
	content: '';
	width: 100vw;
	height: calc(100% + 2em);
	top: -1em;
	left: calc(50% - 50vw);
	background: #5BBCFD;
	background: linear-gradient(180deg, #5BBCFD 0%, #5BBCFD 16%, #6BD0FF 50%, #7AD7FF 100%);
	z-index: -1;
}
.front_vis-box .slick_nav .slick-dots {
	position: relative;
	z-index: 4;
}
	@media only screen and (max-width: 1024px) {
		.front_vis-box .vis .slick_nav::before {
			display: none;
		}
	}
/** スライダー被せ部分 **/
.zone-front .front-box {
	position: absolute;
	max-width: 1224px;
	width: 100%;
	margin: 0 auto;
	padding: 0 12px;
	bottom: 3em;
	left: 0;
	right: 0;
}
.zone-front .front-box.wrap_top {
	height: unset;
	top: 24px;
	left: 0;
	right: 0;
}
.zone-front .front-box_in {
	position: relative;
	height: 100%;
}
	@media only screen and (max-width: 1024px) {
		.zone-front .front-box:not(.wrap_top) {
			position: relative;
			bottom: unset;
			left: unset;
			right: unset;
		}
		.zone-front .front-box:not(.wrap_top)::before {
			position: absolute;
			display: block;
			content: '';
			width: 100vw;
			height: calc(100% + 5em);
			background: linear-gradient(180deg, #5BBCFD 0%, #5BBCFD 16%, #6BD0FF 50%, #7AD7FF 100%);
			top: -3em;
			left: calc(50% - 50vw);
			z-index: -1;
		}
		.wrap_bottom {
			padding: 0 0 12px;
		}
	}
	@media only screen and (max-width: 768px) {
		.wrap_bottom {
			padding: 0;
		}
		.zone-front .front-box.wrap_top {
			position: relative;
			padding-top: 12px;
			padding-bottom: 12px;
			top: unset;
			left: unset;
			right: unset;
			bottom: unset;
		}
		.zone-front .wrap_top .front-box_in {
			height: unset;
		}
	}
/* SNS */
.front-box .tbr_s-box {
	position: relative;
	max-width: 522px;
	min-height: 72px;
	width: 100%;
	height: auto;
	margin: 0 auto 0 0;
	padding: 12px;
	background: #FFF;
	border: 1px solid #0E4373;
	border-radius: 4px;
	z-index: 5;
}
.tbr_s-box a {
	position: relative;
	display: block;
}
.tbr_s-box a::before {
	position: absolute;
	display: block;
	content: '';
	width: 168px;
	height: 100%;
	min-height: 30px;
	background: url("img/main_sns.png") no-repeat right center/contain;
	right: 3px;
	top: 0;
}
.front-box .tbr_s-box a b {
	display: inline-block;
	padding: 12px 4px;
	background: #FF8C33;
	border-radius: 8px;
	color: #fff;
	font-size: 113%;
	text-shadow: #BA5507 1px 1px 0, #BA5507 1px 0 0, #BA5507 1px -1px 0, #BA5507 0 1px 0, #BA5507 0 -1px 0, #BA5507 -1px 1px 0, #BA5507 -1px 0 0, #BA5507 -1px -1px 0;
	position: relative;
	width: calc(100% - 192px);
	text-align: center;
}
.tbr_s-box a b::before {
	content: "";
	position: absolute;
	border: 4.5px solid transparent;
	border-left: 8px solid #FF8C33;
	width: 8px;
	height: 8px;
	top: calc(50% - 4px);
	right: -12px;
}
.wrap_bottom {
	max-height: 74%;
	height: 100%;
	padding-bottom: 28px;
	align-content: flex-end;
}
	@media only screen and (max-width: 1024px) {
		.front-box .tbr_s-box {
			max-width: calc(50vw - (24px + 12px));
			min-height: unset;
			width: 100%;
		}s
		.front-box .tbr_s-box a b {
			font-size: 90%;
		}
	}
	@media only screen and (max-width: 768px) {
		.front-box .tbr_s-box {
			max-width: unset;
		}
	}
	@media only screen and (max-width: 480px) {
		.tbr_s-box a{
			padding: 0 0 56px;
		}
		.tbr_s-box a::before{
			top: auto;
			bottom: 3px;
			right: calc(50% - 85px);
			background-position-y: bottom;
			height: calc(100% - 3px);
		}
		.front-box .tbr_s-box a b{
			width: 100%;
		}
		.front-box .tbr_s-box a b::before{
			top: auto;
			right: calc(50% - 4.5px);
			bottom: -10px;
			transform: rotate(90deg);
		}
	}
/* 検索バナー */
.front_search {
	max-width: 760px;
	width: 100%;
	margin: 24px auto 0;
	padding: 16px;
	background: #0E4373 url("img/main_bg01.svg");
	border-radius: 4px;
}
.front_search .src_box .q {
	border-radius: 4px 0 0 4px;
}
	@media only screen and (max-width: 480px) {
		.front_search .src_box .q {
			width: calc(100% - 80px) !important;
		}
		.front_search .src_box #search_button3 {
			width: 80px;
		}
	}
/* ページナビゲーション */
.navi_list-box {
	max-width: 648px;
	width: 100%;
	margin: 16px auto 0;
	padding: 0;
}
.navi_list-box h2 {
	position: absolute;
	padding: 0;
	z-index: -1;
	opacity: 0;
}
.navi_list-box .ilist2 {
	margin: 0;
}
.navi_list-box .ilist2_lower ul{
	justify-content: center;
	align-items: center;
}
.navi_list-box .ilist2_lower ul > li:nth-child(n) {
	width: calc((100% - (42px * 2))/ 3);
	margin: 0 42px 0 0;
}
.navi_list-box .ilist2_lower ul > li:nth-child(3n) {
	margin: 0;
}
.navi_list-box .ilist2_lower ul > li a {
	transition: .2s;
}
.navi_list-box .ilist2_lower ul > li .ilist_in {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 16px;
	background: rgba(255,255,255,.86);
	border-radius: 200px;
	transition: .2s;
	max-width: 188px;
	max-height: 188px;
	width: 25vw;
	height: 25vw;
	margin: 0 auto;
}
.navi_list-box .ilist2_lower ul > li a:hover .ilist_in {
	border-color: #860000;
}
.navi_list-box .ilist2_lower ul > li .ilist_left {
	max-width: 90px;
	width: 100%;
}
.navi_list-box .ilist2_lower ul > li .ilist_right {
	width: 100%;
	margin: 12px 0 0;
	padding: 0;
}
.navi_list-box .ilist2_lower li img {
	transition: .2s;
}
.navi_list-box .ilist2_lower li a:hover img {
	transform: scale(1.1);
}
.navi_list-box .ilist2 .ilist_title {
	text-shadow: #FFF 1px 1px 0,#FFF 1px 0 0,#FFF 1px -1px 0,#FFF 0 1px 0,#FFF 0 -1px 0,#FFF -1px 1px 0,#FFF -1px 0 0,#FFF -1px -1px 0;
	font-size: 150%;
	transition: .2s;
}
.navi_list-box .ilist2_lower li:nth-child(1) .ilist_title {
	color: #0E4373;
}
.navi_list-box .ilist2_lower li:nth-child(2) .ilist_title {
	color: #7B181D;
}
.navi_list-box .ilist2_lower li:nth-child(3) .ilist_title {
	color: #437F1B;
}
.navi_list-box .ilist2_lower li:nth-child(n) a:hover .ilist_title {
	color: #860000;
}
	@media only screen and (max-width: 1024px) {
		.navi_list-box h2 {
			z-index: -2;
		}
	}
	@media only screen and (max-width: 768px) {
		.navi_list-box .ilist2_lower ul > li:nth-child(n) {
			width: calc((100% - (24px * 2)) / 3);
			margin: 0 24px 0 0;
		}
		.navi_list-box .ilist2_lower ul > li:nth-child(3n) {
			margin-right: 0;
		}
		.navi_list-box .ilist2_lower ul > li .ilist_in{
			width: 27vw;
			height: 27vw;
		}
		.navi_list-box .ilist2_lower ul > li .ilist_left {
			max-width: 70px;
		}
		.navi_list-box .ilist2 .ilist_title {
			font-size: 112.5%;
		}
	}
	@media only screen and (max-width: 480px) {
		.navi_list-box .ilist2_lower ul > li .ilist_in {
			padding: 19px 12px;
		}
		.navi_list-box .ilist2_lower li a:hover img {
			transform: scale(1.2);
		}
		.navi_list-box .ilist2 .ilist_title {
			font-size: 100%;
		}
		.navi_list-box .ilist2_lower ul > li:nth-child(n) {
			width: calc((100% - (8px * 2))/ 3);
			margin: 0 8px 0 0;
		}
		.navi_list-box .ilist2_lower ul > li:nth-child(3n) {
			margin-right: 0;
		}
		.navi_list-box .ilist2_lower ul > li .ilist_in{
			width: 29vw;
			height: 29vw;
			padding: 20px 6px;
		}
		.navi_list-box .ilist2_lower ul > li .ilist_left {
			max-width: 50px;
		}
		.navi_list-box .ilist2_lower ul > li .ilist_right {
			margin-top: 8px;
		}
	}
	@media only screen and (max-width: 375px) {
		.navi_list-box .ilist2_lower ul > li .ilist_in {
			padding: 18px 6px;
		}
	}