/* CSS Document */

/*  */

@charset "utf-8";

/*
72ポイント＝96ピクセル
3pt=4px
9pt=12px
10.5pt=14px
12pt=16px
13.5pt=18px
15pt=20px
*/

/*
横幅
1600~			:PC
1000~1600	:PC
700~1000	:スマホ
	 ~700		:スマホ

*/

/* WEBフォント読み込み */
@import 'font.css';

html,.font_sizebase{
	font-size:12pt;
	line-height:100%;
}
@media screen and (max-width: 999px) {
	/* and (min-width: 320px)  */
	html,.font_sizebase{
		font-size:18pt;
	}
}
html *{
	/*
	line-height:100%;
	background-position:left top;
	background-repeat:no-repeat;
	*/
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	word-break: break-all;
	/*
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	*/
}
body {
	margin: 0px;
	padding: 0px;
	font-size:100%;
	color:#000;
	font-family:'Noto Sans Japanese',"メイリオ", sans-serif;
	font-weight:400;
	line-height:100%;
	overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6,p,form,hr{
	margin: 0px;
	padding: 0px;
}
a{color:inherit;text-decoration:none;}
a:hover{
	/* color:#FF0; */
	/* text-decoration: underline; */
}
a img{border:none;}
a.ov_fade > *{
	-webkit-transition: 0.5s;
	-moz-transition		: 0.5s;
	-o-transition			: 0.5s;
	-ms-transition		: 0.5s;
	transition				: 0.5s;
}
a.ov_fade:hover > *{opacity:0.5;}
.bright:hover,.bright:hover img{
	/*
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	
	filter: brightness(105%) contrast(105%);
	*/
	-webkit-filter: brightness(115%);
  -moz-filter: brightness(115%);
  -o-filter: brightness(115%);
  -ms-filter:brightness(115%);
  filter: brightness(115%);
}
.bright.BN110:hover,.bright.BN110:hover img{
	-webkit-filter: brightness(110%);
  -moz-filter: brightness(110%);
  -o-filter: brightness(110%);
  -ms-filter:brightness(110%);
  filter: brightness(110%);
}
.bright.BN105:hover,.bright.BN105:hover img{
	-webkit-filter: brightness(105%);
  -moz-filter: brightness(105%);
  -o-filter: brightness(105%);
  -ms-filter:brightness(105%);
  filter: brightness(105%);
}
.bright:hover > * img{
	-webkit-filter:none;
  -moz-filter:none;
  -o-filter:none;
  -ms-filter:none;
  filter:none;
}
ul,li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul:after,
ul::after{clear:both;}
hr{
	/* border-top:solid 1px rgba(0,0,0,0.25); */
	border-top:solid 1px #DCDCDC;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin:1em auto;
	padding:0;
}
hr.dashline{
	border-top:dashed 1px rgba(0,0,0,0.5);
	margin:3em auto;
}
img{max-width:100%;min-width:10px;display:block;}
.anchor{
	position:absolute;
	top: -205px;
	left:0;
}
@media screen and (max-width: 1299px) {
	.anchor{
		top:-webkit-calc(-205px + (130px - 10vw) );
		top:calc(-205px + (130px - 10vw) );
	}
}
@media screen and (max-width: 999px) {
	.anchor{top:-175px;}
}

/* ----- */

.H_head{height:120px;}
.page_index .H_head.H_pad{display: none;}
@media screen and (max-width: 1299px) {
	.H_head{
		height:-webkit-calc(120px - (130px - 10vw) );
		height:calc(120px - (130px - 10vw) );
	}
}
@media screen and (max-width: 999px) {
	.H_head{height:90px;}
}

header{
	position:fixed;
	top:0;
	right:0;
	margin:auto;
	width: 100%;
	z-index:1010;
	background-color: #FFF;
}
.page_index header:not(.bgW){background-color: rgba(0,0,0,0.5);}
.page_index header:not(.bgW) .n{opacity: 0;}
header.fade,
header.fade .logo img,
header .hmenu a > *,
header.fade .tel img:not(.sp){
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	transition: 0.5s ease;
}
header a{display: block;}
header .logo{
	position: absolute;
	top:0;
	bottom:0;
	left:3%;
	margin: auto;
	height:50px;
}
header .logo img{
	position: absolute;
	top:0;
	left:0;
	height:100%;
	max-width: none;
}
header .hmenu{
	position: absolute;
	top:40px;
	right:30%;
	margin: auto;
	width: 30%;
	min-width: 320px;
}
header .hmenu a{color:#000;}
/* header .hmenu a:hover{color: #0068b6;} */
.page_index header:not(.bgW) .hmenu a{color:#FFF;}
header .hmenu a:nth-child(n+2){margin-left: auto;}
header .hmenu a > *:nth-child(1){}
header .hmenu a > *:nth-child(2){
	font-size: 75%;
	line-height: 100%;
	margin-top: 0.5em;
}
header .tel{
	position: absolute;
	top:0;
	bottom:0;
	right:160px;
	margin: auto;
	height:36px;
}
header .tel img{
	position: absolute;
	top:0;
	right:0;
	height:100%;
	max-width: none;
}
header .tel img.sp{
	display: none;
	background-color: #133B69;
}
header .tel img.sp:hover,
header .mail:hover{background-color: #0068b6;}
header .mail{
	position: absolute;
	top:0;
	right:0;
	width:120px;
	height:100%;
	background-color: #133B69;
}
header .mail img{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
	height:52px;
}
@media screen and (max-width: 1599px) {
	header .logo{
		left:-webkit-calc(48px - (16px - 1vw) * 13 / 6 );
		left:calc(48px - (16px - 1vw) * 13 / 6 );
	}
	header .hmenu{
		right:-webkit-calc(480px - (16px - 1vw) * 60 / 3 );
		right:calc(480px - (16px - 1vw) * 60 / 3 );
		width:-webkit-calc(480px - (16px - 1vw) * 160 / 3 );
		width:calc(480px - (16px - 1vw) * 160 / 3 );
		min-width: 250px;
	}
	header .tel{
		right:-webkit-calc(160px - (16px - 1vw) * 20 / 3 );
		right:calc(160px - (16px - 1vw) * 20 / 3 );
	}
}
@media screen and (max-width: 1299px) {
	header .logo{
		height:-webkit-calc(50px - (13px - 1vw) * 12 / 3 );
		height:calc(50px - (13px - 1vw) * 12 / 3 );
		min-height: 38px;
	}
	header .hmenu{
		top:-webkit-calc(100vw * 40 / 1300 - (13px - 1vw));
		top:calc(100vw * 40 / 1300  - (13px - 1vw));
		right:-webkit-calc(420px - (13px - 1vw) * 120 / 3 );
		right:calc(420px - (13px - 1vw) * 120 / 3 );
		font-size:-webkit-calc(100vw * 16 / 1300 );
		font-size:calc(100vw * 16 / 1300 );		
		width:-webkit-calc(320px - (13px - 1vw) * 70 / 3 );
		width:calc(320px - (13px - 1vw) * 70 / 3 );
	}
	header .tel{
		right:-webkit-calc(140px - (13px - 1vw) * 35 / 3 );
		right:calc(140px - (13px - 1vw) * 35 / 3 );
		height:-webkit-calc(100vw * 36 / 1300 - (13px - 1vw) );
		height:calc(100vw * 36 / 1300 - (13px - 1vw) );
	}
	header .mail{
		width:-webkit-calc(120px - (130px - 10vw) );
		width:calc(120px - (130px - 10vw) );
		min-width: 90px;
	}
	header .mail img{
		height:-webkit-calc(52px - (13px - 1vw) * 10 / 3 );
		height:calc(52px - (13px - 1vw) * 10 / 3 );
		min-height: 42px;
	}
}
@media screen and (max-width: 999px) {
	header .logo{
		left:35px;
	}
	header .hmenu{display: none;}
	header .tel{
		height:100%;
		right:180px;
	}
	header .tel img.sp{display: block;}
	header .tel img:not(.sp){display:none;}
	header .mail{right:90px;}
}
@media screen and (min-width: 1000px) {
	header .menubtn,
	header .accbox{display: none!important;}
}
@media screen and (max-width: 999px) {
	header .menubtn{
		position: absolute;
		top: 0;
		right: 0;
		width: 90px;
		height: 100%;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		z-index: 2;
		background-color: #133B69;		
	}
	header .menubtn:hover{background-color: #0068b6;}
	header .menubtn div{
		position: absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		width:40px;
		height:30px;
		margin: auto;
	}
	header .menubtn div,
	header .menubtn span{
		-webkit-transition: 0.15s ease;
		-moz-transition: 0.15s ease;
		-o-transition: 0.15s ease;
		-ms-transition: 0.15s ease;
		transition: 0.15s ease;
	}
	header .menubtn span{
		position: absolute;
		left: 0;
		right: 0;
		margin:auto;
		display:block;
		width: 100%;
		height: 6px;
		background-color: #FFF;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	}
	header .menubtn span:nth-of-type(1){
		top: 0;
		bottom:100%;
	}
	header .menubtn span:nth-of-type(2){
		top: 0;
		bottom: 0;
		opacity:1;
	}
	header .menubtn span:nth-of-type(3){
		top:100%;
		bottom: 0;
	}
	header .menubtn.active div{
  	-webkit-transform: rotate(360deg);
  	transform: rotate(360deg);
		width:66%;
	}
	header .menubtn.active span:nth-of-type(1){
		bottom: 0;
  	-webkit-transform:rotate(-45deg);
  	transform:rotate(-45deg);
	}
	header .menubtn.active span:nth-of-type(2){
		opacity:0;
	}
	header .menubtn.active span:nth-of-type(3){
		top: 0;
  	-webkit-transform:rotate(45deg);
  	transform:rotate(45deg);
	}
	header .accbox{
		display: none;
		position: absolute;
		top:100%;
		left:0;
		width:100%;
		color:#FFF;
	}
	header .accbox ul{}
	header .accbox ul li{}
	header .accbox ul li:nth-of-type(n+2),
	header .accbox ul .pop a{
		border-top: solid 1px #FFF;
	}
	header .accbox ul li a{
		display: block;
		position: relative;
		padding: 1em 20px;
		text-align: left;
	}
	header .accbox ul li > a{background-color: #133B69;}
	header .accbox ul li > a:hover{background-color: #0068b6;}
	header .accbox ul .pop{position: relative;}
	header .accbox ul .pop .btn{
		position: absolute;
		top: -2.5em;
		right: 9px;
		margin: auto;
		width: 2em;
		height: 2em;
		border: solid 1px #FFF;
		cursor: pointer;
		background-color: #00B390;
		background-image: url(../images/common/icon-spmenusub-open.svg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	header .accbox ul .pop.active .btn{
		background-image: url(../images/common/icon-spmenusub-close.svg);
	}
	header .accbox ul .pop .acc{display: none;}
	header .accbox ul .pop .acc a{
		background-color: #00B390;
	}
	header .accbox ul .pop .acc a[target="_blank"]{}
	header .accbox ul .pop .acc a[href$=".pdf"]{display: none;}
}

/*
.right_bnr{
	position:fixed;
	top:120px;
	right:0;
	z-index: 1000;
}
.right_bnr a{
	display: block;
	width:50px;
	padding-bottom: 1em;
	background-color: #00B390;
}
.right_bnr a:nth-of-type(n+2){
	margin-top: 2px;
}
.right_bnr a .icon{
	position: relative;
	height:34px;
	margin-bottom: 6px;
}
.right_bnr a .icon img{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
}
.right_bnr a:nth-of-type(1) .icon img{width:24px;}
.right_bnr a:nth-of-type(2) .icon img{width:22px;}
.right_bnr a .text{
	width:1em;
	margin: auto;
	color:#FFF;
	text-align: center;
}
@media screen and (max-width: 999px) {
	.right_bnr{display: none;}
}
*/

.pan{}
.pan > div{
	width:100%;
	max-width: 1500px;
	margin: auto;
	padding: 40px 0;
	font-size: 100%;
	text-align: left;
}
.pan .arrow{
	display: inline-block;
	padding: 0 0.5em;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*
.content_mainpic{
	position: relative;
	height:350px;
	overflow: hidden;
}
.content_mainpic .inner{
	position: absolute;
	bottom: 40px;
	left: 0;
	width:100%;
	height:200px;
	background-color: rgba(255,255,255,0.9);
}

.content_mainpic .inner > *{
	position: absolute;
	top:0;
	left:0;
	right:0;
	height:100%;
}
.content_mainpic .inner .green{
	position: absolute;
	top:0;
	right:0;
	width:137px;
	height:100%;
	background-color: #00B390;
}
.content_mainpic .inner .green svg{
	position: absolute;
	bottom:0;
	right:100%;
	height:100%;
}
.content_mainpic .inner .green svg *{
	fill:#00B390;
}
.content_mainpic .inner .green > div{
	position: absolute;
	top:0;
	left:100%;
	width:100vw;
	height:100%;
	background-color: #00B390;
}
.content_mainpic .inner .pan{
	position: absolute;
	top:0;
	left:50px;
}

.content_mainpic .title{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	height:3.5em;
	color:#01876B;
}
.content_mainpic .title h2{
	font-size: 200%;
	margin-bottom: 0.25em;
}
.content_mainpic .title h2 + .en{
	font-size: 87.5%;
}
@media screen and (max-width: 999px) {
	.content_mainpic{
		height: auto;
		padding-top: 50px;
	}
	.content_mainpic .inner{
		position: static;
		bottom: auto;
		height: auto;
		padding: 40px 0;
	}
	.content_mainpic:not(.nobg) .inner{background-color: rgba(0,0,0,0.25);}
	.content_mainpic .inner > *{
		position: relative;
		background-color: rgba(255,255,255,0.9);
	}
	.content_mainpic .inner .pan{
		top:auto;
		bottom:100%;
		left:5%;
	}
	.content_mainpic:not(.nobg) .inner .pan{color:#FFF;}
	.content_mainpic .inner .pan > *{
		padding: 0 0 1em;
		word-break: keep-all;
	}
	.content_mainpic .inner .green{width:0;}
	.content_mainpic .inner .green svg{height:50px;}
	.content_mainpic .title{
		position: relative;
		height: auto;
		padding: 1em 5%;
	}
	.content_mainpic .title h2{
		line-height: 125%;
	}
}
*/

.content_box{padding: 0 5%;}
.content_box.bgB{background-color: #133B69;}
.content_box .con_subt{}
.content_box .con_subt > *{line-height: 100%;}
.content_box.bgB .con_subt{
	padding-top: 3.5em;
	padding-bottom: 3.5em;
	color:#FFF;
}
.content_box .con_subt h2{
	font-size: 175%;
	letter-spacing: 0.25em;
	padding-left: 0.25em;
	font-weight: normal;
}
.content_box .con_subt div{
	font-weight: bold;
	/* color:#0068B5; */
	margin-top: 0.5em;
}
@media screen and (max-width: 999px) {
	.content_box.bgB .con_subt{padding: 50px 0;}
}

/*
.content_box .Wbase + hr{
	margin: 0;
	margin-top: 105px;
}
.content_box h3{
	font-size: 175%;
	line-height: normal;
	word-break: break-word;
}
.content_box h3 + .en{font-size: 75%;}
.content_box .top_bmenu h3,
.content_box .top_bmenu h3 + .en{color: #01876b;}
.content_box .corner{position: relative;}
.content_box .corner svg{
	position: absolute;
	top:0;
	left:0;
	width:200px;
	max-width: 50vw;
	z-index: -1;
}
.content_box .corner svg *{fill:#E5F7F4;}
.content_box .subtitle1{
	position: relative;
	color: #01876b;
	padding-top: 80px;
	padding-bottom: 40px;
	margin-bottom: 30px;
}
.content_box .subtitle2{
	position: relative;
	margin-top: 100px;
	padding-bottom: 20px;
}
.content_box .subtitle1 .line{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
	width:3em;
	border-bottom: solid 2px #01876b;
}
.content_box .subtitle2 .line{
	position: absolute;
	bottom:0;
	left:0;
	margin: auto;
	width:3em;
	border-bottom: solid 2px #00B390;
}
.content_box .subtitle2 .pickup{
	position: absolute;
	bottom:100%;
	left:0;
	width:70px;
}
@media screen and (max-width: 999px) {
	.content_box .sp_LRpad{
		padding-left: 5%;
		padding-right: 5%;
	}
	.content_box .Wbase + hr{
		margin-top: 50px;
	}
	.content_box .subtitle2{
		margin-top: 70px;
	}
}

.content_catch{
	padding-top: 90px;
	padding-bottom: 80px;
}
.content_catch h3{
	font-size: 166%;
	font-weight: normal;
	margin-bottom: 1em;
	word-break: break-word;
}
@media screen and (max-width: 999px) {
	.content_catch{
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

.content_bottombtn{
	padding: 120px 0 100px;
}
.content_bottombtn table{
	width:90%;
	max-width: 406px;
	height:46px;
	background-color: #00B390;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}
.content_bottombtn td{
	position: relative;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	padding: 0 0.75em;
}
.content_bottombtn tr td:nth-of-type(1){border-right: solid 1px #FFF;}
.content_bottombtn tr td:nth-of-type(2){border-left: solid 1px #FFF;}
.content_bottombtn tr td img{
	position: relative;
	width:160px;
	margin: auto;
}
.content_bottombtn tr td a{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 2;
}
@media screen and (max-width: 999px) {
	.content_bottombtn{padding: 60px 0 50px;}
}
*/

/*
.p_menu{margin-top: 20px;}
div.p_menu{margin-top:0;}
.p_menu li{width:48.18181818%;}
.p_menu li:nth-child(2n+1){float: left;clear: both;}
.p_menu li:nth-child(2n+2){float: right;}
.p_menu li:nth-child(n+3){margin-top: 30px;}
.p_menu a{
	position: relative;
	display: block;
	background-image: url(../images/common/icon-link.svg);
	text-align: left;
}
.p_menu a .ov{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image: url(../images/common/icon-link-ov.svg);
	z-index: 1;
	opacity: 0;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
.p_menu a,
.p_menu a .ov{
	background-color: #EAF1F8;
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: auto 25px;
}
.p_menu a:hover .ov{opacity: 1;}
.p_menu a .pad{
	position: relative;
	padding: 1.125em 1em;
	z-index: 2;
}
.p_menu a[target="_blank"],
.p_menu a[target="_blank"] .ov{
	background-position: right 36px center;
	background-size: auto 22px;
}
.p_menu a[target="_blank"]{background-image: url(../images/common/icon-outside.svg);}
.p_menu a[target="_blank"] .ov{background-image: url(../images/common/icon-outside-ov.svg);}
.p_menu a[href$=".pdf"],
.p_menu a[href$=".pdf"] .ov{
	background-position: right 28px center;
	background-size: auto 23px;
}
.p_menu a[href$=".pdf"]{background-image: url(../images/common/icon-pdf.svg);}
.p_menu a[href$=".pdf"] .ov{background-image: url(../images/common/icon-pdf-ov.svg);}
.p_menu a.row2 .pad{
	padding: 0.375em 1em;
	line-height: 125%;
}
*/

/*
.p_list{width:100%;}
.p_list tr td{
	text-align: left;
	vertical-align: top;
	font-size: 87.5%;
	line-height: 175%;
	padding-top: 2em;
}
.p_list tr:last-child td{padding-bottom: 3em;}
.p_list tr td:nth-child(1){
	background-color: #EAF1F8;
	width:15.5em;
	padding-left: 1em;
	border-right: solid 1px #DBDBDB;
}
.p_list.en tr td:nth-child(1){width:14.25em;}
.p_list tr td:nth-child(2){padding-left: 1em;}

.grad_btn{
	display: block;
	width:500px;
	max-width: 100%;
	margin: auto;
	padding: 1px;
	border-radius: 4em;
	-webkit-border-radius: 4em;
	-moz-border-radius: 4em;
}
.grad_btn div{
	padding: 0.75em 0;
	background-color: #FFF;
	color:#3071B9;
	line-height: 100%;
	border-radius: 4em;
	-webkit-border-radius: 4em;
	-moz-border-radius: 4em;
}
.grad_btn.beta div{
	background-color:transparent;
	color:#FFF;
}
.grad_btn svg{
	display: inline-block;
	height:1em;
	margin-left: 1em;
}
.grad_btn.beta #icon_DL *{
	stroke:#FFF;
}
*/

.btn_bgLtoR{
	display: block;
	background-color: #133B69;
	width: 300px;
  max-width: 100%;
  margin: auto;
  margin-top: 1em;
  text-align: center;
  line-height: 150%;
  font-weight: bold;
	overflow:hidden;
}
div.btn_bgLtoR{width: 100%;}
.btn_bgLtoR.nomgn{margin-top:0;}
.btn_bgLtoR.colW{background-color: #FFF;}
.btn_bgLtoR *{
	position: relative;
	display: block;
	transition: .2s;
}
.btn_bgLtoR * > *{display: inline-block;}
.btn_bgLtoR > *{overflow: hidden;}
.btn_bgLtoR > *:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: -100%;
	background-color: #FFF;
	transition: .2s;
}
.btn_bgLtoR.colW > *:before{
	background-color: #133B69;
}
.btn_bgLtoR:hover > *:before{left: 0;}
.btn_bgLtoR > * > span{
	color: #FFF;
	padding: 1em 0;
	letter-spacing: 0.25em;
	padding-left: 0.25em;
	font-size: 75%;
	line-height: 100%;
}
.btn_bgLtoR.colW > * > span,
.btn_bgLtoR:hover > * > span{color: #0068b0;}
.btn_bgLtoR.colW:hover > * > span{color: #FFF;}
.btn_bgLtoR > * .frame{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:auto;
	border:solid 1px #133B69;
	z-index: 2;
}
.btn_bgLtoR:hover > * .frame{border-color:#0068b0;}
.btn_bgLtoR.colW > * .frame{border-color:#FFF;}
.btn_bgLtoR svg{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 12px;
	margin: auto;
	height: 12px;
}
.btn_bgLtoR svg *,
.btn_bgLtoR.colW:hover svg *{fill: #FFF;}
.btn_bgLtoR.colW svg *,
.btn_bgLtoR:hover svg *{fill: #0068b0;}
@media screen and (max-width: 999px) {
	.btn_bgLtoR{width:100%;}
}

.bottom_bnr > div{padding-bottom: 10%;}
.bottom_bnr > div a{
	display: block;
	transform: translateY(50px);
}

footer{
	background-color: #133B69;
	color:#FFF;
}
footer > *{
	padding-top: 100px;
	padding-bottom: 85px;
}
footer .frame{
	background-color: #FFF;
	color:#000;
	padding: 40px 10% 50px;
}
footer .frame .title{
	background-color: #133B69;
	color:#FFF;
	padding: 20px 0 15px;
}
footer .frame .title,
footer .frame .title > *{line-height: 125%;}
footer .frame .title h2{
	font-size: 200%;
	letter-spacing: 0.25em;
	padding-left: 0.25em;
	font-weight: normal;
}
footer .frame .title + *{margin-top: 30px;}
footer .frame .contact{width:600px;margin-top: 30px;}
footer .frame .contact > *:nth-child(1){width:492px;}
footer .frame .contact > *:nth-child(2){width:82px;margin-left:26px;}
footer .frame .contact > *:nth-child(2) > *{
	position: absolute;
	left: 0;
	top:0;
	bottom: 0;
	margin: auto;
}
footer .frame .contact + *{margin-top: 20px;}
footer .frame .info{width:750px;margin-top: 50px;}
footer .frame .info > *:nth-child(1){width:400px;}
footer .frame .info > *:nth-child(2){
	width:350px;
	margin-left:auto;
	text-align: left;
}
footer .frame .info > *:nth-child(2) > *{
	position: absolute;
	left: 0;
	top:0;
	bottom: 0;
	margin: auto;
	margin-right: -1em;
	width:100%;
	height:2.5em;
	font-size: 80%;
	line-height: 125%;
	padding-left: 1em;
}
footer .frame .info > *:nth-child(2) span{
	display:inline-block;
	margin-right: 1em;
	word-break: keep-all;
}
footer .sns{
	width:217px;
	margin: 50px auto 0;
}
footer .sns a{width:40px;}
footer .sns a:nth-child(3){width:57px;}
footer .sns a:nth-child(n+2){margin-left: 40px;}
footer .copy{
	margin-top: 60px;
	font-size: 90%;
	line-height: normal;
}
@media screen and (max-width: 999px) {
	footer .frame .info{
		flex-flow: column;
		width:100%;
	}
	footer .frame .info > *:nth-child(1){
		margin: 0 auto 1em;
	}
	footer .frame .info > *:nth-child(2){
		width:100%;
		margin-left: 0;
		text-align: center;
	}
	footer .frame .info > *:nth-child(2) > *{
		position: relative;
		margin-right: auto;
		height:auto;
	}
	footer .sns{width:434px;}
	footer .sns a{width:80px;}
	footer .sns a:nth-child(3){width:114px;}
	footer .sns a:nth-child(n+2){margin-left: 80px;}
}

#pagetop_btn{
	position: fixed;
	left:0;
	right: 0;
	bottom: 0;
	margin:auto;
	display:block;
	width:100%;
	z-index:1000;
}
#pagetop_btn a{
	position:absolute;
	right: 2.272727273%;
	bottom: -70px;
	display:block;
	background-image:url(../images/common/pagetop.svg);
	width: 70px;
	height: 70px;
	text-align: center;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
#pagetop_btn a.active{
	bottom:2.272727273vw;
}
#pagetop_btn a.transition_zero{
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	-ms-transition: 0s;
	transition: 0s;
}
@media screen and (max-width: 999px) {
	#pagetop_btn a{
		width: 7vw;
		height: 7vw;
		min-width: 35px;
		min-height: 35px;
		bottom: -7vw;
	}
}
@media screen and (max-width: 499px) {
	#pagetop_btn a{bottom: -35px;}
}


/* 横幅下限 */
header,
body > div[align=center]{min-width:700px;}

/* ----- */


.pc_vanish{}
.sp_vanish{}
.im_vanish{display:none!important;}
.pc_br_del{}
.sp_br_del{}
@media screen and (min-width: 1000px) {
	.pc_vanish{display:none!important;}
	.pc_br_del br,
	.pc_div_del div{display:none!important;}
}
/*
@media screen and (min-width: 1200px) {
	.W1200_vanish{display:none!important;}
}
*/
@media screen and (max-width: 999px) {
	.sp_vanish{display:none!important;}
	.sp_br_del br{display:none!important;}
	.sp_div_del div{display:none!important;}
}
.v_hidden{visibility:hidden;}

.fade_chain .motion,
.fade_chain .chain{
	opacity:0;
}
.motion,
.motion .chain{
	-webkit-transition: 1s ease,opacity 2s ease;
	-moz-transition:1s ease,opacity 2s ease;
	-o-transition: 1s ease,opacity 2s ease;
	-ms-transition: 1s ease,opacity 2s ease;
	transition: 1s ease,opacity 2s ease;
}
.motion.show,
.chain.show{
	transform:translateX(0);
	transform:translateY(0);
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.W1000{width:1000px;}
.W50per{width:50%;}
.W100per{width:100%;}
.Wmax100per{max-width:100%;}
.sp_Wmax90per{}
.Wbase{
	width:100%;
	max-width:1000px;
	margin: auto;
}
.Wbase.W600{max-width:600px;}
.Wbase.W1200{max-width:1200px;}
.Wbase.W1600{max-width:1600px;}

.mgnLRmn0_25em{margin-left:-0.25em; margin-right:-0.25em;}
.mgnLRmn0_33em{margin-left:-0.33em; margin-right:-0.33em;}
.mgnLRmn0_5em{margin-left:-0.5em; margin-right:-0.5em;}
.mgnR1em{margin-right:1em;}
.mgnLRAuto{margin-left:auto; margin-right:auto;}
.mgnAuto{margin:auto;}
.sp_mgnLRAuto,
.sp_mgnAuto,
.sp_mgnLRmn0_5em{}
.sp_padLR1em{}
@media screen and (max-width: 999px) {
	.sp_mgnLR50{margin-left:50px; margin-right:50px;}
	.sp_mgnLRAuto{margin-left:auto; margin-right:auto;}
	.sp_mgnAuto{margin:auto;}
	.sp_mgnLRmn0_5em{margin-left:-0.5em; margin-right:-0.5em;}
	.sp_padLR1em{padding-left: 1em; padding-right: 1em;}
}

.fontP050{font-size:50%;}
.fontP060{font-size:60%;}
.fontP070{font-size:70%;}
.fontP075{font-size:75%;}
.fontP080{font-size:80%;}
.fontP087{font-size:87.75%;}
.fontP090{font-size:90%;}
.fontP100{font-size:100%;}
.fontP110{font-size:110%;}
.fontP115{font-size:115%;}
.fontP120{font-size:120%;}
.fontP125{font-size:125%;}
.fontP130{font-size:130%;}
.fontP140{font-size:140%;}
.fontP150{font-size:150%;}
.fontP160{font-size:160%;}
.fontP170{font-size:170%;}
.fontP175{font-size:175%;}
.fontP180{font-size:180%;}
.fontP190{font-size:190%;}
.fontP200{font-size:200%;}
.fontP250{font-size:250%;}
.fontP300{font-size:300%;}
.fontP400{font-size:400%;}
.sp_fontP050{}
.sp_fontP060{}
.sp_fontP070{}
.sp_fontP075{}
.sp_fontP080{}
.sp_fontP087{}
.sp_fontP090{}
.sp_fontP100{}
.sp_fontP110{}
.sp_fontP115{}
.sp_fontP120{}
.sp_fontP125{}
.sp_fontP130{}
.sp_fontP140{}
.sp_fontP150{}
.sp_fontP160{}
.sp_fontP170{}
.sp_fontP175{}
.sp_fontP180{}
.sp_fontP190{}
.sp_fontP200{}
.sp_fontP250{}
.sp_fontP300{}
@media screen and (max-width: 999px) {
	.sp_fontP050{font-size:50%;}
	.sp_fontP060{font-size:60%;}
	.sp_fontP070{font-size:70%;}
	.sp_fontP075{font-size:75%;}
	.sp_fontP080{font-size:80%;}
	.sp_fontP087{font-size:87.75%;}
	.sp_fontP090{font-size:90%;}
	.sp_fontP100{font-size:100%;}
	.sp_fontP110{font-size:110%;}
	.sp_fontP115{font-size:115%;}
	.sp_fontP120{font-size:120%;}
	.sp_fontP125{font-size:125%;}
	.sp_fontP130{font-size:130%;}
	.sp_fontP140{font-size:140%;}
	.sp_fontP150{font-size:150%;}
	.sp_fontP160{font-size:160%;}
	.sp_fontP170{font-size:170%;}
	.sp_fontP175{font-size:175%;}
	.sp_fontP180{font-size:180%;}
	.sp_fontP190{font-size:190%;}
	.sp_fontP200{font-size:200%;}
	.sp_fontP250{font-size:250%;}
	.sp_fontP300{font-size:300%;}
}

.font_W80{transform:scale(0.80,1);margin:0 -0.1em;}

.font_thin{font-weight:normal;}
.font_bold{font-weight:bold;}
.font_gothic{
	/* font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.font_min{
	/* font-family:"ＭＳ Ｐ明朝","細明朝体","ヒラギノ明朝 Pro W3",serif; */
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.font_meiryo{
	font-family:"メイリオ", Meiryo, sans-serif;
}
.font_yugo{
	font-family:"游ゴシック体", "Yu Gothic", YuGothic,"メイリオ", sans-serif;
}
.font_notosans{
	font-family:'Noto Sans Japanese',"メイリオ", sans-serif;
}

.LH100,.LH100 *{line-height:100%;}
.LH125,.LH125 *{line-height:125%;}
.LH133,.LH133 *{line-height:133%;}
.LH150,.LH150 *{line-height:150%;}
.LH175,.LH175 *{line-height:175%;}
.LH200,.LH200 *{line-height:200%;}
.LH_inherit,.LH_inherit *{line-height:inherit;}
@media screen and (max-width: 999px) {
	.sp_LH100,.sp_LH100 *{line-height:100%;}
	.sp_LH150,.sp_LH150 *{line-height:150%;}
}

.LH150.mgnTmn{margin-top:-0.25em;}
.LH175.mgnTmn{margin-top:-0.375em;}
.LH200.mgnTmn{margin-top:-0.5em;}
/*
.LH150.mgnTmn{margin-top:-0.125em;}
.LH200.mgnTmn{margin-top:-0.25em;}
*/
.LS0_1em{letter-spacing:0.1em; margin-right:-0.1em;}
.LS0_25em{letter-spacing:0.25em; margin-right:-0.25em;}
.LS0_5em{letter-spacing:0.5em; margin-right:-0.5em;}
.LS1em{letter-spacing:1em; margin-right:-1em;}

.indent_mn0_5np{
	text-indent:-0.5em;
}
.indent_mn{
	text-indent:-1em;
	padding-left:1em;
}
.indent_mn1_25{
	text-indent:-1.25em;
	padding-left:1.25em;
}

.dpB{display:block;}
.dpI{display:inline;}
.dpIB{display:inline-block;}
.dpF{display: flex;max-width: 100%;}
.dpF.F_col{flex-flow: column;}
.dpF.F_glow{flex-grow: 1;}
.dpF.F_wrap{flex-wrap: wrap;}
.dpF a{display: block;}
.dpF > *{position: relative;}
.dpF > * img{width:100%;}
.dpN{display:none;}
@media screen and (max-width: 999px) {
	.sp_dpIB{display:inline-block;}
	.sp_dpB{display:block;}
}

.floatL,
.floatL_pc{float:left;}
.floatR,
.floatR_pc{float:right;}
.clear{clear:both;}
@media screen and (max-width: 999px) {
	.floatL_pc,
	.floatR_pc{float:none;}
	.floatL_sp{float:left;}
	.floatR_sp{float:right;}
}

.textL{text-align:left;}
.textR{text-align:right;}
.textC{text-align:center;}
.textJ{text-align:justify;
text-align-last:justify;
text-justify:distribute;}
.sp_textL{}
.sp_textC{}
@media screen and (max-width: 999px) {
	.sp_textL{text-align:left;}
	.sp_textC{text-align:center;}
}
.deco_underline{text-decoration:underline;}
.cur_pointer{cursor:pointer;}

.bg_cover,.bg_cover *{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.bg_coverT,.bg_coverT *{
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}
.bg_coverB,.bg_coverB *{
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:cover;
}
.bg_contain,.bg_contain *{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.bg_containT,.bg_containT *{
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
}
.bg_containB,.bg_containB *{
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
.bg_W90,.bg_W90 *{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:90% auto;
}
@media screen and (max-width: 999px) {
}
/* Edge のみ*/
/*
@supports (-ms-ime-align:auto) {
	.bg_H120_edge,.bg_H120_edge *{
		background-size:auto 120%;
	}
}
*/
/* IEのみ */
/*
@media all and (-ms-high-contrast: none) {
  .bg_H120_ie,.bg_H120_ie *{
		background-size:auto 120%;
	}
}
*/

/*
要素まるごとブレンド
mix-blend-mode: multiply;

背景色ブレンド（同一タグ内のみ）
background-blend-mode: multiply;
*/

.col_000{color:#000;}
.col_F00{color:#F00;}
.col_086{color:#01876B;}/* 濃い緑 */
.col_0B9{color:#00B390;}/* 明るい緑 */
.col_37B{color:#3071B9;}/* 青 */
.col_777{color:#707070;}/* グレー */
.col_FFF{color:#FFF;}

.bg_clear{background-color:transparent;}
.bg_000{background-color:#000;}
.bg_RGB_B{background-color:rgb(101,166,222);}/* 青 */
.bg_CA9{background-color:#C4AF96;}/* 薄茶 */
.bg_8C3{background-color:#89C33F;}/* 黄緑 */
.bg_RGB_P{background-color:rgb(203,153,201);}/* 紫 */
.bg_3BE_multiply{/* 水色乗算 */
	background-color:#33BEEA;
	/* background-blend-mode: multiply; */
	mix-blend-mode: multiply;
}
@media all and (-ms-high-contrast: none) {/* IEのみ */
	.bg_3BE_multiply{
		/* background-color:rgba(51,190,234,0.5); */
		background-color:rgba(26,95,117,0.5);
	}
}
.bg_EFF{background-color:#EAF1F8;}/* 薄青 */
.bg_EEE{background-color:#E8E8E8;}/* ライトグレー */
.bg_FFF{background-color:#FFF;}

.bg_white_grad{
	background:-moz-linear-gradient(left, #FFFFFF, rgba(255,255,255,0));
  background:-webkit-linear-gradient(left, #FFFFFF, rgba(255,255,255,0));
  background:linear-gradient(to right, #FFFFFF, rgba(255,255,255,0));
}
/*
		各種グラデーションは左下→右上の方向に色が移ろう。
*/
.bg_grad_49C_B9D{/* 水色→紫（このHPの基本グラデーション） */
	background:-moz-linear-gradient(45deg, #4390C7, #B298DE);
  background:-webkit-linear-gradient(45deg, #4390C7, #B298DE);
  background:linear-gradient(45deg, #4390C7, #B298DE);
}
.bg_grad_49C_B9D_90deg{/* 水色→紫（傾きなし） */
	background:-moz-linear-gradient(left, #4390C7, #B298DE);
  background:-webkit-linear-gradient(left, #4390C7, #B298DE);
  background:linear-gradient(to right, #4390C7, #B298DE);
}
.bg_grad_DED_4BB_269{/* 薄緑→濃水 */
	background:-moz-linear-gradient(45deg, #D3E5D3 0%, #4BBEBF 35%, #276E9F 100%);
  background:-webkit-linear-gradient(45deg, #D3E5D3 0%, #4BBEBF 35%, #276E9F 100%);
  background:linear-gradient(45deg, #D3E5D3 0%, #4BBEBF 35%, #276E9F 100%);
}

.textbeta{
	background-image: url(../images/common/textbeta-blue.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% 1em;
}

.pc_tblbreak{}
.sp_tblbreak{}
@media screen and (min-width: 1000px) {
	.pc_tblbreak,
	.pc_tblbreak tbody,
	.pc_tblbreak tr,
	.pc_tblbreak th,
	.pc_tblbreak td{display:block;}
}
@media screen and (max-width: 999px) {
	.sp_tblbreak,
	.sp_tblbreak tbody,
	.sp_tblbreak tr,
	.sp_tblbreak th,
	.sp_tblbreak td{display:block;}
	.sp_tblbreak_limited,
	.sp_tblbreak_limited > tbody,
	.sp_tblbreak_limited > tbody > tr,
	.sp_tblbreak_limited > tr,
	.sp_tblbreak_limited > tbody > tr > th,
	.sp_tblbreak_limited > tr > th,
	.sp_tblbreak_limited > tbody > tr > td,
	.sp_tblbreak_limited > tr > td{display:block;}
}

.pos_rel{position:relative;}
.pos_abs{position:absolute;}
.pos_fix{position:fixed;}

.pos_abs.mgnAuto{
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:auto;
}

.radius05{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;}
.radius10{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;}
.radius20{
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;}
.radius30{
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;}
.radius50{
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;}
.radius1em{
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;}
.radius100per{
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;}

.shadow01{
	box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.2);}
.shadow02{
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2);}
.shadow04{
	box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);}
.shadow01bo{
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);}
.shadow04bo{
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.2);}

.rotation90{
	-moz-transform:	rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform:	 rotate(90deg);
	transform:		 rotate(90deg);
	/*
	-moz-transform:matrix(0, 1, -1, 0, 0, 0);
	-webkit-transform:matrix(0, 1, -1, 0, 0, 0);
	-o-transform:matrix(0, 1, -1, 0, 0, 0);
	transform:matrix(0, 1, -1, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	*/
}
/*
-moz-transform:	rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform:	 rotate(-45deg);
transform:		 rotate(-45deg);
*/

.borderbox,.borderbox *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.borderbox *.bs_c,.borderbox *.bs_c *{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}

/* 印刷用CSS */
/*
@media print{
  印刷用CSSの定義を指定する
}
※印刷時は
「@media screen and (min-width: 1000px)」
「@media screen and (max-width: 999px)」内のスタイルは効かなくなる
*/
@media print{
	body > div .H_head,
	.pc_vanish{
		display:none!important;
	}
	header{position:relative;}
}