@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
  font-size: 14px;
  font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体","游ゴシック","Yu  Gothic","YuGothic","メイリオ","Meiryo",sans-serif;
  width: 100%;
  color: #2c2c2c;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}
.pc{
	display: none !important;
}
a{
  color: #2c2c2c;
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}
a:active, a:focus{
  outline: 0;
}
img{
  border: 0;
  vertical-align: bottom;
}
ul,li{
  list-style: none;
}
.clear{
  clear: both;
}
.center{
	text-align: center;
}
.spcenter{
	text-align: center;
}
.block{
	display: block;
}
.sp-block{
	display: block;
}
.bold{
	font-weight: bold;
}
.p-relative{
	position: relative;
}
.bg-navy{
	background: #475385;
}
.white{
	color: #ffffff;
}
.navy{
	color: #475385;
}
.spfs13{
	font-size: 13px;
}
.sp-mgt100{
	margin-top: 100px !important;
}
.mgt5{
	margin-top: 5px;
}
.mgt20{
	margin-top: 20px;
}
.mgt40{
	margin-top: 40px;
}
.mgt80{
	margin-top: 80px;
}
.mgt120{
	margin-top: 120px;
}
.spmgt20{
	margin-top: 20px;
}
.pdt20{
	padding-top: 20px;
}
.pdt40{
	padding-top: 40px;
}
.pdb50{
	padding-bottom: 50px !important;
}
header{
  position: fixed;
  width: 100%;
  z-index: 9999;
  height: 85px;
  background: #fff;
}
.type1{
	display: flex;
}
.h-logo {
  text-align: center;
  margin-top: 20px;
}
@media(max-width: 700px){
	.h-logo {
  text-align: center;
  margin-top: 20px;
  position: relative;
  left: -1%;
}
}
.h-logo img{
	width: 210px;
}
.h-rightbox{
	position: absolute;
	right: 7px;
	top: 7px;
}
.slidearea{
	padding: 85px 6% 72px;
	position: relative;
}
.slider img{
  height: calc((var(--vh, 1vh) * 100) - (165px));
  width: 100%;
  object-fit: cover;
  font-family: 'object-fit: contain;'; /* IE・edge対策 */
}
.h-catchtext{
	color: #fff;
	position: absolute;
	bottom: 90px;
	left: 70px;
	z-index: 1;
  font-size: 25px;
  line-height: 36px;
  font-weight: bold;
}
.h-catchtext span{
	display: block;
}
.h-catchtext>span>span{
	padding: 5px 10px;
}
.h-catchtext span:first-child>span{
	width: 245px;
}
.h-catchtext span:nth-child(n+2){
	margin-top: 20px;
}
.h-catchtext span:nth-child(2)>span{
	width: 97px;
}
@media(max-width: 767px){
.h-catchtext{
	font-size: 20px;
	left: 35px;
}
.h-catchtext span>span{
	padding: 0 5px;
}
.h-catchtext span:nth-child(n+2) {
  margin-top: 10px;
}
.h-catchtext span:first-child>span {
  width: 190px;
}
.h-catchtext span:nth-child(2)>span {
  width: 72px;
}
}
.scroll{
	position: absolute;
	bottom: 18px;
	left: 20px;
	width: 100px;
	letter-spacing: 1px;
	font-size: 18px;
}
.scroll img{
	width: 30%;
  padding-right: 10px;
  vertical-align: middle;
}
.inner{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.fadeup1,.fadeup2,.fadeup3,.fadeup4,.fadeup5,.fadeup6,.fadeup7{
	opacity: 0;
	-moz-transform: translateY(50px);
	-webkit-transform: translateY(50px);		
	-o-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
}
 _:-ms-lang(x)::-ms-backdrop, .fadeup1,.fadeup2,.fadeup3,.fadeup4,.fadeup5,.fadeup6,.fadeup7{ /* IE11のみ適用 */
	opacity: 1;
	-ms-transform: translateY(0);
	transform: translateY(0);
}
_:-ms-lang(x)::-ms-backdrop, .ienone{  /* IE11のみ適用 */
	display: none;
}
.boldtitle {
	margin-top: 30px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1.5px;
  text-align: center;
}
@media(max-width: 767px){
.boldtitle span{
	display: block;
}
}
.introtext{
	font-size: 16px;
	margin-top: 35px;
}
.two-left{
	width: 90%;
	margin: 30px auto 0;
}
@media(min-width: 768px){
.introtext{
	width: 80%;
	margin: 50px auto 0;
	line-height: 1.8;
}
.two-left{
	width: 65%;
	margin: 40px auto 0;
}
}
.linkbtn{
	text-align: center;
}
.linkbtn a{
  position: relative;
  display: inline-block;
  background: url(images/right-arrow.png) center 27px/ 90% no-repeat #d1c67a;
  color: #fff;
  padding: 12px 33px 12px 10px;
  z-index: 0;
}
.linkbtn a:hover{
	color: #d1c67a;
	-webkit-transition: transform .2s;
	-moz-transition: transform .2s;
	-o-transition: transform .2s;
	transition: transform .2s;
}
.linkbtn a:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #fff;
  transform-origin: left top;
  -ms-transform-origin: left top;
  -webkit-transform-origin: left top;  
  transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-o-transition: transform .3s;
  transition: transform .3s;
}
.linkbtn a:hover:before {
  transform-origin: left top;
  -ms-transform-origin: left top;
  -webkit-transform-origin: left top;  
  transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
}
.linkbtn a:hover:after {
	content: "";
	display: block;
	width: 198px;
	height: 46px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/y-right-arrow.png) center 27px/ 90% no-repeat;
	-webkit-transition: transform .2s;
	-moz-transition: transform .2s;
	-o-transition: transform .2s;
	transition: transform .2s;
}
.secarea{
	padding: 90px 0;
}
.sectitle{
  position: absolute;
  top: -160px;
  left: 0;
  text-align: center;
  width: 45%;
  max-width: 190px;
  height: 140px;
  font-size: 23px;
  padding-top: 34px;
  background: url(images/titlebox.png) center center / contain no-repeat;
}
.sectitle-span{
	display: block;
}
.contena{
	width: 48%;
	background: #fff;
	padding: 10px 10px 30px;
}
.contena-mbs{
	margin-bottom: 5%;
}
.cont-title:before{
	content: "";
	display: block;
	width: 18%;
	height: 2px;
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background: #c8c7cc;
}
.cont-title{
	position: relative;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	margin: 20px 0 20px;
}
.cont-text{
	font-size: 13px;
}
@media(min-width: 768px){
.cont-text{
	font-size: 14px;
}
}
.inner-narrow{
	width: 80%;
	max-width: 900px;
	margin: 0 auto;
}
.sectitle-r{
	left: auto;
	right: 0;
}
.sectitle-rev{
background: url(images/rev-titlebox.png) center center / contain no-repeat;
}
.sec-access{
	top: -162px;
}
.leftbox{
	width: 270px;
	flex-shrink: 0;
	margin: 0 auto;
}
table, tbody, tr, th, td {
  display: block;
  text-align: center;
}
.table th{
	font-weight: normal;
	letter-spacing: 5px;
	margin-top: 35px;
}
.table td{
	letter-spacing: 1px;
	line-height: 25px;
	margin-top: 10px;
}
.icbox{
	width: 230px;
	padding-top: 20px;
}
.ic-img{
	width: 40px;
	vertical-align: top;
}
.ic-text{
	padding-left: 15px;
	color: #475385;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 3px;
  vertical-align: text-top;
}
.ic-main{
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-top: 30px;
}
.ic-line{
	width: 7px;
  height: 155px;
}
.m-btn{
	display: block;
  background: #475385;
  padding: 10px 0;
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
  position: relative;
  top: -5px;
}
.f-inner-narrow{
	width: 70%;
	margin: 0 auto;
	max-width: 850px;
}
.f-simplelogo {
  width: 35px;
  padding-right: 10px;
}
.f-title{
	color: #fff;
	font-weight: bold;
	font-size: 22px;
}
.f-text{
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	letter-spacing: 1px;
	line-height: 25px;
}
.f-rightbox{
	width: 390px;
	border: 1px solid #fff;
	padding: 10px 30px;
	margin-left: 15px;
}
.f-rightbox li a{
	color: #fff;
}
.f-icon{
	background: #3f4a79;
	margin-bottom: 15px;
}
.f-icbox{
	margin: 0 auto;
	padding: 10px 0;
}
.ic-ftext{
	color: #fff;
	padding-left: 10px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 3px;
  vertical-align: text-top;
}
.ic-ftext2{
  padding-left: 18px;
}
.f-icpobox{
	position: relative;
	left: -4px;
}
.f-ic-img {
  width: 30px;
  vertical-align: top;
}
.f-mbtn {
  display: block;
  background: #3f4a79; 
  padding: 10px 0;
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
  border: 1px solid #fff;
}
.fic-main{
	margin-top: 10px;
}
.copy-l{
	font-size: 11px;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	letter-spacing: 1px;
}
.type3{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ftfax a{
  color: #ffffff !important;
}
@supports (-ms-ime-align:auto) { /* Edgeのみ */
.edgeic-main{
  text-decoration: underline;
}
}