@charset "utf-8";

.wrapper{
	position:relative;
	background:url(../images/bg-title.jpg) right top no-repeat;
	background-size:contain;
	color:#333333;
	font-size:1.125em;
	line-height:1.6;
	max-width:1200px;
	margin:0 auto;
}

.wrapper *{
	position:relative;
	color:inherit;
	font-size:inherit;
	line-height:inherit;
	z-index:1;
}

.wrapper sup{
	font-size:75%;
}

.wrapper a{
	text-decoration:underline;
}

.h1{
	position:relative;
	padding:23% 0 27%;
	text-align:center;
}

.h1 h1{
	background-color:rgba(255,255,255,.8);
	padding:20px;
}

.w800{max-width:800px;margin:0 auto;}
.w900{max-width:900px;margin:0 auto;}
.w1000{max-width:1000px;margin:0 auto;}

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

.bold{font-weight:bold;}
.red{color:#D80000}
.blue{color:#0066B6}
.green{color:#1F8485}
.orange{color:#E96707}

.bg-blue{background-color:#0066B6;color:#ffffff;}
.bg-color{background-color:#EAF0FD;}

.border{border:1px solid #cccccc;padding:20px;}

.inline{display: inline-block;}

.fs12{font-size:.75rem;}
.fs14{font-size:.875rem;}
.fs16{font-size:1rem;}
.fs20{font-size:1.25rem;}
.fs24{font-size:1.5rem;}
.fs30{font-size:1.875rem;}
.fs36{font-size:2.25rem;}
.fs48{font-size:3rem;}
.fs60{font-size:3.75rem;}

.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.mt80{margin-top:80px;}

.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb40{margin-bottom:40px !important;}
.mb80{margin-bottom:80px !important;}
.mb100{margin-bottom:100px !important;}

.p10{padding:10px !important;}
.p20{padding:20px !important;}
.plr20{padding-left:20px !important;padding-right:20px !important;}

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

.r20{border-radius:20px;overflow:hidden;}

.noBr > *:not(br){
	display:inline-block;
	word-break:keep-all;
}

.btn{
	display:inline-block;
	background-color:#0066B6;
	margin:0 .2em .2em;
	padding:.3em 1.5em 0.1em;
	border-radius:4.5em;
	box-shadow:none;
	color:#ffffff;
}

a.btn{text-decoration:none;}

.btn:hover{
	box-shadow:0 0 4px 2px rgba(0,0,0,.2);
	text-decoration:none;
	opacity:1;
}

.btn::after{
	content:"";
	display:inline-block;
	height:.65em;
	width:.65em;
	margin-left:.2em;
	border-top:2px solid #ffffff;
	border-right:2px solid #ffffff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.toD::after{
	-webkit-transform:rotate(135deg) translateX(-50%);
	transform:rotate(135deg) translateX(-50%);
}

.btn.light{
	background-color:#EAF0FD;
	border:1px solid #CEDDFB;
	color:#0066B6;
}

.btn.light::after{
	border-color:#0066B6;
}

.flex{
	position:relative;
	display:flex;
}

.flex > *,
.flex > .col{
	flex-grow:1;
	flex-shrink:1;
	flex-basis:100%;
}

.flex > *{
	padding-left:12px;
	padding-right:12px;
}

.flex.column{flex-wrap:wrap;}

.flex.left{justify-content:flex-start;}
.flex.center{justify-content:center;}
.flex.right{justify-content:flex-end;}

.flex.top{align-items:flex-start;}
.flex.middle{align-items:center;}
.flex.bottom{align-items:flex-end;}

.flex > .col2{flex-basis:200%;}
.flex > .col3{flex-basis:300%;}
.flex > .col4{flex-basis:400%;}
.flex > .col5{flex-basis:500%;}
.flex > .col6{flex-basis:600%;}
.flex > .col7{flex-basis:700%;}
.flex > .col8{flex-basis:800%;}
.flex > .col9{flex-basis:900%;}

.flex.left > *{flex-basis:auto;}
.flex.center > *{flex-basis:auto;}
.flex.right > *{flex-basis:auto;}

.note{
	text-indent:-1.5em;
	padding-left:1.5em;
}

.notes > *{
	text-indent:-1.5em;
	padding-left:1.5em;
}

.bg-circle{
	position:relative;
	padding:12px 16px;
	z-index:0;
}

.bg-circle > *{
	position:relative;
}

.bg-circle::before{
	content:"";
	position:absolute;
	top:50%;
	left:5%;
	display:block;
	background:-webkit-linear-gradient(top, #EEEEEE, #ffffff);
	background:linear-gradient(to bottom, #EEEEEE, #ffffff);
	width:90%;
	padding-top:90%;
	border-radius:100%;
	z-index:0;
	transform:translateY(-50%);
}

.substr{
	position:absolute;
	right:0;
	bottom:0;
}

.separate{
	position:relative;
	z-index:0;
}

.separate > *{
	position:relative;
}

.separate::before{
	content:"";
	position:absolute;
	top:50%;
	display:block;
	background:url(../images/bg-mesh2.jpg) center center no-repeat;
	background-size:contain;
	width:100%;
	padding-top:25%;
	z-index:0;
	transform:translateY(-50%);
}

.section{
	background:url(../images/bg-mesh1.jpg) left top no-repeat;
	background-size:contain;
}

h2{
	padding:40px 20px;
}

.video{
	position:relative;
	width:100%;
	margin:0 auto;
	padding-top:56.25%;
}

.video iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

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


.section,
p{padding-left:5px;padding-right:5px;}

.tb-column{
	flex-wrap:wrap;
}

.tb-column > *{
	padding-left:0;
	padding-right:0;
}

.tb-column > .col2{flex-basis:100%;}
.tb-column > .col3{flex-basis:100%;}
.tb-column > .col4{flex-basis:100%;}
.tb-column > .col5{flex-basis:100%;}
.tb-column > .col6{flex-basis:100%;}
.tb-column > .col7{flex-basis:100%;}
.tb-column > .col8{flex-basis:100%;}
.tb-column > .col9{flex-basis:100%;}

.tb-fs12{font-size:.75rem;}
.tb-fs14{font-size:.875rem;}
.tb-fs16{font-size:1rem;}
.tb-fs20{font-size:1.25rem;}
.tb-fs24{font-size:1.5rem;}
.tb-fs30{font-size:1.875rem;}
.tb-fs36{font-size:2.25rem;}
.tb-fs48{font-size:3rem;}
.tb-fs60{font-size:3.75rem;}

.tb-plr0{padding-left:0 !important;padding-right:0 !important;}
.tb-plr20{padding-left:20px !important;padding-right:20px !important;}
.tb-plr40{padding-left:40px !important;padding-right:40px !important;}

.separate *{text-align:center !important;}

}


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


.sp-column{
	flex-wrap:wrap;
}

.sp-column > *{
	padding-left:0;
	padding-right:0;
}

.sp-column > .col2{flex-basis:100%;}
.sp-column > .col3{flex-basis:100%;}
.sp-column > .col4{flex-basis:100%;}
.sp-column > .col5{flex-basis:100%;}
.sp-column > .col6{flex-basis:100%;}
.sp-column > .col7{flex-basis:100%;}
.sp-column > .col8{flex-basis:100%;}
.sp-column > .col9{flex-basis:100%;}

.h1{margin-bottom:20px;}

.h1 h1{padding:10px 5px;}

h2{padding:40px 5px;margin-bottom:40px !important;}

#AS-wrapper h3{font-size:1rem;}

.sp-fs12{font-size:.75rem;}
.sp-fs14{font-size:.875rem;}
.sp-fs16{font-size:1rem;}
.sp-fs20{font-size:1.25rem;}
.sp-fs24{font-size:1.5rem;}
.sp-fs30{font-size:1.875rem;}
.sp-fs36{font-size:2.25rem;}
.sp-fs48{font-size:3rem;}
.sp-fs60{font-size:3.75rem;}

.sp-mb40{margin-bottom:40px !important;}

.sp-plr0{padding-left:0 !important;padding-right:0 !important;}
.sp-plr40{padding-left:40px !important;padding-right:40px !important;}

.sp-r0{border-radius:0 !important;}

.sp-table{
	display:block;
	border:1px solid #cccccc;
}

.sp-table colgroup,
.sp-table col{
display: none;
}

.sp-table tr{
	display:flex;
	flex-wrap:wrap;
}

.sp-table tr > *{
	display:block;
	flex-grow:1;
	flex-shrink:1;
	flex-basis:100%;
}

.sp-table tr > th br{
	display:none;
}

#AS-wrapper .sp-table th{
	border:none;
	border-bottom:1px solid #cccccc;
	text-align:center;
}

#AS-wrapper .sp-table td{
	padding:10px;
	border:none;
	text-align:center;
}

#AS-wrapper .sp-table td:nth-last-child(1){
	border-bottom:1px solid #cccccc;
}

.bg-circle{
	padding:16px;
}

.bg-circle::before{
	left:0;
	background:-webkit-radial-gradient(center, #EEEEEE, #FFFFFF);
	background:radial-gradient(#EEEEEE, #FFFFFF);
	width:100%;
	padding-top:4em;
	transform:translateY(-50%);
}

}