<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* Link */

.block_link a,
a.block_link {
	display: block;
	transition: opacity 1s, background 1s, color 1s, border 1s;
}
.block_link a:hover,
a.block_link:hover {
	opacity: 0.7;
	text-decoration: none;
	transition: opacity 0.7s;
}
.common_btn {
	text-align: center;
	margin: 20px auto 30px;
}
.common_btn a {
	display: inline-block;
	min-width: 405px;
	width:auto;
	border-radius: 5px;
	color: #001b5b;
	font-size: 2.125rem;
	font-weight: bold;
	padding: 37px 30px;
	position: relative;
	text-decoration: none;
	margin: 0 auto;
	background: #abeaf6;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	z-index: 10;
}
.common_btn a b{
	font-size:1.875rem;
	font-weight:500;
	color:#222222;
}
.common_btn.icon_arrow_btm a{
	padding:32px 30px 42px;
}
.common_btn a:before {
	position: absolute;
	display: inline-block;
	content: "";
	width: 100%;
	height: 25%;
	background: rgb(171, 234, 246);
	background: linear-gradient(0deg, rgba(171, 234, 246, 0) 0%, rgba(145, 222, 241, 1) 100%);
	left: 0;
	right: 0;
	top: 50%;
	z-index: -1;
	opacity: 0.57;
	transition:height .4s,top .4s;
}
.common_btn a:hover:before{
	height:100%;
	top:0;
	opacity:1;
}
.common_btn a:after{
	position:absolute;
	display:inline-block;
	content:"";
	width:14px;
	height:14px;
	border-top:2px solid #001b5b;
	border-right:2px solid #001b5b;
	top:0;
	bottom:0;
	right:20px;
	margin:auto;
	transform:rotate(45deg);
}
.common_btn.icon_arrow_btm a:after{
	top:auto;
	bottom:15px;
	right:0;
	left:0;
	transform:rotate(135deg);
}
@media screen and (max-width: 768px) {
	.common_btn {
		margin: 10px auto 20px;
	}
	.common_btn a {
		min-width: 0;
		max-width:325px;
		width:100%;
		font-size: 1.215rem;
		padding: 20px 10px;
	}
	.common_btn a b{
		font-size:1rem;
	}
	.common_btn.icon_arrow_btm a{
		padding:20px 10px 27px;
	}
	.common_btn a:after{
		width:10px;
		height:10px;
		right:20px;
	}
	.common_btn.icon_arrow_btm a:after{
		bottom:10px;
		right:0;
	}
}
/* image */
.scale_m {
	max-width: 100%;
	width: auto;
	height: auto;
}
.scale_all {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 768px) {
	.scale {
		width: 100%;
		height: auto;
	}
}
@media screen and (min-width:769px) {
	.pc_center {
		text-align: center !important;
	}
	.sp_center {
		text-align: left;
	}
	.pc_right {
		text-align: right !important;
	}
	.mb50_h {
		margin-bottom: 50px !important;
	}
	.mb60_h {
		margin-bottom: 60px !important;
	}
	.mb80_h {
		margin-bottom: 80px !important;
	}
}
@media screen and (max-width:768px) {
	.pc_center,
	.pc_righ {
		text-align: left;
	}
	.sp_center {
		text-align: center !important;
	}
	.sp_right {
		text-align: right !important;
	}
	.mb50_h {
		margin-bottom: 25px !important;
	}
	.mb60_h {
		margin-bottom: 30px !important;
	}
	.mb80_h {
		margin-bottom: 40px !important;
	}
}
.modal-content {
	width: 80%;
	min-width: 1000px;
	max-width: 1220px;
	margin: auto;
	background: none;
	position: fixed;
	display: none;
	z-index: 1020;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
}
#modal-overlay {
	z-index: 1000;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 120%;
	background-color: rgba(0, 0, 0, 0.66);
}
.modal-content .close_btn {
	position: absolute;
	top: -10%;
	right: 0px;
	color: rgb(255, 255, 255);
	font-size: 40px;
	line-height: 1;
	display: block;
	cursor: pointer;
}
.modal-content .box{
	background:#fff;
	max-width:1220px;
	border-radius:0 50px 0 50px;
	overflow:hidden;
	padding:0 50px 50px;
}
.modal-content .box .modal_tit{
	background:#c30d23;
	width:calc(100% + 100px);
	margin-left:-50px;
	font-size:1.875rem;
	font-weight:bold;
	color:#fff;
	padding:25px 0;
	margin-bottom:40px;
}
.modal-content.BN .box .modal_tit,
.modal-content.BS .box .modal_tit{
	background:#f39800;
}
.modal-content.premium .box .modal_tit{
	background:#e83428;
}
.modal-content.avispa .box .modal_tit{
	background:#d60051;
}
.modal-content.M6 .box .modal_tit,
.modal-content.M1 .box .modal_tit{
	background:#2e95ba;
}
.modal-content.M2 .box .modal_tit,
.modal-content.M5 .box .modal_tit{
	background:#093c81;
}
.modal-content .box div[class^="slider-"]{
	max-width:740px;
	margin:0 auto 80px;
}
.modal-content .box div[class^="thumbnail-"] .slick-track {
	transform: unset !important;
}
.modal-content .box div[class^="thumbnail-"] .thumbnail-text{
	width:104px !important;
	float:none;
	display:inline-block;
	margin:0 10px;
	padding:5px 10px;
	background:#eaeaea;
	color:#282828;
	border-radius:20px;
}
.modal-content .box div[class^="thumbnail-"] .thumbnail-text.slick-current{
	background:#283459;
	color:#fff;
	opacity:1;
}
@media screen and (max-width: 768px) {
	.modal-content {
		min-width: 0;
		max-width: 100%;
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
	}
	.modal-content .box{
		max-width:100%;
		border-radius:0 25px 0 25px;
		padding:0 20px 20px;
	}
	.modal-content .box .modal_tit{
		width:calc(100% + 40px);
		margin-left:-20px;
		font-size:1.5rem;
		padding:15px 0;
		margin-bottom:20px;
	}
	.modal-content .box img{
		max-width:100%;
	}
	.modal-content .box div[class^="slider-"]{
		max-width:100%;
		margin:0 auto 40px;
	}
	.modal-content .box div[class^="thumbnail-"] .thumbnail-text{
		width:80px !important;
		margin:0 5px 10px;
	}
}
/*  タブ切替  */
.tab_change &gt; input[type="radio"]{
	display:none;
}
.tab_change &gt; input[type="radio"] ~ .tab_views .tab_content{
	overflow:hidden;
	opacity:0;
	position:relative;
	max-height:0;
	z-index:-10;
	transition:opacity .4s;
}
.tab_change &gt; input[id$="01"]:checked ~ .tab_views *[class$="01"],
.tab_change &gt; input[id$="02"]:checked ~ .tab_views *[class$="02"],
.tab_change &gt; input[id$="03"]:checked ~ .tab_views *[class$="03"],
.tab_change &gt; input[id$="04"]:checked ~ .tab_views *[class$="04"],
.tab_change &gt; input[id$="05"]:checked ~ .tab_views *[class$="05"],
.tab_change &gt; input[id$="06"]:checked ~ .tab_views *[class$="06"],
.tab_change &gt; input[id$="07"]:checked ~ .tab_views *[class$="07"],
.tab_change &gt; input[id$="08"]:checked ~ .tab_views *[class$="08"],
.tab_change &gt; input[id$="09"]:checked ~ .tab_views *[class$="09"]{
	opacity:1;
	z-index:10;
	max-height: 100%;
	overflow:visible;
	width:100%;
}</pre></body></html>