@charset "utf-8";

/******************************************************************
 *
 * 全ページ共通
 *
 ******************************************************************/


body {font-family: "Hiragino Mincho ProN", "YuMincho", "Yu Mincho", "MS PMincho", "Times New Roman", serif; background: #fff; color: #4e0202; font-weight: 400; -webkit-font-smoothing: antialiased; }
a {color:#4e0202; text-decoration: none;}
a:hover { color:#00a0e9; text-decoration: underline;}
img { width: auto; height: auto; }

.large { font-size: 1.15em; line-height: 1.65em; }
.small { font-size: 0.85em; line-height: 1.25em; }
.xsmall { font-size: 0.65em; line-height: 1.25em; }
.caution { color: #f6615f !important; }


/* clearfix */
.cf:before, .cf:after {content:""; display:block; overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

/* fonts */



/******************************************************************
 * media screen
 ******************************************************************/

@media screen and (min-width:751px){/* -------------------------PC */

body {line-height: 2.05em; font-size: 16px;}

a:hover img.hover,button:hover img.hover {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.sp {display:none !important;}
.navishow { display: block !important; }

/* header */
header { position: fixed; width: 100%; height: 96px; background: rgba(255,255,255,0.8); z-index: 199999; }
	.navi-inner { position: relative; width: 1280px; margin: 0 auto; padding: 0; }
	#global-head { }
	#global-head .logo { width: 70px; float: left; margin: 13px 0 0 0; }
	#global-nav ul { float: right; margin: 16px 0 0 0; padding: 0 ; font-size: 0; }
	#global-nav li { position: relative; float: left; display: inline-block; height: 63px; font-size: 1px; }
	#global-nav li span { display: none; }
	#global-nav li a { display: block; width: 100%; height: 100%; }

	#global-nav li:nth-child(1) { width: 84px; background: url("../images/header_navi01.png") no-repeat; background-size: contain; }
	#global-nav li:nth-child(1):hover { background: url("../images/header_navi01_on.png") no-repeat; background-size: contain; }
	#global-nav li.on:nth-child(1) { background: url("../images/header_navi01_on.png") no-repeat; background-size: contain; }
	#global-nav li:nth-child(2) { width: 117px; background: url("../images/header_navi02.png") no-repeat; background-size: contain; }
	#global-nav li:nth-child(2):hover { background: url("../images/header_navi02_on.png") no-repeat; background-size: contain; }
	#global-nav li.on:nth-child(2) { background: url("../images/header_navi02_on.png") no-repeat; background-size: contain; }
	#global-nav li:nth-child(3) { width: 142px; background: url("../images/header_navi03.png") no-repeat; background-size: contain; }
	#global-nav li:nth-child(3):hover { background: url("../images/header_navi03_on.png") no-repeat; background-size: contain; }
	#global-nav li.on:nth-child(3) { background: url("../images/header_navi03_on.png") no-repeat; background-size: contain; }
	#global-nav li:nth-child(4) { width: 184px; background: url("../images/header_navi04.png") no-repeat; background-size: contain; }
	#global-nav li:nth-child(4):hover { background: url("../images/header_navi04_on.png") no-repeat; background-size: contain; }
	#global-nav li.on:nth-child(4) { background: url("../images/header_navi04_on.png") no-repeat; background-size: contain; }
	#global-nav li:nth-child(5) { width: 114px; background: url("../images/header_navi05.png") no-repeat; background-size: contain; }
	#global-nav li:nth-child(5):hover { background: url("../images/header_navi05_on.png") no-repeat; background-size: contain; }
	#global-nav li.on:nth-child(5) { background: url("../images/header_navi05_on.png") no-repeat; background-size: contain; }
	#global-nav li:nth-child(6) { width: 157px; background: url("../images/header_navi08.png") no-repeat; background-size: contain; }
	#global-nav li:nth-child(6):hover { background: url("../images/header_navi08_on.png") no-repeat; background-size: contain; }
	#global-nav li.on:nth-child(6) { background: url("../images/header_navi08_on.png") no-repeat; background-size: contain; }

	#global-nav li:nth-child(7) { width: 117px; background: url("../images/header_navi06.png") no-repeat; background-size: contain; }
	#global-nav li:nth-child(7):hover { background: url("../images/header_navi06_on.png") no-repeat; background-size: contain; }
	#global-nav li.on:nth-child(7) { background: url("../images/header_navi06_on.png") no-repeat; background-size: contain; }
	#global-nav li:nth-child(8) { width: 144px; background: url("../images/header_navi07.png") no-repeat; background-size: contain; }
	#global-nav li:nth-child(8):hover { background: url("../images/header_navi07_on.png") no-repeat; background-size: contain; }
	#global-nav li.on:nth-child(8) { background: url("../images/header_navi07_on.png") no-repeat; background-size: contain; }
	header .sns { float: right; padding: 28px 0 0 20px; width: 60px; }


/* contents */
#contents { width: 100%; margin: 0 auto 0 auto; padding: 0 0 0 0; }

section.bg { background: url("../images/outr_bg.png") center top repeat-x; }

.outrL {
	padding: 100px 0 15px 0;
	background:
		url("../images/outr_bg_l_bottom_pc.png") center bottom no-repeat,
		url("../images/outr_bg_l_top_pc.png") center top no-repeat,
		url("../images/outr_bg_l_center_pc.png") center top repeat-y;
}
.outrL .outChld { width: 1480px; margin: 0 auto 0 auto; padding: 0 100px 0 0; background: rgba(0,0,0,0); }
.outrL_bottom {
	height: 180px;
	background:
		url("../images/outr_bg_b_l_pc.png") center top no-repeat;
}
.outrL_bottom .outBChld { width: 1480px; margin: 0 auto 0 auto; background: 0 100px 0 0; }

.outrR {
	padding: 100px 0 15px 0;
	background:
		url("../images/outr_bg_r_bottom_pc.png") center bottom no-repeat,
		url("../images/outr_bg_r_top_pc.png") center top no-repeat,
		url("../images/outr_bg_r_center_pc.png") center top repeat-y;
}
.outrR .outChld { width: 1480px; margin: 0 auto 0 auto; padding: 0 0 0 100px; background: rgba(0,0,0,0); }
.outrR_bottom {
	height: 180px;
	background:
		url("../images/outr_bg_b_r_pc.png") center top no-repeat;
}
.outrR_bottom .outBChld { width: 1480px; margin: 0 auto 0 auto; padding: 0 0 0 100px; }

.outrC {
	padding: 100px 0 15px 0;
	background:
		url("../images/outr_bg_c_bottom_pc.png") center bottom no-repeat,
		url("../images/outr_bg_c_top_pc.png") center top no-repeat,
		url("../images/outr_bg_c_center_pc.png") center top repeat-y;
}
.outrC .outChld { width: 1280px; margin: 0 auto 0 auto; padding: 0 0 0 0; background: rgba(0,0,0,0); }
.outrC_bottom {}
.outrC_bottom .outBChld { width: 1380px; margin: 0 auto 0 auto; }

.content_titleL { width: 100%; margin: 0 auto; }
.content_titleL h2 { display: block; width: 776px; height: 163px; background:url("../images/title_bg_l_pc.png") no-repeat; text-align: left; line-height: 163px; padding: 0 0 0 130px; color: #613038; letter-spacing: 0.5em; font-size: 30px; }
.content_titleL h2 span { font-size: 0.6em; letter-spacing: 0.25em; }

.content_titleR { width: 100%; margin: 0 auto; }
.content_titleR h2 { display: block; float: right; width: 776px; height: 163px; background:url("../images/title_bg_r_pc.png") right top no-repeat; text-align: left; line-height: 163px; padding: 0 0 0 130px; color: #613038; letter-spacing: 0.5em; font-size: 30px; }
.content_titleR h2 span { font-size: 0.6em; letter-spacing: 0.25em; }

.content_titleC { width: 100%; margin: 0 auto; }
.content_titleC h2 { display: block; margin: 0 auto; width: 776px; height: 163px; background:url("../images/title_bg_r_pc.png") right top no-repeat; text-align: center; line-height: 163px; padding: 0 0 0 0; color: #613038; letter-spacing: 0.5em; font-size: 30px; }

.ctitle_txt h2 { line-height: 30px !important; padding-top: 60px; }
.ctitle_txt span { display: block; font-size: 0.5em; letter-spacing: 0.25em; }

.topicpath { background: url("../images/tp_bg.png") center top repeat-y; padding: 96px 0 0 0; }
.topicpath .inner { width: 1280px; margin: 0 auto; font-size: 12px; line-height: 20px; padding: 1em 1em; color: #613038; }
.topicpath .inner a { color: #613038; }
.topicpath .inner span { padding: 0 1.75em 0 0; margin: 0 1.25em 0 0; background: url("../images/tp_arrow.png") right center no-repeat; background-size: 6px; }

div.pagetop { position: relative; text-align: center; padding: 90px 0 0 0; z-index: 10; }
div.pagetop img { width: 80px;}

footer { position: relative; width:100%; font-size: 0.85em; line-height: 1.5em; margin: -42px 0 0 0; }
footer .navi { background: #f4efef; color: #4e0202;}
footer .navi .inner { width: 1280px; margin: 0 auto; padding: 40px 0; }
footer .navi .inner ul { width: 1080px; }
footer .navi .inner ul ul { padding: 0 0 10px 2em; }
footer .navi .inner ul li { display: inline-block; width: 200px; }
footer .navi .inner ul ul li { display: inline; background: none; }
footer .navi .inner ul li a { display: inline-block; padding: 10px 0 10px 15px; margin: 0 30px 0 0; background: url("../images/footer_arrow.png") left center no-repeat; background-size: 11px; color: #4e0202; }
footer .navi .inner ul ul li a { display: inline-block; padding: 10px 0 10px 15px; margin: 0 30px 0 0; background: url("../images/footer_arrow2.png") left center no-repeat; background-size: 11px; color: #4e0202; }

footer .navi .inner .copy { float: right; width: 300px; padding: 150px 0 0 0; background: url("../images/logo_kibi.png") right top no-repeat; background-size: 133px; text-align: right; }





}/* /@media */

/*******************************************************************/

@media screen and (max-width:750px){/* -------------------------SP */
html {-webkit-text-size-adjust: 100%;}
body {line-height:1.85em; font-size: 2.66vw;}
.pc { display:none !important; }

/* header */
header {}
#global-head { position:fixed; width:100%; height:100px; background: rgba(255,255,255,0.95); }
	header .logo {position:absolute; top: 13px !important; left: 2% !important; width:70px !important;}
	header .togglebox { top: 28px !important; right: 2% !important; }
	#global-nav {margin: 100px 0 0 0; padding:0 0 0 0; }
		#global-nav li {margin:0; padding:0 !important; border: none !important; } 
		#global-nav a {display:block; width:100% !important; margin:0; padding: 1em !important; background:url(../images/header_arrow.png) 98% center no-repeat rgba(78,2,2,0.95) !important; background-size: 1.5vw !important; border-bottom:1px solid #e5e4e4 !important; color:#fff !important; text-decoration:none; font-weight: 500; box-sizing: border-box; }
		#global-nav a.sub { background:url("../images/header_arrow.png") 97.5% center no-repeat rgba(253,253,253,0.95) !important; background-size: 1vw !important; font-weight: normal; text-indent: 1em; }
			#global-nav a span {padding:1.25em; }
		#global-nav li.w a { background:url("../images/header_arrow2.png") 98% center no-repeat rgba(0,160,233,1) !important; background-size: 1.5vw !important; color: #fff !important; }
	header .sns { float: right; padding: 29px 0 0 0; margin: 0 70px 0 0; width: 40px; }

.sp-head-bottom { position: relative; width: 100%; padding: 60px 0 1vw 0; border-bottom: 3px solid #396caa;  }
.sp-navi { position: relative; width: 98%; margin: 0 auto; }
.sp-navi li { float: left; width: 50%; padding: 0 1% 0 0; box-sizing: border-box;}
.sp-navi li:first-child { float: left; width: 50%; padding: 0 1%; box-sizing: border-box;}


/* contents */
#contents { padding: 100px 0 0 0 ; }

section.bg { background: none; }

.outrL {
	padding: 13.333vw 0 2vw 0;
	background:
		url("../images/outr_bg_l_bottom_sp.png") center bottom no-repeat,
		url("../images/outr_bg_l_top_sp.png") center top no-repeat,
		url("../images/outr_bg_l_center_sp.png") center top repeat-y;
	background-size: contain,contain,contain;
}
.outrL .outChld { width: 86.666vw; margin: 0 auto 0 auto; padding: 0 0 0 0; background: rgba(0,0,0,0); }
.outrL_bottom {
	height: 28vw;
	background:
		url("../images/outr_bg_b_l_sp.png") center bottom no-repeat;
	background-size: contain;
}
.outrL_bottom .outBChld { width: 86.666vw; margin: 0 auto 0 auto; }

.outrR {
	padding: 13.333vw 0 2vw 0;
	background:
		url("../images/outr_bg_r_bottom_sp.png") center bottom no-repeat,
		url("../images/outr_bg_r_top_sp.png") center top no-repeat,
		url("../images/outr_bg_r_center_sp.png") center top repeat-y;
	background-size: contain,contain,contain;
}
.outrR .outChld { width: 86.666vw; margin: 0 auto 0 auto; padding: 0 0 0 0; background: rgba(0,0,0,0); }
.outrR_bottom {
	height: 28vw;
	background:
		url("../images/outr_bg_b_r_sp.png") center bottom no-repeat;
	background-size: contain;
}
.outrR_bottom .outBChld { width: 86.666vw; margin: 0 auto 0 auto; }

.outrC {
	padding: 13.333vw 0 2vw 0;
	background:
		url("../images/outr_bg_c_bottom_sp.png") center bottom no-repeat,
		url("../images/outr_bg_c_top_sp.png") center top no-repeat,
		url("../images/outr_bg_c_center_sp.png") center top repeat-y;
	background-size: contain,contain,contain;
}
.outrC .outChld { width: 86.666vw; margin: 0 auto 0 auto; padding: 0 0 0 0; background: rgba(0,0,0,0); }
.outrC_bottom {}
.outrC_bottom .outBChld { width: 86.666vw; margin: 0 auto 0 auto; }

.content_titleL { width: 100%; margin: 0 auto; padding: 0; overflow: hidden; }
.content_titleL h2 { display: block; width: 100%; height: 21.733vw; background:url("../images/title_bg_l_sp.png") no-repeat; text-align: left; line-height: 21.733vw; padding: 0 0 0 10.333vw; color: #613038; letter-spacing: 2vw; font-size: 4vw; background-size: contain; }
.content_titleL h2 span { font-size: 0.6em; letter-spacing: 1vw; }

.content_titleR { width: 100%; margin: 0 auto; padding: 0; overflow: hidden; }
.content_titleR h2 { display: block; width: 100%; height: 21.733vw; background:url("../images/title_bg_r_sp.png") no-repeat; text-align: left; line-height: 21.733vw; padding: 0 0 0 16.133vw; color: #613038; letter-spacing: 2vw; font-size: 4vw; background-size: contain; }
.content_titleR h2 span { font-size: 0.6em; letter-spacing: 1vw; }

.content_titleC { width: 100%; margin: 0 auto; padding: 0; overflow: hidden; }
.content_titleC h2 { display: block; width: 100%; height: 21.733vw; background:url("../images/title_bg_c_sp.png") no-repeat; text-align: center; line-height: 21.733vw; padding: 0 0 0 0; color: #613038; letter-spacing: 2vw; font-size: 4vw; background-size: contain; }

.ctitle_txt h2 { line-height: 4.6vw !important; padding-top: 6.66vw; }
.ctitle_txt span { display: block; font-size: 0.5em; letter-spacing: 0.25em; }

.topicpath { display: none; }

/* footer */

div.pagetop { text-align: center; padding: 12vw 0 4.6vw 0; }
div.pagetop img { width: 12vw;}
footer { position: relative; width:100%; background:#fff; margin: 0 0 0 0}
footer .navi{ margin: 0% 0 0 0 ; padding:0; font-size:100%;  }
footer .navi ul li { border-bottom: 1px solid #fff; font-size: 1em;  background: #4e0202; }
footer .navi ul li ul li { border-bottom: 1px solid #fff; font-size: 1em;  background: #f4efef; }
footer .navi ul li a { display: block; position: relative; padding: 1em 3%; box-sizing: border-box; font-weight: normal; color: #fff; text-decoration: none; }
footer .navi ul li ul li a { display: block; position: relative; padding: 1em 3%; box-sizing: border-box; font-weight: normal; color: #4e0202; text-decoration: none; }
footer .navi ul li span {  }
footer .navi ul li a::after{
	content:"";
	display: block;
	width: 9px;
	height: 9px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 3%;
	top:50%;
	margin-top:-7px;
}
footer .navi ul li ul li a::after{
	content:"";
	display: block;
	width: 9px;
	height: 9px;
	border-top: 1px solid #4e0202;
	border-right: 1px solid #4e0202;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 3%;
	top:50%;
	margin-top:-7px;
}



footer .navi .inner { width: 100%; margin: 0 auto; padding: 0 0; background: #fff; }
footer .navi .inner .copy { width: 100%; padding: 28.67vw 0 8vw 0; background: url("../images/logo_kibi.png") center 8vw no-repeat; background-size: 18vw; text-align: center; color: #4e0202; font-size: 2.3vw; line-height: 1.5em; }

/* contents */


}/* /@media */