@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:500,600|Noto+Sans+JP:100,400,500,700&subset=japanese');



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
background:transparent;border:0;margin:0;padding:0;}img{vertical-align: bottom;}body{line-height:1;}h1,h2,h3,h4,h5,h6,th{clear:both;font-weight:normal;}
ol,ul{list-style:none;}blockquote{quotes:none;}blockquote:before,blockquote:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}a img{border:none;}
.clear:after{content:".";display:block;clear:both;height:0;visibility:hidden;}.clear{min-height:1px;}
* html .clear{height:1px;/*\*//*/height: auto;overflow: hidden;/**/
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
address{font-style:normal;}
hr{margin:0;}

html,body{height:100%;}
body,input,textarea{
color:#333;
font-size:16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}

a{text-decoration:none;}
/*a:link{color:inherit;}*/
.topic_path li a{color: #00267F;text-decoration: underline;}
/*a:active,a:hover{color:#999;}*/
/*a:hover img,
input.button:hover,
input.reset:hover{
opacity:0.7;
transition:all .1s;
cursor:pointer;
}*/
html{
position:relative;
height:auto !important;
height:100%;
min-height:100%;
-webkit-font-smoothing: antialiased;
/*background-color: #EEE;*/
}



.header .subnavi .lang a{display: inline-block;}
.icons_box li>a,
.com_lineup .inner .icons_box.type3b li.part a{display: block;}


.btn.type1,
.com_link .btn,
.links_arrow>li,
.footer .topbtn,
.copyright a,
.links_arrow.center li,
.header .subnavi .faq,
.header .subnavi .contact,
.header .subnavi .lang a,
.icons_box li>a,
.com_lineup .inner .icons_box.type3b li.part a,
#linkbnrs .box>li
{transition:opacity 0.17s;}

.btn.type1:not(.inactive):hover,
.com_link .btn:hover,
.links_arrow>li:hover,
.movein_elem>.part:hover,
.footer .topbtn:hover,
.copyright a:hover,
.links_arrow.center li:hover,
.header .subnavi .faq:hover,
.header .subnavi .contact:hover,
.header .subnavi .lang a:hover,
.icons_box li>a:hover,
.com_lineup .inner .icons_box.type3b li.part:hover a,
#linkbnrs .box>li:hover
{opacity: 0.7 !important;}


.btn.movein_elem>.btn.part.type1.white{transition:background 0.17s;}
.btn.movein_elem>.btn.part.type1.white:hover{
	opacity: 0.7 !important;
	background-color: rgba(255,255,255,0.70);
}
.btn.movein_elem>.btn.part.type1.blue{transition:background 0.17s;}
.btn.movein_elem>.btn.part.type1.blue:hover{
	opacity: 0.7 !important;
	background-color: rgba(16,32,67,0.70);
}





.wf_a{
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
}
.wf_a.sb{font-weight: 600;}
.wf_a.small{text-transform:none;}

.inner{margin: 0 auto;overflow: hidden;}
.wid100{width: 100%;min-width: 1200px;}
.wid820{width: 820px;}
.wid940{width: 940px;}
.wid1100{width: 1100px;}
.wid1200{width: 1200px;}
.mb80{margin-bottom: 80px;}
.fl{float: left;}
.fr{float: right;}
.flpc{float: left;}
.frpc{float: right;}
.flsp,.frsp{float: none;}
.tbpc,.tb{display: table;}
.tbpc>.cell,.tb>.cell{display: table-cell;}

.t_center{text-align: center;}

.t_regular{font-weight: 400;font-size: 14px;}
.t_regular14{font-weight: 400;font-size: 14px;line-height: 1.4em;}
.t_regular16{font-weight: 400;font-size: 16px;line-height: 2em;}
.t_mid{font-weight: 500;}
.t_bold{font-weight: 700;}

.notes>li{font-size: 12px;margin-bottom: 0.7em;}
.notes>li:last-child{margin-bottom: 0;}


.noteskome{
	text-align: left;
	margin-top: 1em;
	color: #333;
	line-height: 1.4;
}
.noteskome>li{
	text-align: left;
	position: relative;
	padding-left: 1.1em;
	font-size: 87.5%;
}
.noteskome>li:before{
	content: "※";
	position: absolute;
	left: 0;
}




span.zume05{letter-spacing: -0.5em;}
.only-pc{display: block;}
.only-sp{display: none ;}





.btn-accordion{cursor: pointer;}

.com-plubox{
	display: block;
	/* display: inline-block; */
	position: relative;
	width: 34px;
	height: 34px;
}
.com-plubox:before,
.com-plubox:after{
	content: "";
	position: absolute;
	display: block;
	background-color: #666;
	-webkit-transition: transform 0.6s;
	transition: transform 0.6s;
}
.com-plubox:before{
	height: 4px;
	left: 2px;
	right: 2px;
	top: calc(50% - 2px);
}
.com-plubox:after{
	width: 4px;
	left: calc(50% - 2px);
	top: 2px;
	bottom: 2px;
}
.open>.com-plubox:before,
.open>.com-plubox:after{transform: rotate(-45deg);}







.header .logo.only-pc a{
	display: inline-block;
	transition:all 0.3s;
}


.header .logo.only-pc img{width: 100%;}
.header .logo.only-pc a{
	height: 31px;
	width: 248px;
}



.header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 80px;
	background-color: #FFF;
	z-index: 1;
	transition:all 0.3s;
}
.header .logo{
	position: absolute;
	top: 0;
	left: 0;
	height: 80px;
	padding: 26px 0 0 20px;
	transition:all 0.3s;
}
/*.header.mini .logo.only-pc img{height: 31px;width: 248px;}*/
.header .navi{
	height: 80px;
	display: table;
	vertical-align: middle;
	margin: 0 auto;
	transition:all 0.3s;
}
.header .navi>li{
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
.header .navi>li a{padding: 1em 0.6em;}
.header .navi>li:hover a:after,
.header .navi>li.active a:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 20px;
	left: 0.6em;
	right: 0.6em;
	border-bottom: #0086D9 2px solid;
	transition:all 0.3s;
}
.header .subnavi{
	position: absolute;
	top: 0;
	right: 0;
	display: table;
	height: 80px;
	transition:all 0.26s;
}

@media (min-width:730px){
.header.mini{height: 60px;transition:all 0.26s;}
.header.mini .logo{
transition:all 0.3s;
height: 60px;
padding: 18px 0 0 20px;
}
.header.mini .logo.only-pc a{height: 24px;width: 192px;}
.header.mini .navi{height: 60px;transition:all 0.3s;}
.header.mini .navi>li:hover a:after,
.header.mini .navi>li.active a:after{bottom: 12px;transition:all 0.3s;}
.header.mini .subnavi{height: 60px;transition:all 0.3s;}
.header.mini .subnavi span.nav_jp{display: none;}
}

@media (min-width:730px) and (max-width:1400px){
/* #main{margin-top: 60px !important;} */
.header{height: 60px;}
.header .logo{height: 60px;padding: 18px 0 0 20px;}
.header .logo.only-pc a{height: 24px;width: 192px;}
.header .navi{height: 60px;}
.header .navi>li:hover a:after,
.header .navi>li.active a:after{bottom: 12px;}
.header .subnavi{height: 60px;}
.header .subnavi span.nav_jp{display: none;}

.header.mini{height: 60px;}
.header.mini .logo{height: 60px;padding: 18px 0 0 20px;}
.header.mini .logo.only-pc a{height: 24px;width: 192px;}
.header.mini .navi{height: 60px;}
.header.mini .navi>li:hover a:after,
.header.mini .navi>li.active a:after{bottom: 12px;}
.header.mini .subnavi{height: 60px;}
.header.mini .subnavi span.nav_jp{display: none;}

.header .navi>li{font-size: 14px;}
}



.header .subnavi>li{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.header .subnavi .lang a.active{pointer-events: none;opacity: 0.7;}
.header .subnavi .lang{padding: 0 1em;font-size: 16px;}
.header .subnavi .lang p.jp:after{
	content: "｜";
	display: inline;
}
.header .subnavi .faq{
	position: relative;
	background-color: #e8e8e8;
	width: 100px;
	font-size: 12px;
}
.header .subnavi .contact{
	position: relative;
	background-color: #13448f;
	width: 156px;
	font-size: 12px;
}
.header .subnavi>li span.nav_en{
	display: block;
	font-size: 17px;
	margin-bottom: 6px;
}
.header .subnavi .faq a,
.header .subnavi .contact a{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	padding-top: 22px;
  transition:padding 0.3s;
}
.header .subnavi .contact a{color: #FFF;}



.side_navi{
	position: fixed;
	top: 100px;
	right: 0;
	z-index: 1;
}
.side_navi ul{
	background-color: rgba(0,0,0,0.60);
	padding: 0 20px;
}
.side_navi ul li{
	text-align: center;
	font-size: 12px;
	line-height: 1.4em;
	color: #FFF;
	padding: 28px 0;
}
.side_navi ul li.active a,
.side_navi ul li a:hover{color: #7AC7F1;font-weight: 700;}
.side_navi ul li + li{border-top: #898989 1px solid;}



/* #main{margin-top: 80px;} */

.footer{height: 50px;}
.footer .topbtn{
	background-color: #9A9A9A;
	width: calc(50% + 220px);
	font-size: 20px;
}
.footer .topbtn a{
	display: block;
	line-height: 50px;
	/*padding-left: 440px;*/
  text-align: center;
}
.footer .topbtn a span{position: relative;}
.footer .topbtn span:before{
	content: "";
	display: block;position: absolute;
	width: 20px;
	height: 11px;
	top: 4px;
	left: -2em;
	background: url("../images/arrow_1.png") no-repeat 50% 50%;
}
.footer .pankuzu{
	background-color: #000;
	width: calc(50% - 220px);
	color: #FFF;
	/*padding-left: calc(50% - 600px);*/
  text-align: center;
}
.footer .pankuzu a{color: #FFF;}
.footer .pankuzu>li{display: inline-block;vertical-align: middle;width: auto;line-height: 50px;}
.footer .pankuzu>li+li:before{
	content: "/ ";
	display: inline;
}
/* .copyright{background-color: #FFF; padding: 110px 0 30px;font-size: 14px;line-height: 1.4em;}
.copyright small{font-size: 14px;}
.copyright .navi>li{display: inline-block;}
.copyright .navi>li+li{margin-left: 2em;} */
/*
.section{padding: 110px 0;}*/
.btn.type1{
	position: relative;
	width: 320px;
	height: 44px;
	line-height: 44px;
	border-radius: 22px;
	text-align: center;
	display: inline-block;
}
.btn.type1.long{
	width: 340px;
}
.btn.type1.small{
	width: 70px;
	height: 28px;
	line-height: 28px;
	border-radius: 14px;
}
.btn.type1.add-ico{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

}
.btn.type1.add-ico>*{
	padding-left: 20px;
}
.btn.type1.add-ico:before{
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	margin-left: 10px;
	background-size: contain;
}

.btn.type1>a,
.btn.type1>input{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	font-size: 16px;
}
.btn.type1>input{
	color: #FFF;
	font-weight: 500;
	cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
}

.btn.type1.white{background-color: #FFF;}
.btn.type1.white>a{color: #102043;}
.btn.type1.orange>a{color: #F5852F;}


.btn.type1.blue{background-color: #102043;}
.btn.type1.grey{background-color: #9A9A9A;}
.btn.type1.static2.inactive{background-color: #999;}
.btn.type1.static2.inactive>input{pointer-events: none;}
.btn.type1.blue>a{color: #FFF;}


.h1_title{
	font-size: 24px;
	line-height: 1em;
	text-align: center;
	color: #FFF;
}

.h1_title>span{
	display: block;
	font-size: 40px;
	margin-bottom: 0.8em;
	letter-spacing: 0.2em;
}

body.en .h1_title{
	line-height: 1.5em;
}

body.en .h1_title>span {
	margin-bottom: 0;
}

.h2_title{
	font-size: 20px;
	line-height: 2em;
	text-align: center;
	padding-bottom: 80px;
}
.h2_title>span{
	display: block;
	font-size: 30px;
	margin-bottom: 1em;
}
.h2_title.white{color: #FFF;}
.h2_title.blue{color: #102043;}
.h4_title{font-size: 20px;}
.h4_title>span{
	display: block;
	font-size: 24px;
	margin-bottom: 0.7em;
}
.mark_title{font-size: 24px;}
.mark_title>span{
	display: inline-block;
	color: #102043;
	height: 31px;
	line-height: 31px;
	margin-right: 1em;
	padding-left: 30px;
	vertical-align: middle;
	background: url("../images/com_marker1.png") no-repeat 0 0;
}
#scene .mark_title>span{
margin-right: 0;
padding-left: 40px;
}
.links_arrow>li{
	color: #102043;
	font-size: 16px;
	padding-left: 21px;
	margin: 20px 10px 0;
	display: inline-block;
	background-size: 16px;
}
.links_arrow>li a{display: block;padding: 2px 0;}
.links_arrow.center{
	text-align: center;
	padding-bottom: 20px;
}
#company .title,
#contact .title{font-size: 24px;}


.icons_box{
	width: 1080px;
	margin: 0 auto 80px;
}
.icons_box li{width: 25%;}
/*.icons_box li>.box{
	display: table;
	text-align: center;
	width: 100%;
}
.icons_box li>.box:first-child{margin-bottom: 50px;}
.icons_box li>.box .img{text-align: center;}
.icons_box li>.box .txt{
	height: 3em;
	display: table-cell;
	vertical-align: middle;
	letter-spacing: -0.03em;
}*/
.icons_box li .box{
	display: table;
	text-align: center;
	width: 100%;
}
.icons_box li .box:first-child{margin-bottom: 50px;}
.icons_box li .box .img{text-align: center;}
.icons_box li .box .txt{
	height: 3em;
	display: table-cell;
	vertical-align: middle;
	letter-spacing: -0.03em;
}


.icons_box.type3{width: 1050px;}
.icons_box.type3 li{width: calc(100% / 3);}
.icons_box.type3b{width: 1200px;}
.icons_box.type3b li{width: calc(100% / 3);}


.bx-wrapper{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
background: none;
position: relative;
z-index: 0;
}
/* PAGER */
.bx-wrapper .bx-pager {bottom: 30px;}
.bx-wrapper .bx-pager.bx-default-pager a {
width: 20px;
height: 22px;
margin: 0 5px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus{background-position: 0 0;opacity: 0.7;}
.bx-wrapper .bx-controls-direction a {
margin-top: -26px;
width: 29px;
height: 54px;
z-index: 0;
}
.bx-viewport{z-index: 0;}


@media (max-width:1224px){
.wid100{width: 100%;min-width: 100%;}
.wid820,
.wid940,
.wid1100,
.wid1200{width: 100%;padding: 0 20px;}
.header .navi>li a {padding: 1em 0.5em;}
.header .subnavi .lang{font-size: 15px;}
.header .subnavi .faq{width: 90px;font-size: 10px;}
.header .subnavi .contact{width: 100px;font-size: 10px;}
.header .subnavi>li span.nav_en{font-size: 15px;}
.icons_box {width: 100%;}
.icons_box.type3 {width: 100%;}
.footer .topbtn a{padding-left: 0;text-align: center;}
.copyright>div{padding: 0 20px;}
}
/*
@media (min-width:1160px) and (max-width:1400px){
	#main{margin-top: 60px;}
}
@media (max-width:1160px){
	#main {margin-top: 50px;}
	.header .logo.only-sp{display: block;}
	.header .logo.only-pc{display: none;}
	.header .subnavi span.nav_jp {display: block;}



	.header{
	width: 100%;
	height: 50px;
	}
	.header .logo{
	position: relative;
	height: 50px;
	padding: 15px 0 15px 15px;
	}
	.header .logo img{height: 20px;}
	.drawer-nav{
	left: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100vh;
	background-color: #102043;
	padding-bottom: 163px;
	display:flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-box-align: center;
	}
	.header .navi{
	position: absolute;
	width: 100%;
	display: block;
	height: auto;

	}
	.header .navi>li{
	position: relative;
	display: block;
	text-align: center;
	height: 60px;
	line-height: 60px;
	}
	.header .navi>li a{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFF;
	font-size: 16px;
	padding: 0;
	}
	.header .navi>li:hover a:after,
	.header .navi>li.active a:after{display: none;}
	.header .subnavi{
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	}
	.header .subnavi .lang{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 58px;
	line-height: 40px;
	background-color: #FFF;
	font-size: 16px;
	padding: 9px 0;
	}
	.header .subnavi .lang>a{
		float: left;
		width: 50%;
	}
	.header .subnavi .lang:after{content: "";display: table;clear: both;}
	.header .subnavi .lang>a p{width: 100%;}
	.header .subnavi .lang p.jp{border-right: 1px #666 solid;}
	.header .subnavi .lang p.jp:after{display: none;}

	.header .subnavi .faq{
	position: absolute;
	bottom: 58px;
	width: 50%;
	height: 105px;
	font-size: 16px;
	}
	.header .subnavi .contact{
	position: absolute;
	bottom: 58px;
	right: 0px;
	width: 100%;
	height: 105px;
	font-size: 16px;
	}
	.header .subnavi .faq a,
	.header .subnavi .contact a{padding-top: 32px;}






	#nav_toggle{
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 4px;
	right: 5px;
	z-index: 100;
	padding: 10px;
	}
	#nav_toggle div {position: relative;}
	#nav_toggle span{
	display: block;
	height: 1px;
	background-color: #333;
	position:absolute;
	width: 100%;
	left: 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	}
	#nav_toggle span:nth-child(1){top:4px;}
	#nav_toggle span:nth-child(2){top:11px;}
	#nav_toggle span:nth-child(3){top:18px;}

	.open #nav_toggle span{background-color: #FFF;}
	.open #nav_toggle span:nth-child(1) {
	top: 10px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	}
	.open #nav_toggle span:nth-child(2) {
	width: 0;
	left: 50%;
	}
	.open #nav_toggle span:nth-child(3) {
	top: 10px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
	}





} */



@media (max-width:730px){
body,input,textarea{font-size:14px;}
.inner{padding: 0 40px;overflow: hidden;}
.wid100,
.wid820,
.wid940,
.wid1100,
.wid1200{width: 100%;min-width: 100%;}
.mb80{margin-bottom: 40px;}
.flpc{float: none;}
.frpc{float: none;}
.flsp{float: left;}
.tbpc{display: block;}
.tbpc>.cell{display: block;}
.frsp{float: right;}
.fs16{font-size: 16px;}
.fs22{font-size: 18px;}
.fs26{font-size: 20px;}

.t_regular{font-size: 12px;}
.t_regular14{font-size: 12px;}
.t_regular16{font-size: 14px;}

ul.notes>li{font-size: 10px;line-height: 1.4em;}

.only-pc{display: none;}
.only-sp{display: block;}

.section{padding: 70px 0;}

.btn.type1{width: 240px;}
.btn.type1.long{width: 300px;}
.btn.type1>a{font-size: 14px;}


.h1_title{font-size: 12px;}
.h1_title>span{font-size: 20px;margin-bottom: 0.6em;}
.h2_title{
font-size: 15px;
line-height: 1.6em;
padding-bottom: 40px;
}
.h2_title>span{font-size: 24px;margin-bottom: 0.5em;}
.h4_title{font-size: 15px;}
.h4_title>span{font-size: 18px;}
.mark_title{font-size: 18px;}
.mark_title>span{
	height: 24px;
	line-height: 24px;
	padding-left: 23px;
	background-size: 19px 21px;
}
.links_arrow>li{
	font-size: 14px;
	line-height: 1.4em;
	padding-left: 20px;
	background-position: 0 5px;
	background-size: 14px;
}
#company .title,
#contact .title{font-size: 18px;}

.header{
width: 100%;
height: 50px;
}
.header .logo{
position: relative;
height: 50px;
padding: 15px 0 15px 15px;
}
.header .logo img{height: 20px;}
.drawer-nav{
left: 100%;
position: fixed;
top: 0;
width: 100%;
height: 100vh;
background-color: #102043;
padding-bottom: 163px;
display:flex;
display: -webkit-flex;
align-items: center;
-webkit-box-align: center;
}
.header .navi{
position: absolute;
width: 100%;
display: block;
height: auto;

}
.header .navi>li{
position: relative;
display: block;
text-align: center;
height: 60px;
line-height: 60px;
}
.header .navi>li a{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #FFF;
font-size: 16px;
padding: 0;
}
.header .navi>li:hover a:after,
.header .navi>li.active a:after{display: none;}
.header .subnavi{
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
width: 100%;
}
.header .subnavi .lang{
position: absolute;
bottom: 0;
width: 100%;
height: 58px;
line-height: 40px;
background-color: #FFF;
font-size: 16px;
padding: 9px 0;
}
.header .subnavi .lang>a{
	float: left;
	width: 50%;
}
.header .subnavi .lang:after{content: "";display: table;clear: both;}
.header .subnavi .lang>a p{width: 100%;}
.header .subnavi .lang p.jp{border-right: 1px #666 solid;}
.header .subnavi .lang p.jp:after{display: none;}

.header .subnavi .faq{
position: absolute;
bottom: 58px;
width: 50%;
height: 105px;
font-size: 16px;
}
.header .subnavi .contact{
position: absolute;
bottom: 58px;
right: 0px;
width: 50%;
height: 105px;
font-size: 16px;
}
.header .subnavi .faq a,
.header .subnavi .contact a{padding-top: 32px;}


.footer{height: auto;}
.footer .topbtn{
	width: 100%;
	font-size: 14px;
	text-align: center;
	padding-left: 2em;
}
.footer .topbtn a{
	display: block;
	line-height: 50px;
}
.footer .topbtn span:before{
	width: 16px;
	height: 9px;
	background-size: 16px 9px;
}
.footer .pankuzu{
	width: 100%;
	font-size: 11px;
}
/* .copyright{
	padding: 50px 0 30px;
	font-size: 12px;
	text-align: center;
} */
.copyright small{font-size: 12px;}
.copyright .navi>li{margin-bottom: 50px;}

.side_navi{display: none;}

/* #main{margin-top: 50px;} */


/*開閉ボタン*/
#nav_toggle{
display: block;
width: 42px;
height: 42px;
position: absolute;
top: 4px;
right: 5px;
z-index: 100;
padding: 10px;
}
#nav_toggle div {position: relative;}
#nav_toggle span{
display: block;
height: 1px;
background-color: #333;
position:absolute;
width: 100%;
left: 0;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
#nav_toggle span:nth-child(1){top:4px;}
#nav_toggle span:nth-child(2){top:11px;}
#nav_toggle span:nth-child(3){top:18px;}

.open #nav_toggle span{background-color: #FFF;}
.open #nav_toggle span:nth-child(1) {
top: 10px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
transform: rotate(135deg);
}
.open #nav_toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav_toggle span:nth-child(3) {
top: 10px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
transform: rotate(-135deg);
}


.icons_box,
.icons_box.type3,
.icons_box.type3b{width: 100%}
.icons_box{padding: 0 20px;}

.icons_box li .box:first-child{margin-bottom: 20px;}

.icons_box li .box .img{padding: 0 35px;}
.icons_box li .box .img img{width: 100%;}

.icons_box li{width: 50%;margin-bottom: 30px;}
  .icons_box li:last-child{margin-bottom: 0;}
.icons_box.type3 li,
.icons_box.type3b li{width: 100%;}
.icons_box{margin-bottom: 0;}



/* PAGER */
.bx-wrapper .bx-pager {bottom: 15px;}
.bx-wrapper .bx-pager.bx-default-pager a {
background-size: 13px 15px;
width: 13px;
height: 15px;
margin: 0 3px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
background-size: 13px 15px;}
.bx-wrapper .bx-prev{left: 15px;background-size: 20px 38px;}
.bx-wrapper .bx-next{right: 15px;background-size: 20px 38px;}
.bx-wrapper .bx-controls-direction a {
margin-top: -19px;
width: 20px;
height: 38px;
}
}



@media (max-width:320px){
.header .navi>li{
position: relative;
display: block;
text-align: center;
height: 50px;
line-height: 50px;
}
/*.header .subnavi .faq{
position: absolute;
bottom: 175px;
width: 100%;
height: 85px;
font-size: 16px;
}
.header .subnavi .contact{
position: absolute;
bottom: 90px;
width: 100%;
height: 85px;
font-size: 16px;
}*/
.header .subnavi .faq a,
.header .subnavi .contact a{padding-top: 22px;}
}




/* - - - - - TOP - - - - - */

#top_hero .bx-wrapper li .box{
	width: 100%;
	height: 500px;
	background-position: 50% 50%;
	background-size: cover;
}
#top_hero .bxslider{position: relative;}
#top_hero .slide_caption{
	position: absolute;
	top: 0;
	left: 10%;
	left: calc(50% - 600px);
	padding-top: 70px;
	height: 100%;
}

#top_hero .slide_caption_en{
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 170px;
	height: 100%;
}
#top_hero .slide_caption_en .headline01{
	padding:20px 20px 0px 20px ;
	background-color:  rgba(0, 0, 0, 0.562);
	color: #FFF;
	line-height: 1.4em;
	width: 90%;
}
#top_hero .slide_caption_en .headline02{
	padding:20px ;
	background-color:  rgba(0, 0, 0, 0.562);
	color: #FFF;
	line-height: 1.4em;
	font-size: 85%;
	width: 90%;
	margin-bottom: 30px;
}



@media (min-width:410px) and (max-width:730px){
	#top_hero .slide_caption_en{
		position: absolute;
		top: 0;
		left: 0;
		padding-top: 130px;
		height: 100%;
	}
	#top_hero .slide_caption_en .headline01{
		padding:10px 20px 0px 20px ;
		background-color:  rgba(0, 0, 0, 0.562);
		color: #FFF;
		line-height: 1.4em;
		font-size: 90%;
		width: 90%;
	}
	#top_hero .slide_caption_en .headline02{
		padding:10px 20px 10px 20px ;
		background-color:  rgba(0, 0, 0, 0.562);
		color: #FFF;
		line-height: 1.4em;
		font-size: 80%;
		width: 90%;
		margin-bottom: 20px;
	}
}
@media  (max-width:410px){
#top_hero .slide_caption_en{
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 30px;
	height: 100%;
}
#top_hero .slide_caption_en .headline01{
	padding:10px 20px 0px 20px ;
	background-color:  rgba(0, 0, 0, 0.562);
	color: #FFF;
	line-height: 1.4em;
	font-size: 90%;
	width: 90%;
}
#top_hero .slide_caption_en .headline02{
	padding:10px 20px 10px 20px ;
	background-color:  rgba(0, 0, 0, 0.562);
	color: #FFF;
	line-height: 1.4em;
	font-size: 80%;
	width: 90%;
	margin-bottom: 20px;
}
}
@media (min-width:730px) and (max-width:1224px){
	#top_hero .slide_caption{left: 0;}
}
#top_hero .slide_caption .title:not(.btn){
	font-size: 70px;
	line-height: 1.4em;
	margin-left: -0.2em;
	color: #FFF;
	margin-bottom: 30px;
	opacity: 0;
	font-weight: 100;
	letter-spacing: -0.05em;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
@media (min-width:730px) and (max-width:1200px){
	#top_hero .slide_caption .title:not(.btn){font-size: 40px;}
}
#top_hero .slide_caption .title>span{margin-left: -0.4em;}
#top_hero .slide_caption .btn{
	position: absolute;
	bottom: 40px;
	right: 20px;
	opacity: 0;
}
.slide1{width: 100%;}
.slide1 ul{opacity: 0;}
.slide1 .bx-wrapper {
	box-shadow: none;
	border: none;
	background: none;
	width: 100%;
	max-width: 100%;
}
.com_value{background-color: #102043;color: #FFF;text-align: center;}
.com_value .icons_box .txt{font-size: 20px;line-height: 1.6em;}
.com_value .icons_box li>.box .img img{max-width: 140px;}

.top_service{background-color: #EBEBEB;color: #333;text-align: center;}
.top_service .icons_box .txt{font-size: 20px;}
.top_service .icons_box li>a .box .img img{max-width: 328px;width: 100%;}

.com_lineup{background-color: #FFF;text-align: center;}
.com_lineup .inner .icons_box.type3b{width: calc(100% + 5px);}
.com_lineup .inner .icons_box.type3b li{width: calc(((100% - 1px) / 3) - 5px);}
.com_lineup .icons_box li .img img{width: 100%;}
.com_lineup .icons_box>li{margin-right: 5px;}
.com_lineup .icons_box>li{position: relative;}
.com_lineup .icons_box>li .box{
	background-color: #EBEBEB;
	padding: 25px 30px;
	text-align: left;
}


.com_lineup .title{
	display: block;
	font-size: 20px;
	margin-bottom: 20px;
}
.com_lineup .icons_box li .box .txt{
	display: block;
	line-height: 1.4em;
	height: auto;
}

.com_contact{background-color: #102043;}
.com_contact .box>div{
	position: relative;
	width: calc(50% - 10px);
	height: 420px;
	background-color: #FFF;
	padding: 65px 10px 0;
	text-align: center;
}
.com_contact .img{margin-bottom: 45px;}
.com_contact .title{
	font-size: 24px;
	margin-bottom: 35px;}
.com_contact .tel{font-size: 30px;}
/*.com_contact .mf_mail{font-size: 30px;}*/
.com_contact .txt{line-height: 1.4em;}
.com_contact .box.txt{line-height: 2em;}
.com_contact .box>div .box{
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
}


.com_link .title:after{transition:opacity 1.2s;}
.com_link .btn:hover .title:after{opacity: 0.4;transition:opacity 0s;}
.com_link{background-color: #102043;}
.com_link .title span{
	display: block;
	margin-bottom: 0.7em;
}
.com_link .btn{background-color: #FFF;}
.com_link .btn + .btn{margin-top: 40px;}
.com_link .box>div{width: 50%;}
.com_link .img img{width: 100%;}
.com_link .box{position: relative;}
.com_link .txt{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 30px 30px;
}
.com_link .arrow{
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 66px;
	height: 14px;
	overflow: hidden;
}
.com_link .arrow>img{
	position: absolute;
	left: -10px;transition:left 0.2s;
}
.com_link .btn:hover .arrow>img{left: 0;transition:left 0.3s;}




#top_news{background-color: #102043;}
#top_news .inner{width: 1020px;}
#top_news dl{
	background-color: #FFF;
	padding: 60px;
}
#top_news dt{
	clear: left;
	float: left;
	width: 7em;
}
#top_news dd{
	float: left;
	padding-bottom: 1em;
}
#top_news dd:last-child{padding-bottom: 0;}
#top_news dl:after{
	content: "";
	display: table;
	clear: both;
}

#linkbnrs .box{text-align: center;}
#linkbnrs .box>li{display: inline-block;}
/*
#linkbnrs .inner .icons_box{margin-bottom: 0;}
#linkbnrs .inner .icons_box.type3 li{width: auto;}
*/

@media (max-width:1224px){
#top_news .inner{width: 100%;padding: 0 20px;}
}


@media (max-width:730px){
#top_hero .bx-wrapper li .box{
/* height: calc(100vh - 50px); */
height: calc(50vh - 50px);
background-position: 50% 50%;
}
#top_hero .slide_caption{
top: 0;
left: 0;
padding-top: 0;
width: 100%;
}
#top_hero .slide_caption .title:not(.btn){
font-size: 26px;
line-height: 1.4em;
margin-bottom: 0;
}
#top_hero .slide_caption>div{
padding: 35px 20px 0;
position: relative;
height: calc(100vh - 50px);

padding: 35px 0 0;
height: calc(50vh - 50px);
}
#top_hero .slide_caption .btn{
position: absolute;
bottom: 40px;
left: calc(50% - 150px);

bottom: 20px;
}
.com_value>.inner,
.top_service>.inner{padding: 0 15px;}
.com_value .icons_box .txt,
.top_service .icons_box .txt{font-size: 14px;}

.com_lineup .inner .icons_box.type3b{width: 100%;padding: 0 0 40px;}
.com_lineup .inner .icons_box.type3b li{width: 100%;}
/*.com_lineup .icons_box li .img img{width: 100%;}*/
.com_lineup .icons_box>li{margin: 0 0 15px;}
.com_lineup .icons_box>li .box{padding: 15px 20px;}

.com_lineup .title{
	font-size: 18px;
	margin-bottom: 10px;
}

.com_contact .box>div{
	position: relative;
	width: 100%;
	height: auto;
	padding: 30px 10px;
	margin-bottom: 10px;
}
.com_contact .box>div .box{
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
	margin-top: 20px;
}
.com_contact .img{margin-bottom: 20px;}
.com_contact .title{
font-size: 18px;
margin-bottom: 20px;
}
.com_contact .tel{font-size: 20px;}/*
.com_contact .mf_mail{font-size: 20px;}*/

.com_link .btn + .btn{margin-top: 20px;}
.com_link .box>div{width: 100%;}
.com_link .txt{
position: relative;
height: 100px;
padding: 15px;
}
.com_link .arrow{
bottom: 15px;
right: 15px;
width: 33px;
height: 7px;
}
.com_link .arrow>img{width: 100%;left:  0px;}



#top_news .inner{width: 100%;}
#top_news dl{padding: 30px 20px;}
#top_news dt{
	float: none;
	width: auto;
	margin-bottom: 1em;
}
#top_news dd{
	float: none;
	padding-bottom: 2.5em;
}
#top_news dd:last-child{padding-bottom: 0;}

#linkbnrs .inner{padding: 0 20px;}
#linkbnrs .box>li{width: 33%;}
#linkbnrs .box>li img{width: 100%;}
/*
#linkbnrs .inner{width: 100%;}
#linkbnrs .inner .icons_box{margin-bottom: 0;}
#linkbnrs .inner .icons_box.type3{width: 100%;}
#linkbnrs .inner .icons_box.type3 li{width: 100%;}
#linkbnrs .icons_box>li{margin:0 0 15px;}
#linkbnrs .icons_box>li:last-child{margin:0;}
#linkbnrs .icons_box>li .img img{width: 100%;}
*/
}



/* - - - - - SINGLE:company - - - - - */
#cont_hero{
	width: 100%;
	/* height: 320px; */
	height: 400px;
	background-position: 50% 50%;
	background-size: cover;
	padding-top: 140px;
}
#faq #cont_hero{background:url("../images/faq_main_bg.jpg") no-repeat center/cover;}
#scene #cont_hero{background:url("../images/scene_main_pc.jpg") no-repeat center/cover;}
#privacy #cont_hero{background:url("../images/privacy_main_pc.jpg") no-repeat center/cover;}

@media (max-width:730px){
	#cont_hero{
		height: 150px;
		padding-top: 75px;
	}
}


/* - - - - - SINGLE:common - - - - - */





/* - - - - - TAB - - - - - */



/* - - - - - ANIMATION - - - - - */
.movein_elem>.part{position: relative;opacity: 0;}
.com_value .icons_box.movein>.part:nth-child(1){
		animation: movein 1s 1 forwards;
-webkit-animation: movein 1s 1 forwards;}
.com_value .icons_box.movein>.part:nth-child(2){
		animation: movein 1s 1 0.2s forwards;
-webkit-animation: movein 1s 1 0.2s forwards;}
.com_value .icons_box.movein>.part:nth-child(3){
		animation: movein 1s 1 0.2s forwards;
-webkit-animation: movein 1s 1 0.2s forwards;}
.com_value .icons_box.movein>.part:nth-child(4){
		animation: movein 1s 1 0.2s forwards;
-webkit-animation: movein 1s 1 0.2s forwards;}

.top_service .icons_box.movein>.part:nth-child(1){
		animation: movein 1s 1 forwards;
-webkit-animation: movein 1s 1 forwards;}
.top_service .icons_box.movein>.part:nth-child(2){
		animation: movein 1s 1 0.2s forwards;
-webkit-animation: movein 1s 1 0.2s forwards;}
.top_service .icons_box.movein>.part:nth-child(3){
		animation: movein 1s 1 0.2s forwards;
-webkit-animation: movein 1s 1 0.2s forwards;}

.com_lineup .icons_box.movein>.part:nth-child(1){
		animation: movein 1s 1 forwards;
-webkit-animation: movein 1s 1 forwards;}
.com_lineup .icons_box.movein>.part:nth-child(2){
		animation: movein 1s 1 0.2s forwards;
-webkit-animation: movein 1s 1 0.2s forwards;}
.com_lineup .icons_box.movein>.part:nth-child(3){
		animation: movein 1s 1 0.2s forwards;
-webkit-animation: movein 1s 1 0.2s forwards;}

.btn.movein>.part{
		animation: fadein 1s 1 forwards;
-webkit-animation: fadein 1s 1 forwards;}


.top_info .movein{
			animation: movein 1s 1 forwards;
	-webkit-animation: movein 1s 1 forwards;}


@keyframes movein {
	0% {top:50px;opacity: 0;}
    100% {top:0px;opacity: 1;}}
@-webkit-keyframes movein {
    0% {top:50px;opacity: 0;}
    100% {top:0px;opacity: 1;}}
@keyframes fadein {
	0% {opacity: 0;}
    100% {opacity: 1;}}
@-webkit-keyframes fadein {
    0% {opacity: 0;}
    100% {opacity: 1;}}
/*
.maskin_wrap{
	position: relative;
	width: calc(100% + 200px);
	left: -100px;
	overflow: hidden;
}
.maskin_wrap .movein_elem.movein{
	overflow: hidden;
	padding-left: 100px;
	padding-right: 100px;
	position: relative;
		transform:skewX(-30deg);
-webkit-transform:skewX(-30deg);
		animation: maskin 1.5s 1 forwards;
-webkit-animation: maskin 1.5s 1 forwards;}
.maskin_wrap .movein_elem.movein>.part{
	opacity: 1;
	position: relative;
		transform:skewX(30deg);
-webkit-transform:skewX(30deg);
		animation: maskin-part 1.5s 1 forwards;
-webkit-animation: maskin-part 1.5s 1 forwards;}

@keyframes maskin {
	0% {right:calc(100% - 200px);}
    100% {right:0%;}}
@-webkit-keyframes maskin {
	0% {right:calc(100% - 200px);}
    100% {right:0%;}}
@keyframes maskin-part {
    0% {right:-100%;}
	100% {right:0%;}}
@-webkit-keyframes maskin-part {
    100% {right:0;}
    0% {right:-100%;}}
*/

.maskin_wrap .movein_elem.moveins{
		animation: fadein 1s 1 forwards;
-webkit-animation: fadein 1s 1 forwards;}
.maskin_wrap .movein_elem.movein>.part{
	opacity: 1;
		animation: fadein 1s 1 forwards;
-webkit-animation: fadein 1s 1 forwards;}




body.en #main{font-family: 'Montserrat', sans-serif;font-weight: 500;}

body.en .header .subnavi .nav_jp{display: none;}
body.en .header .subnavi .faq a,
body.en .header:not(.mini) .subnavi .contact a{padding-top: 30px;}

body.en #cont_hero{
	padding: initial;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.en .icons_box li .box .txt{letter-spacing: 0;line-height: 1.4em;}
body.en .com_lineup .icons_box>li .box>p.txt{height: 2.8em;}
@media (min-width:730px) and (max-width:1224px){
  body.en .header:not(.mini) .subnavi .contact a{padding-top: 22px;}

}
@media (max-width:730px){
body.en .header .subnavi .faq a,
body.en .header:not(.mini) .subnavi .contact a,
body.en .header.mini .subnavi .contact a{padding-top: 44px;}

body.en .header .subnavi .contact{
bottom: 58px;
left: 0px;
width: 100%;
}
body.en .header .subnavi .faq a,
body.en .header .subnavi .contact a{padding-top: 32px;}

body.en .drawer-nav{
left: 100%;
position: fixed;
top: 0;
width: 100%;
/*height: 400px;*/
  height: 100vh;
background-color: #102043;
padding-bottom: 163px;
display:flex;
display: -webkit-flex;
align-items: center;
-webkit-box-align: center;
}

body.en .com_lineup .icons_box>li .box>p.txt{height: auto;}
}


/* beta JP*/
.com_contact .mf_mail{font-size: 20px;}


/*beta版*/
body.en #top_value.section,
body.en .top_service.section,
body.en .com_lineup.section{padding: 110px 0 30px;}



@media (max-width:730px){
.header .subnavi-beta .lang a.active{pointer-events: none;}
body.en .header .subnavi-beta{
position: absolute;
top: 0;
right: 0;
display: table;
height: 50px;
transition:all 0.26s;
}
body.en .subnavi-beta .only-pc{display: block;}
body.en .subnavi-beta .only-sp{display: none;}
.header .subnavi-beta>li{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.header .subnavi-beta .lang a.active{pointer-events: none;opacity: 0.7;}
.header .subnavi-beta .lang{padding: 0 1em;font-size: 16px;}
.header .subnavi-beta .lang p.jp:after{
content: "｜";
display: inline;
}

}


/*1907 - add - */
body.en .com_lineup .icons_box>li .box {padding: 20px 20px;}


body.en .com_lineup .icons_box.type3b .tables li{width: 100%;text-align: left;margin-top: 1.5em;}
body.en .com_lineup .icons_box .tables span{display: block;line-height: 1.4;}
body.en .com_lineup .icons_box .tables span:first-child{
  font-weight: 700;
  width: 40%;
  word-wrap: break-word;
}
body.en .com_lineup .icons_box .tables span:last-child{width: 60%;}
body.en .com_lineup .icons_box>li .tables {background-color: #EBEBEB;}

@media (min-width:730px){
  body.en #top_value .icons_box li .box .txt{
    font-size: 18px;
    padding: 0 0.3em;
    letter-spacing: -0.05em;
  }
}

@media (max-width:730px){
  body.en .mark_title>span{height: auto;}
  body.en #top_value .icons_box{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  }
  body.en #top_value .icons_box li.fl{float: none;}
  body.en .com_lineup .icons_box .tables span:first-child{padding-right: 2em;}
}




/* .top_info *{outline: 1px solid #333;} */

.top_info{
	background-color: #ebebeb;
	padding-bottom: 70px;
}
.top_info .yearelems-first{position: relative;}
.top_info .yearelems{
	position: relative;
	margin-top: 30px;
}
/* .top_info .table{padding-bottom: 40px;} */
/* .top_info .table li+li{margin-top: 0.5em;} */
.top_info .table li{margin-bottom: 0.5em;}

.top_info .table li>*{
	line-height: 1.4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.top_info .table .date{width: 9em;}
.top_info .table .ico{
	position: relative;
	margin-top: 0.25em;
	margin-right: 20px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #102043;
}
.top_info .table .ico:before{
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	margin-top: 5px;
	margin-left: 3.5px;
	border-right: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.top_info .table .cate{
	color: #FFF;
	width: 100px;
	margin-right: 15px;
	text-align: center;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	background-color: #102043;
}

.top_info .btn.movein_elem{
	text-align: center;
	margin-top: 70px;
}


.top_info .table .lead{
	padding-right: 2em;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
}
.top_info .table .links{
	color: #13448f;
	min-width: 2.2em;
	text-align: center;
}
.top_info .table .links:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #13448f;
}


.top_info .nav-year{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.top_info .nav-year li{margin: 0 5px 10px;}


@media (max-width:730px){
	.top_info{padding: 30px 0 35px;}
	.top_info .table{padding-bottom: 20px;}
	.top_info .table li+li{margin-top: 20px;}

	.top_info .table li>*{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.top_info .table .date{
		width: calc(100% - 30px);
	}
	.top_info .table.add_cate .date{
		width: calc(100% - 115px);
	}
	.top_info .table .ico{
		margin-top: 0.15em;
		margin-right: 6px;
	}
	.top_info .btn.movein_elem{margin-top: 20px;}
	.top_info .table .lead{
		margin-top: 5px;
		padding-right: 0;
		width: 100%;
		-webkit-box-flex:0 1 auto;
		-ms-flex:0 1 auto;
		flex:0 1 auto;
	}
	.top_info .table .links{
		/* margin: 0 0 0 auto; */
		margin-top: 5px;
	}
	.top_info .nav-year{
		width: 240px;
		margin: 0 auto;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}





/* add css inline */
	#scene #main{padding-bottom: 110px;}
	#scene .section .inner>.box>div.flpc{width: 368px;}
	#scene .section .inner>.box>div.frpc{width: calc(100% - 368px);}

	#scene .txtbox .title{
		font-size: 20px;
		line-height: 1.4em;
		margin-bottom: 1.3em;
	}
	#scene .txtbox .txt{
		line-height: 1.8em;
		text-align: justify;
	}
	#scene .part{
		position: relative;
		padding: 45px 40px 35px;
	}
	#scene .part:before,
	#scene .part:after{
		content: "";
		position: absolute;
		display: inline-block;
		left: 0;
		right: 0;
		height: 20px;
	}
	#scene .part:before{
		top: 0;
		border: #B7BCC6 1px solid;
		border-bottom: none;
	}
	#scene .part:after{
		bottom: 0;
		border: #B7BCC6 1px solid;
		border-top: none;
	}
	#scene .part:after:after{
		content: "00";
		display: inline-block;
		width: 50px;
		height: 50px;
		background-color: aqua;
	}
	#scene .txtbox{
		position: relative;
		margin-bottom: 100px;
		z-index: 0;
	}
	#scene .txtbox:last-child{margin-bottom: 30px;}
	#scene .txtbox:before {
	content: "";position: absolute;
	margin-left: -15px;border: 12px solid transparent;
	border-top: 12px solid #fff;border-left: 12px solid #fff;z-index: 2;
	bottom: -23px;
	/*left: 377px;*/
	left: calc(50% - 1px);
	}
	#scene .txtbox:after {
	content: "";position: absolute;
	margin-left: -17px;border: 13px solid transparent;
	border-top: 13px solid #b7bcc6;border-left: 12px solid #b7bcc6;z-index: 1;
	bottom: -26px;
	/*left: 378px;*/
	left: 50%;
	}


	#scene_bg1{background: url("file:///D|/02.Fungry/2025/1001013711022-01/img/scene_bg1.jpg") no-repeat 50% 0 / cover;height: 360px;}
	#scene_bg2{background: url("file:///D|/02.Fungry/2025/1001013711022-01/img/scene_bg2.jpg") no-repeat 50% 0 / cover;height: 360px;}


	@media (max-width:1024px){
		#scene .section .inner>.box>div.flpc{width: 268px;}
		#scene .section .inner>.box>div.frpc{width: calc(100% - 268px);}
	}

	@media (max-width:730px){
		#scene #main{padding-bottom: 110px;}
		#scene .section .inner>.box>div.flpc{
			width: 100%;
			padding-left: 0;
			margin-bottom: 20px;
		}
		#scene .section .inner>.box>div.frpc{width: 100%;}
		#scene .txtbox .title{font-size: 18px;}
		#scene .part{padding: 25px 20px 20px;}
		#scene .part:before,#scene .part:after{height: 15px;}
		#scene .txtbox{margin-bottom: 50px;}
		#scene .txtbox:last-child{margin-bottom: 20px;}
		#scene .txtbox:before {
		border: 10px solid transparent;
		border-top: 10px solid #fff;border-left: 10px solid #fff;z-index: 2;
		bottom: -18px;
		}
		#scene .txtbox:after {
		border: 11px solid transparent;
		border-top: 11px solid #b7bcc6;border-left: 10px solid #b7bcc6;z-index: 1;
		bottom: -21px;
		}

    #scene_bg1{background: url("file:///D|/02.Fungry/2025/1001013711022-01/img/scene_bg1_sp.jpg") no-repeat 50% 0 / cover;}
	  #scene_bg2{background: url("file:///D|/02.Fungry/2025/1001013711022-01/img/scene_bg2_sp.jpg") no-repeat 50% 0 / cover;}


		}
  body.en#scene .section + .section{padding-top: 0;}