@charset "UTF-8";
/* CSS Document */

/* font */
body { font-family:  YuGothicM,YuGothic,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;}
a, a:link, a:visited, a:active { color: #212529; outline: 0px none; text-decoration: none; -webkit-touch-callout: none; }
.mincho{ font-family:  "游明朝", YuMincho, "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", "Hiragino Mincho Pro", "serif";}
.line_height_wide{ line-height: 180%;}

/* common */
body{}
main{ background-color: #fff;}
main img{ max-width: 100%; width: 100%; height: auto;}

.mt5 {  margin-top: 5px; } .mt10 {  margin-top: 10px; } .mt15 {  margin-top: 15px; } .mt20 {  margin-top: 20px; } .mt25 {  margin-top: 25px; } .mt30 {  margin-top: 30px; } .mt40 {  margin-top: 40px; } .mt50 {  margin-top: 50px; } .mt60 {  margin-top: 60px; } .mt80 {  margin-top: 80px; } .ml5 {  margin-left: 3px; } .ml10 {  margin-left: 8px; } .mr10 {  margin-right: 10px; } .mr15 {  margin-right: 15px; } .mb5 {  margin-bottom: 5px; } .mb10 {  margin-bottom: 10px; } .mb20 {  margin-bottom: 20px; } .mb30 {  margin-bottom: 30px; } .mb40 {  margin-bottom: 40px; } .mb50 {  margin-bottom: 50px; } .mb80 {  margin-bottom: 80px; } .mlr5 {  margin-right: 5px;  margin-left: 5px; } .mlr10 {  margin-right: 10px;  margin-left: 10px; } .mlr15 {  margin-right: 15px;  margin-left: 15px; } .mlr20 {  margin-right: 20px;  margin-left: 20px; } .mlr40 {  margin-right: 40px;  margin-left: 40px; } 

.back_white{ background-color: white;}
.back_gray{ background-color: #eeeeee;}

.common_title_01{ line-height: 1em; text-align: center;}
.common_title_01>small{ display: block; position: relative; line-height: 1em; font-family: Arial, Helvetica, "sans-serif"; font-weight: 600; color: #3163bc;}

.page_common_title{ background-image: url("../images/page_title_back.jpg"); background-repeat: no-repeat; line-height: 1em; color: white; text-align: center; margin: 0;}

.washi{ background: url("../images/washi_back.png") repeat center;}
.washi>.container>.white_back{ background-color: white;}

@media (min-width: 768px) {
	main{ min-width: 1030px;}
	.container{ width: 1030px; min-width: 1030px;}

	.container_box{ width: 1030px; padding: 50px 15px; margin: 0 auto;}
	.back_white{ padding: 30px;}
	.back_gray{ padding: 20px;}

	.common_title_01{ font-size: 35px; margin: 60px 0 30px;}
	.common_title_01>small{ font-size: 13px; padding-bottom: 10px;}

	.main_title{ position: relative; min-width: 1010px; border-bottom-width: 50px; top: -50px; margin-bottom: -50px;}
	.main_title>div:nth-child(2){ padding: 165px;}

	.page_common_title{ min-width: 1030px; font-size: 42px; padding: 210px 0 150px; background-size: 110% auto; background-position: center 60%;}
	.washi{ min-width: 1030px; padding-top: 100px; padding-bottom: 100px;}
	.washi>.container>.white_back{ padding: 70px 0;}
}
@media (max-width: 767.98px) {
	p{ font-size: 14px;}
	.container_box{ padding: 30px 10px;}
	.back_white{ padding: 10px 10px 20px;}
	.back_gray{ padding: 10px 10px 20px;}

	.container { padding-right: 10px; padding-left: 10px;}
	.row { margin-right: -10px; margin-left: -10px;}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
	.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
	.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
	.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
	.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
	.col-xl-auto { padding-right: 15px; padding-left: 15px;}

	.common_title_01{ font-size: 30px; margin: 60px 0 30px;}
	.common_title_01>small{ font-size: 13px; padding-bottom: 10px;}

	.page_common_title{ font-size: 38px; padding: 135px 0 105px; background-size: 200% auto; background-position: center 40%;}
	.washi{ padding: 50px 0;}
	.washi>.container>.white_back{ padding: 70px 0;}

	.modal-body {font-size: 14px!important;}
	.modal-body p {margin-bottom: 0px;}
	.modal-body .modal-title {font-size: 16px; margin-bottom: 10px; display: block;}
	.modal-body .modal-title2 {font-size: 15px; margin-bottom: 6px; display: block;}
	.csr_box { margin-top: 20px; border: 1px solid #c6c6c6; padding: 20px;}
}
.washi>.common_title_01:first-child,
.washi>.container>.white_back>.common_title_01:first-child{ margin-top: 0;}



@media (min-width: 768px) {
	#ming{ margin-top:-200px; padding-top:200px;}
	#hakata_chika{ margin-top:-220px; padding-top:220px;}
	#hakata_ichiban{ margin-top:-220px; padding-top:220px;}
}
@media (max-width: 767.98px) {	
	#ming{ margin-top:-100px; padding-top:100px;}
	#hakata_chika{ margin-top:-150px; padding-top:150px;}
	#hakata_ichiban{ margin-top:-150px; padding-top:150px;}
}




#sponsor_box{ background: url("../images/washi_back.png") repeat center center;}
#sponsor_box .common_title_01{ margin-top: 0;}
#sponsor_link{ display: flex; flex-wrap: wrap;}
#sponsor_link>a>img{ width: 100%; height: auto; display: block;}
@media (min-width: 768px) {
#sponsor_box{ padding: 50px 0 50px; min-width: 1030px;}
#sponsor_link{ justify-content: center; width: 1030px; margin: 0 auto;}
#sponsor_link>a{ width: calc(25% - 20px); margin: 0 10px;}
#sponsor_link>a:nth-child(n+5){ margin-top: 30px;}
}
@media (max-width: 767.98px) {
#sponsor_box{ padding: 30px 0;}
#sponsor_box .common_title_01{ margin-bottom: 20px;}
#sponsor_link{ margin: 0 auto; padding: 0 5px; width: 100%;}
#sponsor_link>a{ width: calc(50% - 10px); margin: 0 5px;}
#sponsor_link>a:nth-child(n+3){ margin-top: 10px;}
}


#pp_box{ border: #dddddd solid 1px;}
#pp_box>dl{}
#pp_box>dl>dt{ color: #e83437;}
#pp_box>dl>dd{ padding-left: 1em;}
#pp_box>dl>dd>.pp_indent{ padding: 0 0 1em 1em;}
#pp_box>dl>dd>p,
#pp_box>dl>dd>.pp_indent>p{ margin: 0; position: relative;}
#pp_box>dl>dd>p>span,
#pp_box>dl>dd>.pp_indent>p>span{ position: absolute; left: -1em; top: 0; display: block;}
#pp_box a{ word-break: break-all;}
@media (min-width: 768px) {
#pp_box{ padding: 15px; margin-bottom: 10px;}
#pp_box>p{ margin: 0 0 30px;}
#pp_box>dl{ margin: 30px 0 0;}
}
@media (max-width: 767.98px) {
#pp_box{ padding: 10px 10px; margin-bottom: 10px;}
#pp_box>p{ margin: 0 0 40px;}
#pp_box>dl{ margin: 20px 0 0;}
}



.page_common_2025_title{ background-repeat: no-repeat; text-align: center; margin: 0; line-height: 1em; position: relative;
font-family:  "游明朝", YuMincho, "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", "Hiragino Mincho Pro", "serif";
    &::before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: black; opacity: .6;}
    >span{ line-height: 1em; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; width: 100%; height: 100%;}
@media (min-width: 768px) { min-width: 1030px; height: 400px; background-size: 110% auto; background-position: center 60%;
    >span{ font-size: 42px;}
}
@media (max-width: 767.98px) { height: 270px; background-size: 200% auto; background-position: center 40%;
    >span{ font-size: 38px;}
}
}


@media (min-width: 576px) and (max-width: 767.98px) {}
@media (max-width: 575.98px) {}