@charset "UTF-8";
/*
 * CSS common.css
 */


/* ---------------------------------------
disp
--------------------------------------- */

@media screen and (min-width: 768px) {
	.disp_pc{
		display: block;
	}
	.disp_sp{
		display: none;
	}
	.disp_pc.disp_sp{
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.disp_pc{
		display: none;
	}
	.disp_sp{
		display: block;
	}
	.disp_pc.disp_sp{
		display: block;
	}
}
@media print {
	body{ -ms-zoom: 90%; }
	#footer{ page-break-inside: avoid; }

	.disp_sp{
		display: none;
	}
	.disp_pc.disp_sp{
		display: block;
	}
}



/* ---------------------------------------
wysiwyg
content.css copy
--------------------------------------- */
.wysiwyg ul{
	padding: 0 10px;
}
.wysiwyg ul li{
	padding-left: 1em;
	list-style-type: none;
	background: url(../../../module/img/common/ico_circle_black.png) no-repeat 0px 0.7em;
	background-size: 5px 5px;
}
.ie8 .wysiwyg ul li{
	background: url(../../../module/img/common/ico_circle_black_ie8.png) no-repeat 0px 0.7em;
}
.wysiwyg ol{
	padding: 0 24px;
}
.wysiwyg ol li{
	list-style-type: decimal;
}
.wysiwyg p{
	margin-bottom: 10px;
}

.ck_heading_style1{
	line-height: 1.5;
	padding: 0 0 0 15px;
	margin-bottom: 8px;
	background: url(../../../module/img/common/title_h2_20210922.png) no-repeat left 3px;
	background-size:6px 18px;
	font-size: 1.14em; /*16px*/
	font-weight: bold;
}
.ck_heading_style2{
	margin-bottom:5px;
	font-weight:bold;
}
.ck_heading_style3{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #ddd;
	font-weight:bold;
}


.ck_table_style1{
	width: auto;
	box-sizing: border-box;
	max-width: 100%;
}
.ck_table_style1 th,
.ck_table_style1 td{
	padding: 6px 10px;
	border: 1px solid #ccc;
}

.ck_table_style1_2{
	width: 100%;
	box-sizing: border-box;
	max-width: 100%;
}
.ck_table_style1_2 th,
.ck_table_style1_2 td{
	padding: 6px 10px;
	border: 1px solid #ccc;
}

.ck_table_style1_3{
	width: auto;
	box-sizing: border-box;
	max-width: 100%;
	margin:0 auto;
}
.ck_table_style1_3 th,
.ck_table_style1_3 td{
	padding: 6px 10px;
	border: 1px solid #ccc;
}

.ck_table_style2_1{
	max-width: 100%;
	margin:0 auto;
}


.ck_pdf1{
	position: relative;
	padding-right: 20px;
}
.ck_pdf1:after{
	content: "";
	display: block;
	width: 14px; height: 14px;
	position: absolute;
	top: .3em;right: 0;
	background: url(../../../module/img/common/ico_pdf.png);
	background-size: 100%!important;
}
.ck_pdf2{
	position: relative;
	padding-left: 20px;
}
.ck_pdf2:after{
	content: "";
	display: block;
	width: 14px; height: 14px;
	position: absolute;
	top: .3em;left: 0;
	background: url(../../../module/img/common/ico_pdf.png);
	background-size: 100%!important;
}
.ck_blank1{
	position: relative;
	display: inline-block;
	padding-right: 20px;
}
.ck_blank1:after{
	content: "";
	display: block;
	width: 15px; height: 15px;
	position: absolute;
	top: .3em; right: 0;
	background: url(../../../module/img/common/ico_blank.png);
	background-size: 100%!important;
}
.ck_blank2{
	position: relative;
	display: inline-block;
	padding-left: 20px;
}
.ck_blank2:after{
	content: "";
	display: block;
	width: 15px; height: 15px;
	position: absolute;
	top: .3em; left: 0;
	background: url(../../../module/img/common/ico_blank.png);
	background-size: 100%!important;
}



/* ---------------------------------------
txt
--------------------------------------- */
.txt_nomal{ font-size: 1em; }
.txt_bold{ font-weight: bold; }
.txt_small{ font-size: 0.9em;}
.txt_red{ color: #b51b21; }
.mincho{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif!important; }




.section{ padding-bottom: 60px; }
.sec_in{
	width: 1100px;
	min-width: 1100px;
	margin: 0 auto;
	position: relative;
	/*border: 1px solid #00f;*/
}
.cnt_in{
	width: 1000px;
	min-width: 1000px;
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width: 767px){
	.section{ padding-bottom: 40px; }
	.sec_in{
		width: 94%;
		min-width: 1px;
	}
	.cnt_in{
		width: 94%;
		min-width: 1px;
	}
}




.photoswipe{ cursor: default; }
@media screen and (max-width: 767px){
	.photoswipe{
		position: relative;
		display: block;
		padding: 15px 15px 40px 15px;
		box-sizing: border-box;
		border: 1px solid #C6C6C6;
	}
	.photoswipe:after{
		content: "";
		display: block;
		width: 24px; height: 24px;
		background: url(../img/common/ico_loupe.png);
		background-size: 100%;
		position: absolute;
		bottom: 10px; right: 10px;
	}
}




.title_style1{
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 2.5em;
	margin-bottom: 20px;
	text-align: center;
}
.title_style1._bk{
	color: #333;
	text-align: left;
}


/*.title_style2{
	font-size: 1.6em;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #CCCCCC;
}
.title_style2 span{
	font-weight: bold;
	padding-left: 15px;
	border-left: 5px solid #E61E24;
}*/

.title_style2{
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.5;
	padding: 0 0 0 25px;
	margin-bottom: 30px;
	background: url(../../../module/img/common/title_h2_20210922.png) no-repeat left 5px;
}

/*.title_style2{
	font-size: 2em;
	line-height: 1.5;
	padding: 0 0 0 25px;
	margin-bottom: 30px;
	background: url(../img/common/title_h2_20210922.png) no-repeat left 8px;
}
*/

.title_style3{
	color: #E61E24;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;
}
.title_style3._wh{
	color: #FFF;
}
.title_style3.line1{
	padding-bottom: 10px;
	border-bottom: 2px solid #CCCCCC;
}
.title_style3.line1:before{
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	position: absolute;
	bottom: -2px;
	left: 0;
	background: #E61E24;
}

.title_style4{
	color: #FFF;
	font-size: 1.7em;
	padding: 12px 10px 12px 70px;
	margin-bottom: 30px;
	background: url(../img/common/title_bg.png) no-repeat left top;
}
@media screen and (max-width: 767px){
	.title_style3{
		font-size: 1.3em;
	}
	.title_style4{
		font-size: 1.5em;
		padding: 12px 10px 12px 40px;
		margin-bottom: 20px;
		background: url(../img/common/title_bg.png) no-repeat left top;
	}
}






/* btn style */
.btn_style1{
	font-family: 'Poppins', 'Noto Sans JP', sans-serif;
	color: #FFF;
	width: 220px;
	font-size: 1.1em;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	padding: 10px 5px;
	border-radius: 30px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	border: 2px solid #F00;
	background: #F00;
	transition: 0.5s;
	z-index: 2;
}
.btn_style1:hover{
	color: #F00!important;
	background: rgba(255,255,255,.4);
}
.btn_style1 i:before{
	content: "";
	position: absolute;
	width: 150%; height: 0%;
	left: 50%; top: 50%;
	background: rgba(255,255,255,.4);
	transition: all 0.7s ease 0s;
	transform: translateX(-50%) translateY(-50%) rotate(-20deg);
	z-index: -1;
}
.btn_style1:hover i:before{ height: 660%; }
.btn_style1 i{
	display: block;
	position: relative;
	z-index: 2;
}

.btn_style1._gray{
	background: #56666B;
	border: 2px solid #56666B;
}
.btn_style1._gray:hover{ color: #56666B!important; }
.btn_style1._gray i:before{ background: rgba(255,255,255,1); }

.btn_style1._wh{
	color: #F00;
	background: #FFF;
	border: 2px solid transparent;
}
.btn_style1._wh:hover{ color: #FFF!important; }
.btn_style1._wh i:before{ background: rgba(255,0,0,1); }







.btn_style4{
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	border: 1px solid #FFF;
	padding: 14px 28px 14px 40px;
	line-height: 1.3;
	position: relative;
}
.btn_style4:before{
	content: "";
	display: block;
	position: absolute;
	top: 50%; left: 15px;
	margin-top: -3px;
	background: url(../img/common/ico_arrow.png);
	width: 11px;
	height: 7px;
	transition: .3s;
}
.btn_style4:hover{ background: rgba(255,255,255,.3); }

/* .btn_style4._bk */
.btn_style4._bk{ color: #000; border: 1px solid #000; }
.btn_style4._bk:before{ background: url(../img/common/ico_arrow_bk.png); }
.btn_style4._bk:hover{ color: #FFF; background: rgba(0,0,0,.2); }
.btn_style4._bk:hover:before{ background: url(../img/common/ico_arrow.png); }

/* .btn_style4._red */
.btn_style4._red{ color: #F00; border: 1px solid #F00; }
.btn_style4._red:before{ background: url(../img/common/ico_arrow_red.png); }
.btn_style4._red:hover{ color: #FFF; background: rgba(255,0,0,.5); }
.btn_style4._red:hover:before{ background: url(../img/common/ico_arrow.png); }

/* .btn_style4._gray */
.btn_style4._gray{ color: #949494; border: 1px solid #949494; }
.btn_style4._gray:before{ background: url(../img/common/ico_arrow_gray.png); }

/* .btn_style4._left */
.btn_style4._left:before{ transform: rotate(180deg); }

/* .btn_style4._right */
.btn_style4._right{ padding: 14px 40px 14px 28px; }
.btn_style4._right:before{ right: 15px; left: auto; }

/* .btn_style4._nothover */
.btn_style4._nothover{ pointer-events: none; }

.btn_style4 span{
	display: inline-block;
}





.btn_style5{
	min-width: 130px;
	text-align: center;
	color: #e60024!important;
	background: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 16px 28px 16px 40px;
	line-height: 1;
	position: relative;
}

.btn_style5:hover{
	transition: .3s;
	opacity: 0.8;
}

.btn_style5._red{
	color: #fff!important;
	background-color: #e60024;
}
.btn_style5._gray{
	color: #fff!important;
	background-color: #57656b;
}



.btn_style6{
	color: #FFF;
	display: table;
	width: 100%;
	font-size: 1.4em;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	background: url(../img/common/btn_bg2.png);
	background-size: cover;
}
.btn_style6>span{
	width: 280px;
	height: 90px;
	display: table-cell;
	vertical-align: middle;
}
.btn_style6._gray{
	background: url(../img/common/btn_bg1.png);
	background-size: cover;
}
@media screen and (max-width: 767px){
	.btn_style6{
		font-size: 1.15em;
		background: url(../img/common/btn_bg2.png);
		background-size: cover;
	}
	.btn_style6>span{
		width: 100%;
		height: 55px;
	}
	.btn_style6._gray{
		background: url(../img/common/btn_bg1.png);
		background-size: cover;
	}
}



.ico_arw1{
	width: 11px;
	height: 7px;
	margin-left: 10px;
	margin-right: 10px;
	display: inline-block;
	background: url(../img/common/ico_arrow_blue.png) no-repeat center left;
}
@media screen and (max-width: 767px) {
}


.select_style{
	font-size: 1.5em;
	font-weight: bold;
	width: 370px;
	height: 50px;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #CCCCCC;
	background: #FFF url(../img/common/selec_bg.png) no-repeat right center;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand {
	display: none;
}
@media screen and (max-width: 767px){
	.select_style{
		font-size: 1.3em;
		width: 220px;
		height: 40px;
	}
}


.pagination{
	text-align: center;
}
.pagination li{
	margin-left: 10px;
	display: inline-block;
}
.pagination li a{
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	display: table-cell;
	width: 40px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	background: #FFF;
	transition: .2s;
}
.pagination li a:hover{
	color: #FFF;
	background: #3E3E3E;
}
.pagination li.next a{
	background: #FFF url(../img/common/next.png) no-repeat center;
}
.pagination li.prev a{
	background: #FFF url(../img/common/prev.png) no-repeat center;
}
.pagination li.next a:hover{
	background: #3E3E3E url(../img/common/next_h.png) no-repeat center;
}
.pagination li.prev a:hover{
	background: #3E3E3E url(../img/common/prev_h.png) no-repeat center;
}

@media screen and (max-width: 767px){
	.pagination li{
		margin-left: 5px;
	}
	.pagination li a{
		font-size: 1em;
		width: 30px;
		height: 30px;
	}
}



/* ---------------------------------------
commonModule
--------------------------------------- */
.clearfix, .section, .incnt, .sec_in{
	zoom: 1;
}
.clearfix:after, .section:after, .incnt:after, .sec_in:after{
	display: block;
	content: "";
	clear: both;
}

.cnt_left {float: left; }
.cnt_right {float: right; }

._on { transition: 0.3s; }
._on:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
@media screen and (max-width: 767px) {
	._on{
		transition: none;
	}
	._on:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}
}


/* display adjust */
.basehide, .middlehide, .tablethide, .sphide, .landhide, .porthide {
	display: block;
}
.baseblock, .tabletblock, .middleblock, .spblock, .landblock, .portblock {
	display: none;
}
@media screen and (max-width: 1300px) {
	.baseblock{display: block; }
	.basehide {display: none !important; }
}
@media screen and (max-width: 959px) {
	.tabletblock{display: block; }
	.tablethide {display: none !important; }
}
@media screen and (max-width: 767px) {
	.middleblock{display: block; }
	.middlehide {display: none !important; }
}
@media screen and (max-width: 639px) {
	.landblock{display: block; }
	.landhide {display: none !important; }
}
@media screen and (max-width: 479px) {
	.spblock{display: block; }
	.sphide {display: none !important; }
}
@media screen and (max-width: 400px) {
	.portblock{display: block; }
	.porthide {display: none !important; }
}