@charset "UTF-8"; 

html{
font-size:16px;
font-family: "Noto Sans JP", sans-serif;
line-height:2;
margin:0;
padding:0;
font-size:17px;
}
body{
margin:0;
padding:0;
}
select{
-moz-appearance: auto;
-webkit-appearance: auto;
}

ul{margin:0;padding:0}
div,h1,h2,h3,h4,p,li,span{box-sizing:border-box;}
table{table-layout:fixed;}
a{color:#000;text-decoration:none;}
a:visited{color:#000;text-decoration:none;}

h1,h2,h3,h4,h5{margin:0}

.inner750{width:94%;max-width:750px;margin:0 auto;}
.inner1000{width:96%;max-width:1000px;margin:0 auto;}
.inner1200{width:98%;max-width:1200px;margin:0 auto;}
.innerfull{width:100%;max-width:1920px;margin:0 auto;}

.font-red{color:#d00}

img {image-rendering: -webkit-optimize-contrast;}


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

  .inner1200{width:94%;margin:0 auto;}

}


div ,p ,section{box-sizing:border-box;}


a{color:#000;text-decoration:none;transition:0.3s}
@media screen and (min-width:780px){
a:hover{opacity:0.8!important}
}

.linktarget{display:block;margin-top:-100px;padding-top:100px;position:absolute;}

.zen-old-mincho-regular {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.zen-old-mincho-medium {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-style: normal;
}

.zen-old-mincho-semibold {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-style: normal;
}

.zen-old-mincho-bold {
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  font-style: normal;
}

/* animation */

.fadeIn {
  transform: translate3d(0, 50px, 0);
  transition: all 0.8s;
  opacity: 0;
}
.fadeIn.animated {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.fadetimeS{transition:all 0.5s}
.fadetimeL{transition:all 2s}

.delay1{transition-delay:0.2s}
.delay2{transition-delay:0.4s}
.delay3{transition-delay:0.6s}
.delay4{transition-delay:0.8s}
.delay5{transition-delay:1s}

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

  .delay1{transition-delay:0.1s}
  .delay2{transition-delay:0.2s}
  .delay3{transition-delay:0.3s}
  .delay4{transition-delay:0.4s}
  .delay5{transition-delay:0.5s}

}


header{
	width:100%;
	height:90px;
	position:fixed;
	display:flex;
	justify-content:flex-end;
	top:0;
	z-index:+50;
	background:#fff;
  background:#e6f0f7;
  box-shadow:0px 1px 1px rgba(0,0,0,0.2);
	}
	
header > a.header-logo{width:300px;display:flex;align-items:center;position:absolute;left:25px;top:22px;}
header > a.header-logo img{width:100%;}

header > ul{display:flex;margin-right:125px;margin-right:270px;height:100%;align-items:center;justify-content:space-between;width:661px;width:500px}
header > ul > li{list-style:none;}
header > ul > li > a{font-weight:bold;letter-spacing:1px;display:flex;align-items:center;width:100%;height:100%;text-underline-offset:10px;}
header > ul > li > a:hover{text-decoration:underline;text-underline-offset:5px;color:#0f2f8d;}
header > ul > li{font-weight:bold;letter-spacing:1px;position:relative;height:100%;display:flex;align-items:center;}
header > ul > li > ul{position:absolute;left:0;top:70px;border-radius:10px;overflow:hidden;color:#fff;transition:0.5s;height:0;transform:scaleY(0%);transform-origin:top center;}
header > ul > li > ul > li{transition:0.3s;overflow:hidden;background:rgba(9,26,77,0.8);color:#fff;}
header > ul > li:hover > ul > li:last-child {padding-bottom:15px}
header > ul > li:hover > ul > li{display:block;list-style:none;width:auto;white-space:nowrap;padding:5px 15px;height:auto;}
header > ul > li:hover > ul{position:absolute;width:auto;height:auto;transform:scaleY(100%);}
header > ul > li:hover > ul > li > a{transition:0.3s;font-weight:400;font-size:14px;color:#fff;}
header > ul > li:hover > ul > li > a:hover{border-bottom:1px solid #fff; color:#fff;opacity:1!important;}
header > ul > li:hover{cursor:pointer;}

.header-contact{height:60px;width:auto;border-radius:40px;background:#091a4d;display:flex;justify-content:center;align-items:center;position:absolute;right:40px;top:18px;color:#fff!important;padding-left:30px;padding-right:30px}
.header-contact img{margin-right:10px;}

@media screen and (max-width:1250px){
  .header-contact{right:15px;}
  header > ul{margin-right:270px;width:550px;width:390px}
  header > ul > li > a{font-size:14px;}
  header > ul > li  {font-size:14px}

}
@media screen and (max-width:999px){
  .header-contact{display:none;}
  header > ul{display:none;}
}

@media screen and (max-width:768px){
  header{height:50px;}
  header > a.header-logo{height:36px;top:7px;width:auto;}
  header > a.header-logo img{height:100%;width:auto;}
}


.kvarea{width:100%;height:1005px;position:relative}
.kvarea h1{margin:0;height:100%;width:100%;}
.kvarea > span{
	-ms-writing-mode: tb-rl;writing-mode: vertical-rl;text-orientation: sideways;
	width:310px;height:100%;border-radius:0 0 10px 0px;background:#091a4d;color:#fff;
	position:absolute;left:0;top:0;display:block;text-align:center;padding-right:235px;font-size:14px;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	}
.kvarea .swiper{margin-left:0}
.slider1{position:absolute;width:calc(100% - 110px);top:0;left:110px;border-radius:0 0 0 20px; z-index:+1}
.slider1 div.swiper-slide{overflow:hidden;height:898px}
.slider1 div.swiper-slide img{height:100%;}


.kvinfo{width:550px;height:230px;height:190px;height:auto;position:absolute;left:260px;bottom:170px;background:#fff;z-index:+3;border-radius:20px;padding:10px 25px 20px 25px;}
.kvinfo strong{font-family: "Oswald", sans-serif;font-weight:bold;font-size:22px;}
.kvinfo strong::before{content:"";margin-bottom:5px;margin-right:15px;display:inline-block;width:10px;height:10px;border-radius:10px;background:#2c91c4;background: linear-gradient(30deg, rgba(33,72,136,1) 0%, rgba(146,218,194,1) 76%, rgba(71,191,210,1) 100%);}
.kvinfo ul li{list-style:none;}
.kvinfo ul li span.date{margin-right:20px;}
.viewmore{transition:0.3s;margin-top:20px;font-size:14px;width:180px;height:35px;font-family: "Oswald", sans-serif;font-weight:bold;display:flex;justify-content:center;align-items:center;border:1px solid #333;border-radius:25px;}
.viewmore::after{content:"⇀";font-size:1.5em;margin-left:0.8em;font-weight:100}
.viewmore:hover{color:#0f2f8d;border-color:#0f2f8d;}

.slider1.pc{display:block;}
.slider1.sp{display:none;}

@media screen and (max-width:1199px){
  .kvarea{width:100%;height:65vw;position:relative;margin-top:50px}
  .slider1 div.swiper-slide{height:56vw;}
  .kvinfo{left:100px;height:230px;height:auto;bottom:40px;box-shadow:0px 0px 2px rgba(100,100,100,0.5)}
.viewmore{margin-top:10px}
}
@media screen and (max-width:999px){
  #rmp_menu_trigger-10{margin-top:15px}
  .slider1 div.swiper-slide{height:60vw;min-height:55vw}
  .kvinfo{left:50px;height:180px;height:auto;bottom:20px;}
  .kvinfo ul li{line-height:1.2;font-size:16px}
 
}


@media screen and (max-width:768px){
  .kvarea h1{overflow:hidden;}
  .kvarea > span{color:#091a4d;width:20vw;min-width:95px;padding-right:0;height:97vw;position:relative;}
  .slider1{width:calc(100% - 20px);left:20px;position:absolute!important;top:-15px}
  .slider1 div.swiper-slide{height:calc(100vw - 30px)!important;}
  .kvarea{height:auto;margin-top:50px}
  .kvinfo{position:relative;left:initial;bottom:initial;box-sizing:border-box;height:auto;margin-top:30px;width:100%;max-width:550px;box-shadow:0px 0px 0px #fff;}
  .kvinfo::after{content:"";width:100%;height:1px;display:block;}
  .frontpage-contents{margin-top:0px}
  .kvinfo ul li span.date{display:block;margin-top:15px;margin-bottom:5px;font-family: "Oswald", sans-serif;font-weight:500;}
  .kvinfo ul li{line-height:1.5;font-size:16px}
  .viewmore{margin-top:30px}
  #rmp_menu_trigger-10{margin-top:initial}

.slider1.sp{display:block;}
.slider1.pc{display:none;}
}



.frontpage-section{position:relative;}
.frontpage-section01{padding-top:50px;padding-bottom:70px}
.section-title{font-family: "Oswald", sans-serif;font-weight:bold;font-size:55px;color:#0f2f8d;line-height:1.8;}
.section-title span{display:block;font-family: "Noto Sans JP", sans-serif;font-size:18px;letter-spacing:2px;}

@media screen and (max-width:768px){
  .section-title{font-size:30px;line-height:1.3}

}

.fourbox{margin-top:50px;width:100%;border-radius:20px;overflow:hidden;display:flex;}
.fourbox > a {display:block;width:25%;height:450px;box-sizing:border-box;border-right:1px solid #fff;}
.fourbox > a > div{transition:0.3s;position:relative;background-size: auto 100%;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;}
.fourbox > a > div::before{content:"";display:block;width:100%;height:100%;background:#000;background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(9,9,9,0.17690826330532217) 47%, rgba(255,255,255,0) 100%);left:0;top:0;}
.fourbox > a:hover > div{background-size:auto 105%;}
.fourbox > a:last-child{border-right:0px solid #fff;}
.fourbox > a > div > p{position:absolute;left:17px;bottom:17px;color:#fff;font-size:20px;margin:0;text-shadow:2px 2px 2px rgba(0,0,0,0.5);}
.fourbox > a > div > p big{font-family: "Oswald", sans-serif;font-size:40px;font-weight:500;display:block;line-height:1;font-style:italic}

@media screen and (max-width:768px){
  .fourbox{flex-wrap:wrap;margin-top:20px}
  .fourbox > a{width:50%;height:275px}
  .fourbox > a > div > p big{font-size:18px}
  .fourbox > a > div > p{font-size:13px}
  .fourbox > a > div{background-size:auto 122%;}
  .fourbox > a:hover > div{background-size:auto 125%;}


}


.frontpage-section02{padding:65px;padding-bottom:55px;}
.bg-blue::before{content:"";display:block;position:absolute;background:#e6f0f7;width:calc(1200px + ((100% - 1200px) / 2));height:100%;left:0;top:0;border-radius:0 20px 20px 0; }

@media screen and (max-width:1199px){
.bg-blue::before{width:100%;}
}


.frontpage-section02 .inner1200 p{width:calc(100% - 100px);letter-spacing:0.05em;margin-top:35px;margin-bottom:45px;font-size:17px}

.box-2xn{width:90%;margin-left:120px;margin-left:initial;display:flex;flex-wrap:wrap;justify-content:space-between;}
.box-2xn > a{width:49%;display:block;font-size:16px}
.box-2xn > a > div{width:100%;height:300px;border-radius:10px;overflow:hidden;transition:0.3s;position:relative;}
.box-2xn > a > div img{height:100%;width:auto; top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);position:absolute;transition:0.3s}
.box-2xn > a:hover > div img{height:105%;}
.box-2xn > a > span{width:100%;font-weight:bold;height:75px;display:flex;position:relative;align-items:center;padding-left:20px;justify-content:center;margin-bottom:30px;}
.box-2xn > a > span::after{content:"⇀";font-size:1.5em;margin-left:0.8em;transition:0.3s;}
.box-2xn > a:hover > span::after{}
.box-2xn > a:hover{color:#0f2f8d}

@media screen and (max-width:1199px){
  .frontpage-section02 .inner1200 p{width:100%;}
  .box-2xn{width:100%;margin-left:30px}
  
}


@media screen and (max-width:768px){
  .box-2xn{margin-left:initial;margin:0 auto;min-width:350px;max-width:400px;}
  .frontpage-section02{padding:50px 10px;padding-bottom:20px}
  .frontpage-section02 .inner1200 p{width:100%}
  .box-2xn > a{width:100%;width:49%;}
  .bg-blue::before{width:100%;border-radius:0;}
  .box-2xn > a > div{height:50vw;height:30vw;}
  .box-2xn > a > div img{width:120%;height:auto;}
  .box-2xn > a:hover > div img{width:125%;height:auto;}
  .box-2xn > a > span{height:60px;align-items:flex-start;padding-top:5px;line-height:1.2;font-size:14px}
  .box-2xn > a > span::after{margin-top:-5px;margin-left:0.3em;}

}

.foot-contact{
margin:0 auto;margin-top:100px;margin-bottom:70px;
width:92%;max-width:1750px;
height:265px;
border-radius:45px;
background-image:url("../img/footbg.jpg");
background-size:auto 100%;

}
.foot-contact .inner1200{height:100%;display:flex;align-items:center;}
.foot-contact .inner1200 div{color:#fff;width:33.33%;padding-left:30px}
.foot-contact .inner1200 a{color:#fff;}
.foot-contact .inner1200 a:visited{color:#fff;}
.foot-h3{font-family: "Oswald", sans-serif;font-size:55px;font-weight:500;line-height:1.5}
.foot-h3 span{display:block;font-family: "Noto Sans JP", sans-serif;font-size:20px;}
.foot-contact-tel{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;line-height:1.5}
.foot-contact-tel span{font-size:20px;display:block;width:100%;text-align:center;font-weight:bold;}
.foot-contact-tel a{width:100%;display:block;text-align:center;font-size:52px;font-family: "Oswald", sans-serif;font-weight:500;}
.foot-contact-tel small{width:100%;display:block;text-align:center;}
.foot-contact-form{text-align:center;}
.foot-contact-form span{display:block;width:100%;text-align:center;font-size:20px;margin-bottom:10px;font-weight:bold;}
.foot-contact-form a{display:inline-block;padding:10px;max-width:100%;border-radius:50px;border:1px solid #fff;box-sizing:border-box;text-align:center;padding:4px 70px 7px 70px;
font-size:23px;font-weight:bold;}
.foot-contact-form a::after{content:"⇀";width:2em;margin-left:0.5em;}
.footer-wrapper .inner1200{display:block;overflow:hidden;}
.footer-logoarea{width:310px;font-size:14px;float:left;}
.footer-logoarea img{width:100%;}
.footer-linkarea{float:right;display:flex;font-size:14px;}
.footer-linkarea li{list-style:none;}
.footer-linkarea > ul{margin-left:70px}
.footer-linkarea > ul:first-child{margin-left:10px}
.footer-linkarea > ul > li{font-weight:bold;}
.footer-linkarea > ul > li > ul > li{font-weight:400}
.footer-linkarea > ul:nth-child(2) > li > a,.footer-linkarea > ul:nth-child(3) > li > a{pointer-events:none;}

.copyright{max-width:1200px;width:100%;text-align:right;margin:20px auto;font-family: "Oswald", sans-serif;font-size:14px;font-weight:300} 

@media screen and (max-width:1199px){
  .footer-logoarea{width:20%;}
  .footer-linkarea{width:75%;}
  .foot-h3{font-size:30px;}
  .foot-h3 span{font-size:20px;}
  .foot-contact-tel span{font-size:20px}
  .foot-contact-tel a{font-size:40px}
  .foot-contact-form span{font-size:20px}
  .foot-contact-form a{font-size:20px;padding:4px 30px 7px 30px}

  .foot-contact .inner1200 div:nth-child(1){width:20%;padding-left:20px;}
  .foot-contact .inner1200 .foot-contact-tel{width:40%;}
  .foot-contact .inner1200 .foot-contact-form{width:40%;}

}


@media screen and (max-width:768px){
  .foot-contact{margin-top:50px;width:100%;height:auto;border-radius:0;padding:50px 0;margin-bottom:40px}
  .foot-contact .inner1200{flex-wrap:wrap}
  .foot-contact .inner1200 div{width:100%;}
  .foot-h3{text-align:center;font-size:30px;margin-bottom:20px}
  .foot-h3 span{font-size:18px;}
  .foot-contact-tel{margin-bottom:20px;}
  .foot-contact-tel span{font-size:18px}
  .foot-contact-tel a{font-size:35px}
  .foot-contact-form span{font-size:18px}
  .foot-contact-form a{font-size:18px;}

  .footer-linkarea{display:none;}
  .foot-contact .inner1200 div:nth-child(1){width:100%;padding-left:initial;}
  .foot-contact .inner1200 .foot-contact-tel{width:100%;}
  .foot-contact .inner1200 .foot-contact-form{width:100%;}

  .footer-logoarea{width:100%;max-width:300px;margin:0 auto;float:none}
  .copyright{text-align:center;}
  .footer-logoarea img{width:100%;}
  .footer-logoarea > a{display:block;margin:0 auto;width:240px}
}