*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1.2rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}

@charset "UTF-8";

body { overflow-x: hidden; }

h1,h2,h3,h4,h5,h6,p,th,td,li,dt,dd	{
	font-family: "Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif !important;
	color: #231815;
	font-size: 14px;
}

.lity-container{
	width:100%;
}
.lity-content{
	text-align:center;
}
.lity-container video{
	width:80%;
	margin:0 auto;
}
.lity-container iframe{
	width:80%;
	height:45vw;																																																								
	margin:0 auto;
}

a:hover	{
	text-decoration: none !important;
}

.min	{
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif !important;
}

.it	{
	font-style: italic;
}

h1	{
	font-size: 30px;
}

hr	{
	border: 0;
	border-bottom: 1px solid rgba(0,0,0,.5);
}
.pc	{
	display: block !important;
}

.tcell_pc	{
	display: table-cell;
}
.sp	{
	display: none !important;
}

br.pc	{
	display: inline-block !important;
}
.weight_normal	{
	font-weight: normal;
}

.weight_bold	{
	font-weight: bold;
}

.text-left	{
	text-align: left;
}

.text-center	{
	text-align: center;
}

.text-right	{
	text-align: right;
}

.fs13	{
	font-size: 13px !important;
}
.fs14	{
	font-size: 14px !important;
}
.fs18	{
	font-size: 18px !important;
}
.fs24	{
	font-size: 24px !important;
}
.fs28	{
	font-size: 28px !important;
}

.pt0	{
	padding-top: 0 !important;
}

.pt50	{
	padding-top: 50px;
}

.pt100	{
	padding-top: 100px;
}

.pt150	{
	padding-top: 150px;
}

.pb0	{
	padding-bottom: 0 !important;
}

.pb50	{
	padding-bottom: 50px;
}

.pr0	{
	padding-right: 0 !important;
}

.mt0	{
	margin-top: 0 !important;
}


.mt15	{
	margin-top: 15px !important;
}
.mt50	{
	margin-top: 50px !important;
}
.mt70	{
	margin-top: 70px !important;
}

.mt100	{
	margin-top: 100px !important;
}

.mb0	{
	margin-bottom: 0 !important;
}
.mb5	{
	margin-bottom: 5px !important;
}
.mb15	{
	margin-bottom: 15px;
}

.mb25	{
	margin-bottom: 25px !important;
}

.mb50	{
	margin-bottom: 50px !important;
}
.mb100	{
	margin-bottom: 100px !important;
}
.mb150	{
	margin-bottom: 150px !important;
}

.mr130	{
	margin-right: 130px;
}

.w33p	{
	width: 33.333% !important;
}
.w50p	{
	width: 50% !important;
}
.w66p	{
	width: 66.666% !important;
}
.w80p	{
	width: 80% !important;
}
.w100p	{
	width: 100vw !important;
}

.p0	{
	padding: 0 !important;
}

.px30	{
	padding-left: 30px;
	padding-right: 30px;
}
.py0	{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.py50	{
	padding-top: 50px;
	padding-bottom: 50px;
}

.pr25 {
	padding-right: 25px !important;
}

.navybg	{
	background-color: #171c61;
	color: white;
	padding: 50px;
}
.navy	{
	color: #171c61;
	text-decoration: none !important;
}
.m0auto	{
	margin: 0 auto;
}
@media screen and (min-width: 1750px){
	p,th,td,li,dt,dd	{
		font-size: 14px;
	}	
}
p,th,td,li,dt,dd	{
	line-height: 175%;
}

img	{
	max-width: 100%;
	height: auto;
}

.oxhidden	{
	overflow-x: hidden;
}

header	{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10001;
}
.drawer-open header .h_left,.drawer-open header .h_right .entry,.drawer-open header .h_right .pagedown	{
	display: none;
}
header .h_left,header .h_right	{
	position: fixed;
	width: 100px;
	top: 0;
	padding: 40px 20px;
	height: 100vh;
}

header .h_left	{
	left: 0;
}

header .h_right	{
	right: 0;
}
header .h_right .entry	{
	display: block;
	background-image: url(/common/images/entry_r.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto ;
}

header .h_right .entry:hover img	{
	opacity: 0;
}
header .h_right .menu_img	{
	display: block;
	margin-top: 35vh;
}
header .h_right .pagedown	{
	display: block;
	position: absolute;
	top: 90vh;
	left: 50%;
	transform: translateX(-50%) rotate(90deg);
	z-index: 100;
}
header .h_right .pagedown img	{
	display: block;
	height: 11px;
	width: auto;
	max-width: none;
}

.key	{
	width: calc(100% - 200px);
	margin: 40px auto;
}

.sub header	{
	max-height: 800px;
	height: 100%;
	position: relative;
}
header .h_right	{
	height: 100%;
	max-height: 800px;
	z-index: 10002;
}
header .h_right .pagedown	{
	top: auto;
	bottom: 0;
}

header .h_right .pagedown img	{
	margin-right: 50px;
}
header .h_right .menu_img	{
	display: block;
	margin-top: 35vh;
}


.sub .key img	{
	width: 100%;
}


.page_titlearea	{
	position: fixed;
	width: 100px;
	height: 100vh;
	top: 0;
	left: 0;
	max-height: 800px;
	z-index: 5;
}

.page_titlearea img	{
	width: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.t_index	{
	display: none;
}
.sub .lead_en	{
	height: 13.5px;
}

main	{
	/*background-image: url(/images/body_back.svg);*/
	width: calc(100% - 400px);
	margin: 0 auto;
	background-size: 100% auto;
	background-repeat: repeat;
	padding: 100px 0;
}

.w760	{
	max-width: 760px;
	width: 100%;
	margin: 0 auto;
}
.sub main	{
	position: relative;
	margin-top: -100px;
	background-color: white;
	z-index: 2;
}

.sub main.nominus	{
	margin-top: 0;
}
.headarea img	{
	height: 56px;
	margin-bottom: 30px;
}

.headarea p.lead	{
	font-size: 2.5vw;
	margin-bottom: 50px;
}

.headarea p.lead strong	{
	color: #00A4AC;
}
.headarea	{
	position: relative;
	z-index: 1;

}
.contentarea	{
	position: relative;
	z-index: 1;
	width: 100%;
}
@media screen and (min-width: 1780px){
	.headarea p.lead	{
		font-size: 40px;
	}
}
.flex	{
	display: flex;
}

.flex.flexwrap	{
	flex-wrap: wrap;
}
.flex.flexwrap.aicenter	{
	justify-content: center;
}
.flex.space-between	{
	justify-content: space-between;
}
.flex .item	{
	position: relative;
}

.flex.space-between .item.w33p-s	{
	width: 31.333%;
}

.flex.space-between .item.w33p-ss	{
	width: 32.333%;
}

.buttonarea .button	{
	position: absolute;
	bottom: 30px;
	left: 100px;
	width: calc(100% - 200px);
	padding: 15px 0;
	text-align: center;
	display: block;
	background-color: rgba(0,164,172,.9);
	color: white;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 0;
	font-size: 24px;
}

.static.buttonarea .button	{
	margin: 0 auto;
	position: static;
}

footer .inner	{
	background-color: #49B3D4;
	width: calc(100% - 200px);
	margin: 0 auto 50px;
	padding: 50px 0;
}
footer .inner .flexwrap	{
	margin: 0 auto;
}
footer .inner .flexwrap .item	{
	width: 25%;
	padding: 0 10px;
}

footer .inner .flexwrap .item .imgarea img	{
	height: 11px;
}

footer .inner .flexwrap .item .imgarea	{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(255,255,255,.5);
}
footer .inner .flexwrap .item ul	{
	padding: 0;
}

footer .inner .flexwrap .item ul li	{
	list-style: none;
	font-size: 11px;
	margin-bottom: 15px;
}
footer .inner .flexwrap .item ul li a	{
	color: white;
}

footer .outer ul	{
	padding: 0;
}

footer .outer ul li	{
	list-style: none;
	display: inline-block;
	padding: 0 30px;
}

footer .outer ul li a	{
	color: #231815;
	font-size: 11px;
}

footer .copyright	{
	padding: 30px 0 75px;
}
footer .copyright img	{
	height: 11px;
}
nav.drawer-nav	{
	background-color: transparent;
	width: 100vw;
	z-index: 10000;
}
.drawer-open nav.drawer-nav	{
	background-color: #028BA3;
}

.drawer--right .drawer-nav	{
	right: -100vw;
}

nav.drawer-nav a	{
	color: white;
}
nav.drawer-nav .inner	{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding-top: 140px;
	z-index: 999;
}
nav.drawer-nav .inner .item	{
	display: table;
	table-layout: fixed;
}
nav.drawer-nav .inner .labelarea,nav.drawer-nav .inner .navlist	{
	display: table-cell;
	vertical-align: top;
}

nav.drawer-nav .inner .labelarea	{
	width: 300px;
}
nav.drawer-nav .inner .labelarea img	{
	height: 18px;
}
nav.drawer-nav .inner .navlist	{
	width: auto;
}

nav.drawer-nav .inner .navlist ul	{
	margin: 30px 0 50px;
	padding: 0;
}

nav.drawer-nav .inner .navlist ul li	{
	display: inline-block;
	padding: 0 30px;
	border-left: 1px solid white;
	line-height: 1;
}
nav.drawer-nav .inner .navlist ul li:first-of-type	{
	padding-left: 0;
	 border-left: 0;
}
nav.drawer-nav .inner .navlisttitle img	{
	height: 48px;
}
.drawer-hamburger	{
	display: block;
	margin-top: 35vh;
	background-image: url(/common/images/menu.svg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 60px;
	height: 64px;
	padding: 0;
	right: 20px !important;
	z-index: 1000;
}

.drawer-hamburger-icon	{
	display: none;
}

.drawer-open .drawer-hamburger	{
	background-image: url(/common/images/menu_r.svg);
}

.tryit	{
	height: 138px;
	margin: 50px 0;
}
.sec8 .buttonarea .button	{
	max-width: 400px;
	width: calc(100% - 50px);
}
.sec8 .buttonarea img	{
	height: 31px;
}

.fadeIn {
	opacity: 0;
	transition: 1s;
}

.fadeIn.delay {
	opacity: 0;
	transition: 4s;
}

.fadeIn.is-show {
  opacity: 1;
}

.overlay	{
	position: fixed;
	background-color: white;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100000;
}

@media screen and (max-width: 768px)	{
	.lity-container video{
		width:100%;
	}
	.lity-close {
		 top:calc(calc(50% + 20.125vw) + 40px)!important;
		 right:calc(50% - 17px)!important;
	}
	.lity-close:active {
	   top:calc(calc(50% + 20.125vw) + 40px)!important;
	}
	h1	{
		font-size: 5vw;
	}
	
	.sub .lead_en	{
		height: 3vw;
	}

	p,th,td,dt,dd,li	{
		font-size: 3vw;
		line-height: 250%;
	}
	.mb50	{
		margin-bottom: 5vw !important;
	}
	.mb100	{
		margin-bottom: 10vw !important;
	}

	.pc	{
		display: none !important;
	}
	
	.tcell_pc	{
		display: none;
	}
	.sp	{
		display: block !important;
	}
	br.pc	{
		display: none !important;
	}
	br.sp	{
		display: inline-block !important;
	}
	
	header .h_left,header .h_right	{
		width: 14vw;
		padding: 3vw 2vw 6.75vw;
	}
	header .h_left .logo	{
		width: 10vw;
	}
	
	header .h_right .entry,.drawer-hamburger	{
		width: 10vw;
	}
	
	.drawer-hamburger	{
		right: 2vw !important;
		transition: none;
	}
	.key	{
		width: calc(100% - 27vw);
		margin: 3vw auto 6.75vw;
	}
	.sub .key	{
		margin: 3vw auto 0;
	}
	.index_keywrap	{
		width: calc(100% - 27vw);
		overflow-x: hidden;
		overflow-y: visible;
		margin: 0 auto;
		padding-bottom: 10vh;
	}
	table.key	{
		width: 161%;
	}
	
	.index_keywrap .c1_1	{
		overflow-y: hidden;
	}
	.sub header	{
		max-height: none;
		height: auto;
		position: static;
		z-index: 1;
	}
	
	.sub header .h_left,.sub header .h_right	{
		position: fixed;
		height: 100vh;
		z-index: 3;
	}
	main	{
		width: calc(100% - 27vw);
		padding: 13.5vw 0;
	}
	.headarea img	{
		height: 9vw;
	}
	
	.headarea p.lead	{
		font-size: 5vw;
	}
	
	.flex	{
		display: block !important;
	}
	
	.flex .item.w50p	{
		width: 100% !important;
	}
	.buttonarea	{
		width: 90%;
		text-align:center;
		margin: 0 auto;
	}
	
	.index .sec3 .flex .item.w50p	{
		text-align: center;
		overflow-x: hidden;
	}
	.index .sec3 .flex .item.w50p img	{
		height: 100%;
		max-width: none;
		width: auto;
		margin-left: -13.5vw;
	}
	
	.buttonarea .button	{
		display: block;
		font-size: 4vw;
		width: 90%;
		margin: 0 auto;
		left: auto;
		right: auto;
		bottom: 2vw;
		padding: 2vw 0;
	}
	
	footer .inner	{
		width: calc(100% - 27vw);
		padding: 6.75vw 3vw;
	}
	.tryit	{
		height: 20vw;
	}
	.sec8 .buttonarea img	{
		height: 5vw;
		display: block;
		margin: 0 auto;
	}
	footer .inner .flexwrap.w50p	{
		width: 100% !important;
	}
	footer .inner .flexwrap .item	{
		width: 100%;
	}
	footer .inner .flexwrap .item ul li a,footer .outer ul li a	{
		font-size: 2.5vw;
	}
	footer .inner .flexwrap .item ul li a br	{
		display: none;
	}
	footer .inner .flexwrap .item .imgarea	{
		padding-bottom: 5px;
	}
	
	footer .inner .flexwrap .item ul li	{
		margin-bottom: 0;
	}
	
	footer .outer ul li	{
		padding: 0 2vw;
	}
	
	footer .copyright img	{
		height: 2.75vw;
	}
	
	nav.drawer-nav .inner,nav.drawer-nav .inner .item,nav.drawer-nav .inner .labelarea, nav.drawer-nav .inner .navlist	{
		display: block;
	}
	nav.drawer-nav .inner	{
		margin: 13.5vw 13.5vw;
		width: calc(100% - 27vw);
		padding-top: 0;
		padding-bottom: 20vh;
	}
	
	nav.drawer-nav .inner .labelarea img	{
		height: 3vw;
	}
	
	nav.drawer-nav .inner .navlisttitle img	{
		height: 7vw;
	}
	
	nav.drawer-nav .inner .navlist ul	{
		padding: 3vw 0 0;
		margin: 0 0 6.75vw;
	}
	nav.drawer-nav .inner .navlist ul li	{
		display: block;
		padding: 0;
		border: 0;
		font-size: 3vw;
		padding-top: 3vw;
	}
	
	.page_titlearea	{
		width: 13.5vw;
	}
	
	.page_titlearea img	{
		width: 3.5vw;
		display: none;
	}
	
	.sub main	{
		padding: 6.75vw 0;
		margin-top: 0;
	}
	.sub main:first-of-type	{
		padding: 13.5vw 0 6.75vw;
	}
	.sub main:last-child	{
		padding: 6.75vw 0 30vw;
		margin-top: 0;
	}
	
	.box2,.box3	{
		flex-direction: column;	
	}
	.box2 .box,.box3 .box	{
		width: 100% !important;
		padding: 6.75vw 0 !important;
	}
	.sp_order1	{
		order: 1 !important;
	}
	.sp_order2	{
		order: 2 !important;
	}
	span.small	{
		font-size: 3vw !important;
	}
	.box h2.ib 	{
		font-size: 4.5vw !important;
	}
	.box .ib img.lead_en	{
		height: 2.75vw !important;
	}
	
	.lead_en_21	{
		height: 3.5vw !important;
		margin: 6.75vw 0;
	}
	main	{
		/*background-image: url(/images/body_back_sp.svg);*/
		background-size: 59.5vw auto;
		background-position: center top;
	}
}