@charset "utf-8";
@import url("./layout.css");
@import url("./form.css");
@import url("./contents.css");
@import url("./script.css");

/* ------------------------------------------------------------------------
    BASE
------------------------------------------------------------------------  */
@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium");
}

html{
	-o-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
}
body{
	margin:				0;
	padding:			0;
	color:				#000;
	font-weight:		normal;
	line-height:		1.5em;
	letter-spacing:		0.05em;
	font-family:		"FP-ヒラギノ角ゴ ProN W3", "FP-HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
html {
  font-size: 62.5%;
}

body {
  font-size: 1.4em;
}
html, body{
	height:100%;
}
a{
	color:				#000;
	text-decoration:	none;
}
a:hover{
	color:				#555;
	-webkit-transition: all .2s;
	transition: all .2s;
}
a:active{
	text-decoration:	none;
}
li {
	list-style:none;
}
li a {
	text-decoration:none;
}
address, div, form, fieldset, legend, h1, h2, h3, h4, h5, h6, img, ol, ul, li, dl, dt, dd, p, img, strong, em, span, blockquote, q {
	margin: 			0;
	padding:			0;
	border:				none;
	font-size: 			1em;
	font-style: 		normal;
	font-weight: 		normal;
	vertical-align:		top;
}
table, tr, th, td{
	font-size: 			1em;
	margin:				0;
	padding:			0;
	border:				0 none;
	border-spacing:		0;
	border-collapse:	collapse;
}
object, embed{
	vertical-align: top;
}
p{
	word-break:break-all;
}
sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
	font-size:.8em;
	padding-left:.5em;
     
}
 
sup {
    bottom: 1ex;
}
 
sub {
    top: .1ex;
}

/* img */
img {
	max-width:100%;
	height:auto;
	border:none;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
@media screen and (min-width:1024px){
a:hover img {
	opacity: 0.8;
	-o-opacity: 0.8;
	-ms-opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
/* 新旧Firefox */
a:hover img, x:-moz-any-link { background: inherit;}
a:hover img, x:-moz-any-link, x:default { background: inherit;}
}

.pixelated {
  -ms-interpolation-mode: nearest-neighbor;   /* IE8+ */
  image-rendering: -webkit-optimize-contrast; /* Safari (WebKit) */
  image-rendering: -moz-crisp-edges;          /* Firefox (Gecko) */
  image-rendering: -o-crisp-edges;            /* Opera 12.x */
  image-rendering: pixelated;                 /* Chrome 41+, Opera 29+ (CSS4) */
}

/* ------------------------------------------------------------------------
    Loading
------------------------------------------------------------------------  */
.loadingWrap {
	width:100%;
	height:100%;
	background-color:#fff;
	position:fixed;
	top:0;
	left:0;
	z-index:900
}
.loadingWrap img {
	width:60px;
	height:60px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-30px 0 0 -30px;
}


/* ------------------------------------------------------------------------
    clearfix / float
------------------------------------------------------------------------  */
.clearfix:after {content: ".";display: block;height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;min-height: 1%; /* IE 7対策 */}
/* Hides from IE-mac \*/* html .clearfix{height:1%;}.clearfix{display:block;}/* End hide from IE-mac */

.fl{float:left;}
.fr{float: right;}
.cb{clear:both;}

/* ------------------------------------------------------------------------
    text
------------------------------------------------------------------------  */
/* font */
.min {font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;}

.tal{ text-align: left; }
.tac{ text-align:center; }
.tar{ text-align:right; }
.fwb {font-weight:bold;}
.ti {
	text-indent:1em;
}
.ti1 {
	text-indent:-1em;
	padding-left:1em;
}
.ti2 {
	text-indent:-2em;
	padding-left:2em;
}
.ti2h {
	text-indent:-2.5em;
	padding-left:2.5em;
}
.tdu {
	text-decoration:underline;
}

/* color */
.red {color:#F00;}
.pink {color:#d85559;}
.green {color:#005557;}
.gray {color:#535353;}
.blue {color:#005a96;}
.blue2 ,
.blue2 a {
	color:#0075a9;
}
.blue3 a ,
a.blue3 {
	color:#5aa6c8;
}
.blue3 a:hover ,
a.blue3:hover {
	opacity:.7;
}
/* table color */
.Red1 {
	color:#d85559;
}
.Red2 {
	color:#ff0000;
}
.Blue1 {
	color:#0078ff;
}
.Blue2 {
	color:#0075a9;
}

/* size */
.fs02 {	font-size:0.2em;}
.fs03 {	font-size:0.3em;}
.fs04 {	font-size:0.4em;}
.fs05 {	font-size:0.5em;}
.fs06 {	font-size:0.6em;}
.fs07 {	font-size:0.7em;}
.fs08 {	font-size:0.8em;}
.fs09 {	font-size:0.9em;}
.fs10 {	font-size:1.0em;}
.fs11 {	font-size:1.1em;}
.fs12 {	font-size:1.2em;}
.fs13 {	font-size:1.3em;}
.fs14 {	font-size:1.4em;}
.fs15 {	font-size:1.5em;}
.fs16 {	font-size:1.6em;}
.fs17 {	font-size:1.7em;}
.fs18 {	font-size:1.8em;}
.fs19 {	font-size:1.9em;}
.fs20 {	font-size:2.0em;}
.fs30 {	font-size:3.0em;}
.fs40 {	font-size:4.0em;}

.big {font-size:1.3em;}
.large {font-size:1.6em;}

/* word-break */
.wbn {
	word-break: normal;
}


/* 下線 PCのみ */
@media screen and (min-width:1024px){
/* navigation用 */
.unline {
  position: relative;
  display: inline-block;
  padding: 1em .4em;
  text-decoration: none;
}
.unline::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #005557;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.unline:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
/* 1px solid fff */
.subline {
  position: relative;
  display: inline-block;
  padding: .5em 0;
  text-decoration: none;
}
.subline::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #fff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.subline:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
/* 1px solid 000 */
.subline_bk {
  position: relative;
  display: inline-block;
  padding: .5em 0;
  text-decoration: none;
}
.subline_bk::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #000;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.subline_bk:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
}

/* ------------------------------------------------------------------------
    layout
------------------------------------------------------------------------  */
/* fit */
.fit{
	width: 100%;
}
.fit--fixed{
	max-width: 100%;
}
.is--hidden{
	display: none;
}
.is-fixed {
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
}

/* TEXT CUT */
.txtcut {
    visibility: hidden;
}


/* ------------------------------------------------------------------------
    margin / padding
------------------------------------------------------------------------  */
.mb0	{margin-bottom: 0px !important;}	.mb-0	{margin-bottom: -0px !important;}
.mb5	{margin-bottom: 5px !important;}	.mb-5	{margin-bottom: -5px !important;}
.mb10	{margin-bottom: 10px !important;}	.mb-10	{margin-bottom: -10px !important;}
.mb15	{margin-bottom: 15px !important;}	.mb-15	{margin-bottom: -15px !important;}
.mb20	{margin-bottom: 20px !important;}	.mb-20	{margin-bottom: -20px !important;}
.mb25	{margin-bottom: 25px !important;}	.mb-25	{margin-bottom: -25px !important;}
.mb30	{margin-bottom: 30px !important;}	.mb-30	{margin-bottom: -30px !important;}
.mb35	{margin-bottom: 35px !important;}	.mb-35	{margin-bottom: -35px !important;}
.mb40	{margin-bottom: 40px !important;}	.mb-40	{margin-bottom: -40px !important;}
.mb45	{margin-bottom: 45px !important;}	.mb-45	{margin-bottom: -45px !important;}
.mb50	{margin-bottom: 50px !important;}	.mb-50	{margin-bottom: -50px !important;}
.mb55	{margin-bottom: 55px !important;}	.mb-55	{margin-bottom: -55px !important;}
.mb60	{margin-bottom: 60px !important;}	.mb-60	{margin-bottom: -60px !important;}
.mb65	{margin-bottom: 65px !important;}	.mb-65	{margin-bottom: -65px !important;}
.mb70	{margin-bottom: 70px !important;}	.mb-70	{margin-bottom: -70px !important;}
.mb75	{margin-bottom: 75px !important;}	.mb-75	{margin-bottom: -75px !important;}
.mb80	{margin-bottom: 80px !important;}	.mb-80	{margin-bottom: -80px !important;}
.mb85	{margin-bottom: 85px !important;}	.mb-85	{margin-bottom: -85px !important;}
.mb90	{margin-bottom: 90px !important;}	.mb-90	{margin-bottom: -90px !important;}
.mb95	{margin-bottom: 95px !important;}	.mb-95	{margin-bottom: -95px !important;}
.mb100	{margin-bottom: 100px !important;}	.mb-100	{margin-bottom: -100px !important;}
.mb200	{margin-bottom: 200px !important;}	.mb-200	{margin-bottom: -200px !important;}

.mt0	{margin-top: 0px !important;}		.mt-0	{margin-top: -0px !important;}
.mt5	{margin-top: 5px !important;}		.mt-5	{margin-top: -5px !important;}
.mt10	{margin-top: 10px !important;}		.mt-10	{margin-top: -10px !important;}
.mt15	{margin-top: 15px !important;}		.mt-15	{margin-top: -15px !important;}
.mt20	{margin-top: 20px !important;}		.mt-20	{margin-top: -20px !important;}
.mt25	{margin-top: 25px !important;}		.mt-25	{margin-top: -25px !important;}
.mt30	{margin-top: 30px !important;}		.mt-30	{margin-top: -30px !important;}
.mt35	{margin-top: 35px !important;}		.mt-35	{margin-top: -35px !important;}
.mt40	{margin-top: 40px !important;}		.mt-40	{margin-top: -40px !important;}
.mt45	{margin-top: 45px !important;}		.mt-45	{margin-top: -45px !important;}
.mt50	{margin-top: 50px !important;}		.mt-50	{margin-top: -50px !important;}
.mt55	{margin-top: 55px !important;}		.mt-55	{margin-top: -55px !important;}
.mt60	{margin-top: 60px !important;}		.mt-60	{margin-top: -60px !important;}
.mt65	{margin-top: 65px !important;}		.mt-65	{margin-top: -65px !important;}
.mt70	{margin-top: 70px !important;}		.mt-70	{margin-top: -70px !important;}
.mt75	{margin-top: 75px !important;}		.mt-75	{margin-top: -75px !important;}
.mt80	{margin-top: 80px !important;}		.mt-80	{margin-top: -80px !important;}
.mt85	{margin-top: 85px !important;}		.mt-85	{margin-top: -85px !important;}
.mt90	{margin-top: 90px !important;}		.mt-90	{margin-top: -90px !important;}
.mt95	{margin-top: 95px !important;}		.mt-95	{margin-top: -95px !important;}
.mt100	{margin-top: 100px !important;}	.mt-100	{margin-top: -100px !important;}
.mt200	{margin-top: 200px !important;}	.mt-200	{margin-top: -200px !important;}

.ml0	{margin-left: 0px !important;}		.ml-0	{margin-left: -0px !important;}
.ml5	{margin-left: 5px !important;}		.ml-5	{margin-left: -5px !important;}
.ml10	{margin-left: 10px !important;}	.ml-10	{margin-left: -10px !important;}
.ml15	{margin-left: 15px !important;}	.ml-15	{margin-left: -15px !important;}
.ml20	{margin-left: 20px !important;}	.ml-20	{margin-left: -20px !important;}
.ml25	{margin-left: 25px !important;}	.ml-25	{margin-left: -25px !important;}
.ml30	{margin-left: 30px !important;}	.ml-30	{margin-left: -30px !important;}
.ml35	{margin-left: 35px !important;}	.ml-35	{margin-left: -35px !important;}
.ml40	{margin-left: 40px !important;}	.ml-40	{margin-left: -40px !important;}
.ml45	{margin-left: 45px !important;}	.ml-45	{margin-left: -45px !important;}
.ml50	{margin-left: 50px !important;}	.ml-50	{margin-left: -50px !important;}
.ml55	{margin-left: 55px !important;}	.ml-55	{margin-left: -55px !important;}
.ml60	{margin-left: 60px !important;}	.ml-60	{margin-left: -60px !important;}
.ml65	{margin-left: 65px !important;}	.ml-65	{margin-left: -65px !important;}
.ml70	{margin-left: 70px !important;}	.ml-70	{margin-left: -70px !important;}
.ml75	{margin-left: 75px !important;}	.ml-75	{margin-left: -75px !important;}
.ml80	{margin-left: 80px !important;}	.ml-80	{margin-left: -80px !important;}
.ml85	{margin-left: 85px !important;}	.ml-85	{margin-left: -85px !important;}
.ml90	{margin-left: 90px !important;}	.ml-90	{margin-left: -90px !important;}
.ml95	{margin-left: 95px !important;}	.ml-95	{margin-left: -95px !important;}
.ml100	{margin-left: 100px !important;}	.ml-100	{margin-left: -100px !important;}
.ml200	{margin-left: 200px !important;}	.ml-200	{margin-left: -200px !important;}

.mr0	{margin-right: 0px !important;}	.mr-0	{margin-right: -0px !important;}
.mr5	{margin-right: 5px !important;}	.mr-5	{margin-right: -5px !important;}
.mr10	{margin-right: 10px !important;}	.mr-10	{margin-right: -10px !important;}
.mr15	{margin-right: 15px !important;}	.mr-15	{margin-right: -15px !important;}
.mr20	{margin-right: 20px !important;}	.mr-20	{margin-right: -20px !important;}
.mr25	{margin-right: 25px !important;}	.mr-25	{margin-right: -25px !important;}
.mr30	{margin-right: 30px !important;}	.mr-30	{margin-right: -30px !important;}
.mr35	{margin-right: 35px !important;}	.mr-35	{margin-right: -35px !important;}
.mr40	{margin-right: 40px !important;}	.mr-40	{margin-right: -40px !important;}
.mr45	{margin-right: 45px !important;}	.mr-45	{margin-right: -45px !important;}
.mr50	{margin-right: 50px !important;}	.mr-50	{margin-right: -50px !important;}
.mr55	{margin-right: 55px !important;}	.mr-55	{margin-right: -55px !important;}
.mr60	{margin-right: 60px !important;}	.mr-60	{margin-right: -60px !important;}
.mr65	{margin-right: 65px !important;}	.mr-65	{margin-right: -65px !important;}
.mr70	{margin-right: 70px !important;}	.mr-70	{margin-right: -70px !important;}
.mr75	{margin-right: 75px !important;}	.mr-75	{margin-right: -75px !important;}
.mr80	{margin-right: 80px !important;}	.mr-80	{margin-right: -80px !important;}
.mr85	{margin-right: 85px !important;}	.mr-85	{margin-right: -85px !important;}
.mr90	{margin-right: 90px !important;}	.mr-90	{margin-right: -90px !important;}
.mr95	{margin-right: 95px !important;}	.mr-95	{margin-right: -95px !important;}
.mr100	{margin-right: 100px !important;}	.mr-100	{margin-right: -100px !important;}
.mr200	{margin-right: 200px !important;}	.mr-200	{margin-right: -200px !important;}

.m0		{margin: 0px !important;}		.m-0	{margin: -0px !important;}
.m5		{margin: 5px !important;}		.m-5	{margin: -5px !important;}
.m10	{margin: 10px !important;}		.m-10	{margin: -10px !important;}
.m15	{margin: 15px !important;}		.m-15	{margin: -15px !important;}
.m20	{margin: 20px !important;}		.m-20	{margin: -20px !important;}
.m25	{margin: 25px !important;}		.m-25	{margin: -25px !important;}
.m30	{margin: 30px !important;}		.m-30	{margin: -30px !important;}
.m35	{margin: 35px !important;}		.m-35	{margin: -35px !important;}
.m40	{margin: 40px !important;}		.m-40	{margin: -40px !important;}
.m45	{margin: 45px !important;}		.m-45	{margin: -45px !important;}
.m50	{margin: 50px !important;}		.m-50	{margin: -50px !important;}
.m55	{margin: 55px !important;}		.m-55	{margin: -55px !important;}
.m60	{margin: 60px !important;}		.m-60	{margin: -60px !important;}
.m65	{margin: 65px !important;}		.m-65	{margin: -65px !important;}
.m70	{margin: 70px !important;}		.m-70	{margin: -70px !important;}
.m75	{margin: 75px !important;}		.m-75	{margin: -75px !important;}
.m80	{margin: 80px !important;}		.m-80	{margin: -80px !important;}
.m85	{margin: 85px !important;}		.m-85	{margin: -85px !important;}
.m90	{margin: 90px !important;}		.m-90	{margin: -90px !important;}
.m95	{margin: 95px !important;}		.m-95	{margin: -95px !important;}
.m100	{margin: 100px !important;}	.m-100	{margin: -100px !important;}
.m200	{margin: 200px !important;}	.m-200	{margin: -200px !important;}

.pb1em	{padding-bottom: 1em !important;}
.pb0	{padding-bottom: 0px !important;}	.pb-0	{padding-bottom: -0px !important;}
.pb5	{padding-bottom: 5px !important;}	.pb-5	{padding-bottom: -5px !important;}
.pb10	{padding-bottom: 10px !important;}	.pb-10	{padding-bottom: -10px !important;}
.pb15	{padding-bottom: 15px !important;}	.pb-15	{padding-bottom: -15px !important;}
.pb20	{padding-bottom: 20px !important;}	.pb-20	{padding-bottom: -20px !important;}
.pb25	{padding-bottom: 25px !important;}	.pb-25	{padding-bottom: -25px !important;}
.pb30	{padding-bottom: 30px !important;}	.pb-30	{padding-bottom: -30px !important;}
.pb35	{padding-bottom: 35px !important;}	.pb-35	{padding-bottom: -35px !important;}
.pb40	{padding-bottom: 40px !important;}	.pb-40	{padding-bottom: -40px !important;}
.pb45	{padding-bottom: 45px !important;}	.pb-45	{padding-bottom: -45px !important;}
.pb50	{padding-bottom: 50px !important;}	.pb-50	{padding-bottom: -50px !important;}
.pb55	{padding-bottom: 55px !important;}	.pb-55	{padding-bottom: -55px !important;}
.pb60	{padding-bottom: 60px !important;}	.pb-60	{padding-bottom: -60px !important;}
.pb65	{padding-bottom: 65px !important;}	.pb-65	{padding-bottom: -65px !important;}
.pb70	{padding-bottom: 70px !important;}	.pb-70	{padding-bottom: -70px !important;}
.pb75	{padding-bottom: 75px !important;}	.pb-75	{padding-bottom: -75px !important;}
.pb80	{padding-bottom: 80px !important;}	.pb-80	{padding-bottom: -80px !important;}
.pb85	{padding-bottom: 85px !important;}	.pb-85	{padding-bottom: -85px !important;}
.pb90	{padding-bottom: 90px !important;}	.pb-90	{padding-bottom: -90px !important;}
.pb95	{padding-bottom: 95px !important;}	.pb-95	{padding-bottom: -95px !important;}
.pb100	{padding-bottom: 100px !important;}	.pb-100	{padding-bottom: -100px !important;}
.pb200	{padding-bottom: 200px !important;}	.pb-200	{padding-bottom: -200px !important;}

.pt0	{padding-top: 0px !important;}		.pt-0	{padding-top: -0px !important;}
.pt5	{padding-top: 5px !important;}		.pt-5	{padding-top: -5px !important;}
.pt10	{padding-top: 10px !important;}	.pt-10	{padding-top: -10px !important;}
.pt15	{padding-top: 15px !important;}	.pt-15	{padding-top: -15px !important;}
.pt20	{padding-top: 20px !important;}	.pt-20	{padding-top: -20px !important;}
.pt25	{padding-top: 25px !important;}	.pt-25	{padding-top: -25px !important;}
.pt30	{padding-top: 30px !important;}	.pt-30	{padding-top: -30px !important;}
.pt35	{padding-top: 35px !important;}	.pt-35	{padding-top: -35px !important;}
.pt40	{padding-top: 40px !important;}	.pt-40	{padding-top: -40px !important;}
.pt45	{padding-top: 45px !important;}	.pt-45	{padding-top: -45px !important;}
.pt50	{padding-top: 50px !important;}	.pt-50	{padding-top: -50px !important;}
.pt55	{padding-top: 55px !important;}	.pt-55	{padding-top: -55px !important;}
.pt60	{padding-top: 60px !important;}	.pt-60	{padding-top: -60px !important;}
.pt65	{padding-top: 65px !important;}	.pt-65	{padding-top: -65px !important;}
.pt70	{padding-top: 70px !important;}	.pt-70	{padding-top: -70px !important;}
.pt75	{padding-top: 75px !important;}	.pt-75	{padding-top: -75px !important;}
.pt80	{padding-top: 80px !important;}	.pt-80	{padding-top: -80px !important;}
.pt85	{padding-top: 85px !important;}	.pt-85	{padding-top: -85px !important;}
.pt90	{padding-top: 90px !important;}	.pt-90	{padding-top: -90px !important;}
.pt95	{padding-top: 95px !important;}	.pt-95	{padding-top: -95px !important;}
.pt100	{padding-top: 100px !important;}	.pt-100	{padding-top: -100px !important;}
.pt200	{padding-top: 200px !important;}	.pt-200	{padding-top: -200px !important;}

.pl1em { padding-left:1em !important;}
.pl1.5em { padding-left:1.5em !important;}
.pl2em { padding-left:2em !important;}
.pl0	{padding-left: 0px !important;}	.pl-0	{padding-left: -0px !important;}
.pl5	{padding-left: 5px !important;}	.pl-5	{padding-left: -5px !important;}
.pl10	{padding-left: 10px !important;}	.pl-10	{padding-left: -10px !important;}
.pl15	{padding-left: 15px !important;}	.pl-15	{padding-left: -15px !important;}
.pl20	{padding-left: 20px !important;}	.pl-20	{padding-left: -20px !important;}
.pl25	{padding-left: 25px !important;}	.pl-25	{padding-left: -25px !important;}
.pl30	{padding-left: 30px !important;}	.pl-30	{padding-left: -30px !important;}
.pl35	{padding-left: 35px !important;}	.pl-35	{padding-left: -35px !important;}
.pl40	{padding-left: 40px !important;}	.pl-40	{padding-left: -40px !important;}
.pl45	{padding-left: 45px !important;}	.pl-45	{padding-left: -45px !important;}
.pl50	{padding-left: 50px !important;}	.pl-50	{padding-left: -50px !important;}
.pl55	{padding-left: 55px !important;}	.pl-55	{padding-left: -55px !important;}
.pl60	{padding-left: 60px !important;}	.pl-60	{padding-left: -60px !important;}
.pl65	{padding-left: 65px !important;}	.pl-65	{padding-left: -65px !important;}
.pl70	{padding-left: 70px !important;}	.pl-70	{padding-left: -70px !important;}
.pl75	{padding-left: 75px !important;}	.pl-75	{padding-left: -75px !important;}
.pl80	{padding-left: 80px !important;}	.pl-80	{padding-left: -80px !important;}
.pl85	{padding-left: 85px !important;}	.pl-85	{padding-left: -85px !important;}
.pl90	{padding-left: 90px !important;}	.pl-90	{padding-left: -90px !important;}
.pl95	{padding-left: 95px !important;}	.pl-95	{padding-left: -95px !important;}
.pl100	{padding-left: 100px !important;}	.pl-100	{padding-left: -100px !important;}
.pl200	{padding-left: 200px !important;}	.pl-200	{padding-left: -200px !important;}

.pr0	{padding-right: 0px !important;}	.pr-0	{padding-right: -0px !important;}
.pr5	{padding-right: 5px !important;}	.pr-5	{padding-right: -5px !important;}
.pr10	{padding-right: 10px !important;}	.pr-10	{padding-right: -10px !important;}
.pr15	{padding-right: 15px !important;}	.pr-15	{padding-right: -15px !important;}
.pr20	{padding-right: 20px !important;}	.pr-20	{padding-right: -20px !important;}
.pr25	{padding-right: 25px !important;}	.pr-25	{padding-right: -25px !important;}
.pr30	{padding-right: 30px !important;}	.pr-30	{padding-right: -30px !important;}
.pr35	{padding-right: 35px !important;}	.pr-35	{padding-right: -35px !important;}
.pr40	{padding-right: 40px !important;}	.pr-40	{padding-right: -40px !important;}
.pr45	{padding-right: 45px !important;}	.pr-45	{padding-right: -45px !important;}
.pr50	{padding-right: 50px !important;}	.pr-50	{padding-right: -50px !important;}
.pr55	{padding-right: 55px !important;}	.pr-55	{padding-right: -55px !important;}
.pr60	{padding-right: 60px !important;}	.pr-60	{padding-right: -60px !important;}
.pr65	{padding-right: 65px !important;}	.pr-65	{padding-right: -65px !important;}
.pr70	{padding-right: 70px !important;}	.pr-70	{padding-right: -70px !important;}
.pr75	{padding-right: 75px !important;}	.pr-75	{padding-right: -75px !important;}
.pr80	{padding-right: 80px !important;}	.pr-80	{padding-right: -80px !important;}
.pr85	{padding-right: 85px !important;}	.pr-85	{padding-right: -85px !important;}
.pr90	{padding-right: 90px !important;}	.pr-90	{padding-right: -90px !important;}
.pr95	{padding-right: 95px !important;}	.pr-95	{padding-right: -95px !important;}
.pr100	{padding-right: 100px !important;}	.pr-100	{padding-right: -100px !important;}
.pr200	{padding-right: 200px !important;}	.pr-200	{padding-right: -200px !important;}

.p0		{padding: 0px !important;}		.p-0	{padding: -0px !important;}
.p5		{padding: 5px !important;}		.p-5	{padding: -5px !important;}
.p10	{padding: 10px !important;}	.p-10	{padding: -10px !important;}
.p15	{padding: 15px !important;}	.p-15	{padding: -15px !important;}
.p20	{padding: 20px !important;}	.p-20	{padding: -20px !important;}
.p25	{padding: 25px !important;}	.p-25	{padding: -25px !important;}
.p30	{padding: 30px !important;}	.p-30	{padding: -30px !important;}
.p35	{padding: 35px !important;}	.p-35	{padding: -35px !important;}
.p40	{padding: 40px !important;}	.p-40	{padding: -40px !important;}
.p45	{padding: 45px !important;}	.p-45	{padding: -45px !important;}
.p50	{padding: 50px !important;}	.p-50	{padding: -50px !important;}
.p55	{padding: 55px !important;}	.p-55	{padding: -55px !important;}
.p60	{padding: 60px !important;}	.p-60	{padding: -60px !important;}
.p65	{padding: 65px !important;}	.p-65	{padding: -65px !important;}
.p70	{padding: 70px !important;}	.p-70	{padding: -70px !important;}
.p75	{padding: 75px !important;}	.p-75	{padding: -75px !important;}
.p80	{padding: 80px !important;}	.p-80	{padding: -80px !important;}
.p85	{padding: 85px !important;}	.p-85	{padding: -85px !important;}
.p90	{padding: 90px !important;}	.p-90	{padding: -90px !important;}
.p95	{padding: 95px !important;}	.p-95	{padding: -95px !important;}
.p100	{padding: 100px !important;}	.p-100	{padding: -100px !important;}
.p200	{padding: 200px !important;}	.p-200	{padding: -200px !important;}


/* ------------------------------------------------------------------------
    FLEX
------------------------------------------------------------------------  */
.flex{
	
	/*-----for legacy-----*/
	display: -webkit-box;
	-webkit-box-pack: justify;
	/*--------------------*/
	
	display:-moz-box;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	-js-display: flex;
	display:flex;
}
.fx-center {
	-ms-flex-align:center;
	-webkit-align-items: center;
	-ms-align-items    : center;
	align-items:center;

}
.fx-wrap {
	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.fx-row {
	flex-direction: row;
	-o-flex-direction: row;
	-ms-flex-direction: row;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
}
.fx-between {
	justify-content: space-between;
	-o-justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
}
.fx-acontents {
	align-content: stretch;
	-o-align-content: stretch;
	-ms-align-content: stretch;
	-moz-align-content: stretch;
	-webkit-align-contentt: stretch;
}

/* ------------------------------------------------------------------------
    container
------------------------------------------------------------------------  */
#Wrap {
}
.container,
.r-container {
	max-width: 			1000px;
	margin-left: 	auto;
	margin-right: 	auto;

	padding:0 12px;
}
.r-container {
	position: relative;
	height:100%;
}


/* ------------------------------------------------------------------------
    animation
------------------------------------------------------------------------  */
.anim-body__fadein{
	animation: 			kf--fadein 1.5s ease-in-out both;
	-o-animation: 		kf--fadein 1.5s ease-in-out both;
	-ms-animation: 		kf--fadein 1.5s ease-in-out both;
	-moz-animation: 	kf--fadein 1.5s ease-in-out both;
	-webkit-animation: 	kf--fadein 1.5s ease-in-out both;
}

/* ------------------------------------------------------------------------
    title text
------------------------------------------------------------------------  */
/* TTL */
.Title-A ,
.Title-B {
	border-bottom:2px solid #0075a9;
	padding:0 0 1px;
	margin-bottom:50px;
}

.Title-A p ,
.Title-B p {
	font-size:1.4em;
	line-height:1.3em;
	padding-bottom:15px;
	border-bottom:1px solid #0075a9;
}
.Title-A p {
	text-align:center;
}
.Title-A p span {
	padding-left:1em;
}
.Title-A p span:first-child {
	padding-left:0;
}
.Title-B p span {
	display:block;
	max-width:1000px;
	padding:0 12px;
	margin:0 auto;
}
@media screen and (max-width:768px){
	.Title-A ,
	.Title-B {
		margin-bottom:30px;
	}
	.Title-A p {
	}
	.Title-A p span {
		padding-left:.3em;
	}
}

/* 見出し */
.SubTitle {
	font-size:1.15em;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px solid #999;
}
.SubTitle-B {
	font-size:1.4em;
	line-height:1.3em;
	padding-bottom:15px;
}
.Subline {
	margin-bottom:25px;
	border-bottom:1px solid #21326b;
}

/* TXT */
span.Txt-A {
	display:block;
	font-size:1.4rem;
	text-align:center;
	color:rgb(155,155,155);
	line-height:1.4em !important;
}
span.Txt-B {
	display:block;
	font-size:1.3rem;
	text-align:center;
	color:rgb(255,255,255);
	line-height:1.3em !important;
}
span.Txt-C {
	display:inline-block;
	font-size:1.3rem;
	color:rgb(155,155,155);
	line-height:1.4em !important;
	word-break: normal;
	vertical-align:middle;
}
span.Txt-D {
	display:inline-block;
	font-size:1.4rem;
	color:rgb(155,155,155);
	line-height:1.4em !important;
	word-break: normal;
}



/* ------------------------------------------------------------------------
    button
------------------------------------------------------------------------  */
/* area */
.Btn-Area-A {
	width:100%;
	max-width:415px;
	margin:0 auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:10px 12px 0;
}

/* Type */
/* A */
.Btn-A {
	font-size:1.15em;
}
.Btn-A a {
	background:#fff;
}
.Btn-A a span {
	position:relative;
	display:inline-block;
}
.Btn-A a span:first-child {
	padding-left:.5em;
}
.Btn-A a span:first-child:before {
	content:url(../img/common/icon_arr1.png);
	position:absolute;
	left: -1em;
	top:0;
}
/* B */
.Btn-B {
	font-size:1.3em;
}
.Btn-B a {
	background:#fff;
}
.Btn-B a span {
	position:relative;
	display:inline-block;
	color:#0075a9;
}
.Btn-B a span:first-child {
	padding-left:.5em;
}
.Btn-B a span:first-child:before {
    content: url(../img/common/icon_arr2.png);
    position: absolute;
	left: -1em;
    top: 3px;
}
/* C-D */
.Btn-C ,
.Btn-D {
	font-size:1.15em;
}
.Btn-C a ,
.Btn-D a {
	color:#fff;
	text-align:center;
}
.Btn-C a {
	background:#0075a9;
}
.Btn-D a {
	display:block;
	height:80px;
	background:#21326b;
}
.Btn-C a span ,
.Btn-D a span {
	position:relative;
	display:inline-block;
	padding-left:.5em;
}
.Btn-D a span {
	line-height:80px;
}
.Btn-C a span:before {
	content:url(../img/common/icon_arr3_off.png);
	position:absolute;
	left: -1em;
	top:0;
}
.Btn-D a span:before {
	content:url(../img/common/icon_arr1_wh.png);
	position:absolute;
	left: -1em;
	top:0;
}
@media screen and (min-width:1024px){
.Btn-C a:hover {
	color:#0075a9;
}
.Btn-D a:hover {
	color:#21326b;
}
.Btn-C a:hover span:before {
	content:url(../img/common/icon_arr3_on.png);
	position:absolute;
	left: -1em;
	top:0;
}
.Btn-D a:hover span:before {
	content:url(../img/common/icon_arr1_blue.png);
	position:absolute;
	left: -1em;
	top:0;
}
}


/* Btn-List */
ul#Btn-List {
	width:100%;
	text-align:left;
	letter-spacing: -.4em;
}
ul#Btn-List li {
	display:inline-block;
	letter-spacing: normal;

	margin-right:10px;
	margin-bottom:10px;
}
ul#Btn-List li a {
	display:block;
	padding:6px 1.5em;
	text-align:center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid #999;
}
ul#Btn-List li .button {
	line-height:inherit;
}

/* base */
.button {
	display: inline-block;
	width: 100%;
	height: 2.5em;
	text-align: center;
	text-decoration: none;
	line-height: 2.5em;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/* effect */
.eff-a ,
.eff-b ,
.eff-c ,
.eff-d {
	position: relative;
	z-index: 2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.eff-a {
	border: 1px solid #929292;
}
.eff-b {
	border:1px solid #8dbcd6;
}
.eff-c {
	border:1px solid #0075a9;
	background-color:#0075a9;
}
.eff-d {
	border:1px solid #21326b;
}
.eff-a::after ,
.eff-b::after ,
.eff-c::after ,
.eff-d::after {
	top:50%;
	left: 0;
	width: 100%;
	height: 0;
}
@media screen and (min-width:1024px){
.eff-a:hover {
	color: #000;
}
.eff-b:hover {
	color:#0075a9;
}
.eff-c:hover {
}
.eff-a:hover::after {
	top:0;
	height: 100%;
	background-color: #e7e7e7;
}
.eff-b:hover::after {
	top:0;
	height: 100%;
	background-color: #e2f3fb;
}
.eff-c:hover::after ,
.eff-d:hover::after {
	top:0;
	height: 100%;
	background-color: #fff;
}
}


/* PDF EXCEL */
.Pdf-Btn a ,
.Excel-Btn a {
	display:block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding:7px 0;
	text-align:center;
}
.Pdf-Btn a {
	background:rgba(216,85,89,1);
}
.Excel-Btn a {
	background:rgba(105,160,46,1);
}
.Pdf-Btn a span ,
.Excel-Btn a span {
	display:inline-block;
	height:32px;
	line-height:32px;
	font-size:1.3em;
	color:#fff;
	background-position:0 50%;
	padding-left:40px;
}
.Pdf-Btn a span {
	background:url(../img/common/icon_pdf.png);
	background-repeat:no-repeat;
}
.Excel-Btn a span {
	background:url(../img/common/icon_excel.png);
	background-repeat:no-repeat;
}
@media screen and (min-width:1024px){
	.Pdf-Btn a:hover {
		background:rgba(216,85,89,.7);
	}
	.Excel-Btn a:hover {
		background:rgba(105,160,46,.7);
	}
}
@media screen and (max-width:768px){
	.Pdf-Btn a span ,
	.Excel-Btn a span {
		font-size:1.15em;
	}
}

/* ------------------------------------------------------------------------
    Caption
------------------------------------------------------------------------  */
/* cap-type */
@media screen and (min-width:1024px){
.cap-a {
	overflow:		hidden;
	position:		relative;
}
.cap-a {
	display: inline-block;
	background: transparent;
	transition: .3s;
}
.cap-a:hover {
  background:#1d336d;
 }
.cap-a .mask {
	width:			130px;
	height:			130px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position:		absolute;
	top:			50%;
	margin-top:-65px;
	left:			50%;
	margin-left:-65px;
	background-color:	rgba(216,85,89,.8);
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
	-webkit-transform:	scale(0);	/* 大きさを０にして表示しない */
	transform:		scale(0);
}
.cap-a:hover .mask {
	-webkit-transform:	scale(1);	/* 大きさを１にして表示する */
	transform:		scale(1);
}
.cap-a .caption {
	font-size:		1.6em;
	font-weight:bold;
	color:			#fff;
	padding-top:60px;
	text-align:center;
}
/* page用 */
.cap-a:hover p {
	color:#fff;
}
}
@media screen and (max-width:1023px){
	.cap-a .mask { display:none;}
}

/* figure */
figure {
	position: relative;
	overflow: hidden;
	margin:0;
	padding:0;
}
figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
figcaption h3,
figcaption p {
	position: absolute;
	left: -150%;
	-webkit-transition: .3s;
	transition: .3s;
	line-height:1.3em;
}
figcaption h3 {
	top: 25px;
}
figcaption p {
	font-size:.9em;
	top: 80px;
}
figure:hover figcaption {
	opacity: 1;
}
figure:hover figcaption h3,
figure:hover figcaption p {
	left: 0;
}
figure:hover figcaption h3 {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
figure:hover figcaption p {
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}

/* FT-Banner */
#FT-Banner figcaption {
	background: rgba(11,84,122,.75);
}
figcaption h3.FT-Banttl,
figcaption p.FT-Bantxt {
	color:#fff;
}
figcaption h3.FT-Banttl {
	top:20%;
	background-image:url(../img/common/icon_link.png);
	background-size:13px;
	background-repeat:no-repeat;
	background-position:0 50%;
	padding:0 0 0 20px;
}
figcaption p.FT-Bantxt {
	top:53%;
}
figure:hover figcaption h3.FT-Banttl,
figure:hover figcaption p.FT-Bantxt {
	left: 7px;
}
@media screen and (max-width:768px){
	figure:hover {
		opacity:.7;
	}
	figcaption { display:none;}
}

/* ------------------------------------------------------------------------
    Number
------------------------------------------------------------------------  */
.Number-Box ,
.Number-Box-B {
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#fff;
	font-size:2rem;
}
.Number-Box {
	position: relative;
	background:#5aa6c8;
}
.Number-Box-B {
	background:#21326b;
}
.Number-Box::before {
    content: "";
    bottom: 0;
    right: 0;
    border-top: 14px solid transparent;
    border-right: 14px solid #21326b;
    position: absolute;
    z-index: 100;
}
.Number-Box::after {
    display: block;
    bottom: 5px;
    font-weight: bold;
    right: 0px;
    position: absolute;
    z-index: 101;

	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

/* Title */
.Num-Ttl-A ,
.Num-Ttl-B ,
.Num-Ttl-C {
	width:100%;
	display:table;
	font-size:1.4em;
}
.Num-Ttl-A ,
.Num-Ttl-B {
	margin-bottom:25px;
}
.Num-Ttl-C {
	margin-bottom:15px;
}
.Num-Ttl-A > p ,
.Num-Ttl-B > p ,
.Num-Ttl-C > p {
	display:table-cell;
	vertical-align:middle;
}
.Num-Ttl-A > p:nth-child(2) ,
.Num-Ttl-B > p:nth-child(2) ,
.Num-Ttl-C > p:nth-child(2) {
	padding-left:30px;
}

.Num-Ttl-B > p:nth-child(2) {
	background:#88abba;
	color:#21326b;
}
@media screen and (max-width:769px){
	.Num-Ttl-A > p:nth-child(2) ,
	.Num-Ttl-B > p:nth-child(2) ,
	.Num-Ttl-B > p:nth-child(2) {
		padding-left:15px;
	}
}

/* ------------------------------------------------------------------------
    Arrow
------------------------------------------------------------------------  */
/* base */
.arrow > a{
	position: relative;
	width:100%;
	display: inline-block;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.arrow > a::before,
.arrow > a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

/* > */
.arr_type1 > a::before{
	right: 0;
	width: 8px;
	height: 8px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* ------------------------------------------------------------------------
    table
------------------------------------------------------------------------  */

table {
	width:100%;
	margin:0;
	padding:0;
	outline:0;
}
tr {
	margin:0;
	padding:0;
}
td {
	margin:0;
	padding:0;
	border:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.bb {
	border-bottom:1px solid #ddd;
}
.br {
	border-right:1px solid #ddd;
}
.bgray {
	background:#ccc;
}
.bgw {
	background:#fff;
}

.vat {
	vertical-align:top;
}
.vam {
	vertical-align:middle;
}

/* table横スクロール */
.T-scroll{
	overflow-y: auto;
}
.T-scroll > table{
	height:auto;
}
.T-scroll::-webkit-scrollbar{
	height: 10px;
}
.T-scroll::-webkit-scrollbar-track{
	background: #F1F1F1;
}
.T-scroll::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}

/* ------------------------------------------------------------------------
 	リストスタイル
------------------------------------------------------------------------  */
ol{
  padding:0;
  margin:0;
}
 
ol li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  text-indent:-2em;
  padding-left:2em;
}
ol li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}

ol.demi li{
	list-style:decimal;
	list-style-position:inside;
	text-indent:-1.5em;
	padding-left:1.5em;
}
ol.demi li:before{
  display:none;
}

/* ------------------------------------------------------------------------
    switch
------------------------------------------------------------------------  */
@media screen and (min-width:1024px){
.for--pc{}
.for--tb{ display: none !important; }
}
@media screen and (max-width: 1023px){
.for--pc{ display: none !important; }
.for--tb{}
}

@media screen and (min-width:769px){
.for--sp{ display: none !important; }
}
@media screen and (max-width: 768px){
.for--sp{}
}