* {
	margin: 0px;
	padding: 0px;
}
body {
   margin: 0;
   padding: 0;
}
.header_sponly {
	display:none;
}
.header_base {
	position:fixed;
	background-color:transparent;
	top:0px;
	left:0px;
	width:100%;
	height:110px;
	z-index:10200;
	transition: 0.5s;
}
.header_base_inner {
	position:absolute;
	width:100%;
	top:50%;
	transform: translate(0%, -60%);
	display:flex;
	justify-content: start;
	align-items: center;
}
.header_logo {
	position:relative;
	width:276px;
	height:24px;
	margin-left:60px;
	overflow:hidden;
	transition: .3s ease-in-out;
	cursor:pointer;
}
#header_logo_inner_1 {
	position:absolute;
	top:0;
	left:0;
	display:none;
}
#header_logo_inner_2 {
	position:absolute;
	top:0;
	left:0;
}
.header_base_menu {
	position:absolute;
	width:100%;
	top:50%;
	transform: translate(0%, -30%);
	display:flex;
	justify-content: center;
	align-items: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:15px;
	font-weight:500;
	z-index:10010;
}
.header_base_menu_item {
	position:relative;
	display:flex;
	justify-content: center;
	align-items: top;
	height:40px;
	cursor:pointer;
}
.header_uline {
	position: relative;
}
.header_uline::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 10px;
	background: #ece57d;
	top: 14px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform 0.3s;
	z-index:-1;
}
.header_uline:hover::after {
	transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
}
.header_menuButton {
	position: fixed;
	width:70px;
	height:60px;
	top:22px;
	right:80px;
	cursor:pointer;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	z-index:11000;	
}
.header_menuButton span{
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 20px;
	height: 2px;
	background-color: #666;
	transition: background-color 0.2s linear;
}
.header_menuButton:hover span{
	transition: 0.5s;
}
.header_menuButton span:nth-of-type(1) {
	top:25px;
	width:100%;
}
.header_menuButton span:nth-of-type(2) {
	top:37px;
	width:100%;
}
.header_menuButton.active span:nth-of-type(1) {
	top: 25px;
	left: 20px;
	transform: translateY(6px) rotate(12deg);
	width: 100%;
}
.header_menuButton.active span:nth-of-type(2) {
	top: 37px;
	left: 20px;
	transform: translateY(-6px) rotate(-12deg);
	width: 100%;
}
.header_base_submenu {
	position:absolute;
	top:40px;
	left:20px;
	padding:40px;
	background-color:#fff;
	z-index:-2;
	display:none;
}
.header_base_submenu_inner_L {
	float:left;
	border-left:1px solid #eee;
	box-sizing:border-box;
}
.header_base_submenu_inner_R {
	float:right;
	border-left:1px solid #eee;
	box-sizing:border-box;
}
.header_base_submenu_item {
	cursor:pointer;
	padding:8px;
	padding-left:20px;
}
.header_base_open {
	position:fixed;
	right:0;
	top:0;
	width:450px;
	height:100vh;
	background-color:#f4f4f4;
	display:none;
	z-index:10600;
}
.header_base_open_menu {
	margin-top:85px;
	width:100%;
	height;auto;
	max-height:800px;
	overflow-y:auto;
}
.header_base_open_menu_list {
	width:100%;
	padding-left:62px;
	padding-right:62px;
	padding-bottom:35px;
	box-sizing:border-box;
}
.header_base_open_menu_list_2 {
	width:100%;
	padding-left:62px;
	padding-right:62px;
	padding-bottom:60px;
	box-sizing:border-box;
}
.header_base_open_menu_title {
	width:100%;
	padding-top:24px;
	padding-bottom:24px;
	box-sizing:border-box;
	font-family: 'Noto Sans JP', sans-serif;
	border-bottom:1px solid #ccc;
	cursor:pointer;
	font-size:17px;
}
.header_base_open_menu_title_2 {
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	box-sizing:border-box;
	font-family: 'Noto Sans JP', sans-serif;
	border-bottom:1px solid #ccc;
	cursor:pointer;
	font-size:16px;
}
.header_base_open_menu_title_L {
	position:relative;
	z-index:1;
	float:left;
}
.header_base_open_menu_title_R {
	font-size:13px;
	float:right;
}
.header_base_open_menu_title_L_2 {
	position:relative;
	z-index:1;
	float:left;
}
.header_base_open_menu_title_R_2 {
	font-size:13px;
	float:right;
}
.header_base_open_detail_list {
	width:100%;
	padding-top:10px;
	padding-left:35px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:15px;
	font-weight:500;
	display:none;
	box-sizing:border-box;
}
.header_base_open_detail {
	position:relative;
	width:100%;
	padding-top:20px;
	z-index:1;
}

.footer {
	width:1200px;
	margin:0 auto;
	box-sizing:border-box;
	border-top:1px solid #444;
	padding-top:80px;
	background-color:#f4f4f4;
}
.footer_left {
	float:left;
	width:640px;
	position:relative;
}
.footer_left_2 {
	float:left;
	width:240px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:15px;
	font-weight:500;
	line-height:48px;
}
.footer_right {
	float:right;
	width:275px;
}
.footer_logo {
	margin-top:10px;
	width:240px;
}
.footer_adr {
	width:490px;
	margin-top:35px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	font-size:15px;
	line-height:28px;
}
.footer_link_detail {
	position:relative;
	width:100%;
	z-index:1;
}
.footer_link_detail_2 {
	font-family: 'Noto Sans JP', sans-serif;
	position:relative;
	width:100%;
	font-weight:500;
	font-size:14px;
	z-index:1;
}
.footer_box {
    position: relative;
    margin-top:20px;
    margin-bottom:36px;
    padding-top: 20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
    border: solid 1px #aaa;
    border-radius: 8px;
}
.footer_box .box-title {
    position: absolute;
    display: inline-block;
    top: -16px;
    left: 0px;
	padding:5px;
    line-height: 1;
    font-size: 14px;
    color: #444;
    font-weight:400;
	background-color:#f4f4f4;
	font-family: 'Noto Sans JP', sans-serif;
}
.footer_box p {
	width:100%;
	padding-top:10px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:10px;
	box-sizing:border-box;
}
.footer_sns {
	width:100%;
	display:flex;
	justify-content:space-around;
	box-sizing:border-box;
}
.footer_sns_inner {
	width:22px;
	cursor:pointer;
}
.footer_copyright {
	margin-top:10px;
	margin-bottom:100px;
	color:#aaa;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight:400;
    font-size: 15px;
	letter-spacing:2px;
}

#kyobi_template {
	overflow-y:auto;
	background-color:#f4f4f4;
	background-image:url("../img/back.png");
	background-repeat:no-repeat;
	background-position: top right;
	background-size:38%;
	filter:alpha(50%);
	padding-top:110px;
}
#kyobi_fullOverlay{
	position: fixed;
	left: 0;
	top: 0;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, .4);
	z-index:10500;
	display:none;
}
@media (max-width: 767px) {
	.header_base {
		height:56px;
	}
	.header_base_inner {
		transform: translate(0%, -50%);
	}	
	.header_base_menu {
		display:none;
	}
	.header_logo {
		position:relative;
		width:200px;
		height:18px;
		margin-left:20px;
		overflow:hidden;
		transition: .3s ease-in-out;
		cursor:pointer;
	}
	.header_menuButton {
		width:48px;
		height:60px;
		top:8px;
		right:40px;
		cursor:pointer;
		display:flex;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
	}
	.header_menuButton span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 20px;
		height: 2px;
		background-color: #666;
		transition: background-color 0.2s linear;
	}
	.header_menuButton:hover span{
		transition: 0.5s;
	}
	.header_menuButton span:nth-of-type(1) {
		top:14px;
		width:100%;
	}
	.header_menuButton span:nth-of-type(2) {
		top:24px;
		width:100%;
	}
	.header_menuButton.active span:nth-of-type(1) {
		top: 14px;
		left: 20px;
		transform: translateY(5px) rotate(12deg);
		width: 100%;
	}
	.header_menuButton.active span:nth-of-type(2) {
		top: 24px;
		left: 20px;
		transform: translateY(-5px) rotate(-12deg);
		width: 100%;
	}
	.header_base_open {
		width:100%;
	}	
	.header_base_open_menu {
		margin-top:35px;
	}
	.header_base_open_menu_list {
		padding-left:30px;
		padding-right:30px;
	}
	.header_base_open_menu_list_2 {
		padding-left:30px;
		padding-right:30px;
	}
	.header_base_open_menu_title {
		padding-top:24px;
		padding-bottom:24px;
	}

	.footer {
		width:85%;
		box-sizing:border-box;
		padding-top:40px;
	}
	.footer_left {
		width:100%;
		box-sizing:border-box;
	}
	.footer_left_2 {
		float:left;
		width:100%;
		margin-top:30px;
		box-sizing:border-box;
	}
	.footer_right {
		float:right;
		width:100%;
		margin-top:20px;
		box-sizing:border-box;
	}
	.footer_logo {
		margin-top:0px;
		width:240px;
	 }
	.footer_adr {
		width:100%;
		margin-top:35px;
		font-size:14px;
	}
	.footer_link_detail {
		position:relative;
		width:100%;
		z-index:1;
	}
	.footer_link_detail_2 {
		font-family: 'Noto Sans JP', sans-serif;
		position:relative;
		width:100%;
		font-weight:500;
		font-size:14px;
		z-index:1;
	}
	.footer_box {
		width:100%;
		box-sizing:border-box;
		position: relative;
		margin-top:20px;
		margin-bottom:36px;
		padding-top: 20px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:10px;
		border: solid 1px #aaa;
		border-radius: 8px;
	}
	.footer_copyright {
		margin-top:30px;
		margin-bottom:50px;
		color:#aaa;
		font-family: 'Noto Sans JP', sans-serif;
	    font-weight:400;
    	font-size: 15px;
		letter-spacing:2px;
	}

	.header_pconly {
		display:none;
	}
	.header_sponly {
		display:block;
	}
	#kyobi_template {
		background-size:78%;
		padding-top:56px;
	}
}