@charset "utf-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family:Arial,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Meiryo,Helvetica,メイリオ,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{color:#000;background-color:transparent;text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:bottom;max-width:100%;height:auto}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}li{list-style:none}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}img {backface-visibility: hidden;}



/*  template style
--------------------------------------------------*/
body {
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	margin: auto;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,th { font-weight: normal; }
#wrap { position:relative; }
.sp-bl,.sp-il,.tablet-bl { display:none; }
.opa { transition: 0.3s ease-in-out; }
.opa:hover { opacity: 0.7; }
.opa1 { opacity: 1 !important; }
.w100 { width: 100% !important; }
.h100 { height: 100% !important; }
.none { display: none !important }
.tc { text-align: center !important; }
.tl { text-align: left !important; }
.tr { text-align: right !important; }
.cf:before,.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.inner {
	width:95%;
	max-width:1100px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}
.flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.flex.nowrap{ flex-wrap: nowrap; }
.flex.reverse{ flex-direction: row-reverse; }
.flex.reverse > *{ min-height: 0; }
.flex.jc-c{ justify-content: center; }
.flex.jc-s{justify-content: flex-start;flex-wrap: nowrap;}
.flex.jc-e{ justify-content: flex-end; }
.flex.ai-c{ align-items: center; }
.flex.ai-e{ align-items: flex-end; }
.flex.ai-st{ align-items: stretch; }
#header img,#main img,#footer img{ width: 100%; }

@media screen and (max-width:768px) {
.pc { display:none !important; }
.sp-bl { display:block; }
.sp-il { display:inline; }
.inner { width:90%; max-width:560px; }
.opa:hover { opacity: 1; }
}



/*  font
--------------------------------------------------*/
#header,
#main,
#footer{
	color: #333;
	font-size: 15px;
	font-family: 'Yu Gothic',Yugothic,sans-serif;
	font-feature-settings: "palt";
	letter-spacing: .08em;
	line-height: 1.4;
}
.mincho{
	font-family: 'Yu Mincho',Yumincho,serif;
}
.lato{
	font-family: 'Lato',sans-serif;
}



/*  color
--------------------------------------------------*/
.white{
	color: #fff;
}
.blue{
	color: #00d084;
}
.blue2{
	color: #00d084;
}



/*  #header
--------------------------------------------------*/
body {
	padding-top: 100px;
}
#header{
}
	#header #gn{
		position: fixed;
		z-index: 1000;
		top: 0;
		left: 0;
		width: 100%;
		height: 100px;
		background: rgba(255,255,255,.95);
		box-shadow: 0 2.5px 10px rgba(0,0,0,.1);
	}
		#header #gn .gnLogo{
			position: absolute;
			z-index: 1;
			top: 30px;
			left: 80px;
			width: 131px;
		}
		#header #gn .gnMenu{
			position: absolute;
			z-index: 1;
			top: 0;
			right: 0;
			width: calc(100% - 210px);
		}
			#header #gn .gnMenu .gnMenuList{
				padding: 0 18px;
			}
				#header #gn .gnMenu .gnMenuList > li{
					height: 100%;
					padding: 0 18px;
					position: relative;
				}
				#header #gn .gnMenu .gnMenuList > li.privacy{
					display: none;
				}
					#header #gn .gnMenu .gnMenuList > li .gnMenuListTtl{
						font-size: 15px;
						letter-spacing: .08em;
						line-height: 1.4;
						padding: 12px 0;
						position: relative;
					}
						#header #gn .gnMenu .gnMenuList > li .gnMenuListTtl sup{
							font-size: 12px;
						    top: -0.2em;
						    vertical-align: baseline;
						}
						#header #gn .gnMenu .gnMenuList > li .gnMenuListTtl1:before{
							content: "";
							position: absolute;
							z-index: 1;
							left: 0;
							bottom: 0;
							width: 100%;
							height: 1px;
							background: #348fd0;
							border-radius: 0.5px;
							transform: scaleX(0);
							transform-origin: center;
							transition: transform .3s;
						}
						#header #gn .gnMenu .gnMenuList > li .gnMenuListTtl1:hover:before{
							transform: scaleX(1);
						}
						#header #gn .gnMenu .gnMenuList > li .gnMenuListTtl2:before{
							content: "";
							position: absolute;
							z-index: 1;
							left: 0;
							bottom: 0;
							width: 100%;
							height: 4px;
							background: url(../../img/common/pc/icon_gnMenuListTtl2.svg) no-repeat center/7px auto;
							transition: transform .3s;
						}
						#header #gn .gnMenu .gnMenuList > li:nth-child(2):hover .gnMenuListTtl2:before{
							transform: rotate(180deg);
						}

					#header #gn .gnMenu .gnMenuList > li .gnMenuSubList{
						position: absolute;
						z-index: 1;
						top: 120px;
						left: 0;
						width: 450px;
						background: #fff;
						box-shadow: 0 2.5px 10px rgba(0,0,0,.1);
						box-sizing: border-box;
						padding: 28px 30px 14px;
						visibility: hidden;
						opacity: 0;
						pointer-events: none;
						transition: visibility .4s,opacity .4s;
					}
					#header #gn .gnMenu .gnMenuList > li .gnMenuSubList.active{
						visibility: visible;
						opacity: 1;
						pointer-events: auto;
					}
						#header #gn .gnMenu .gnMenuList > li .gnMenuSubList:before{
							content: "";
							position: absolute;
							z-index: 1;
							top: -20px;
							left: 0;
							width: 100%;
							height: 20px;
						}
						#header #gn .gnMenu .gnMenuList > li .gnMenuSubList div{
							width: 180px;
						}
							#header #gn .gnMenu .gnMenuList > li .gnMenuSubList div .gnMenuListSubTtl{
								color: #348fd0;
								font-size: 15px;
								letter-spacing: .08em;
								line-height: 1.4;
							}
								#header #gn .gnMenu .gnMenuList > li .gnMenuSubList div ul li{
									box-sizing: border-box;
									padding: 12px 15px;
									position: relative;
								}
								#header #gn .gnMenu .gnMenuList > li .gnMenuSubList div ul li + li{
									border-top: 1px solid #dbdbdb;
								}
									#header #gn .gnMenu .gnMenuList > li .gnMenuSubList div ul li:before{
										content: "";
										position: absolute;
										z-index: 1;
										top: 21px;
										left: 0;
										width: 5px;
										height: 5px;
										border-radius: 50%;
										background: #348fd0;
									}
									#header #gn .gnMenu .gnMenuList > li .gnMenuSubList div ul li a{
										font-size: 14px;
										letter-spacing: .08em;
										line-height: 1.4;
									}

			#header #gn .gnMenu .gnMenuContact{
				width: 180px;
			}
				#header #gn .gnMenu .gnMenuContact a{
					display: block;
					height: 100px;
					color: #fff;
					background: linear-gradient(-45deg,#79c3f2,#348fd0);
					font-size: 15px;
					font-weight: 600;
					letter-spacing: .08em;
					line-height: 100px;
					text-align: center;
					background: linear-gradient(-45deg,#d7fff0,#38d49b);
				}

			#header #gn .gnMenu .gnMenuSns,
			#header #gn .gnBtn{
				display: none;
			}
@media screen and (max-width: 1024px){
	body {
		padding-top: 60px;
	}
	#header #gn{
		height: 60px;
	    background: none;
	    box-shadow: none;
	}
	#header #gn:before{
	    content: "";
	    position: absolute;
	    z-index: 2;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: #fff;
	    box-shadow: 0 2.5px 10px rgba(0,0,0,.1);
	}
	#header #gn .gnLogo{
		z-index: 3;
		top: 15px;
		left: 20px;
		width: 150px;
	}
	#header #gn .gnMenu{
		z-index: 1;
	    top: 60px;
	    width: 100%;
		height: 0;
	    transition: height .4s;
	    background: #fff;
	    overflow: scroll;
	    -webkit-overflow-scrolling: touch;
	}
	#header #gn .gnMenu.active{
	    height: calc(100vh - 60px);
	}
	#header #gn .gnBtn{
		display: block;
		position: absolute;
		z-index: 3;
		top: 0;
		right: 0;
		width: 60px;
		height: 60px;
		background: linear-gradient(-45deg,#d7fff0,#38d49b);
		cursor: pointer;
	}
	#header #gn .gnBtn span{
		position: absolute;
		z-index: 1;
		left: 15px;
		width: 30px;
		height: 2px;
		background: #fff;
	}
	#header #gn .gnBtn span:nth-of-type(1){
		top: 20px;
		animation: gnBtn1 .75s forwards;
	}
	#header #gn .gnBtn span:nth-of-type(2){
		top: 29px;
		transition: opacity .25s .25s;
	}
	#header #gn .gnBtn span:nth-of-type(3){
		top: 38px;
		animation: gnBtn2 .75s forwards;
	}
	#header #gn .gnBtn.active span:nth-of-type(1){
	    animation: gnBtn1_active .75s forwards;
	}
	#header #gn .gnBtn.active span:nth-of-type(2){
		opacity: 0;
	}
	#header #gn .gnBtn.active span:nth-of-type(3){
	    animation: gnBtn2_active .75s forwards;
	}
	#header #gn .gnMenu .gnMenuInner{
		flex-wrap: wrap;
    	justify-content: flex-start;
    	position: relative;
    	z-index: 1;
    	padding-bottom: 60px;
    	overflow: hidden;
	}
	#header #gn .gnMenu .gnMenuInner:before{
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 310px;
		background: url(../../img/common/sp/bg_gnMenu.svg) no-repeat center top/100% auto;
	}
	#header #gn .gnMenu .gnMenuList{
		flex-wrap: wrap;
	    width: 90%;
	    margin: 20px auto 0;
	    padding: 0;
	}
	#header #gn .gnMenu .gnMenuList > li{
		justify-content: flex-start;
	    align-items: flex-start;
	    width: 100%;
	    height: auto;
	    padding: 0;
	}
	#header #gn .gnMenu .gnMenuList > li + li{
		border-top: 1px solid #dbdbdb;
	}
	#header #gn .gnMenu .gnMenuList > li.privacy{
		display: block;
	}
	#header #gn .gnMenu .gnMenuList > li:nth-child(2):before{
		content: "";
	    position: absolute;
	    z-index: 1;
	    left: auto;
	    right: 14px;
	    bottom: auto;
	    top: 27px;
	    width: 11px;
	    height: 6px;
	    background: url(../../img/common/sp/icon_gnMenuListTtl2.svg) no-repeat center/contain;
		transition: transform .3s;
	}
	#header #gn .gnMenu .gnMenuList > li:nth-child(2).active:before{
		transform: rotate(180deg);
	}
	#header #gn .gnMenu .gnMenuList > li .gnMenuListTtl{
		display: block;
	    width: 100%;
	    padding: 20px 14px;
	}
	#header #gn .gnMenu .gnMenuList > li .gnMenuListTtl1:before{
		content: none;
	}
	#header #gn .gnMenu .gnMenuList > li .gnMenuListTtl2{
		width: auto;
	}
	#header #gn .gnMenu .gnMenuList > li .gnMenuListTtl2:before{
		content: none;
	}
	#header #gn .gnMenu .gnMenuList > li .gnMenuSubList{
		position: relative;
	    top: auto;
	    width: 100%;
	    box-shadow: none;
	    padding: 20px 14px;
	    visibility: visible;
	    opacity: 1;
	    pointer-events: auto;
	    transition: none;
	    border-top: 1px solid #dbdbdb;
	    display: none;
	}
	#header #gn .gnMenu .gnMenuList > li .gnMenuSubList:before{
		content: none;
	}
	#header #gn .gnMenu .gnMenuList > li .gnMenuSubList div{
		width: 100%;
	}
	#header #gn .gnMenu .gnMenuList > li .gnMenuSubList div + div{
		margin-top: 1.2em;
	}
	#header #gn .gnMenu .gnMenuList > li .gnMenuSubList div .gnMenuListSubTtl{
		color: #0099d9;
	}
	#header #gn .gnMenu .gnMenuList > li .gnMenuSubList div ul{
		margin-top: 1em;
	}
	#header #gn .gnMenu .gnMenuList > li .gnMenuSubList div ul li{
		padding: 0 10px;
	}
	#header #gn .gnMenu .gnMenuList > li .gnMenuSubList div ul li + li{
		margin-top: 1em;
		border-top: none;
	}
	#header #gn .gnMenu .gnMenuList > li .gnMenuSubList div ul li:before{
		top: .6em;
	    width: 3px;
	    height: 3px;
	}
	#header #gn .gnMenu .gnMenuList > li .gnMenuSubList div ul li a{
		font-size: 15px;
    	text-decoration: underline;
	}
	#header #gn .gnMenu .gnMenuContact{
		margin: 140px auto 0;
	}
	#header #gn .gnMenu .gnMenuContact a{
		height: 50px;
		color: #00d084;
		background: #fff;
		font-size: 16px;
		line-height: 50px;
		border-radius: 25px;
		box-shadow: 0 2.5px 10px rgba(0,0,0,.1);
	}
	#header #gn .gnMenu .gnMenuSns{
		display: block;
	    width: 100%;
	    margin-top: 40px;
	}
	#header #gn .gnMenu .gnMenuSns li{
		width: 40px;
	    position: relative;
	    z-index: 1;
	}
	#header #gn .gnMenu .gnMenuSns li + li{
		margin-left: 20px;
	}
	#header #gn .gnMenu .gnMenuSns li:before{
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		box-shadow: 0 2.5px 10px rgba(0,0,0,.1);
	}
}
@media screen and (max-width: 480px){
	#header #gn .gnMenu .gnMenuInner:before{
		height: calc(77.5vw + 100px);
		background: url(../../img/common/sp/bg_gnMenu.svg) no-repeat center top 2px/100% auto,
     linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,1) 2px,rgba(255,255,255,0) 3px,rgba(255,255,255,0)),
     linear-gradient(to right,#00d084,#00d084),
     linear-gradient(-45deg,#00d084,#00d084);
	}
	#header #gn .gnMenu .gnMenuContact{
		margin: 35vw auto 0;
	}
	#header #gn .gnMenu .gnMenuInner{
    	padding-bottom: calc(15vw + 100px);
	}
}
@keyframes gnBtn1{
	0%{ transform: translateY(9px) rotate(45deg); }
	50%{ transform: translateY(9px) rotate(0); }
	100%{ transform: translateY(0) rotate(0); }
}
@keyframes gnBtn1_active{
	0%{ transform: translateY(0) rotate(0); }
	50%{ transform: translateY(9px) rotate(0); }
	100%{ transform: translateY(9px) rotate(45deg); }
}
@keyframes gnBtn2{
	0%{ transform: translateY(-9px) rotate(-45deg); }
	50%{ transform: translateY(-9px) rotate(0); }
	100%{ transform: translateY(0) rotate(0); }
}
@keyframes gnBtn2_active{
	0%{ transform: translateY(0) rotate(0); }
	50%{ transform: translateY(-9px) rotate(0); }
	100%{ transform: translateY(-9px) rotate(-45deg); }
}



/*  wpadminbar
--------------------------------------------------*/
body.customize-support #header #gn{
	top: 32px;
}
@media screen and (max-width: 768px){
	#wpadminbar{
		position: fixed !important;
	}
	body.customize-support #header #gn{
		top: 46px;
	}
}



/*  #main
--------------------------------------------------*/
#main {
	overflow:hidden;
	padding-top: 100px;
}

.secTtl{
}
	.secTtl .en{
		display: block;
		font-size: 16px;
		letter-spacing: .1em;
		line-height: 1;
	}
		.secTtl .en:after{
			content: "";
			display: block;
			vertical-align: baseline;
			width: 20px;
			height: 1px;
			background: #00d084;
			margin: 18px 0 2px;
		}
		.secTtl.tc .en:after{
			margin: 18px auto 2px;
		}

	.secTtl .ja{
		display: block;
		font-size: 36px;
		letter-spacing: .14em;
		line-height: 1.88;
	}
.secTxt{
	line-height: 2.13;
	text-align: justify;
	text-justify: inter-ideograph;
}
.secTxt + .secTxt{
	margin-top: 1.5em;
}
.secTtl + .secTxt{
	margin-top: 30px;
}
@media screen and (min-width: 769px) and (max-width: 1200px){
	.secTtl .en{
		font-size: 14px;
	}
	.secTtl .ja{
		font-size: 26px;
	}
}
@media screen and (max-width: 768px){
	.secTtl .en{
		font-size: 24px;
	}
	.secTtl .en:after{
		margin: 18px 0 16px;
	}
	.secTtl.tc .en:after{
		margin: 18px auto 16px;
	}
	.secTtl .ja{
		font-size: 22px;
		letter-spacing: .1em;
		line-height: 1.5;
	}
	.secTxt{
		line-height: 1.6;
	}
	.secTtl + .secTxt{
		margin-top: 20px;
	}
}
@media screen and (max-width: 374px){
	.secTtl .en{
		font-size: 3.733333vw;
	}
	.secTtl .ja{
		font-size: 5.866667vw;
	}
}

.btn{
	margin: auto;
}
	.btn a,
	.btn input[type="button"],
	.btn input[type="submit"]{
		display: block;
		font-size: 17px;
		font-weight: normal;
		letter-spacing: .08em;
		text-align: center;
		height: 54px;
		line-height: 52px;
		color: #333;
		background-color: #fff;
		box-sizing: border-box;
		border: 1px solid #00d084;
		box-shadow: 0 2.5px 10px rgba(0,0,0,.1);
		overflow: hidden;
		margin: auto;
		will-change: color,background-color;
		transition: color .3s,background-color .3s;
		position: relative;
	}
	.btn a:hover,
	.btn input[type="button"]:hover,
	.btn input[type="submit"]:hover{
		color: #fff;
		background-color: #00d084;
	}
		.btn a:before,
		.btn input[type="button"]:before,
		.btn input[type="submit"]:before{
			content: "";
			position: absolute;
			z-index: 1;
			right: 16px;
			top: 50%;
			width: 10px;
			height: 10px;
			border: 1px solid;
			border-color: #00d084 #00d084 transparent transparent;
			transform: translateY(-50%) rotate(45deg);
			will-change: color,background-color;
			transition: border-color .3s;
		}
		.btn a:hover:before,
		.btn input[type="button"]:hover:before,
		.btn input[type="submit"]:hover:before{
			border-color: #fff #fff transparent transparent;
		}

.bgWhite{
	background: #fff;
	box-shadow: 0 2.5px 10px rgba(0,0,0,.1);
}

.bgBlue{
	/* background: url(../../img/common/pc/bg_blue_top.svg) no-repeat center top/100% auto,
				url(../../img/common/pc/bg_blue_bottom.svg) no-repeat center bottom/100% auto,
				linear-gradient(to bottom,#fff 0px,#fff 1px,#eff6fb 2px,#eff6fb calc(100% - 2px),#fff 100%); */
	padding-top: 5.333333vw;
	padding-bottom: 5.333333vw;
}
@media screen and (max-width: 768px){
	.bgBlue{
		/* background: url(../../img/common/sp/bg_blue_top.svg) no-repeat center top/100% auto,
					url(../../img/common/sp/bg_blue_bottom.svg) no-repeat center bottom/100% auto,
					linear-gradient(to bottom,#fff 0px,#fff 1px,#eff6fb 2px,#eff6fb calc(100% - 2px),#fff 100%); */
		padding-top: 10vw;
		padding-bottom: 10vw;
	}
}

a.link{
	color: #01558c;
	text-decoration: underline;
}
a.link:hover{
	text-decoration: none;
}

#kv{
	position: relative;
}
	#kv .kv{
		position: relative;
		z-index: 1;
		width: 100%;
		height: 40.666667vw;
	}
		#kv .kv .kvTtl{
			position: absolute;
			z-index: 1;
			top: 45%;
			left: 0;
			transform: translateY(-50%);
			width: 100%;
			line-height: 1.4;
			text-align: center;
		}
			#kv .kv .kvTtl .en{
				display: block;
				font-size: 60px;
				font-weight: 300;
				letter-spacing: .1em;
			}
			#kv .kv .kvTtl .ja{
				display: block;
				font-size: 32px;
				letter-spacing: .14em;
				margin-top: 10px;
			}

	#kv .kvWave{
		position: absolute;
		z-index: 2;
		left: 0;
		bottom: -1px;
		width: 100%;
		height: 80px;
	}
@media screen and (max-width: 768px){
	#kv .kv{
		height: 50vw;
	}
	#kv .kv .kvTtl .en{
		font-size: 36px;
	}
	#kv .kv .kvTtl .ja{
		font-size: 19px;
    	margin-top: 0;
	}
	#kv .kvWave{
		height: 40px;
	}
}



/*  #footer
--------------------------------------------------*/
#footer{
}
	#fn{
		position: relative;
	}
		#fn .fnPagetop{
			position: absolute;
		    z-index: 1;
		    right: 20px;
		    top: 20px;
		    width: 50px;
		    height: 50px;
		}
		#fn .fnContent{
			background: url(../../img/common/pc/bg_fnContent.png) no-repeat center top/100% auto,
						linear-gradient(to right,rgba(121,195,242,.8),rgba(52,143,208,.8)),
						linear-gradient(-45deg,rgba(121,195,242,.8),rgba(52,143,208,.8));
			padding-top: 47px;
			padding-bottom: 45px;
			background: linear-gradient(-45deg,#d7fff0,#38d49b);
		}
			#fn .fnContent .inner{
				max-width: 1000px;
			}
				#fn .fnContent .inner > div{
					width: 80%;
				}
					#fn .fnContent .inner > div .fnLogo{
						max-width: 131px;
					}
					#fn .fnContent .inner > div .fnList{
						margin-top: 55px;
					}
						#fn .fnContent .inner > div .fnList li + li{
							margin-left: 35px;
						}
						#fn .fnContent .inner > div .fnList li.privacy{
							position: relative;
							padding-left: 5px;
							margin-bottom: 20px;
						}
							#fn .fnContent .inner > div .fnList li a{
								color: #333;
								font-size: 15px;
								font-weight: 600;
								letter-spacing: .08em;
								line-height: 1.4;
							}
								#fn .fnContent .inner > div .fnList li a sup{
									font-size: 12px;
									vertical-align: baseline;
									top: -.2em;
								}

							#fn .fnContent .inner > div .fnList li.privacy:before{
								/* content: ""; */
								position: absolute;
								z-index: 1;
								top: calc(50% - 5px);
								left: 0;
								width: 1px;
								height: 10px;
								background: #fff;
							}

				#fn .fnContent .inner > div + div{
					width: 18%;
				}
					#fn .fnContent .inner > div + div .fnContact a{
						display: block;
						color: #00d084;
						background: #fff;
						font-size: 16px;
						font-weight: 600;
						letter-spacing: .08em;
						line-height: 50px;
						text-align: center;
						height: 50px;
						border-radius: 25px;
						box-shadow: 0 2.5px 10px rgba(0,0,0,.1);
					}
					#fn .fnContent .inner > div + div .fnSns{
						margin-top: 40px;
					}
						#fn .fnContent .inner > div + div .fnSns li{
							width: 40px;
							position: relative;
							z-index: 1;
						}
						#fn .fnContent .inner > div + div .fnSns li + li{
							margin-left: 10px;
						}
							#fn .fnContent .inner > div + div .fnSns li:before{
								content: "";
								position: absolute;
								z-index: -1;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								border-radius: 50%;
								background: #00d084;
								box-shadow: 0 2.5px 10px rgba(0,0,0,.1);
							}

		#fn .fnCopy{
			padding-top: 18px;
			padding-bottom: 115px;
		}
			#fn .fnCopy .inner{
				max-width: 1000px;
			}
				#fn .fnCopy .inner > div{
					width: 61%;
				    box-sizing: border-box;
				    padding-right: 4%;
				}
				#fn .fnCopy .inner > div + div{
					width: 39%;
					padding-right: 0;
					padding-left: 4%;
					border-left: 1px solid #dbdbdb;
				}
					#fn .fnCopy .inner > div p{
						color: #4c4c4c;
						font-size: 12px;
					    letter-spacing: .05em;
					    line-height: 1.66;
					    text-align: justify;
						text-justify: inter-ideograph;
					}
@media screen and (min-width: 769px) and (max-width: 1200px){
	#fn .fnContent .inner > div{
		width: 100%;
		width: 50%;
	}
	#fn .fnContent .inner > div + div{
		width: 180px;
	    margin-top: 40px;
	    margin-left: auto;
	}
}
@media screen and (max-width: 768px){
	#fn .fnContent{
		background: url(../../img/common/sp/bg_fnContent.png) no-repeat center top/100% auto,
					linear-gradient(to right,rgba(121,195,242,.8),rgba(52,143,208,.8)),
					linear-gradient(-45deg,rgba(121,195,242,.8),rgba(52,143,208,.8));
		background: linear-gradient(-45deg,#d7fff0,#38d49b);
	}
	#fn .fnContent .inner{
		max-width: 560px;
	}
	#fn .fnContent .inner > div{
		width: 100%;
	}
	#fn .fnContent .inner > div .fnList{
		margin-top: 45px;
	}
	#fn .fnContent .inner > div .fnList li{
		width: 100%;
	}
	#fn .fnContent .inner > div .fnList li + li{
		margin-left: 0;
    	margin-top: 15px;
	}
	#fn .fnContent .inner > div .fnList li.privacy{
		padding-left: 0;
    	padding-top: 15px;
	}
	#fn .fnContent .inner > div .fnList li.privacy:before{
		top: 0;
	    width: 20px;
	    height: 1px;
	}
	#fn .fnContent .inner > div + div{
		width: 100%;
	    max-width: 180px;
	    margin: 40px auto 0;
	}
	#fn .fnContent .inner > div + div .fnSns ul{
		justify-content: center;
	}
	#fn .fnContent .inner > div + div .fnSns li + li{
		margin-left: 20px;
	}
	#fn .fnCopy .inner{
		max-width: 560px;
	}
	#fn .fnCopy .inner > div{
		width: 100%;
    	padding: 0 0 18px;
	}
	#fn .fnCopy .inner > div + div{
		width: 100%;
	    padding: 18px 0 0;
	    border-left: none;
	    border-top: 1px solid #dbdbdb;
	}
	#fn .fnCopy .inner > div p{
		font-size: 10px;
	}
}
.news__list{
	
}
.p-news__list-item-meta{
	display: flex;
	margin-top: 30px;
}
.p-news__list-item-date{
	background: #00d084;
	color: white;
	padding: 7px;
}
.p-news__list-item-category{
	padding: 7px;
}
.p-news__list-item-heading{
	border-bottom: 1px solid #0000003b;
	padding-bottom: 12px;
}
.p-news__list-item-link{
	
}
.p-news__list-item-image{
	
}
.p-news__list-item-image img{
	
}


/*  Universal animation
--------------------------------------------------*/
.animated {
	animation-duration: .5s;
	animation-fill-mode: both;
}
/* fade in */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.fadeIn { animation-name: fadeIn; animation-fill-mode:both; animation-duration:1s; visibility: visible !important; opacity: 0;}

/* fade in up */
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: none; }}
.fadeInUp { animation-name: fadeInUp; animation-fill-mode:both; animation-duration:1.5s; visibility: visible !important; opacity: 0;}

/* fade in down */
@keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: none; }}
.fadeInDown { animation-name: fadeInDown; animation-fill-mode:both; animation-duration:1.5s; visibility: visible !important; opacity: 0;}

/* fade in right */
@keyframes fadeInRight { from { opacity: 0; transform: translate(30px,0); } to { opacity: 1; transform: none; } }
.fadeInRight { animation-name: fadeInRight; animation-fill-mode:both; animation-duration:1.5s; visibility: visible !important; opacity: 0;}

/* fade in left */
@keyframes fadeInLeft {
from { opacity: 0; transform: translate(-30px,0); }to { opacity: 1; transform: none; }}
.fadeInLeft { animation-name: fadeInLeft; animation-fill-mode:both; animation-duration:1.5s; visibility: visible !important; opacity: 0;}

/* fade out */
@keyframes fadeOut { from { opacity: 1; }  to { opacity: 0; }}
.fadeOut { animation-name: fadeOut; }