@charset "utf-8";
html * {
  margin: 0;
  padding: 0;
}
html.fix {
  overflow: hidden;
}
html.fix body {
  overflow-y: scroll;
  overflow-x: hidden;
}
#hiddenCts {
  visibility: hidden;
  pointer-events: none;
  width: 100%;
}
body {
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ StdN", "游ゴシック体", YuGothic,
    "游ゴシック", "Yu Gothic", "Hiragino Sans", "Meiryo", "メイリオ", sans-serif;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	font-size: 10px;
	/* min-width: 1400px; */
	background:#000;
	overflow-x:hidden;
}
html, body{
	overflow-x:hidden;
}
body p {
  font-size: 1.6em;
}
main {
  position: relative;
  overflow: hidden;
}
li {
  list-style: none;
}
main .anm {
  opacity: 0;
}
main .anm.filterin {
  opacity: 1;
}
main .anm.mask,
main .anm_mask{
  -webkit-mask-image: linear-gradient(to left, transparent 50%, black 55%);
  mask-image: linear-gradient(to left, transparent 50%, black 55%);
  -webkit-mask-position-x: 100%;
  -webkit-mask-size: 220%;
  transition:0s;
}
main .anm.mask.end,
main .anm_mask.end{
  transition: -webkit-mask-position-x 0.9s cubic-bezier(0.35, 0.13, 0.07, 1);
  transition-delay: 0.1s;
  -webkit-mask-position-x: 0%;
}
main .anm_mask.s2.end{
  transition: -webkit-mask-position-x 1.1s cubic-bezier(0.35, 0.13, 0.07, 1);
  transition-delay: 0.1s;
}
main .anm.mask2{
  -webkit-mask-image: linear-gradient(to left, transparent 50%, black 58%);
  mask-image: linear-gradient(-60deg, transparent 50%, black 58%);
  -webkit-mask-position-x: 93%;
  -webkit-mask-size: 220%;
  transition:0s;
  opacity: 0;
}
main .anm.mask2.end{
  transition: opacity 1.3s, -webkit-mask-position-x 0.7s cubic-bezier(0.35, 0.13, 0.26, 1.01);
  transition-delay: 0.1s;
  -webkit-mask-position-x: 0%;
  opacity: 1;
}
body a {
  text-decoration: none;
  transition: opacity 0.24s;
  color: #fff;
  display: block;
}
body a:hover {
  opacity: 0.7 !important;
}
main i,
main em {
  font-style: normal;
}
main img {
  height: auto;
}
main section {
  position: relative;
  /* background: #fff; */
  overflow: hidden;
}
body .cts_inner{
  width: 90%;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}

article{
	margin: 0 auto;
	font-feature-settings: "palt";
	background: #fff;
}
.load_cover{
	position:fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	background: #000;
	pointer-events: none;
}
main h2,
#pageTop h1{font-size: 6.4em;text-align: center;letter-spacing: 0.07em;font-weight: 800;line-height: 1.2;white-space: nowrap;position: relative;padding: 1.45em 1em;}
main h2:after,
#pageTop h1:after{
	content:"";
	position: absolute;
	left: 50%;
	width: 0.77em;
	height: 0.08em;
	background: #fff;
	margin: 0.53em 0 0 -0.4em;
}
main h2.h2anm:after,
main h1.h2anm:after{
	transform:scaleX(0);
	opacity:0;
}
main h2.h2anm.end:after,
main h1.h2anm.end:after{
	transform:scaleX(1);
	opacity:1;
	transition: 0.8s cubic-bezier(0.34, 0.12, 0.08, 0.92);
	transition-delay: 0.2s;
}
main h2 span,
#pageTop h1 span{font-family: "din-2014", sans-serif;display: block;font-weight: 600;letter-spacing: 0.18em;}
main h2 small,
#pageTop h1 small{
    font-size: 0.28em;
    display: block;
    margin-top: 0.6em;
    font-weight: 500;
    letter-spacing: 0.33em;
}
/*============================
header
============================*/
header {position: absolute;/* background: #fff; */height: 6.4em;z-index: 11;width: 100%;transition: background .24s}
header:hover{
	background:#fff;
	color:#000;
}
header:hover a{
	color:#000;
}
header .cts_inner{width: 97.5%;display: flex;align-items: end;height: auto;/* opacity: 0; */max-width: 100%;}
header .cts_inner a{
    width: 100%;
    display: contents;
}
header .logo_asp {position: relative;}
header .logo_asp img {width: 12em;margin: 1.1em 0 0;}
header .logo_asp img.ov{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
	transition:opacity .24s;
}
header:hover .logo_asp img.ov{
	opacity: 1;
}
header .textArea {font-size: 1.05em;line-height: 1.25;margin: 0 0 0.3em 1em;font-feature-settings: "palt";letter-spacing: 0.03em;white-space: nowrap;transition: color .24s;}
header nav{
    position: absolute;
    right: 0;
    top: 0;
    margin: 0.8em 1.9em 0;
}
header nav ul{
    display: flex;
}
header nav li{
	position:relative;
}
header nav li a{
	transition: color .2s;
}
header nav li.request a{
	background: #003c8a;
	color: #fff !important;
	border-radius: 0.4em;
	padding: 0.8em 1.18em;
	margin-top: 0.2em;
	transition:opacity .24s;
}
header nav li.request:hover a{
	opacity:.8 !important;
}
header nav li.request:hover:after{
	display:none;
}
header nav li.current a,
header nav li:hover a{
    color: #e60000;
}
header nav li.current:after,
header nav li:hover:after{opacity:1;width: 84%;margin-left: 8%;transform: scaleX(100%);}
header nav li:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0.4em;
    bottom: -1em;
    margin-left: 0;
    background: #e60000;
    transform: scaleX(0%);
    opacity:0;
    transition: transform 0.4s cubic-bezier(0.34, 0.05, 0.14, 0.97);
}
header nav a{
    padding: 1em 1.18em;
    font-size: 1.35em;
    letter-spacing: 0.15em;
}
header nav a:hover{
	opacity:1 !important;
}
.fixbg {
	position: fixed;
	top: 0;
	left: 0;
	background: url(../img/bg_common.jpg)  top;
	background-size: auto 100vh !important;
	width: 100%;
	height: 100%;
}
@media (min-aspect-ratio: 16/9) {
  .fixbg {
    background-size: cover !important;
  }
}
@media screen and (max-width: 1390px) {
  .fixbg {
    background-position-x: -10em !important;
  }
}
#pageHome .fixbg {
	background: url(../img/bg_top_products.jpg)  top;
}
#pageHome .fixbg2 {
	background: url(../img/bg_top_feature.jpg)  top;
}
/*============================
#top_mv
============================*/
#top_mv {height: 73.2em;height: 50.8vw;min-height: 73.2em;max-height: calc(100vh - 5em);background: #000000;}
#top_mv .bg {background: url(/img/bg_mv01.jpg);background-repeat: no-repeat !important;!i;!;background-position: center !important;!i;!;background-size: cover !important;!i;!;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
@media (min-aspect-ratio: 16/9) {
  #top_mv .bg {
	  background-size: 100vw auto !important;
	 }
}
#top_mv .bg#cov1{opacity:0;}
#top_mv .cts_inner{display: flex;align-items: center;}
#top_mv .textArea {margin: -5em 0 0 3.9em;}
#top_mv .textArea p.circle {display: inline-block;background: #fff;color: #002078;font-weight: 700;text-align: center;font-size: 2.1em;border-radius: 50%;width: 4.6em;height: 4.6em;line-height: 1.22;margin-bottom: 0.3em;}
#top_mv .textArea p.circle span {color: #e50000;margin-top: 0.8em;display: inline-block;font-size: 1.07em;}
#top_mv .textArea h1 {font-size: 4.9em;letter-spacing: 0.07em;line-height: 1.25;text-shadow: rgb(0 0 0 / 60%) 0 0 0.5em;}
#top_mv .textArea h1 small {font-size: 0.38em;display: block;margin-top: 0.5em;letter-spacing: 0.07em;text-shadow: #000 0 0 0.8em;}
#top_mv .textArea nav.bullet {display: flex;margin-top: 0.9em;}
#top_mv .textArea nav.bullet .current {}
#top_mv .textArea nav.bullet span {width: 1em;height: 1em;padding: 1em 0.75em;position: relative;cursor: pointer;}
#top_mv .textArea nav.bullet span:after{
	content:"";
	position: absolute;
	left: 50%;
	top: 50%;
	background: #fff;
	transition: background 0.4s;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: -.5em 0 0 -.5em;
}
#top_mv .textArea nav.bullet span.current:after{
	background:#f28d00;
}
#top_mv .video{
	position:absolute;
	right: 2.1em;
	bottom: 12.1em;
	width: 23em;
	background:#000;
}
#top_mv .video img{
	vertical-align:bottom;
}
#top_mv .video:after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 0.9em solid transparent;
	border-bottom: 0.9em solid transparent;
	border-left: 1.5em solid #ffffff;
	border-right: 0;
	right: 1.3em;
	bottom: 2em;
	position: absolute;
	transition: transform .3s ease
}
#top_mv .video:hover:after{
	transform:scale(1.25)
}
#top_mv .video img{
	width:100%;
}
#top_mv p.info {position: absolute;right: 0;bottom: 4.1em;font-size: 1.2em;letter-spacing: 0.1em;background: rgb(0 0 0 / 60%);display: block;}
#top_mv p.info span {
    display: inline-block;
    padding: 1em 1.5em 1.2em;
    padding-right: 3em;
    display: none;
}
#top_mv p.info span.current {
    display: block;
}
#top_mv p.info:after{
	content:"";
	position: absolute;
	width: 0.95em;
	height: 0.8em;
	background: url(../img/arrow_link.svg) no-repeat;
	background-size: contain;
	right: 1.3em;
	top: 50%;
	margin-top: -0.4em;
}
#top_mv .news {display: flex;position: absolute;left: 0;bottom: 0;font-size: 1.2em;letter-spacing: 0.1em;width: 100%;/* background: #fff; */transition: .24s;/* cursor: pointer; */padding-left: 2.2em;align-items: center;}
#top_mv .news .news_scroll{
    overflow: hidden;
    margin-left: 3em;
    display: flex;
}
#top_mv .news .newslist{
    display: flex;
    width: max-content;
}
#top_mv .news .news_scroll.move ul:nth-child(1){
animation: badge 20s linear infinite;
}
@keyframes badge {
   0%{
      margin-left:0
   }
   100%{
      margin-left:calc(-100% - 8em);
   }
}
#top_mv .news .newslist li{
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-right: 3em;
}
#top_mv .news .newslist .new{
    display: inline-block;
    letter-spacing: 0.12em;
    background: #d32d26;
    color: #fff;
    font-size: 0.9em;
    padding: 0.17em 1em;
}
#top_mv .news a{
    display: block;
    transition: color .32s;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    cursor: default;
}
#top_mv .news a.cover{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
#top_mv .news a[href]{cursor:pointer}
#top_mv .news a[href]:hover{
	text-decoration:underline;
}
#top_mv .news:hover a{
	opacity:1 !important;
	color:#000;
}
#top_mv .news:hover{
	background:#fff;
	color:#000;
}
#top_mv .news h4 {
    font-family: "din-2014", sans-serif;
    font-weight: 400;
    font-size: 1.5em;
    letter-spacing: 0.12em;
}
#top_mv .news p {font-size: 1em;margin-left: 1.6em;padding: 1.35em 0;}
#top_mv .news p .date {margin-right: 1.2em;}

/*============================
#about
============================*/
#about {background: url(../img/bg_top_about.jpg) no-repeat center 80%;background-size: cover;}
#about .cts_inner{/* padding: 14.3em 0 27.1em; */display: flex;justify-content: center;align-items: center;height: 50.8vw;min-height: 61.5em;max-height: calc(100vh - 5em);}
#about .textArea {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -8.9vw;
}
#about .textArea h3 {font-size: 4.5em;width: 12.4em;text-align: left;display: inline-block;line-height: 1.2;letter-spacing: 0.08em;}
#about .textArea h3 small {display: block;font-size: 0.414em;letter-spacing: 0.08em;margin-top: 0.8em;display: block;}
#about .textArea ul {display: flex;width: 64em;justify-content: space-between;}
#about .textArea ul li {border: #fff 1px solid;width: 20em;height: 20em;border-radius: 50%;display: flex;text-align: center;align-items: center;justify-content: center;flex-wrap: wrap;}
#about .textArea ul li span {display: inline-block;font-size: 3em;font-weight: 600;letter-spacing: 0.09em;margin-bottom: 0.5em;}
#about .textArea ul li img.txt01 {width: 12.3em;margin: -1.1em 0 0.4em -0.4em;}
#about .textArea ul li img.txt02 {width: 16.3em;margin: 1.6em 0 0.5em 0em;}
#about .textArea ul li small {display: block;font-size: 1.5em;font-weight: 600;line-height: 1.3;letter-spacing: 0.02em;}

/*============================
#feature
============================*/
#feature {overflow: hidden;}
#feature .cts_inner{
    max-width: 1200px;
    padding-bottom: 11.2em;
}
#feature .featureBox{
    display: flex;
    margin: 2.6em 0 5em;
}
#feature .featureBox:nth-child(2n-1){
    flex-flow: row-reverse;
}
#feature .textArea {background: rgb(0 60 138 / 90%);width: 55%;display: flex;align-items: center;padding: 2.8em 1em 2.3em 6em;box-sizing: border-box;position: relative;overflow: hidden;}
#feature .featureBox:nth-of-type(4) .textArea {padding: 4.8em 1em 4.3em 6em;}
#feature .textArea .num {position: absolute;right: -0.05em;bottom: -0.14em;line-height: 1;font-family: "din-2014", sans-serif;font-size: 20.9em;color: #000;opacity: 0.3;font-weight: 600;}
#feature .textArea .center {
}
#feature .textArea .center h3 {font-size: 3.3em;letter-spacing: 0.15em;margin-bottom: 0.7em;margin-top: -0.1em;}
#feature .textArea .center p {padding-left: 4em;font-size: 1.5em;letter-spacing: 0.13em;font-feature-settings: "palt";margin-bottom: 0.9em;position: relative;}
#feature .textArea .center p:before{content:"";width: 3.3em;height: 1px;background: #fff;position: absolute;left: 0;top: 50%;}
#feature .visualArea {width: 45%;background: #fff;min-height: 30em;}
#feature .visualArea .visual01 {margin: 3.7em 0 1.7em 7.3em;width: 36em;height: auto;}
#feature .visualArea small {color: #000;display: block;margin: 1em 0 0 3.5em;font-size: 1.13em;letter-spacing: 0.06em;}
#feature .visualArea .visual02 {margin: 5em 0 1.2em 9.9em;width: 35.8em;height: auto;}
#feature .visualArea img {vertical-align: bottom;width: 100%;height: 100%;object-fit: cover;object-position: top;}
#feature .visualArea .visual04 {margin: 3.9em 0 1.4em 7.9em;width: 39.5em;height: auto;}

/*============================
#products
============================*/
#products {
}
#products .cts_inner{width: 90%;max-width: 1200px;}
#products h2 {padding: 1.35em 1em;}
#products h2 span {
}
#products h2 small {
}
#products ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 1.5em 2em 6.6em 4.9em;}
#products ul li {text-align: center;width: 46.2%;margin-bottom: 11.7em;}
#products ul li a{transition:filter .3s;}
#products ul li a:hover {opacity: 1 !important;!i;!;filter: brightness(1.2);}
#products ul li a h3 {font-size: 2.8em;font-weight: 600;letter-spacing: 0.1em;}
#products ul li a p {margin-top: 0.6em;font-weight: 500;font-size: 1.66em;letter-spacing: 0.12em;font-feature-settings: "palt";}
#products ul li a .prod01 {margin: 3.2em 0 2.6em 0em;width: 22.4em;}
#products ul li a small {display: block;margin-top: 0.6em;font-weight: 500;font-size: 1.46em;letter-spacing: 0.12em;font-feature-settings: "palt";}

#products ul li a small span {width: 3.3em;height: 1px;background: #fff;left: 0;display: inline-block;vertical-align: bottom;position: relative;margin: 0 -1.2em 0.6em 0.8em;transition: 0.4s cubic-bezier(0.15, 0.5, 0.12, 0.97);}
#products ul li a:hover small span{
    width: 4.3em;
    margin: 0 -2.2em 0.6em 0.8em;
}
#products ul li a small span:after{content:"";width: 0.5em;height: 1px;background: #fff;position: absolute;right: 0;top: 50%;transform: rotate(45deg);transform-origin: 100% 0;}
#products ul li a .prod02 {margin: 4.3em 0 2.4em 3em;width: 14.8em;}
#products ul li a .prod03 {margin: 3.2em 0 2.2em 0em;width: 41.2em;}
#products ul li a .prod04 {margin: 3.2em 0 1.8em -0.7em;width: 53.5em;}
#products ul li a .prod05 {margin: 3.3em 0 3.2em 0em;width: 48.9em;}
#products ul li a .prod06 {margin: 3.5em 0 2.9em 0em;width: 42.2em;}

/*============================
#inquily
============================*/
#inquily {background: url(../img/bg_inquily.jpg) no-repeat bottom;background-size: cover;text-align: center;}
#inquily .cts_inner{padding-bottom: 10.7em;}
#inquily h2 {padding-bottom: 1.3em;}
#inquily h2 span {
}
#inquily h2 small {
}
#inquily .inquily {font-size: 1.5em;border: #fff 2px solid;display: inline-block;padding: 1.1em 2em;border-radius: 4em;letter-spacing: 0.04em;transition: .24s;}
#inquily .inquily:hover{
    background: #003c8a;
    border-color: #003c8a;
    opacity: 1 !important;!i;!;
}
/*============================
#pageTop
============================*/
#pageAboutus{
    background-size: contain;
}
#pageTop .cts_inner{
}
#pageTop h1 {padding: 2.15em 0 1.67em;}
#pageTop h1 span {
}
#pageTop h1 small {
}

/*============================
#pageProducts
============================*/
#pageProducts {background: #000;}
#pageProducts h3 {background: #000;text-align: center;padding: 1.9em 0 1.2em;font-size: 3em;line-height: 1.18;}
#pageProducts h3 span {font-family: "din-2014", sans-serif;display: block;font-weight: 600;letter-spacing: 0.18em;font-size: 1.35em;}
#pageProducts h3 small {font-size: 0.6em;letter-spacing: 0.1em;display: inline-block;}
#pageProducts ul {display: flex;flex-wrap: wrap;}
#pageProducts ul li {margin-bottom: 1em;position: relative;overflow: hidden;}
#pageProducts ul li img{
	vertical-align:bottom;
	width: 100%;
}
#pageProducts ul li h4 {position: absolute;right: 0;bottom: 0;font-size: 1.2em;letter-spacing: 0.1em;background: rgb(0 0 0 / 50%);display: block;padding: 1em 1.5em 1.2em;font-weight: 400;white-space: nowrap;}
#pageProducts ul li.w0{width:100%;}
#pageProducts ul li.w2 {width: calc(50% - 0.5em);}
#pageProducts ul li.w2 + .w2,
#pageProducts ul li.w1 + .w3,
#pageProducts ul li.w3 + .w1{margin-left:1em;}
#pageProducts ul li.w2 img {width: 100%;}
#pageProducts ul li.w2 h4 {
}
#pageProducts ul li.w1 {width: calc(33.9% - 0.5em);}
#pageProducts ul li.w1 img {
}
#pageProducts ul li.w1 h4 {
}
#pageProducts ul li.w3 {width: calc(66.1% - 0.5em);}
#pageProducts ul li.w3 img {
}
#pageProducts ul li.w3 h4 {
}

/*============================
#Aboutus
============================*/
#Aboutus {padding-bottom: 12em;}
#Aboutus .cts_inner{max-width: 1040px;}
#Aboutus .whiteBox {background: #fff;color: #000;padding: 6.6em 10em 2.9em;}
#Aboutus .whiteBox + .whiteBox{margin-top: 8em;}
#Aboutus .whiteBox h3 {width: 100%;text-align: center;letter-spacing: 0.34em;font-size: 2.77em;margin-bottom: 2.45em;margin-left: 0.15em;}
#Aboutus .whiteBox p {line-height: 2;letter-spacing: 0.06em;text-align: justify;}
#Aboutus .whiteBox p + p{margin-top: 2em;}
#Aboutus .whiteBox p.right{
    text-align: right;
    margin-top: 3.8em;
    letter-spacing: 0.1em;
    font-size: 1.45em;
}
#Aboutus .whiteBox p.right span {font-size: 1.6em;letter-spacing: 0.14em;font-weight: 500;display: inline-block;vertical-align: middle;margin: 0 -0.1em 0.2em 0.5em;}
#Aboutus .whiteBox dl {display: inline-flex;font-size: 1.65em;letter-spacing: 0.02em;flex-wrap: wrap;margin: 0em 0 2.6em;line-height: 1.92;}
#Aboutus .whiteBox dl dt {width: 12.8em;}
#Aboutus .whiteBox dl dd {width: 38em;margin-bottom: 1.9em;font-feature-settings: "palt";letter-spacing: .08em;}
#Aboutus .whiteBox dl dd a {color:#000;display: inline-block;text-decoration: underline;text-underline-offset: 0.4em;transition: color .24s;}
#Aboutus .whiteBox dl dd a:hover{
	color:#e60000;
}
/*============================
#Inquily
============================*/
#Inquily {
}
#Inquily .exp p{
    text-align: center;
    font-size: 1.62em;
}
#Inquily .exp p span{
    text-align: left;
    display: inline-block;
    margin: 1.2em 0 3.2em;
    opacity: 0.7;
    line-height: 1.6;
    min-width: 24em;
}
#Inquily .cts_inner{max-width: 1040px;padding-bottom: 11.2em;}
#Inquily .whiteBox {background: #fff;color: #000;padding: 7.6em 10em 11.1em;}
#Inquily .whiteBox h4 {font-size: 1.62em;text-align: center;font-weight: normal;letter-spacing: 0.02em;font-weight: 500;}
#Inquily .whiteBox form {
}
#Inquily .whiteBox form dl {
    display: inline-flex;
    font-size: 1.65em;
    letter-spacing: 0.02em;
    flex-wrap: wrap;
    margin: 2.9em 0 1.6em;
    line-height: 1.92;
}
#Inquily .whiteBox form dl dt {width: 12.8em;margin-top: 0.8em;letter-spacing: 0.06em;font-feature-settings: "palt";}
#Inquily .whiteBox form dl dd {width: 37.5em;margin-bottom: 1.42em;letter-spacing: .08em;}
#Inquily .whiteBox form p#email-error{
	font-size: 1em;
	display: block;
	margin: -1em 0 1em;
	margin-left: 12.8em;
	width: 38em;
}
#Inquily .whiteBox form dl dd input,
#Inquily .whiteBox form dl dd textarea{
    border: none;
    background: #f7f7f7;
    font-size: 1em;
    padding: 0.96em 0.8em;
    width: 97.4%;
    line-height: 1.75;
}
#Inquily .whiteBox form dl dd textarea{}
#Inquily .whiteBox .division {text-align: center;}
#Inquily .whiteBox .division .btn {color: #fff;font-size: 1.5em;display: inline-block;padding: 1.1em 2em;border-radius: 4em;letter-spacing: 0.04em;transition: .24s;background: #003c8a;border: #003c8a 2px solid;opacity: 1 !important;min-width: 18.5em;box-sizing: border-box;margin: 0 0.6em;font-weight: 500;cursor: pointer;}
#Inquily .whiteBox .division .btn.void{
	pointer-events:none;
	opacity: 0.4 !important;!i;!;
	filter: grayscale(1);
}
#Inquily .whiteBox .division .btn.success:hover,
#Inquily .whiteBox .division .btn.totop:hover {
	background:#fff;
	color:#003c8a;
}
#Inquily .whiteBox .division .btn.return {background: #fff;color: #003c8a;}
#Inquily .whiteBox .division .btn.totop {
}
#Inquily .whiteBox .confirm h4 {
}
#Inquily .whiteBox .confirm dl {border-bottom: #ccc 1px solid;margin: 4.1em 0 3.7em;padding-bottom: 1em;}
#Inquily .whiteBox .confirm dl dt {border-top: #ccc 1px solid;padding-top: 1.6em;}
#Inquily .whiteBox .confirm dl dd {width: 38.1em;margin-top: 0.8em;letter-spacing: 0.06em;border-top: #ccc 1px solid;padding-top: 1.6em;margin-bottom: 0.7em;}
	#Inquily .whiteBox .confirm .division button#confirm2.btn.success {
}
#Inquily .whiteBox .sended h3 {text-align: center;font-size: 2em;padding: 2em 0 3.3em;font-weight: 500;}


/*============================
#News
============================*/
#News {
}
#News .whiteBox{background: #fff;color: #000;width: 90%;margin: 0 auto;max-width: 104em;padding: 7.6em 10.1em 10.2em;box-sizing: border-box;margin-bottom: 12em;}
#News .whiteBox.news_hon{
    color: #000;
    font-size: 18px;
    padding: 5.6em 5.8em 6.2em;
}
#News .whiteBox.news_hon p{
	font-size:1em;
}
#News .whiteBox.news_hon ul{
    margin: 1.5em 0 1.4em 3em;
    line-height: 1.8;
}
#News .whiteBox.news_hon li{
    list-style: initial;
}
#News .whiteBox.news_hon a{
    text-decoration: underline;
    color: #003c8a;
}
#News ul.newslist {
}
#News ul.newslist li {border-bottom: #b3b3b3 1px solid;position: relative;}
#News ul.newslist li .new{
    position: absolute;
    left: 0;
    top: 0;
    letter-spacing: 0.12em;
    background: #d32d26;
    color: #fff;
    font-size: 1.1em;
    margin: 2.7em 0 0 0em;
    padding: 0.17em 1em;
}
#News ul.newslist li p {
}
#News ul.newslist li p a {color: #000;padding: 1.6em 4.4em;line-height: 1.67;letter-spacing: 0.1em;}
#News ul.newslist li p a:hover{opacity: 1 !important;}
#News ul.newslist li p a:after{content:"";position: absolute;top: 50%;right: 0;width: 3.3em;height: 1em;margin-top: -.5em;background: url(/img/arrow_news_link.svg) no-repeat center;background-size: contain;display: none;}
#News ul.newslist li p a[href]:after{display:block;}
#News ul.newslist li p a[href]:hover{opacity: .5 !important;}
#News ul.newslist li p a span.date {font-size: 0.85em;letter-spacing: 0.14em;margin-right: 1.5em;display: inline-block;vertical-align: top;margin-top: 0.18em;opacity: 0.7;}
#News ul.newslist li p a span{
    display: inline-block;
    max-width: 37.6em;
}
#News .news_hon h1,#News .news_hon h2 {text-align: left;font-weight: 500;font-size: 1.3em;padding: 0 0 1em;}
#News .news_hon h1:after{display:none;}
#News .news_hon h2{
    padding-bottom: 1em;
}
#News .whiteBox.news_hon p.date {margin-bottom: 4em;opacity: 0.6;font-size: 0.9em;letter-spacing: 0.03em;}
#News nav.page {
}
#News nav.page a.prev.void {
}
#News nav.page a.prev.void span {
}
#News nav.page a.archive {color: #000;text-align: center;margin-top: 5em;font-size: 1.1em;color: #003c8a;text-decoration: none;}
#News nav.page a.prev,
#News nav.page a.next{
}
#News nav.page a.next{
}
#News nav.page a.next.void {
}
#News nav.page a.next.void span {
}


/*============================
footer
============================*/
footer {background: #003c8a;z-index: 1;position: relative;}
footer .cts_inner{padding: 4em 0 4.6em;width: 91.8%;}
footer .logolink {font-size: 2.3em;font-weight: 400;display: inline-block;}
footer .logolink img {display: block;margin: 0.2px 0 0.4em -0.2em;width: 7.5em;}
footer .logolink small {font-size: 0.53em;line-height: 1.4;display: block;}
footer .logolink small span{
    font-size: 1em;
    letter-spacing: 0.09em;
    font-family: "din-2014", sans-serif;
}
footer h4 {width: 16.4em;margin: 4.3em 0 1.9em;}
footer h4 img {width: 100%;}
footer p {font-size: 1.25em;line-height: 1.4;letter-spacing: 0.03em;font-feature-settings: "palt";}
footer p + p{
    margin-top: 0.9em;
}
footer p a{
	text-decoration:underline;
	display:inline-block;
}
footer p a:hover{
	text-decoration:none;
}
footer .copyright {font-size: 1.04em;padding-bottom: 1.9em;margin-top: 3.5em;letter-spacing: 0.13em;font-weight: 300;position: absolute;right: 0;bottom: 2.5em;font-family: "din-2014", sans-serif;}
footer nav{
    position: absolute;
    right: 0;
    top: 0;
    margin: 4.7em -5.8em 0;
}
footer nav ul{
    display: flex;
    flex-flow: column;
    max-height: 17em;
    width: 46.7em;
    flex-wrap: wrap;
}
footer nav li{}
footer nav a{
    padding: 0.7em 1.78em;
    font-size: 1.45em;
    letter-spacing: 0.15em;
    position: relative;
}
footer nav a:before{content:"";width: 1em;height: 1px;background: #fff;position: absolute;left: 0;top: 50%;}

@media screen and (max-width: 1300px) {
  body{
	  font-size: 0.765vw;
	 }
}