@charset 'UTF-8';
/*
Theme Name: Koryo Mokuzai
Author: Koryo Mokuzai
Description: 広陵木材株式会社
Version: 1.0.0
*/

html{width:100%;height:100%;}
body{width:100%;height:100%;margin:0;padding:0;}

@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.0.0/dist/css/yakuhanjp.min.css);

body, th, td { font-family:'YakuHanJP', 'Noto Sans JP', sans-serif; font-size:16px; color:#222;font-weight: 300;}

@media screen and (max-width:768px) {
	body, th, td {font-size:28px;}
}

body{background: linear-gradient(90deg, #22385e 0%, #22385e 25%, #f9f9f9 25%, #f9f9f9 100%);}

@media screen and (max-width:768px) {
	body{background: linear-gradient(90deg, #f9f9f9 0%, #f9f9f9 25%, #f9f9f9 25%, #f9f9f9 100%);}
}

/* iOS Default Style Reset */
input[type='submit']{
	border-radius: 5px;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border:1px solid #cccccc;
	box-sizing: border-box;
	cursor: pointer;
}

input[type='submit']::-webkit-search-decoration{
	display: none;
}

input[type='submit']::focus{
	outline-offset: -2px;
}

a{color:#222;}
a:hover{color:#666;}

/* Fonts */
.thin{font-weight: 100;}
.light{font-weight: 200;}
.demilight{font-weight: 300;}
.normal{font-weight: 400;}
.medium{font-weight: 500;}
.bold{font-weight: 700;}
.black{font-weight: 900;}

.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f21{font-size:21px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f32{font-size:32px;}
.f36{font-size:36px;}
.f42{font-size:42px;}

.blue{color:#1973af;}
.navy{color:#22385e;}
.black{color:#000;}

/* Margin - Padding*/
.mrgt40{margin-top:40px;}
.mrgt60{margin-top:60px;}
.mrgb5{margin-bottom:5px;}
.mrgb30{margin-bottom:30px;}
.pad10{padding:10px;}
.pad20{padding:20px;}

/* Text Align */
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

/* Content Area */
.content{
	position:relative;
	width:100%;
	max-width:1280px;
	height:100%;
	margin:0 auto;
}

.mainarea{
	position:relative;
}

.bggrad{
	background: -moz-linear-gradient(left, #f3f3f3 50%, #000);
	background: -webkit-linear-gradient(left, #f3f3f3 50%, #000);
	background: linear-gradient(to right, #f3f3f3 50%, #000);
}
.bgf9{
	background:#f9f9f9;
}

.bgf9to0{
	background: -moz-linear-gradient(left, rgba(249,249,249,1) 50%, rgba(249,249,249,0));
	background: -webkit-linear-gradient(left, rgba(249,249,249,1) 50%, rgba(249,249,249,0));
	background: linear-gradient(to right, rgba(249,249,249,1) 50%, rgba(249,249,249,0));
}
.bgmenuline{
	display:block;
	position:fixed;
	top:80px;
	left:0;
	width:100%;
	height:77px;
	background:#f9f9f9;
	z-index:-1;
}

@media screen and (max-width:768px) {
	.bgmenuline{display:none;}

	.bgf9to0{
		background: -moz-linear-gradient(left, rgba(249,249,249,1) 50%, rgba(249,249,249,1));
		background: -webkit-linear-gradient(left, rgba(249,249,249,1) 50%, rgba(249,249,249,1));
		background: linear-gradient(to right, rgba(249,249,249,1) 50%, rgba(249,249,249,1));
	}
}

/*PageTop*/
#page_top{
	position: fixed;
	bottom: -60px;
	opacity: 1.0;
	pointer-events: none;
}

#page_top a{
	cursor:pointer;
	float:right;
	display:inline-block;
	width:60px;
	height:60px;
	margin-right:0;
	pointer-events: auto; 
}

@media screen and (max-width:768px) {
	#page_top a{
		margin-right:30px;
	}
}


/* Top Page */
.bg2, .bg3{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	box-sizing:border-box;
}

.bg2{
	background-image:url('./images/bg_sw/bg-179-f9.png');
	background-position:top left -163px;
	z-index:-3
}
.bg3{
	background-image:url('./images/bg_sw/bg-179-eee.png');
	background-position:top left -352px;
	z-index:-2
}

#topcopyarea{
	position:relative;
	width:40%;
	min-width:660px;
	left:10%;
	text-align:center;
}

.toplogoarea{margin:0;padding:0;text-align:center;}
.toplogo{width:90%;max-width:500px;height:auto;}

.copyarea{
	width:auto;
	height:340px;
	text-align:center;
	padding:64px 0;
	margin:30px auto;
	background-image:url('./images/top/bg-nara-ebony.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	box-sizing:border-box;
}

.copy{width:555px;height:auto;}

.navarea ul{
	margin:0;padding:0;list-style-tyle:none;
}

.navarea ul li{
	display:inline-block;
	padding:10px;
}

.navarea ul li a, #topsubmenu ul li a{
	font-weight: 400;
	font-size:18px;
	letter-spacing: .1rem;
	color:#000;
	text-decoration:none;
}

#topsubmenu{
	margin:0;padding:0 5px;list-style-tyle:none;
}

#topsubmenu li{
	display:inline-block;
	padding:0 10px 5px 10px;
background:F00;
}

.navarea ul li a:hover, #topsubmenu ul li a:hover{
	text-decoration:underline;
}

#topmenubtn{cursor:pointer;}

#topsubmenu{
	display:none;
	position:relative;
	top:0;
	padding:5px;
	background:#fff;
	border-radius:10px;
}

.topplatearea{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	background-image:url('./images/top/koryo-plate.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top right 10%;
	z-index:-1
}

@media screen and (max-width:960px) {

	#topcopyarea{
		left:0;
		width:100%;
		min-width:100%;
	}
	.copyarea{
		width:100%;
		height:auto;
		text-align:center;
		padding:20px 20px;
		margin:10px auto;
	}
	.copy{width:90%;height:auto;}
	.topplatearea{
		background-position:bottom right -150px;
	}

	.navarea ul li{
		display:inline-block;
		padding:2px;
	}
	#topsubmenu{
		top:-30px;
	}
/*
	#topsubmenu li{
		padding:10px;
	}
*/
	.topplatearea{
		background-size:cover;
	}
}

@media screen and (max-width:550px) {
	.toplogo{width:90%;height:auto;}
}

/* Subpage */
/* Side Menu */
.menu{
	position:fixed;
	width:400px;
	height:100%;
	background-repeat:no-repeat;
	background-position:top right 8px;
	box-sizing:border-box;
	z-index:9;
}
.menuarea{
	padding-top:80px;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:top right 197px;
	box-sizing:border-box;
}


/* Side Menu Background Image */
.bgsw3{
	background-image:url('./images/bg_sw/3.png');
}

.bgnv3{
	background-image:url('./images/bg_sw/nv_3.png');
}

.bgsw38{
	background-image:url('./images/bg_sw/38.png');
}

.bgnv38{
	background-image:url('./images/bg_sw/nv_38.png');
}

.bgsw46{
	background-image:url('./images/bg_sw/46.png');
}

.bgnv46{
	background-image:url('./images/bg_sw/nv_46.png');
}

.bgsw62{
	background-image:url('./images/bg_sw/62.png');
}

.bgnv62{
	background-image:url('./images/bg_sw/nv_62.png');
}

.bgsw64{
	background-image:url('./images/bg_sw/64.png');
}

.bgnv64{
	background-image:url('./images/bg_sw/nv_64.png');
}

.bgsw68{
	background-image:url('./images/bg_sw/68.png');
}

.bgnv68{
	background-image:url('./images/bg_sw/nv_68.png');
}

.bgsw123{
	background-image:url('./images/bg_sw/123.png');
}

.bgnv123{
	background-image:url('./images/bg_sw/nv_123.png');
}

.bgsw149{
	background-image:url('./images/bg_sw/149.png');
}

.bgnv149{
	background-image:url('./images/bg_sw/nv_149.png');
}

.bgsw169{
	background-image:url('./images/bg_sw/169.png');
}

.bgnv169{
	background-image:url('./images/bg_sw/nv_169.png');
}

.bgsw179{
	background-image:url('./images/bg_sw/179.png');
}

.bgnv179{
	background-image:url('./images/bg_sw/nv_179.png');
}

.bgsw274{
	background-image:url('./images/bg_sw/274.png');
}

.bgnv274{
	background-image:url('./images/bg_sw/nv_274.png');
}

.bgsw36{
	background-image:url('./images/bg_sw/36.png');
}

.bgnv36{
	background-image:url('./images/bg_sw/nv_36.png');
}


/* Side Menu Logo */
.logoarea{
	margin:0 0 30px 0;
	padding:15px 0 15px 40px; 
	text-align:left;
}

.logo{
	width:300px; height:auto;
	filter:
	drop-shadow(1px 1px 2px #f9f9f9)
	drop-shadow(-1px -1px 2px #f9f9f9)
	drop-shadow(-1px 1px 2px #f9f9f9)
	drop-shadow(1px -1px 2px #f9f9f9);
}

/* Side Menu Page Title */

.pagetitle{
	width:250px;
	height:250px;
	background:#1973af;
	background: rgba(25,115,175,0.85);
	font-size:24px;
	font-weight: 400;
	color:#fff;
	text-align:center;
	letter-spacing: .5rem;
	line-height:250px;
}

.pagetitle span {opacity:1.0;}

.pagetitle, nav{margin-left:40px;}

/* Side Menu Navi Links */
nav{display:block;background:none;padding:0;}
nav ul{
	margin:30px 0 0 0;
	padding:0;
	list-style-type:none;
}

nav ul li{
	margin:0 0 10px 0;
}

nav ul li a{
	font-weight: 200;
	font-size:18px;
	letter-spacing: .1rem;
	color:#fff;
	text-decoration:none;
}

nav ul li a:hover{
	color:#eff;
	font-weight: 300;
	text-decoration:underline;
}

#submenulinks{
	display:none;
	margin:10px 0 0 20px;
	padding:0 0 0 10px;
	border-left:3px solid #1973af;
}


#submenulinks li{
	margin:0 0 5px 0;
}

#submenulinks li a{
	font-weight: 300;
	font-size:16px;
	letter-spacing:0;
	color:#fff;
	text-decoration:none;
}

#submenulinks li a:hover{
	color:#eff;
	font-weight: 300;
	text-decoration:underline;
}

@media screen and (max-width:960px),screen and (max-height: 700px) {

	.menu{width:200px;}
	.menuarea{background-position:top right 80px;}
	.pagetitle{
		width:180px;
		height:180px;
		font-size:21px;
		letter-spacing: .3rem;
		line-height:180px;
	}
	.pagetitle, nav{margin-left:20px;}

	nav ul li a, #submenulinks li a{
		text-shadow:
			2px 0px 1px #22385e,
			-2px 0px 1px #22385e,
			0px -2px 1px #22385e,
			-2px 0px 1px #22385e,
			2px 2px 1px #22385e,
			-2px 2px 1px #22385e,
			2px -2px 1px #22385e,
			-2px -2px 1px #22385e,
			1px 2px 1px #22385e,
			-1px 2px 1px #22385e,
			1px -2px 1px #22385e,
			-1px -2px 1px #22385e,
			2px 1px 1px #22385e,
			-2px 1px 1px #22385e,
			2px -1px 1px #22385e,
			-2px -1px 1px #22385e,
			1px 1px 1px #22385e,
			-1px 1px 1px #22385e,
			1px -1px 1px #22385e,
			-1px -1px 1px #22385e;
	}
}

@media screen and (max-height: 700px) {
	.logoarea{
		margin:0 0 20px 0;
	}

	.menuarea{
		padding-top:30px;
	}

	.pagetitle{
		height:160px;
		line-height:160px;
	}

	nav ul{
		margin:15px 0 0 0;
	}

	nav ul li{
		margin:0 0 5px 0;
	}
	nav ul li a{
		font-size:16px;
	}

	#submenulinks li a{
		font-size:14px;
	}
	.bgmenuline{
		top:30px;
	}
}

@media screen and (max-height: 610px) {

	.logoarea{
		margin:0 0 15px 0;
	}
	.menuarea{
		padding-top:20px;
	}

	.pagetitle{
		height:auto;
		line-height:1em;
		padding:20px 0;
	}
	nav ul li a{
		font-size:16px;
	}

	#submenulinks li a{
		font-size:14px;
	}

	#submenulinks li{
		margin:0 0 0 0;
	}

	.bgmenuline{
		top:20px;
	}
}


@media screen and (max-width:768px) {
	.menu{width:100%;height:80px;}
	.menuarea{padding-top:0;}
	.bgsw3{background-image:none;}
	.bgnv3{background-image:none;}
	.logoarea{margin:0 0 0 0;padding:15px 0 15px 0; text-align:center;}
	.pagetitle{margin-left:0;width:100%;height:60px;line-height:60px;}
	nav{
		display:none;
		background:#22385e;
		margin-left:0;
		padding:15px;
	}
	nav ul{
		margin:0 0 0 0;
	}
	.logo{width:70%;}
}

/* SP-Menu */
#humberger{
	display: none;
	height:0;
}

@media screen and (max-width:768px) {
	#humberger {
		position: absolute;
		top:25px;
		right:15px;
		height: 20px;
		width: 28px;
		display: inline-block;
		box-sizing: border-box;
	}

	#humberger span {
		position: absolute;
		display: block;
		height: 2px;
		width: 28px;
		background-color: #444;
		border-radius: 2px;
		display: inline-block;
		box-sizing: border-box;
	}

	#humberger span:nth-of-type(1) {
		bottom: 20px;
	}

	#humberger span:nth-of-type(2) {
		bottom: 10px;
	}

	#humberger span:nth-of-type(3) {
		bottom: 0;
	}
}

/* Main Contents */
.maincnt{
	position:relative;
	padding-top:55px;
	padding-left:460px;
	padding-right:20px;
	top:0;
	width:100%;
	box-sizing:border-box;

	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:top left;
	background-size:cover;
	background-image:none;
}

.maincnt::before {
	display:none;
}

.sp_bgsw3::before{background-image:none;}
.sp_bgsw38::before{background-image:none;}
.sp_bgsw46::before{background-image:none;}
.sp_bgsw62::before{background-image:none;}
.sp_bgsw64::before{background-image:none;}
.sp_bgsw68::before{background-image:none;}
.sp_bgsw123::before{background-image:none;}
.sp_bgsw149::before{background-image:none;}
.sp_bgsw169::before{background-image:none;}
.sp_bgsw189::before{background-image:none;}
.sp_bgsw274::before{background-image:none;}
.sp_bgsw36::before{background-image:none;}

@media screen and (max-width:960px) {
	.maincnt{padding-left:240px;padding-top:135px;}

}
@media screen and (max-width:768px) {
	.maincnt{
		padding-left:20px;
		background:rgba(249,249,249,0);
	}

	.maincnt::before {
		content:'';
		display:block;
		position:fixed;
		top:0;
		left:0;
		z-index:-1;
		width:100%;
		height:100vh;
		background-repeat:no-repeat;
		background-position:top left -250px;
		background-size:cover;
	}

	.bgsw3{background-image:none;}
	.bgnv3{background-image:none;}
	.bgsw38{background-image:none;}
	.bgnv38{background-image:none;}
	.bgsw46{background-image:none;}
	.bgnv46{background-image:none;}
	.bgsw62{background-image:none;}
	.bgnv62{background-image:none;}
	.bgsw64{background-image:none;}
	.bgnv64{background-image:none;}
	.bgsw68{background-image:none;}
	.bgnv68{background-image:none;}
	.bgsw123{background-image:none;}
	.bgnv123{background-image:none;}
	.bgsw149{background-image:none;}
	.bgnv149{background-image:none;}
	.bgsw169{background-image:none;}
	.bgnv169{background-image:none;}
	.bgsw179{background-image:none;}
	.bgnv179{background-image:none;}
	.bgsw274{background-image:none;}
	.bgnv274{background-image:none;}
	.bgsw36{background-image:none;}
	.bgnv36{background-image:none;}

	.sp_bgsw3::before{background-image:url('./images/bg_sw/3.png');}
	.sp_bgsw38::before{background-image:url('./images/bg_sw/38.png');}
	.sp_bgsw46::before{background-image:url('./images/bg_sw/46.png');}
	.sp_bgsw62::before{background-image:url('./images/bg_sw/62.png');}
	.sp_bgsw64::before{background-image:url('./images/bg_sw/64.png');}
	.sp_bgsw68::before{background-image:url('./images/bg_sw/68.png');}
	.sp_bgsw123::before{background-image:url('./images/bg_sw/123.png');}
	.sp_bgsw149::before{background-image:url('./images/bg_sw/149.png');}
	.sp_bgsw169::before{background-image:url('./images/bg_sw/169.png');}
	.sp_bgsw189::before{background-image:url('./images/bg_sw/189.png');}
	.sp_bgsw274::before{background-image:url('./images/bg_sw/274.png');}
	.sp_bgsw36::before{background-image:url('./images/bg_sw/36.png');}

}

@media screen and (max-width:649px) {
	.maincnt{margin-top:0;}
}

/* Business */
.biz_tit{
	padding-top:80px;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:2px solid #22385e;
	font-size:24px;
	font-weight:500;
	color:#22385e;
}

.ls1{
	letter-spacing:1.0em;
}

.biz_hl ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.biz_hl ul li{
	font-size:21px;font-weight:400;margin-bottom:10px;
}

.biz-cnt{
	padding-top:20px;
}

.biz-block{
	display:flex;
	padding:40px 0;
	border-bottom:1px dotted #666;
}

.biz-order1{order:1;}
.biz-order2{order:2;}

.bo-padl10{padding-left:5px;}

.biztit{
	font-size:21px;
	font-weight:500;
	border-left:5px solid #1973af;
	padding-left:10px;
	margin-bottom:15px;
}

.bizcnt{
	font-size:16px;
	font-weight:300;
}

.biz-block-txt{
	width:350px;
}

.biz-block-img{
	margin-top:0;
	text-align:center;
}

.biz-block-img img{
	margin:0 20px 0 0;
	width:180px;
	height:auto;
}

@media screen and (max-width:1235px) {
	.biz-block-img img{
		width:calc(45% - 20px);
	}
}

@media screen and (max-width:1100px) {
	.biz-block{display:block;}
	.biz-order2{order:1;}
	.biz-block-txt{width:100%}
	.biz-block-img img{
		margin:20px 20px 0 0;
		width:200px;
	}
}
@media screen and (max-width:768px) {
	.bizcnt{
		font-size:18px;
	}
}

@media screen and (max-width:499px) {
	.biz-block-img img{
		margin:20px 0 20px 0;
		width:80%;
		height:auto;
	}
}

/* Company */
.comtit{
	font-size:21px;
	font-weight:500;
	border-left:5px solid #1973af;
	padding-left:10px;
	margin-bottom:15px;
}

.comcnt{
	padding-bottom:80px;
	font-size:18px;
}

.com_th, .com_td{
	display:inline-block;
	vertical-align:top;
}

.com_th{
	letter-spacing:0.5em;
	width:200px;
	margin-bottom:0;
}

.com_tit{
	display:inline-block;
	width:200px;
	text-align:left;
}

.com_name{
	display:inline-block;
}

.to_dept{
	display:inline;
	margin-top:0;
	margin-left:20px;
}

.to_dept img{
	position:relative;
	top:4px;
	height:24px;
	width:auto;
}

@media screen and (max-width:960px) {
	.com_th, .com_td{display:block;}
	.com_th{width:100%;margin-bottom:10px;}
	.to_dept{display:block;	margin-top:3px;margin-left:0;}
}

@media screen and (max-width:768px) {
	.com_th, .com_td{font-size:18px;}
}

/* Office Department */

.dept_tit{padding-top:60px;padding-bottom:20px;border-bottom:3px solid #22385e;font-size:24px;font-weight:500;color:#22385e;text-align:center;letter-spacing:1.0em;}
.dept_cnt{padding:60px 0;border-bottom:1px dotted #666;overflow:hidden;}

.dept_img{text-align:center;}
.dept_img ul{margin:0; padding:0; list-style-type:none; width:100%;}
.dept_img ul li{display:inline-block;padding:0 15px 30px 15px;width:auto;}
.dept_img img{width:200px;height:auto;}

.dept_info{padding:60px 0;box-sizing:border-box;}
.dept_info ul{margin:0;padding:0;list-style-type:none;text-align:center;width:100%;}
.dept_info ul li{display:inline-block;text-align:center;}

.dept_cnt_p {padding:60px 0 30px 0;font-size:16px;}
.deptptit{
	font-size:18px;
	font-weight:500;
	border-left:5px solid #1973af;
	padding-left:10px;margin-bottom:15px;
}

.dept_com_th, .dept_com_td{
	vertical-align:top;
}

.dept_com_th{
	letter-spacing:0.5em;
	width:200px;
}

.dept_com_td{
	text-align:left;
}

@media screen and (max-width:1024px) {
	.dept_info ul li{display:block;}
	.dept_com_th{width:100%;}
	.dept_com_td{text-align:center;}

}

@media screen and (max-width:768px) {
	.dept_cnt{font-size:18px;}
	.dept_cnt_p {font-size:18px;}
	.dept_img ul li{width:100%;padding:0 0 30px 0;}
	.dept_img img{width:90%;}
}

.aboutprecut{
	font-size:16px;
	border-radius:10px;
	background-image:url('./images/office/precut/p2-1.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	box-sizing:border-box;
}

@media screen and (max-width:768px) {
	.aboutprecut{font-size:18px;}
}

.bgw50{
	font-weight:400;
	border-radius:10px;padding:40px;background:rgba(255,255,255,0.55);
}

.precutflow{margin-top:30px;padding-bottom:30px;}
.precutflow ul{width:100%;margin:0;padding:0;list-style-type:none;text-align:center;display:table;}
.precutflow ul li{display:table-cell;vartical-align:top;padding:5px;}
.w24p{width:24%;}
.w48p{width:48%;}
.precutflow ul li img{width:100%; height:auto;}

.arrow_box{
	position:relative;
	background:#ffffff;
	padding:10px;
	text-align:center;
	border:1px solid #cccccc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	font-size:14px;
	font-weight:400;
}

.arrow_box:after,.arrow_box:before{
	border: solid transparent;
	content:'';
	height:0;
	width:0;
	pointer-events:none;
	position:absolute;
	bottom:100%;
	left:50%;
}

.arrow_box:after{
	border-color: rgba(255, 255, 255, 0);
	border-top-width:20px;
	border-bottom-width:20px;
	border-left-width:10px;
	border-right-width:10px;
	margin-left: -10px;
	border-bottom-color:#ffffff;
}
.arrow_box:before{
	border-color: rgba(204, 204, 204, 0);
	border-top-width:22px;
	border-bottom-width:22px;
	border-left-width:11px;
	border-right-width:11px;
	margin-left: -11px;
	margin-bottom: 1px;
	border-bottom-color:#cccccc;
}

/* Lumber */
.lum_tit{
	font-size:18px;
	font-weight:500;
	border-left:5px solid #1973af;
	padding-left:10px;margin-bottom:15px;
}

.lum_cnt{
	padding:60px 0 30px 0;
}

.lum_txt{
	font-size:16px;
}


.lum_txt ul,.lum_img ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.lum_txt ul li,.lum_img ul li{
	display:inline-block;
}

.lum_img ul{
	text-align:left;
}


.lum_img ul li{
	margin:15px;
}

.lum_img{
	padding-top:25px;
}

.lum_img_name{
	display:block;
	padding-bottom:10px;
	border-bottom:1px solid #999;
	text-align:center;
	font-size:16px;
}

.lum_img_photo{
	width:160px;
	height:auto;
}

@media screen and (max-width:1024px) {
	.lum_img ul{
		text-align:center;
	}
}

@media screen and (max-width:768px) {
	.lum_txt{
		font-size:18px;
	}
	.lum_img_name{
		font-size:18px;
	}
	.lum_img_photo{
		width:70%;
		height:auto;
	}
}

/* Contact */

.inqblock{
	width:90%;
	max-width:800px;
	margin:0 auto;
	padding-bottom:50px;
}

.reqd{
	color:#ff0066;
}

.attnote{
	padding-top:10px;
}

.inq_tit{
	padding-top:60px;
	padding-bottom:20px;
	border-bottom:3px solid #22385e;
	font-size:24px;
	font-weight:500;
	color:#22385e;
	text-align:center;
	letter-spacing:1.0em;
}

.inq_cnt{
	padding:60px 0 30px 0;
}

.inqtxt{
	margin-bottom:50px;
	line-height:150%;
}

input[type='text'], input[type='email'], input[type='number'], textarea{
	margin: 0;
	padding: 0;
	background: #ffffff;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.inq_head{
	border-bottom:1px solid #cccccc;
	margin-bottom:15px;
	padding-bottom:10px;
}

.inq_item{
	padding:0 15px 40px 15px;
}

.inq_item p{margin:0;padding:0;}

.inpt{
	width:100%;
	border:1px solid #cccccc;
	height:28px;
	border-radius: 5px;
}

.inpt-s{
	width:30%;
	border:1px solid #cccccc;
	height:28px;
	border-radius: 5px;
}

.txtarea{
	width:100%;
	border:1px solid #cccccc;
	height:100px;
	border-radius: 5px;
}

.btnarea{
	text-align:center;
}

.rstbtn, .sbmbtn{
	width:150px;
	padding:15px 0;
	background-color:#ffffff;
	color:#222;
	font-size:14px;
	border:1px solid #cccccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	cursor:pointer;
	z-index:100;
}

.padb15{
	padding-bottom:15px;
}

.sbmbtnmrgr30{
	margin-right:30px;
}

@media screen and (max-width:599px) {
	body{font-size:14px;}
	.inqtit{font-size:18px;}
	.rstbtn, .sbmbtn{width:120px;}
}

/* Gallery */
/* FPS */
.fullPageScroll {
	width: 100%;
	height: 100vh;
	scroll-snap-type: y mandatory;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.section {
	width: 100%;
	height: 100vh;
	scroll-snap-align: start;
	box-sizing:border-box;
}

.pagination {
	position: fixed;
	top: 50%;
	right: 32px;
	transform: translateY(-50%);
}

.pagination a {
	display: block;
	width: 12px;
	height: 12px;
	margin: 24px 0;
	border-radius: 50%;
	background-color: #666666;
	transition: transform 0.2s;
}

.pagination a.active {
	transform: scale(1.8);
}

.innerScroll{
	height:100%;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.innerScroll::-webkit-scrollbar {
	display:none;
}
/* FPS eot */

/* SDGs */
.sdgs_tit{font-size:28px;text-align:center;border-bottom:2px solid #22385e;padding-bottom:15px;margin-bottom:50px;}
.sdgs_sub_tit{font-size:21px;border-left:10px solid #1973af;padding-left:10px;margin-bottom:15px;}
.sdgs_sub_sub_tit{font-size:18px;border-bottom:1px dashed #ccc;margin-bottom:10px;padding-bottom:10px;}
.sdgs_cnt{font-size:16px;line-height:1.8em;margin-bottom:50px;}
.sdgs_mark{margin:0;padding:0;lost-style-type:none;}
.sdgs_mark li{display:inline-block;padding:10px;}
.sdg_poster img{width:100%;max-width:800px;height:auto;}