@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;300;400;500;700&family=Noto+Sans:wght@200;300;400;500;700&family=Noto+Serif+JP&display=swap');
/* ==========================================================================
 Base
========================================================================== */
/*
    // MediaQuery display width.
        DESCTOP : 1300 or more
        LAPTOP  : 960 - 1299
        TABLET  : 640 - 959
        PHONE   : 639 or less
*/
html {
  overflow-y: scroll;
  font-size: 0.625em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width:375px){
    html{
        font-size: ;
    }
}
@media screen and (max-width:320px){
    html{
        font-size: ;
    }
}
body {
  color: #000;
  font-family: 'Noto Sans JP','Noto Sans','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Osaka','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width:639px){
    body{
        font-size: 1.4rem;
    }
}
/*normalize*/
body{ -webkit-print-color-adjust: exact !important;}
input{
    outline: none;
}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:1em;margin:0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing: border-box;box-sizing: border-box;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}
html, body {
  padding: 0;
  margin: 0;
  word-break: break-word;
  overflow-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -moz-hyphens: auto;
  line-height: 1.875;
}
ol, ul, li, dl, dt, dd {
  margin: 0;
  padding: 0;
}
a{
    cursor: pointer;
    outline: none;
    text-decoration: none;
}
img{
    vertical-align: bottom;
    max-width: 100%;
}
h1,h2,h3,h4,h5,h6,p,li,dt,dd{
    margin: 0;
    padding: 0;
    font-weight: 300;
}
h3{
    margin-bottom: 0.4em;
}
p{
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
small{
    font-weight: normal;
}
.preload * {
    -webkit-transition: none !important;
    transition: none !important;
}
h1,h2,h3,h4,h5{
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    line-height: 1.5;
    position: relative;
}
mark.blue{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(61%, rgba(208, 255, 0, 1)));
    background: -webkit-linear-gradient(transparent 60%, rgba(208, 255, 0, 1) 61%);
    background: linear-gradient(transparent 60%, rgba(208, 255, 0, 1) 61%);
    position: relative;
}
.mb0{margin-bottom:  0 !important;}.mb2{margin-bottom:  0.2rem !important;}.mb4{margin-bottom:  0.4rem !important;}.mb6{margin-bottom:  0.6rem !important;}.mb8{margin-bottom:  0.8rem !important;}.mb10{margin-bottom:  1.0rem !important;}.mb12{margin-bottom:  1.2rem !important;}.mb24{margin-bottom:  2.4rem !important;}.mb36{margin-bottom:  3.6rem !important;}.mb48{margin-bottom:  4.8rem !important;}.mb60{margin-bottom:  6.0rem !important;}.mb72{margin-bottom:  7.2rem !important;}.mb84{margin-bottom:  8.4rem !important;}.mb96{margin-bottom:  9.6rem !important;}.mt0{margin-top:  0 !important;}.mt2{margin-top:  0.2rem !important;}.mt4{margin-top:  0.4rem !important;}.mt6{margin-top:  0.6rem !important;}.mt8{margin-top:  0.8rem !important;}.mt10{margin-top:  10rem !important;}.mt12{margin-top:  1.2rem !important;}.mt24{margin-top:  2.4rem !important;}.mt36{margin-top:  3.6rem !important;}.mt48{margin-top:  4.8rem !important;}.mt60{margin-top:  6.0rem !important;}.mt72{margin-top:  7.2rem !important;}.mt84{margin-top:  8.4rem !important;}.mt96{margin-top:  9.6rem !important;}.ml0{margin-left:  0 !important;}.ml2{margin-left:  0.2rem !important;}.ml4{margin-left:  0.4rem !important;}.ml6{margin-left:  0.6rem !important;}.ml8{margin-left:  0.8rem !important;}.ml10{margin-top:  1.0rem !important;}.ml12{margin-left:  1.2rem !important;}
 .ml24{margin-left:  2.4rem !important;}.ml36{margin-left:  3.6rem !important;}.ml48{margin-left:  4.8rem !important;}.ml60{margin-left:  6.0rem !important;}.ml72{margin-left:  7.2rem !important;}.ml84{margin-left:  8.4rem !important;}.ml96{margin-left:  9.6rem !important;}.mr0{margin-right:  0 !important;}.mr2{margin-right:  0.2rem !important;}.mr4{margin-right:  0.4rem !important;}.mr6{margin-right:  0.6rem !important;}.mr8{margin-right:  0.8rem !important;}.mr10{margin-right:  1.0rem !important;}.mr12{margin-right:  1.2rem !important;}.mr24{margin-right:  2.4rem !important;}.mr36{margin-right:  3.6rem !important;}.mr48{margin-right:  4.8rem !important;}.mr60{margin-right:  6.0rem !important;}.mr72{margin-right:  7.2rem !important;}.mr84{margin-right:  8.4rem !important;}.mr96{margin-right:  9.6rem !important;}.pb0{padding-bottom:  0 !important;}.pb2{padding-bottom:  0.2rem !important;}.pb4{padding-bottom:  0.4rem !important;}.pb6{padding-bottom:  0.6rem !important;}.pb8{padding-bottom:  0.8rem !important;}.pb10{padding-bottom:  1.0rem !important;}.pb12{padding-bottom:  1.2rem !important;}.pb24{padding-bottom:  2.4rem !important;}.pb36{padding-bottom:  3.6rem !important;}.pb48{padding-bottom:  4.8rem !important;}.pb60{padding-bottom:  6.0rem !important;}.pb72{padding-bottom:  7.2rem !important;}.pb84{padding-bottom:  8.4rem !important;}.pb96{padding-bottom:  9.6rem !important;}.pt0{padding-top:  0 !important;}.pt2{padding-top:  0.2rem !important;}.pt4{padding-top:  0.4rem !important;}.pt6{padding-top:  0.6rem !important;}.pt8{padding-top:  0.8rem !important;}.pt10{padding-top:  1.0rem !important;}.pt12{padding-top:  1.2rem !important;}.pt24{padding-top:  2.4rem !important;}.pt36{padding-top:  3.6rem !important;}.pt48{padding-top:  4.8rem !important;}.pt60{padding-top:  6.0rem !important;}.pt72{padding-top:  7.2rem !important;}.pt84{padding-top:  8.4rem !important;}.pt96{padding-top:  9.6rem !important;}.pl0{padding-left:  0 !important;}.pl2{padding-left:  0.2rem !important;}.pl4{padding-left:  0.4rem !important;}.pl6{padding-left:  0.6rem !important;}.pl8{padding-left:  0.8rem !important;}.pl10{padding-top:  1.0rem !important;}.pl12{padding-left:  1.2rem !important;}.pl24{padding-left:  2.4rem !important;}.pl36{padding-left:  3.6rem !important;}.pl48{padding-left:  4.8rem !important;}.pl60{padding-left:  6.0rem !important;}.pl72{padding-left:  7.2rem !important;}.pl84{padding-left:  8.4rem !important;}.pl96{padding-left:  9.6rem !important;}.pr0{padding-right:  0 !important;}.pr2{padding-right:  0.2rem !important;}.pr4{padding-right:  0.4rem !important;}.pr6{padding-right:  0.6rem !important;}.pr8{padding-right:  0.8rem !important;}.pr10{padding-right:  1.0rem !important;}.pr12{padding-right:  1.2rem !important;}.pr24{padding-right:  2.4rem !important;}.pr36{padding-right:  3.6rem !important;}.pr48{padding-right:  4.8rem !important;}.pr60{padding-right:  6.0rem !important;}.pr72{padding-right:  7.2rem !important;}.pr84{padding-right:  8.4rem !important;}.pr96{padding-right:  9.6rem !important;}
@media screen and (max-width:991rem){
.sm-mb0{margin-bottom:  0 !important;}.sm-mb2{margin-bottom:  0.2rem !important;}.sm-mb4{margin-bottom:  0.4rem !important;}.sm-mb6{margin-bottom:  0.6rem !important;}.sm-mb8{margin-bottom:  0.8rem !important;}.sm-mb10{margin-bottom:  1.0rem !important;}.sm-mb12{margin-bottom:  1.2rem !important;}.sm-mb24{margin-bottom:  2.4rem !important;}.sm-mb36{margin-bottom:  3.6rem !important;}.sm-mb48{margin-bottom:  4.8rem !important;}.sm-mb60{margin-bottom:  6.0rem !important;}.sm-mb72{margin-bottom:  7.2rem !important;}.sm-mb84{margin-bottom:  8.4rem !important;}.sm-mb96{margin-bottom:  9.6rem !important;}.sm-mt0{margin-top:  0 !important;}.sm-mt2{margin-top:  0.2rem !important;}.sm-mt4{margin-top:  0.4rem !important;}.sm-mt6{margin-top:  0.6rem !important;}.sm-mt8{margin-top:  0.8rem !important;}.sm-mt10{margin-top:  1.0rem !important;}.sm-mt12{margin-top:  1.2rem !important;}.sm-mt24{margin-top:  2.4rem !important;}.sm-mt36{margin-top:  3.6rem !important;}.sm-mt48{margin-top:  4.8rem !important;}.sm-mt60{margin-top:  6.0rem !important;}.sm-mt72{margin-top:  7.2rem !important;}.sm-mt84{margin-top:  8.4rem !important;}.sm-mt96{margin-top:  9.6rem !important;}.sm-ml0{margin-left:  0 !important;}.sm-ml2{margin-left:  0.2rem !important;}.sm-ml4{margin-left:  0.4rem !important;}.sm-ml6{margin-left:  0.6rem !important;}.sm-ml8{margin-left:  0.8rem !important;}.sm-ml10{margin-top:  1.0rem !important;}.sm-ml12{margin-left:  1.2rem !important;}.sm-ml24{margin-left:  2.4rem !important;}.sm-ml36{margin-left:  3.6rem !important;}.sm-ml48{margin-left:  4.8rem !important;}.sm-ml60{margin-left:  6.0rem !important;}.sm-ml72{margin-left:  7.2rem !important;}.sm-ml84{margin-left:  8.4rem !important;}.sm-ml96{margin-left:  9.6rem !important;}.sm-mr0{margin-right:  0 !important;}.sm-mr2{margin-right:  0.2rem !important;}.sm-mr4{margin-right:  0.4rem !important;}.sm-mr6{margin-right:  0.6rem !important;}.sm-mr8{margin-right:  0.8rem !important;}.sm-mr10{margin-right:  1.0rem !important;}.sm-mr12{margin-right:  1.2rem !important;}.sm-mr24{margin-right:  2.4rem !important;}.sm-mr36{margin-right:  3.6rem !important;}.sm-mr48{margin-right:  4.8rem !important;}.sm-mr60{margin-right:  6.0rem !important;}.sm-mr72{margin-right:  7.2rem !important;}.sm-mr84{margin-right:  8.4rem !important;}.sm-mr96{margin-right:  9.6rem !important;}.sm-pb0{padding-bottom:  0 !important;}.sm-pb2{padding-bottom:  0.2rem !important;}.sm-pb4{padding-bottom:  0.4rem !important;}.sm-pb6{padding-bottom:  0.6rem !important;}.sm-pb8{padding-bottom:  0.8rem !important;}.sm-pb10{padding-bottom:  1.0rem !important;}.sm-pb12{padding-bottom:  1.2rem !important;}.sm-pb24{padding-bottom:  2.4rem !important;}.sm-pb36{padding-bottom:  3.6rem !important;}.sm-pb48{padding-bottom:  4.8rem !important;}.sm-pb60{padding-bottom:  6.0rem !important;}.sm-pb72{padding-bottom:  7.2rem !important;}.sm-pb84{padding-bottom:  8.4rem !important;}.sm-pb96{padding-bottom:  9.6rem !important;}.sm-pt0{padding-top:  0 !important;}.sm-pt2{padding-top:  0.2rem !important;}.sm-pt4{padding-top:  0.4rem !important;}.sm-pt6{padding-top:  0.6rem !important;}.sm-pt8{padding-top:  0.8rem !important;}.sm-pt10{padding-top:  1.0rem !important;}.sm-pt12{padding-top:  1.2rem !important;}.sm-pt24{padding-top:  2.4rem !important;}.sm-pt36{padding-top:  3.6rem !important;}.sm-pt48{padding-top:  4.8rem !important;}.sm-pt60{padding-top:  6.0rem !important;}.sm-pt72{padding-top:  7.2rem !important;}.sm-pt84{padding-top:  8.4rem !important;}.sm-pt96{padding-top:  9.6rem !important;}.sm-pl0{padding-left:  0 !important;}.sm-pl2{padding-left:  0.2rem !important;}.sm-pl4{padding-left:  0.4rem !important;}.sm-pl6{padding-left:  0.6rem !important;}.sm-pl8{padding-left:  0.8rem !important;}.sm-pl10{padding-top:  1.0rem !important;}.sm-pl12{padding-left:  1.2rem !important;}.sm-pl24{padding-left:  2.4rem !important;}.sm-pl36{padding-left:  3.6rem !important;}.sm-pl48{padding-left:  4.8rem !important;}.sm-pl60{padding-left:  6.0rem !important;}.sm-pl72{padding-left:  7.2rem !important;}.sm-pl84{padding-left:  8.4rem !important;}.sm-pl96{padding-left:  9.6rem !important;}.sm-pr0{padding-right:  0 !important;}.sm-pr2{padding-right:  0.2rem !important;}.sm-pr4{padding-right:  0.4rem !important;}.sm-pr6{padding-right:  0.6rem !important;}.sm-pr8{padding-right:  0.8rem !important;}.sm-pr10{padding-right:  1.0rem !important;}.sm-pr12{padding-right:  1.2rem !important;}.sm-pr24{padding-right:  2.4rem !important;}.sm-pr36{padding-right:  3.6rem !important;}.sm-pr48{padding-right:  4.8rem !important;}.sm-pr60{padding-right:  6.0rem !important;}.sm-pr72{padding-right:  7.2rem !important;}.sm-pr84{padding-right:  8.4rem !important;}.sm-pr96{padding-right:  9.6rem !important;}
}
@media screen and (max-width:639rem){
.xs-mb0{margin-bottom:  0 !important;}.xs-mb2{margin-bottom:  0.2rem !important;}.xs-mb4{margin-bottom:  0.4rem !important;}.xs-mb6{margin-bottom:  0.6rem !important;}.xs-mb8{margin-bottom:  0.8rem !important;}.xs-mb10{margin-bottom:  1.0rem !important;}.xs-mb12{margin-bottom:  1.2rem !important;}.xs-mb24{margin-bottom:  2.4rem !important;}.xs-mb36{margin-bottom:  3.6rem !important;}.xs-mb48{margin-bottom:  4.8rem !important;}.xs-mb60{margin-bottom:  6.0rem !important;}.xs-mb72{margin-bottom:  7.2rem !important;}.xs-mb84{margin-bottom:  8.4rem !important;}.xs-mb96{margin-bottom:  9.6rem !important;}.xs-mt0{margin-top:  0 !important;}.xs-mt2{margin-top:  0.2rem !important;}.xs-mt4{margin-top:  0.4rem !important;}.xs-mt6{margin-top:  0.6rem !important;}.xs-mt8{margin-top:  0.8rem !important;}.xs-mt10{margin-top:  1.0rem !important;}.xs-mt12{margin-top:  1.2rem !important;}.xs-mt24{margin-top:  2.4rem !important;}.xs-mt36{margin-top:  3.6rem !important;}.xs-mt48{margin-top:  4.8rem !important;}.xs-mt60{margin-top:  6.0rem !important;}.xs-mt72{margin-top:  7.2rem !important;}.xs-mt84{margin-top:  8.4rem !important;}.xs-mt96{margin-top:  9.6rem !important;}.xs-ml0{margin-left:  0 !important;}.xs-ml2{margin-left:  0.2rem !important;}.xs-ml4{margin-left:  0.4rem !important;}.xs-ml6{margin-left:  0.6rem !important;}.xs-ml8{margin-left:  0.8rem !important;}.xs-ml10{margin-top:  1.0rem !important;}.xs-ml12{margin-left:  1.2rem !important;}.xs-ml24{margin-left:  2.4rem !important;}.xs-ml36{margin-left:  3.6rem !important;}.xs-ml48{margin-left:  4.8rem !important;}.xs-ml60{margin-left:  6.0rem !important;}.xs-ml72{margin-left:  7.2rem !important;}.xs-ml84{margin-left:  8.4rem !important;}.xs-ml96{margin-left:  9.6rem !important;}.xs-mr0{margin-right:  0 !important;}.xs-mr2{margin-right:  0.2rem !important;}.xs-mr4{margin-right:  0.4rem !important;}.xs-mr6{margin-right:  0.6rem !important;}.xs-mr8{margin-right:  0.8rem !important;}.xs-mr10{margin-right:  1.0rem !important;}.xs-mr12{margin-right:  1.2rem !important;}.xs-mr24{margin-right:  2.4rem !important;}.xs-mr36{margin-right:  3.6rem !important;}.xs-mr48{margin-right:  4.8rem !important;}.xs-mr60{margin-right:  6.0rem !important;}.xs-mr72{margin-right:  7.2rem !important;}.xs-mr84{margin-right:  8.4rem !important;}.xs-mr96{margin-right:  9.6rem !important;}.xs-pb0{padding-bottom:  0 !important;}.xs-pb2{padding-bottom:  0.2rem !important;}.xs-pb4{padding-bottom:  0.4rem !important;}.xs-pb6{padding-bottom:  0.6rem !important;}.xs-pb8{padding-bottom:  0.8rem !important;}.xs-pb10{padding-bottom:  1.0rem !important;}.xs-pb12{padding-bottom:  1.2rem !important;}.xs-pb24{padding-bottom:  2.4rem !important;}.xs-pb36{padding-bottom:  3.6rem !important;}.xs-pb48{padding-bottom:  4.8rem !important;}.xs-pb60{padding-bottom:  6.0rem !important;}.xs-pb72{padding-bottom:  7.2rem !important;}.xs-pb84{padding-bottom:  8.4rem !important;}.xs-pb96{padding-bottom:  9.6rem !important;}.xs-pt0{padding-top:  0 !important;}.xs-pt2{padding-top:  0.2rem !important;}.xs-pt4{padding-top:  0.4rem !important;}.xs-pt6{padding-top:  0.6rem !important;}.xs-pt8{padding-top:  0.8rem !important;}.xs-pt10{padding-top:  1.0rem !important;}.xs-pt12{padding-top:  1.2rem !important;}.xs-pt24{padding-top:  2.4rem !important;}.xs-pt36{padding-top:  3.6rem !important;}.xs-pt48{padding-top:  4.8rem !important;}.xs-pt60{padding-top:  6.0rem !important;}.xs-pt72{padding-top:  7.2rem !important;}.xs-pt84{padding-top:  8.4rem !important;}.xs-pt96{padding-top:  9.6rem !important;}.xs-pl0{padding-left:  0 !important;}.xs-pl2{padding-left:  0.2rem !important;}.xs-pl4{padding-left:  0.4rem !important;}.xs-pl6{padding-left:  0.6rem !important;}.xs-pl8{padding-left:  0.8rem !important;}.xs-pl10{padding-top:  1.0rem !important;}.xs-pl12{padding-left:  1.2rem !important;}.xs-pl24{padding-left:  2.4rem !important;}.xs-pl36{padding-left:  3.6rem !important;}.xs-pl48{padding-left:  4.8rem !important;}.xs-pl60{padding-left:  6.0rem !important;}.xs-pl72{padding-left:  7.2rem !important;}.xs-pl84{padding-left:  8.4rem !important;}.xs-pl96{padding-left:  9.6rem !important;}.xs-pr0{padding-right:  0 !important;}.xs-pr2{padding-right:  0.2rem !important;}.xs-pr4{padding-right:  0.4rem !important;}.xs-pr6{padding-right:  0.6rem !important;}.xs-pr8{padding-right:  0.8rem !important;}.xs-pr10{padding-right:  1.0rem !important;}.xs-pr12{padding-right:  1.2rem !important;}.xs-pr24{padding-right:  2.4rem !important;}.xs-pr36{padding-right:  3.6rem !important;}.xs-pr48{padding-right:  4.8rem !important;}.xs-pr60{padding-right:  6.0rem !important;}.xs-pr72{padding-right:  7.2rem !important;}.xs-pr84{padding-right:  8.4rem !important;}.xs-pr96{padding-right:  9.6rem !important;}
}
.text-center{text-align: center !important;}.text-left{text-align: left !important;}.text-right{text-align: right !important;}

.lh10{line-height: 1.0;}.lh12{line-height: 1.2;}.lh14{line-height: 1.4;}.lh16{line-height: 1.6;}.lh18{line-height: 1.8;}.lh20{line-height: 2.0;}.lh24{line-height: 2.4;}
.va-top{vertical-align: top;}.va-mdl{vertical-align: middle;}.va-btm{vertical-align: bottom;}
.fl-img{float: left; margin-right: 0.8em; margin-bottom: 0.8em;}.fr-img{float: right; margin-left: 0.8em; margin-bottom: 0.8em;}
.mr-a{margin-right: auto; display: block;}.ml-a{margin-left: auto; display: block;}
@media screen and (max-width:959px){.sm-text-center{text-align: center !important;}.sm-text-left{text-align: left !important;}.sm-text-right{text-align: right !important;}.sm-full{width: 100% !important; max-width: 999% !important;}}
@media screen and (max-width:639px){.xs-text-center{text-align: center !important;}.xs-text-left{text-align: left !important;}.xs-text-right{text-align: right !important;}.xs-full{width: 100% !important; max-width: 999% !important;}}
.transparent{background: transparent !important;}
.alpha10{opacity: 0.1 !important;}.alpha20{opacity: 0.2 !important;}.alpha30{opacity: 0.3 !important;}.alpha40{opacity: 0.4 !important;}.alpha50{opacity: 0.5 !important;}.alpha60{opacity: 0.6 !important;}.alpha70{opacity: 0.7 !important;}.alpha80{opacity: 0.8 !important;}.alpha90{opacity: 0.9 !important;}
.fc-w{color: #fff !important;}.fc-bk{color: #000 !important;}
.border-none{border: none !important;}.bd-t-none{border-top: none !important;}.bd-l-none{border-left: none !important;}.bd-b-none{border-bottom: none !important;}.bd-r-none{border-right: none !important;}
.round-corner-02{border-radius: 0.2em;}.round-corner-04{border-radius: 0.4em;}.round-corner-06{border-radius: 0.6em;}.round-corner-08{border-radius: 0.8em;}.round-corner-10{border-radius: 1.0em;}.round-corner-12{border-radius: 1.2em;}.round-corner-14{border-radius: 1.4em;}.round-corner-16{border-radius: 1.6em;}.round-corner-18{border-radius: 1.8em;}.round-corner-20{border-radius: 2.0em;}.round-corner-half{border-radius: 50%;}
[class*="border-"]{border-width: 1px; border-style: solid; border-color: transparent;}
.border-gray{border-color: #dbdbdb;}
.border-blue{border-color: #008ef0;}
.wa,.wf{display: inline-block;width: auto;min-width: 2em;max-width: 100%;}
.wf{width: 100%;}
.wa.mw10{max-width: 10%;}.wa.mw20{max-width: 20%;}.wa.mw30{max-width: 30%;}.wa.mw40{max-width: 40%;}.wa.mw50{max-width: 50%;}.wa.mw60{max-width: 60%;}.wa.mw70{max-width: 70%;}.wa.mw80{max-width: 80%;}.wa.mw90{max-width: 90%;}

/*media-width-display*/
@media print, screen and (min-width:992px){
    .is-sp{display: none !important;}
}
@media screen and (max-width:991px){
    .is-pc{display: none !important;}
}
.is-none{
    display: none !important;
}
/*row*/
.-row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.-row.column{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
[class*="-row"] .col-1{ width: 8.3333%;}[class*="-row"] .col-2{ width: 16.6666%;}[class*="-row"] .col-3{ width: 25%;}[class*="-row"] .col-4{ width: 33.3333%;}[class*="-row"] .col-5{ width: 41.6666%;}[class*="-row"] .col-6{ width: 50%;}[class*="-row"] .col-7{ width: 58.3333%;}[class*="-row"] .col-8{ width: 66.6666%;}[class*="-row"] .col-9{ width: 75%;}[class*="-row"] .col-10{ width: 83.3333%;}[class*="-row"] .col-11{ width: 91.6666%;}[class*="-row"] .col-12{ width: 100%;}
@media screen and (max-width:991px){
[class*="-row"] .sm-col-1{ width: 8.3333%;}[class*="-row"] .sm-col-2{ width: 16.6666%;}[class*="-row"] .sm-col-3{ width: 25%;}[class*="-row"] .sm-col-4{ width: 33.3333%;}[class*="-row"] .sm-col-5{ width: 41.6666%;}[class*="-row"] .sm-col-6{ width: 50%;}[class*="-row"] .sm-col-7{ width: 58.3333%;}[class*="-row"] .sm-col-8{ width: 66.6666%;}[class*="-row"] .sm-col-9{ width: 75%;}[class*="-row"] .sm-col-10{ width: 83.3333%;}[class*="-row"] .sm-col-11{ width: 91.6666%;}[class*="-row"] .sm-col-12{ width: 100%;}
}
@media screen and (max-width:639px){
[class*="-row"] .xs-col-1{ width: 8.3333%;}[class*="-row"] .xs-col-2{ width: 16.6666%;}[class*="-row"] .xs-col-3{ width: 25%;}[class*="-row"] .xs-col-4{ width: 33.3333%;}[class*="-row"] .xs-col-5{ width: 41.6666%;}[class*="-row"] .xs-col-6{ width: 50%;}[class*="-row"] .xs-col-7{ width: 58.3333%;}[class*="-row"] .xs-col-8{ width: 66.6666%;}[class*="-row"] .xs-col-9{ width: 75%;}[class*="-row"] .xs-col-10{ width: 83.3333%;}[class*="-row"] .xs-col-11{ width: 91.6666%;}[class*="-row"] .xs-col-12{ width: 100%;}
}
.separate.-row{
    margin-left: -1.4em;
    margin-right: -1.4em;
}
.separate.-row .col{
    padding: 1.4em;
}
.collspace.-row .col{
    padding: 0;
}
.col.flex-width{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
[class*="-row"].flex-left{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
[class*="-row"].flex-center{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
[class*="-row"].flex-right{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
[class*="-row"].vertical-middle{
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
[class*="-row"].vertical-bottom{
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;;
}
@media print, screen and (min-width:960px){
    [class*="-row"].md-flex-left{
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    [class*="-row"].md-flex-center{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    [class*="-row"].md-flex-right{
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media screen and (max-width:959px){
    [class*="-row"].sm-flex-left{
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    [class*="-row"].sm-flex-center{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    [class*="-row"].sm-flex-right{
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .sm-order-01{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
    .sm-order-02{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
    .sm-order-03{-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;}
    .sm-order-04{-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4;}
    .sm-order-05{-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5;}
    .sm-order-06{-webkit-box-ordinal-group: 7;-ms-flex-order: 6;order: 6;}
    .sm-order-07{-webkit-box-ordinal-group: 8;-ms-flex-order: 7;order: 7;}
    .sm-order-08{-webkit-box-ordinal-group: 9;-ms-flex-order: 8;order: 8;}
    .sm-order-09{-webkit-box-ordinal-group: 10;-ms-flex-order: 9;order: 9;}
    .sm-order-10{-webkit-box-ordinal-group: 11;-ms-flex-order: 10;order: 10;}
}
@media screen and (max-width:639px){
    [class*="-row"].xs-flex-left{
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    [class*="-row"].xs-flex-center{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    [class*="-row"].xs-flex-right{
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .xs-order-01{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
    .xs-order-02{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
    .xs-order-03{-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;}
    .xs-order-04{-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4;}
    .xs-order-05{-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5;}
    .xs-order-06{-webkit-box-ordinal-group: 7;-ms-flex-order: 6;order: 6;}
    .xs-order-07{-webkit-box-ordinal-group: 8;-ms-flex-order: 7;order: 7;}
    .xs-order-08{-webkit-box-ordinal-group: 9;-ms-flex-order: 8;order: 8;}
    .xs-order-09{-webkit-box-ordinal-group: 10;-ms-flex-order: 9;order: 9;}
    .xs-order-10{-webkit-box-ordinal-group: 11;-ms-flex-order: 10;order: 10;}
}
/*=========================================
    module
=========================================*/

[class*="-ttl"]{
    font-weight: bold;
}
h1,.h1-like{
    font-size: 4.0rem;
}
h2,.h2-like{
    font-size: 3.0rem;
}
h3,.h3-like{
    font-size: 2.4rem;
}
h4,.h4-like{
    font-size: 1.8rem;
}
h5,.h5-like{
    font-size: 1.6rem;
}
.ttUp{
    text-transform: uppercase;
}
@media screen and (max-width:991px){
h1,.h1-like{
    font-size: 3.6rem;
}
h2,.h2-like{
    font-size: 2.4rem;
}
h3,.h3-like{
    font-size: 2.4rem;
}
h4,.h4-like{
    font-size: 1.8rem;
}
h5,.h5-like{
    font-size: 1.6rem;
}
}
/*
    list
*/
ul,ol{
    padding-left: 1.4em;
    margin-bottom: 1em;
}
ul ul,
ol ol,
ol ul,
ul ol{
    padding-left: 1.4em;
}
ul li,ol li{
    margin-bottom: 0.5em;
}
ul li::marker{
    color: #666;
}
/*数字リスト NN*/
.sn li{
    list-style-type: decimal-leading-zero;
}
/*注釈リスト ※*/
[class*="-list"] .idt{
  padding-left: 1.4em;
}
.idt > li{ 
    list-style: none;
    text-indent: -2.4em;
}
.idt > li > .head{
    display: inline-block;
    width: 2.4em;
    text-indent: 0;
    text-align: right;
    padding-right: .5em;
}
.idt.txt{
    padding-left: 4em;
}
.idt.txt > li .head{
    width: 4em;
    font-weight: bold;
}
.idt.txt > li{
    text-indent: -4em;
}
.idt.txt > li ul,
.idt.txt > li ol{
    padding-top: .5em;
}
.idt.txt > li ul li,
.idt.txt > li ol li{
    text-indent: 0;
    padding-left: 0;
}
.idt.txt > li .idt li{
    text-indent: -2.5em;
}
.idt.txt > li .idt li .head{
    width: 2.5em;
}
.idt > li div{
    text-indent: 0;
}
.ti0{
    text-indent: 0;
}
ol.lr li{
    list-style-type: lower-roman;
}
/*注釈リスト ※N*/
.idt.sn{
    padding-left: 2.3em;
}

/*リストスタイルなし*/
.ns li{
    list-style: none;
}
.ns li .head{
    display: inline-block;
    width: auto;
    margin-right: 2em;
}

/*アローリスト*/
.arr .head:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 8px solid black;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
/*text*/
p{
    margin-bottom: 1em;
}
p:last-child{
    margin-bottom: 0;
}
.fs50{font-size: 5rem !important;}
.fs40{font-size: 4rem !important;}
.fs38{font-size: 3.8rem !important;}
.fs36{font-size: 3.6rem !important;}
.fs34{font-size: 3.4rem !important;}
.fs32{font-size: 3.2rem !important;}
.fs30{font-size: 3rem !important;}
.fs28{font-size: 2.8rem !important;}
.fs26{font-size: 2.6rem !important;}
.fs24{font-size: 2.4rem !important;}
.fs22{font-size: 2.2rem !important;}
.fs20{font-size: 2rem !important;}
.fs18{font-size: 1.8rem !important;}
.fs16{font-size: 1.6rem !important;}
.fs14{font-size: 1.4rem !important;}
.fs12{font-size: 1.2rem !important;}
.aside{color: #999 !important;}
.ctn{color: #CB0A23 !important;}
mark.ctn{background: #ffecec;}
@media screen and (max-width:991px){
  .sm-fs50{font-size: 5rem !important;}
  .sm-fs40{font-size: 4rem !important;}
  .sm-fs38{font-size: 3.8rem !important;}
  .sm-fs36{font-size: 3.6rem !important;}
  .sm-fs34{font-size: 3.4rem !important;}
  .sm-fs32{font-size: 3.2rem !important;}
  .sm-fs30{font-size: 3rem !important;}
  .sm-fs28{font-size: 2.8rem !important;}
  .sm-fs26{font-size: 2.6rem !important;}
  .sm-fs24{font-size: 2.4rem !important;}
  .sm-fs22{font-size: 2.2rem !important;}
  .sm-fs20{font-size: 2rem !important;}
  .sm-fs18{font-size: 1.8rem !important;}
  .sm-fs16{font-size: 1.6rem !important;}
  .sm-fs14{font-size: 1.4rem !important;}
  .sm-fs12{font-size: 1.2rem !important;}
}
@media screen and (max-width:639px){
  .xs-fs50{font-size: 5rem !important;}
  .xs-fs40{font-size: 4rem !important;}
  .xs-fs38{font-size: 3.8rem !important;}
  .xs-fs36{font-size: 3.6rem !important;}
  .xs-fs34{font-size: 3.4rem !important;}
  .xs-fs32{font-size: 3.2rem !important;}
  .xs-fs30{font-size: 3rem !important;}
  .xs-fs28{font-size: 2.8rem !important;}
  .xs-fs26{font-size: 2.6rem !important;}
  .xs-fs24{font-size: 2.4rem !important;}
  .xs-fs22{font-size: 2.2rem !important;}
  .xs-fs20{font-size: 2rem !important;}
  .xs-fs18{font-size: 1.8rem !important;}
  .xs-fs16{font-size: 1.6rem !important;}
  .xs-fs14{font-size: 1.4rem !important;}
  .xs-fs12{font-size: 1.2rem !important;}
}
[class*="-bold"]{
  font-weight: 500 !important;
}
/*img*/
.mask-img{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.area-offers .mask-img,
.mask-contain{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
/*link*/
a{
    text-decoration: none;
    color: #065fd4;
}
a:hover{
    text-decoration: underline;
}
/*btn*/
[class*="-btn"]{
  font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: inline-block;
    line-height: 1;
    padding-top: calc(1.0625em - 1px);
    padding-bottom: calc(1.0625em - 1px);
    padding-left: calc(2.725em - 1px);
    padding-right: calc(2.725em - 1px);
    border: #00408d 1px solid;
    cursor: pointer;
    text-decoration: none;
    background-color: #00408d;
    color: #fff;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    min-width: calc(12.5em - 2px);
}
[class*="-btn"]:hover{
    text-decoration: none;
}
[class*="-btn"].disabled{
    pointer-events: none;
    background-color: #ccc;
    border-color: #ccc;
}
[class*="-btn"]{
  overflow: hidden;
}
.ir-link{
  position: relative;
}
[class*="-btn"] i.arr,
.ir-link i.arr{
  position: absolute;
  right: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 2.6rem;
  height: 1.0rem;
  background: url(../img/ico-arr.png) no-repeat center center;
  background-size: contain;
  transition: .3s;
}
[class*="-btn"]:hover{
  border-color: #000;
}
[class*="-btn"]:hover > i.arr,
[class*="-btn"][target="_blank"]:hover > i.arr{
  right: -2.8rem;
}
[class*="-btn"] .hv{
  position: absolute;
  left: -100%;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  transition: .3s;
  z-index: 1;
}
[class*="-btn"] .hv i.arr{
  right: auto;
  left: 0.8em;
}
[class*="-btn"]:hover .hv{
  left: 0;
}
[class*="-btn"] span.data{
  position: relative;
  z-index: 2;
}
[class*="-btn"][target="_blank"] > i.arr,
.ir-link[target="_blank"] > i.arr{
  height: 1.6rem;
  width: 1.6rem;
  right: 2rem;
  background: url(../img/ico-blank.svg) no-repeat center center;
}
.ir-link[target="_blank"] i.arr{
  right: 1rem;
  background-image: url(../img/ico-blank_b.svg);
  height: 1.7rem;
  width: 1.7rem;
}
.wht-btn{
  background: transparent;
  color: #00408d;
  border-color: #89acd6;
}
@media screen and (max-width:991px){
  [class*="-btn"]{
    min-width: calc(9.8em - 2px);
  }
}
/*movie / map*/
.movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.26%;
}
.map {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 47.308%;
}
.movie > iframe,
.map > iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
/*bg-color*/
.bg-wht{
    background-color: #fff;
}
.bg-gray{
    background-color: #eee;
}
.bg-brown{
    background-color: #e6ded3;
}
.bg-blue{
    background-color: #bed2eb;
}

html{
  font-size: 10px;
}
@media screen and (max-width:1299px){
html{
  font-size: 0.770vw;
}
}
@media screen and (max-width:991px){
html{
  font-size: 2.2vw;
}
}
@media screen and (max-width:639px){
html{
  font-size: 2.2vw;
}
}

/*print*/
@media print {
    html,body {
       width: 1200px !important;
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    header,footer,main{
        width: 1200px !important;
        max-width: 999%;
    }
    .page-content article .inner{
        padding: 20px;
    }
    .page-content article.agency .inner{
        padding: 20px 0;
    }
    .is-sp{
        display: none !important;
    }
}

/*================================================================
  
  Layout
  
================================================================*/

body{
  font-size: 1.6rem;
  color: #666;
  font-weight: 300;
  overflow-x: hidden;
}



.-inner{
  max-width: 100%;
  width: 130rem;
  margin: auto;
}


/* common base padding: 0 3.125em; */




/* header */
header{
  background-color: #fff;
  border-bottom: #ccc 1px solid;
  font-weight: 400;
}
header .-inner > .-row{
  max-width: 100%;
  width: 120rem;
  margin: auto;
}
header .logo{
  margin-top: 1.8125em;
  width: 29.6rem;
}
header .logo a{
  display: inline-block;
  margin-bottom: 1.6rem;
}

header .gnav{
  width: auto;
  flex: 1 0 0;
}
header .imp-area,
header nav{
  text-align: right;
}
header .imp-area a,
header nav a{
  display: inline-block;
}
header .imp-area{
  margin-top: 0.5625em;
  height: 3em;
}
header .imp-area a{
  position: relative;
  line-height: 1.4;
  font-size: 1.3rem;
  padding: 0.7923em 0 0.7923em 2.2em;
  border-bottom: #999 1px solid;
  color: #333;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
header .imp-area a:hover{
  text-decoration: none;
  color: #065fd4;
  border-color: #065fd4;
}
header .imp-area a:before{
  content: "";
  position: absolute;
  left: 0.2em;
  top: 50%;
  transform: translateY(-44%);
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  background: url(../img/ico-bell.png) no-repeat center center;
  background-size: contain;
}
header nav{
  margin-top: 1.375em;
  margin-bottom: 0.4375em;
}
header nav a:not(.-btn){
  position: relative;
  font-size: 1.5rem;
  color: #333;
  text-decoration: none;
  transition: .3s;
  padding: 0.3em 0.7em;
  margin-right: 0.6em;
}
header nav a:hover{
  text-decoration: none;
}
header nav a:not(.-btn):before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 0.2666em;
  background: transparent;
}
header nav a:not(.-btn):hover:before{
  background: #ccc;
}
header nav .-btn{
  font-size: 1.5rem;
  padding-top: calc(0.8333em - 1px);
  padding-bottom: calc(0.8333em - 1px);
  padding-left: calc(2.125em - 1px);
  padding-right: calc(2.125em - 1px);
  min-width: calc(9.333em - 2px);
  overflow: visible;
}
header nav .-btn:hover{
  background-color: #000;
}
.nav-tgl{
  display: none;
}
@media screen and (max-width:991px){
  header{
    position: absolute;
    padding: 5.8666vw 4vw 4.5333vw;
    border-bottom: #ccc 1px solid;
    background: #fff;
    z-index: 3;
    left: 0;
    top: 0;
    right: 0;
  }
  header .gnav{
    display: none;
    position: absolute;
    top: 20.752vw;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: calc(100vh - 20.752vw);
    z-index: 9999;
  }
  .js-background.active{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
  }
  header nav{
    background: #dcdcdc;
    margin: 0;
    text-align: left;
    padding: 0 4vw 8em;
  }
  header .imp-area{
    background: #fff;
    margin: 0;
    text-align: center;
    padding: 4.475vw 4vw;
    border-top: #ccc 0.2666vw solid;
    height: auto;
  }
  header .imp-area a{
    border: none;
    text-align: left;
    max-width: 100%;
    display: block;
  }
  header .gnav.active{
    display: block;
    background: #dcdcdc;
  }
  header .gnav > nav a,
  header .gnav > nav a.-btn{
    display: block;
    width: 100%;
    border: none;
    border-bottom: #fff 0.2666vw solid;
    text-align: left;
    padding: 1.1em 1em;
    line-height: 1.875;
    background: none;
    color: #333;
  }
  header .gnav > nav a.-btn{
    border-bottom: none;
  }
  header .logo{
    width: 53.066%;
    margin: 0;
  }
  header .logo a{
    margin-bottom: 0;
  }
  .modal-mode header .logo{
    z-index: 10000;
  }
  header .nav-tgl{
    position: absolute;
    right: 4vw;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 8.5714vw;
    height: 4.2857vw;
    background: url(../img/ico-berger.svg) no-repeat center center;
    background-size: contain;
  }
  header .gnav.active .close-tgl{
    position: absolute;
    right: 3.8vw;
    top: -14.6vw;
    display: block;
    width: 9vw;
    height: 9vw;
    background-color: #fff;
  }
  header .gnav.active .close-tgl:before,
  header .gnav.active .close-tgl:after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 8vw;
    height: 0.5vw;
    background: #000;
  }
  header .gnav.active .close-tgl:before{
    transform: translate(-50%,-50%) rotate(45deg);
  }
  header .gnav.active .close-tgl:after{
    transform: translate(-50%,-50%) rotate(-45deg);
  }
}
/* breadcrumb */
.breadcrumb{
  background-color: #fff;
  border-bottom: #ccc 1px solid;
  font-weight: 400;
}
.breadcrumb .-inner{
  max-width: 100%;
  width: 120rem;
  margin: auto;
}
.breadcrumb .-row{
  margin: 0 -2em;
  padding: 0.24em 0;
}
.breadcrumb a,
.breadcrumb span.ttl{
  line-height: 1;
  padding: 1em 2em;
  font-size: 1.4rem;
  position: relative;
}
.breadcrumb a:before,
.breadcrumb a:after{
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  height: 0.6em;
  width: 0.6em;
  transform: rotate(45deg) translate(-50%,0%);
}
.breadcrumb a:before{
  background: #ccc;
  right: -0.2em;
}
.breadcrumb a:after{
  background: #fff;
  right: 0;
}
@media screen and (max-width:991px){
  .breadcrumb{
    display: none;
  }
}

/* footer */
footer{
  background: #eee;
}
footer .f-upr{
  border-bottom: #ccc 1px solid;
}
footer section{
  padding: 3.125em 0;
}
footer .-inner{
  padding: 0 3.125em;
}
footer .f-logo{
  width: 21.9rem;
  margin-bottom: 3.0rem;
}
footer .f-nav > div{
  margin-right: 4em;
}
footer .f-nav > div:last-child{
  margin-right: 0;
}
footer ul{
  padding: 0;
}
footer li{
  list-style: none;
  margin-bottom: 0.1em;
}
footer li.-head{
  margin-bottom: 0.5em;
}
footer li a{
  color: inherit;
}
footer li.-head a{
  font-weight: 500;
}
footer .f-contact{
  align-items: center;
}
footer .f-contact p{
  font-weight: 400;
}
footer .f-contact > div + div{
  margin-left: 3em;
}
footer .f-mdr{
  padding-top: 2.2em;
}
footer .f-btm{
  background: #000;
  text-align: center;
  padding-top: 1.7em;
  padding-bottom: 1.6em;
}
footer .f-btm,
footer .f-btm a{
  color: #fff;
  font-size: 1.4rem;
}
footer .f-btm a{
  position: relative;
  display: inline-block;
  line-height: 1;
  margin: 1em 1em;
}
footer .f-btm a + a:before{
  content: "";
  position: absolute;
  left: -1em;
  top: 52%;
  transform: translate(-50%,-50%);
  display: block;
  width: 1px;
  height: 100%;
  background: #fff;
}
footer .f-btm p{
  margin-bottom: 0.5em;
}
footer .f-btm p:last-child{
  margin-bottom: 0;
}
@media screen and (max-width:991px){
  footer .-inner{
    padding: 0 1.8rem;
  }
  footer section{
    padding: 2.4rem 0;
  }
  footer .f-logo{
    margin: 0 auto 1.3em;
  }
  footer .f-nav{
    width: calc(100% + 1.8rem);
    margin-left: -0.9rem;
    margin-right: -0.9rem;
  }
  footer .f-nav > div{
    width: 50%;
    margin: 0;
    padding: 0.9rem;
  }
  footer li.-head{
  }
  footer li.-head a{
    font-weight: 400;
    display: block;
    border: #ccc 1px solid;
    padding: 1em;
  }
  footer .f-contact > div{
    width: 50%;
  }
  footer .f-contact > div + div{
    margin-left: 0;
  }
  footer .f-contact p{
    font-size: 1.2rem;
  }
  footer .f-mdr{
    padding-bottom: 3em;
  }
}
@media screen and (max-width:767px){
  footer li.-head{
    margin: 0;
  }
  footer li:not(.-head){
    display: none;
  }
  footer ul{
    margin: 0;
  }
}


/* main */
main{
  padding-top: 0;
}
main p{
  line-height: 1.875;
  margin-bottom: 1.875em;
  letter-spacing: 0.06em;
}
main p:last-child,
main ul:last-child,
main li:last-child{
  margin-bottom: 0;
}
[class*="arr-"]{
  position: relative;
  display: inline-block;
  color: inherit;
}
[class*="arr-"]:before,
[class*="arr-"]:after{
  content: "";
  position: absolute;
  top: 47%;
  display: block;
  height: 0.8em;
  width: 0.8em;
  transform: rotate(45deg) translate(-50%,0%);
}
.arr-l{
  padding-left: 1.8em;
}
.arr-l:before{
  background: #ccc;
  left: 0.4em;
}
.arr-l:after{
  background: #fff;
  left: 0.65em;
}
.arr-r{
  padding-right: 1.8em;
}
.arr-r:before{
  background: #ccc;
  right: 0.4em;
}
.arr-r:after{
  background: #fff;
  right: 0.65em;
}
/* mv */
.mv.-page{
  background-color: #222;
}
.mv .-inner{
  border-bottom: #ccc 1px solid;
  position: relative;
  height: 25rem;
  padding: 3.2em 3.125em;
  justify-content: center;
}
.mv.-txt h1{
  font-size: 3.0rem;
  font-weight: 300;
  color: #333;
}
.mv.-txt .date{
  position: absolute;
  left: 3.125em;
  bottom: 1.4em;
}
.mv.-page{
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.mv.-page .-inner{
  height: 46rem;
  border: none;
}
.mv.-page h1{
  font-size: 5rem;
  font-weight: 400;
  margin-bottom: 0.4em;
}
.mv.-page .description{
  font-size: 2rem;
  max-width: 52.5rem;
}
.mv.-light h1{
}
.mv.-light .description{
}
@media screen and (max-width:991px){
  .mv .-inner{
    padding: 1.8rem;
    
  }
  .mv.-page .-inner{
    height: 96vw;
    padding-top: 24%;
  }
  .mv.-page h1{
    font-size: 3.6rem;
    font-weight: 300;
    margin-bottom: 0;
  }
  .mv.-page .description{
    font-size: 1.8rem;
    max-width: 100%;
  }
  .mv.-txt{
    margin-top: 9.3rem;
  }
  .mv.-txt h1{
    font-size: 2.4rem;
    padding-bottom: 1em;
  }
  .mv.-txt .date{
    left: 1.8rem;
  }
  .mv.-txt .-inner{
    height: auto;
    min-height: 22rem;
    border: none;
    position: relative;
    padding: 4.8rem 1.8rem;
  }
  .mv.-txt .-inner:after{
    content: "";
    display: block;
    width: calc(100% - 3.6rem);
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: 0;
    background: #ccc;
    transform: translateX(-50%);
  }
}
/*l-nav*/
.l-nav{
  border-bottom: #ccc 1px solid;
}
.l-nav .-inner{
  padding: 1.32em 3.125em;
}
.l-nav nav{
  margin: 0 -1em;
}
.l-nav a{
  position: relative;
  display: inline-block;
  padding: 0.1em 0;
  margin: 0 1em;
  color: inherit;
  font-size: 1.5rem;
  font-weight: 400;
  text-decoration: none;
}
.l-nav a.current:before,
.l-nav a:hover:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.3rem;
  background: #ccc;
}
.l-nav a:hover:before{
  background: #065fd4;
}
.l-nav a.current{
  pointer-events: none;
}
@media screen and (min-width:992px){
  .l-nav .-head{
    display: none;
  }
  .l-nav_content{
    display: block !important;
  }
}
@media screen and (max-width:991px){
  .l-nav{
    border-bottom: transparent 1px solid;
  }
  .l-nav nav{
    margin: 0;
  }
  .l-nav .-head{
    display: block;
    position: relative;
    padding: 1.2rem 1.8rem;
    border-bottom: #ccc 1px solid;
    transition: .4s;
  }
  .l-nav.active{
    border-color: #ccc;
  }
  .l-nav .-head a{
    margin: 0;
    display: block;
    width: 50vw;
  }
  .l-nav .l-nav-tgl{
    display: block;
    width: 1.4em;
    height: 1.4em;
    position: absolute;
    right: 1.8rem;
    top: 50%;
    transform: translateY(-50%);
  }
  .l-nav .l-nav-tgl:before,
  .l-nav .l-nav-tgl:after{
    content: "";
    width: 1.0em;
    height: 0.2rem;
    background: #666;
    position: absolute;
    top: 48%;
  }
  .l-nav.active .l-nav-tgl:before,
  .l-nav.active .l-nav-tgl:after{
    width: 1.6em;
    top: 43%;
  }
  .l-nav .l-nav-tgl:before{
    right: 37%;
    transform: rotate(45deg);
  }
  .l-nav .l-nav-tgl:after{
    left: 37%;
    transform: rotate(-45deg);
  }
  .l-nav.active .l-nav-tgl:before{
    right: -8%;
  }
  .l-nav.active .l-nav-tgl:after{
    left: -8%;
  }
  .l-nav nav div{
    display: none;
    overflow: hidden;
  }
  .l-nav nav div > a{
    display: block;
    margin: 0 1.8rem;
    padding: 1.2rem 0;
    border-bottom: #ccc 1px solid;
  }
  .l-nav nav div > a:last-child{
    border: none;
  }
  .l-nav .-inner{
    padding: 0;
  }
  .l-nav a.current:before,
  .l-nav a:hover:before{
    display: none;
  }
  .l-nav a span{
    position: relative;
    padding: 0.2em 0;
  }
  .l-nav a.current span:before,
  .l-nav a span:hover:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.3rem;
    background: #ccc;
  }
}
/*================================================================
  
  block
  
================================================================*/
/* content */
main{
  padding: 7rem 0;
}
.content{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.content + .content .-inner{
  border-top: #ccc 1px solid;
}
.block{
  padding: 3rem 5rem;
}
.block.narrow{
  max-width: 90rem;
  margin: auto;
}
.block.acc-Layout.narrow{
  max-width: 106rem;
}
.img img{
  width: 100%;
}
@media screen and (max-width:991px){
  main{
    padding: 0;
  }
  .block{
    padding: 1.8rem;
  }
}
/* aside */
[class*="-aside"] li,
[class*="-aside"] p{
  font-weight: 400;
  font-size: 1.4rem;
  
}
.-aside > div{
  border: #ccc 1px solid;
  padding: 2em 3em;
}
[class*="-aside"] h4{
  font-weight: 400;
  margin-bottom: 0.5em;
}
@media screen and (max-width:991px){
  .-aside > div{
    padding: 2.4rem 2.1rem;
  }
}
/*-row*/
.block.-row{
  margin-left: -2rem;
  margin-right: -2rem;
}
.block.-row.-wide{
  margin-left: -4rem;
  margin-right: -4rem;
}

/* block > -Layout */
.block.-row > [class*="-Layout"]{
  padding: 1.5rem;
}
.block.-row.-wide > [class*="-Layout"]{
  padding: 1.5rem 4rem;
}
.block.-row > .two-Layout{
  width: 50%;
  margin-bottom: 5rem;
}
.block.-row > .three-Layout{
  width: 33.3333%;
  margin-bottom: 5rem;
}
.block.-row > .three-Layout .ttl{
  font-size: 2.0rem;
  font-weight: 400;
}
.block.-row > [class*="-Layout"] .more{
  margin-top: -2.8rem;
  margin-bottom: 1rem;
  text-align: right;
  padding-right: 1.8rem
}
.block.-row > .h-Layout{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  padding-left: 5rem;
  padding-right: 5rem;
  border-bottom: #ccc 1px solid;
  margin-bottom: 4rem;
  width: calc(100% + 10rem);
}
.block.-row > .two-Layout .img{
  margin-bottom: 4rem;
}
.block.-row > .two-Layout .name{
  margin-bottom: 2.7rem;
}
.block.-row > .two-Layout .name p{
  font-size: 2.0rem;
  margin-bottom: 0;
  color: #333;
  line-height: 1;
}
.block.-row > .two-Layout .name h3{
  font-size: 3.0rem;
  font-weight: 400;
  color: #000;
}
.block.-row > .two-Layout .name h3 small{
  font-size: 1.6rem;
  color: #666;
  margin-left: 1em;
}
@media screen and (max-width:991px){
  .block.-row > [class*="-Layout"] .more{
    
  }
  .block.-row > .two-Layout{
    width: 100%;
  }
  .block.-row > .two-Layout .img{
    margin-bottom: 2.4rem;
  }
}
/* news-body */
.news-body{
  padding-top: 0;
  max-width: 1100px;
}
@media screen and (max-width:991px){
  .news-body{
    padding-top: 3rem;
    padding-bottom: 5rem;
  }
  .news-body + .-back{
    margin-bottom: 2rem;
  }
}
/* -list */

[class*="-list"].-last{
  padding-bottom: 0;
}
[class*="-list"] h2{
  font-size: 3.0rem;
  line-height: 1.5;
  padding: 1.8rem 5rem;
  margin: 0 -5rem 3rem;
  border-bottom: #ccc 1px solid;
}
[class*="-list"] ul{
  padding-left: 0;
}
[class*="-list"] li{
  padding: 1em 0;
  list-style: none;
}
[class*="-list"] .date{
  font-weight: 400;
  width: 13em;
  color: #000;
}
[class*="-list"] .ttl{
  color: inherit;
  flex: 1;
  display: flex;
}
[class*="-list"] .ttl > span:nth-child(1){
  width: auto;
  padding-right: 2em;
}
[class*="-list"] .ttl > span:nth-child(2){
  white-space: nowrap;
  width: 130px;
}
[class*="-list"] .ttl > span.important{
  display: inline-block;
  width: 4em;
  height: 1.7em;
  margin-left: -5em;
  margin-right: 1em;
  font-size: 1.2rem;
  line-height: 1;
  padding: 0.3em 1em;
  background-color: red;
  color: #fff;
  position: relative;
  top: 0.45em;
  pointer-events: none;
  text-decoration: none;
}
[class*="-list"] .ttl:hover > span.important{
  background-color: #666;
}
.pdf-file{
  position: relative;
  padding-left: 2em;
  display: inline-block;
}
.pdf-file:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 1.4em;
  height: 2em;
  background: url(../img/ico-pdf.png) no-repeat center center;
  background-size: contain;
}
td .pdf-file:before{
  top: 0;
}
.pdf-file span{
  color: #065fd4;
}
.text-Layout .pdf-file{
  margin-left: 1em;
}
.large_list li{
  margin-bottom: 2em;
}
.text-Layout.fs_l .large_list li{
  font-size: 2.4rem;
}
.text-Layout.fs_m .large_list li{
  font-size: 2.0rem;
}
.text-Layout.fs_s .large_list li{
  font-size: 1.6rem;
}

.text-Layout[class*="fs_"] .large_list li .text{
  font-size: 1.6rem;
}
@media screen and (max-width:991px){
  [class*="-list"] h2{
    font-size: 2.4rem;
    padding: 2.4rem 5rem;
  }
  [class*="-list"] .date{
    width: 100%;
  }
  [class*="-list"] .ttl{
    width: 100%;
    flex: none;
  }
  .news-list li + li:not(.-link){
    border-top: #ccc 1px solid;
  }
  .news-list .-link{
    text-align: right;
  }
  [class*="-list"] .ttl{
    display: block;
  }
  [class*="-list"] .ttl > span:nth-child(1),
  [class*="-list"] .ttl > span:nth-child(2){
    width: 100%;
    display: block;
  }
  [class*="-list"] .ttl > span:nth-child(2){
    margin-top: 0.4em;
  }
  [class*="-list"] .ttl > span.important{
    width: 4em;
    margin: 0 0.2em 0 0;
    display: inline-block;
    font-size: 1.6rem;
    position: static;
    white-space: nowrap;
  }
}
/*lead-box*/
.lead-box h2{
  font-size: 4.0rem;
  margin-bottom: 1.1em;
  color: #000;
}
.lead-box p{
  font-weight: 400;
  line-height: 2.1875;
}
.lead-box h2.-bold small{
  display: block;
  text-align: center;
  font-size: 2rem;
  font-weight: 400;
  padding: 0 0 1.5em;
  margin-bottom: 1.1em;
  position: relative;
}
.lead-box h2.-bold small:after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 1.2em;
  height: 0.2rem;
  background: #000;
}
.lead-box .box{
  border-bottom: #ccc 1px solid;
  padding-bottom: 6rem;
}
.lead-box .box + .box{
  margin-top: 10rem;
}
@media screen and (max-width:991px){
  .lead-box h2{
    font-size: 3rem;
  }
  h2.fs50{
    font-size: 3.6rem !important;
  }
  .lead-box .box.-message h2.fs50{
    font-size: 3rem !important;
  }
  .lead-box .box.-message h2 + div{
    font-size: 1.5rem;
  }
}
/*categories*/
.categories > nav{
  margin-left: -1rem;
  margin-right: -1rem;
}
.categories p{
  padding: 1rem;
}
.categories [class*="-row"] .col-2{
  width: 10%;
}
#xj-select-category.-row .col-2{
  width: 16%;
}
.categories a{
  display: block;
  text-align: center;
  border: #ccc 1px solid;
  color: inherit;
  font-size: 2rem;
  line-height: 1;
  padding: 0.8em;
}
.categories a:hover{
  text-decoration: none;
  background-color: #065fd4;
  border-color: #065fd4;
  color: #fff;
}
.categories a.current{
  border-color: #b3b3b3;
  background-color: #b3b3b3;
  color: #fff;
  pointer-events: none;
}
@media screen and (max-width:991px){
  .categories a{
    font-size: 1.8rem;
  }
  .categories p{
    margin: 0;
  }
  .categories [class*="-row"] .col-2{
    width: 25%;
  }
  #xj-select-category.-row .col-2{
    width: 33%;
  }
}
/*pagenation*/
.pagenation{
  vertical-align: top;
}
.pagenation nav{
  text-align: center;
}
.pagenation a{
  transition: .3s;
  cursor: pointer;
}
.pagenation a.page,
.pagenation a.link_page,
.pagenation .current_page{
    display: inline-block;
  border: #ccc 1px solid;
  text-align: center;
  line-height: 2.3em;
  height: 2.4em;
  width: 2.4em;
  padding: 0;
  vertical-align: top;
  margin: 1rem;
  font-weight: 400;
}
.pagenation a:hover{
  text-decoration: none;
}
.pagenation a.page:hover,
.pagenation a.link_page:hover{
  border-color: #065fd4;
  background-color: #065fd4;
  color: #fff;
}
.pagenation .current,
.pagenation .current_page{
  border-color: transparent;
  color: inherit;
  pointer-events: none;
}
.pagenation [class*="arr-"]{
  margin: 1rem;
  height: 2.4em;
  width: 2.4em;
  position: relative;
}
.pagenation [class*="arr-"] a{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  text-indent: -999%;
  z-index: 2;
}
.pagenation [class*="arr-"]:hover:before{
  background: #065fd4;
}
@media screen and (max-width:991px){
  .pagenation [class*="arr-"]{
    margin: 0.5rem;
    transform: translateY(0.3rem);
  }
}
/*message*/
.img-box{
  margin-bottom: 6rem;
}
.text-box .name{
  color: #000;
}
.text-box .name span{
  font-size: 4.0rem;
  font-family: 'Noto Serif JP', serif;
}
.text-box .name small{
  display: inline-block;
  margin-right: 1em;
  font-size: 2rem;
}
.text-box .name span.img{
  width: 50%;
  max-width: 38rem;
  display: inline-block;
}
.text-box .name span.img img{
  vertical-align: middle;
}
/*h-Layout*/
.block.h-Layout{
  padding-bottom: 0;
}
/*tbl*/
.h-Layout + .table-Layout{
  padding-top: 1.6em;
}
.-tbl{
  margin-left: -3.125em;
  margin-right: -3.125em;
}
.-tbl > table{
  width: 100%;
}
.-tbl > table th,
.-tbl > table td{
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  text-align: left;
  vertical-align: top;
  padding: 1.6em;
  color: #333;
}
.-tbl > table th{
  border-right: #ccc 1px solid;
  padding-left: 3.125em;
  font-weight: 400;
  color: #000;
}
.-tbl > table td{
  padding-left: 3.125em;
  padding-right: 3.125em;
}
.-tbl > table .inner-tbl th,
.-tbl > table .inner-tbl td{
  padding: 0 2em 0 0;
  border: none;
}
/*access*/
.acc-Layout h2{
  margin: 0 -17rem 4rem;
  padding: 0 17rem 0.6em;
  border-bottom: #ccc 1px solid;
  font-size: 3.0rem;
}
.acc-text p,
.acc-list li{
  font-weight: 400;
}
.acc-text{
  margin-bottom: 4rem;
}
.acc-list{
  border: #ccc 1px solid;
  padding: 2rem 4rem;
  margin-bottom: 4rem;
}
.acc-list li{
  padding: 0.2em;
  font-size: 1.4rem;
  line-height: 1.5;
}
.acc-list.one-col li{
  width: 100%;
}
.acc-list.two-col li{
  width: 50%;
}

/*-business_overview*/
.-business_overview{
  text-align: center;
}
.-business_overview > div{
  position: relative;
}
.-business_overview > div:before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  display: block;
  width: calc(100% - 2rem);
  height: 0;
  padding-top: calc(100% - 2rem);
  border-radius: 50%;
  border: #ccc 1px solid;
}
.-business_overview > div:nth-child(1):after,
.-business_overview > div:nth-child(3):after{
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  height: 130%;
  background: #fff;
}
.-business_overview > div:nth-child(1):after{
  left: 0;
}
.-business_overview > div:nth-child(3):after{
  right: 0;
}
.-business_overview .-inner{
  position: relative;
  z-index: 2;
}
.-business_overview :not(.-last) .-inner:after{
  content: "";
  position: absolute;
  top: 50%;
  right: calc(0% - 1.5rem);
  transform: translate(50%,-50%);
  display: block;
  width: 2.2rem;
  height: 3.8rem;
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  background-color: #fff;
}
.-business_overview .img{
  width: 12.2rem;
  height: 12.2rem;
  margin: 0 auto 0.2em;
}
.-business_overview .ttl{
  font-size: 2.0rem;
  color: #00408d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 3em;
  line-height: 1.5;
  margin-bottom: 0.3em;
}
.-business_overview .txt{
  
}
/*ir*/
.ir-list > h3.ttl{
  display: block;
  border: #ccc 1px solid;
  text-align: center;
  font-size: 3.0rem;
  color: #666;
  padding: 1.5rem 1rem;
}
.ir-list > h3.head{
  display: block;
  position: relative;
  border-bottom: #ccc 1px solid;
  xtext-align: center;
  font-size: 2.4rem;
  color: #333;
  padding: 0.5rem 1.8rem;
  margin-left: -1.8rem;
}
.ir-list.col-4 .date,
.ir-list.col-6 .date{
  display: block;
  font-size: 1.8rem;
}
.ir-link.ttl{
  display: inline;
}
#ir-news h2{
  border: none;
  padding-bottom: 0;
}
#ir-news ul{
  max-width: 106rem;
}
#ir-news .pdf-file{
  margin-left: auto;
}
#ir-news .date{
  width: 9em;
}
#ir-news .cat-label{
  width: 7em;
  text-align: center;
  color: #fff;
  background-color: #b3b3b3;
  border: #b3b3b3 1px solid;
  align-self: flex-start;
  margin-right: 3rem;
}
.ir-nav .img{
  width: 12.2rem;
  margin: 0 auto 1rem;
}
.ir-nav .ttl{
  font-size: 3.0rem;
}
.ir-nav .col{
  padding: 4rem 3rem;
}
.ir-nav nav{
  align-content: center;
  justify-content: center;
}
.ir-nav nav a{
  position: relative;
  color: inherit;
  line-height: 1;
  padding: 0 1.2em;
  margin: 0.7em 0;
}
.ir-nav nav a:not(:nth-child(1)):after{
  content: "";
  display: block;
  width: 1px;
  height: 1em;
  position: absolute;
  top: 52%;
  left: 0%;
  transform: translate(-50%,-50%);
  background: #999;
}
.ir-nav .col:nth-child(5) nav a:nth-child(5):after,
.ir-nav .col:nth-child(4) nav a:nth-child(4):after{
  display: none;
}
@media screen and (max-width:1305px){
  .ir-nav .col:nth-child(4) nav a:nth-child(6):after{
    display: none;
  }
}
@media screen and (min-width:992px){
}
@media screen and (max-width:991px){
  .-tbl{
    margin: 0;
    font-size: 1.4rem;
  }
  .-tbl > table th{
    padding-left: 1.4rem;
    padding-right: 0.8rem;
    width: 10.86rem;
  }
  .-tbl > table td{
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }
  .-tbl > table td small{
    display: block;
    font-weight: 300;
  }
  .-tbl #officer td:nth-child(1){
    white-space: nowrap;
  }
  .link-acc{
    display: inline-block;
    border: #ccc 1px solid;
    margin-top: 0.3em;
    padding: 0.4em 0.8em;
  }
  .acc-list{
    padding: 2.4rem 2.1rem;
  }
  .acc-list.two-col li{
    width: 100%;
  }
  .map{
    padding-top: 60%;
  }
  .-business_overview{
    flex-direction: column;
  }
  .-business_overview.-row{
    margin: 2rem 0 ;
    padding: 0 3.6rem;
  }
  .-business_overview.-row > .three-Layout{
    width: 100%;
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-bottom: 4rem;
  }
  .-business_overview > div:nth-child(1):after, .-business_overview > div:nth-child(3):after{
    display: none;
  }
  .-business_overview .txt{
    height: 6em;
  }
  .-business_overview :not(.-last) .-inner:after{
    top: auto;
    right: auto;
    left: 50%;
    bottom: -22.3%;
    transform: translate(-50%,0%);
    display: block;
    width: 4.4rem;
    height: 2.8rem;
    border-top: #ccc 0px solid;
    border-bottom: #ccc 0px solid;
    border-left: #ccc 1px solid;
    border-right: #ccc 1px solid;
    background-color: #fff;
  }
}


/*===========================================
  
  -editors_Layouts
  
===========================================*/
.-editors_Layouts h2,
.-editors_Layouts h3{
  color: #333;
  font-size: 400;
}
.-editors_Layouts{
  padding-top: 0;
}
.-editors_Layouts.-row.-center{
  justify-content: center;
}
.-editors_Layouts.-row,
.-editors_Layouts.-row.block > .-row.col{
  margin-left: -4rem;
  margin-right: -4rem;
}
.-editors_Layouts.-row.block > .-row.col{
  padding: 0;
}
.-editors_Layouts.block.-row > .col,
.-editors_Layouts.block.-row > .-row.col > .col{
  padding: 3rem 4rem;
}
.-editors_Layouts.block.-row > .col.col-4{
  margin-right: -2.5rem;
  margin-left: -2.5rem;
  width: calc(33.3333% + 3.33rem);
}
@media screen and (max-width:991px){
  .-editors_Layouts.-row,
  .-editors_Layouts.-row.block > .-row.col{
    margin-left: -1.8rem;
    margin-right: -1.8rem;
  }
  .-editors_Layouts.block.-row > .col,
  .-editors_Layouts.block.-row > .-row.col > .col{
    padding: 1.6rem 1.8rem;
  }
  .-editors_Layouts.block.-row > .col.col-4{
    margin: 0;
    width: 50%;
  }
  .-editors_Layouts.block.-row > .col.col-4.sm-col-12{
    margin: 0;
    width: 100%;
  }
}
/*spacer*/
.spacer .layout-inner{
  position: relative;
  height: 10rem;
}
.spacer.-line .layout-inner{
  position: relative;
  height: 14rem;
}
.spacer.-line .layout-inner:after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: block;
  max-width: 100vw;
  width: 130rem;
  height: 1px;
  background: #ccc;
}
/*lead-box*/
.-editors_Layouts .lead-box.narrow :not(h2){
  width: 88rem;
  max-width: 100%;
  margin: auto;
}
.-editors_Layouts .lead-box h2{
  font-size: 4rem;
}
.-editors_Layouts .lead-box h3{
  font-size: 3rem;
}
.-editors_Layouts .lead-box h2 small{
  display: block;
  font-size: 75%;
  font-weight: inherit;
}
/*img-set-Layout*/
.-editors_Layouts.block.-row > .img-set-Layout .img{
  margin-bottom: 2rem;
}
.-editors_Layouts.block.-row > .img-set-Layout .more{
  margin-top: -4.8rem;
}
.-editors_Layouts.block.-row > .img-set-Layout.col-6 .more{
  margin-bottom: 2rem;
}
.img-set-Layout .head:not(span){
  font-size: 2.0rem;
  font-weight: 400;
  margin-bottom: 0.4em;
  color: #333;
}
.img-set-Layout .ttl{
  font-size: 3.0rem;
  font-weight: 400;
  margin-bottom: 0.4em;
  color: #333;
}
.img-set-Layout .ttl small{
  font-size: 50%;
}
/*round-box*/
[class*="-Layout"].-round_box > div{
  border: #ccc 1px solid;
  border-radius: 2rem;
  padding: 3.9rem;
  height: 100%;
}
[class*="-Layout"].-round_box .img{
  overflow: hidden;
  border-radius: 1.4rem;
}
/*btn-Layout*/
.btn-Layout{
  text-align: center;
}
.btn-Layout div + div{
  margin-top: 1.6rem;
}
.btn-Layout [class*="-btn"]{
    padding-left: calc(4.725em - 1px);
    padding-right: calc(4.725em - 1px);
}
/*float-Layout*/
.-editors_Layouts [class*="-first"]{
  order: 1;
}
.-editors_Layouts [class*="-second"]{
  order: 2;
}
.-editors_Layouts [class*="-third"]{
  order: 3;
}
.float-Layout [class*="img-"]{
  width: 50%;
}
.float-Layout.-full [class*="img-"]{
  width: 48.3871%;
}
.float-Layout [class*="cont-"]{
  width: auto;
  flex: 1;
}
.float-Layout.-full [class*="cont-"]{
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.float-Layout [class*="cont-"] > p,
.float-Layout [class*="cont-"] > h2,
.float-Layout [class*="cont-"] > h3,
.float-Layout [class*="cont-"] > div{
  display: inline-block;
  width: 100%;
}
.-editors_Layouts.block.-row > .-row.col.-img_left.-full > .col[class*="cont-"]{
  padding-left: 1rem;
}
.-editors_Layouts.block.-row > .-row.col.-img_right.-full > .col[class*="cont-"]{
  padding-right: 1rem;
}
.float-Layout [class*="cont-"] .name{
  line-height: 1.3;
  margin-top: 2em;
}
.float-Layout [class*="cont-"] .name small,
.float-Layout [class*="cont-"] .name span{
  display: block;
  line-height: 1.3;
}
.float-Layout [class*="cont-"] .name small{
  font-size: 1.6rem;
}
.float-Layout [class*="cont-"] .name span{
  font-size: 3.0rem;
  font-family: "Noto Serif JP";
}
.ir-content .float-Layout [class*="cont-"]  .txt{
  margin-top: 2em;
}
/*h-Layout*/
[class*="-row"] .col-12.head-Layout:not(.-full),
[class*="-row"] .col-12.text-Layout:not(.-full),
[class*="-row"] .col-12.img-set-Layout:not(.-full),
[class*="-row"] .col-12.float-Layout:not(.-full){
  max-width: 100%;
  width: 108rem;
}
.head-Layout h2,
.head-Layout h3{
  margin-bottom: 0;
}
.head-Layout h2{
  font-size: 4.0rem;
  padding-bottom: 0.5em;
  padding-left: 2.4rem;
  padding-right: 2.5rem;
  border-bottom: #ccc 1px solid;
  margin-left: -2.4rem;
  margin-right: -2.4rem;
}
.head-Layout h3{
  font-size: 3.0rem;
}
.head-Layout .ttl.idt{
  padding-left: 2em;
  position: relative;
  margin-left: -2em;
}
.head-Layout .ttl.idt .head{
  position: absolute;
  display: block;
  width: 1.4em;
  color: #999;
  left: 0;
  text-align: right;
}
.-editors_Layouts.block.-row > .head-Layout{
  padding-bottom: 1.5rem;
}
.-editors_Layouts.block.-row > .col.faq-Layout{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.-editors_Layouts .faq-Layout + .faq-Layout{
  border-top: #ccc 1px solid;
}
.-editors_Layouts .faq-Layout dl{
  padding-left: 2rem;
}
.-editors_Layouts .faq-Layout dt,
.-editors_Layouts .faq-Layout dd{
  position: relative;
}
.-editors_Layouts .faq-Layout span.head{
  position: absolute;
  right: 100%;
  top: -1rem;
  width: 2em;
  padding-right: 0.4em;
  text-align: right;
  font-size: 4rem;
  line-height: 1;
}
.-editors_Layouts .faq-Layout dt{
  margin-bottom: 2rem;
  font-size: 2.4rem;
  color: #333;
}
.-editors_Layouts .faq-Layout dt .head{
  color: #333;
}
.-editors_Layouts .faq-Layout dd .head{
  color: #999;
}
.-editors_Layouts .faq-Layout dd a{
  font-weight: 400;
}
.-editors_Layouts.block.-row > .col.movie-Layout .movie{
  margin-top: 3rem;
}
@media screen and (min-width:992px){
  .-editors_Layouts.block.-row > .col.movie-Layout{
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .-editors_Layouts.block.-row > .col.movie-Layout .head{
    margin-left: -9.8rem;
    margin-right: -9.8rem;
  }
}
@media screen and (max-width:991px){
  .float-Layout [class*="cont-"]{
    order: 1;
  }
  .float-Layout [class*="img-"]{
    order: 2;
  }
  .img-set-Layout .head:not(span){
    font-size: 1.8rem;
  }
  .-editors_Layouts .lead-box h2{
    font-size: 2.4rem;
  }
  .-editors_Layouts .lead-box h3{
    font-size: 2.0rem;
  }
  [class*="-Layout"].-round_box > div{
    padding: 2rem;
  }
  .float-Layout [class*="img-"],
  .float-Layout [class*="cont-"],
  .float-Layout.-full [class*="img-"],
  .float-Layout.-full [class*="cont-"]{
    width: 100%;
  }
  .-editors_Layouts.block.-row > .-row.col.-img_left.-full > .col[class*="cont-"]{
    padding-left: 1.8rem;
  }
  .head-Layout h3{
    font-size: 2.4rem;
  }
  .head-Layout .ttl.idt{
    margin-left: -0.5em;
    font-size: 2.4rem;
  }
  .-editors_Layouts .faq-Layout dl{
    padding-left: 4rem;
  }
  .-editors_Layouts.block.-row > .col.faq-Layout{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
/*================================================================
  
  INDEX
  
================================================================*/
body.index header{
  background: transparent;
  xmargin-bottom: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 3;
}
.mv.-index{
  height: 100vh;
  max-height: 90rem;
  background-size: cover;
}
.mv.-index h1{
  padding-left: 0.7em;
  font-size: 5rem;
  line-height: 1.3;
}
.mv.-index h1 span{
  font-size: 6rem;
  font-weight: 200;
  font-family: 'Noto Sans';
}
.mv.-index .-inner{
  height: 100%;
  padding-top: 12.6rem;
}
body.index main{
  padding-top: 0;
}
.index-content h2.ttl{
  font-weight: 300;
  font-size: 3.0rem;
  margin-bottom: 0.8em;
}
.index-content h3.head{
  font-weight: 300;
  font-size: 2.0rem;
  padding-top: 1.4em;
  margin-bottom: 0.8em;
}
.index-content .box + .box{
  border-top: #ccc 1px solid;
  padding-bottom: 2.4rem;
}
.liquid-image{
  position: absolute;
  top: 0;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.index-content #sec-company .img{
  height: 39rem;
  position: relative;
}
.index-content #sec-company .liquid-image{
  width: calc(50vw - 4rem);
  right: 0;
}
.index-content #sec-creative .img{
  height: 39rem;
  position: relative;
  align-content: center;
  justify-content: center;
}
.index-content #sec-creative .liquid-image{
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
}
.index-content #sec-creative .img h2{
  color: #fff;
  font-weight: 400;
  font-size: 5.0rem;
}
.index-content .spacer.-line .layout-inner{
  height: 4rem;
}
@media screen and (max-width:991px){
  body.index.modal-mode header{
    background: #fff;
  }
  .mv.-index{
    max-height: 70rem;
  }
  .mv.-index h1{
    font-size: 3.7rem;
  }
  .mv.-index h1 span{
    font-size: 4.2rem;
    font-weight: 300;
  }
  .index-content #sec-company .img{
    margin-left: -1.8rem;
    margin-right: -1.8rem;
  }
  .index-content #sec-company .liquid-image{
    width: 100%;
  }
}


/*xj-mainlist*/
.selectlist{
  position: relative;
  display: inline-block;
}
.selectlist,
.selectlist select {
  width: auto;
  min-width: 220px;
}
.selectlist select {
  width: 170px;
  height: 35px;
  outline: none;
  text-indent: 0.01px;
  text-overflow: '';
  vertical-align: middle;
  font-size: inherit;
  color: #333;
  font-weight: 400;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #313C4C;
  padding: 5px 20px;
  line-height: 1;
}
.selectlist::after {
  content: "";
  width: 16px;
  height: 35px;
  background: url(../img/selectlist_bg.svg)no-repeat right center/16px 35px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
[id*="xj-mainlist"].ir_list li{

}
[id*="xj-mainlist"].ir_list li > a,
[id*="xj-mainlist"].ir_list li > span > a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  color: inherit;;
}
[id*="xj-mainlist"].ir_list li > a .data,
[id*="xj-mainlist"].ir_list li > span > a .data {
  font-weight: 400;
  width: 9em;
  color: #000;
  margin-bottom: 0;;
}
[id*="xj-mainlist"].ir_list li > a .data + p,
[id*="xj-mainlist"].ir_list li > a > span .data + p{
  width: auto;
  padding-right: 2em;
  flex: 1;
}
[id*="xj-mainlist"].ir_list li .icon_pdf{
  margin-left: 2em;
  white-space: nowrap;
  width: 9rem;
  position: relative;
  padding-left: 2em;
  display: inline-block;
}
[id*="xj-mainlist"].ir_list li .icon_pdf:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 1.4em;
  height: 2em;
  background: url(../img/ico-pdf.png) no-repeat center center;
  background-size: contain;
}
[id*="xj-mainlist"] .no_link p{
  font-weight: 400;
}
.xj_graph_image{
  margin: 1rem;
}
[id*="xj-mainlist"] span.wa p:last-child{
  padding-right: 2em;
}
@media screen and (max-width:991px){
  [id*="xj-mainlist"].ir_list li > a .data{
    width: 100%;
  }
}

/*creation*/
main.create .img-set-Layout{
  position: relative;
}
main.create .img-set-Layout .layout-inner{
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 44rem;
}
main.create .img-set-Layout h3{
  text-align: center;
  color: #00408d;
}
main.create .img-set-Layout .text{
  width: 34rem;
  margin: 0 auto;
  color: #333;
  font-weight: 400;
}
main.create .img-set-Layout .text p{
  font-weight: 400;
}
main.create .-editors_Layouts.block.-row .head-Layout,
main.create .-editors_Layouts.block.-row .head-Layout .ttl{
  padding-bottom: 0;
}
main.create .head-Layout .ttl{
  color: #00408d;
  border: none;
  margin-top: 4em;
}
main.create .head-Layout .ttl a{
  color: #00408d;
  text-decoration: none;
}
main.create .text-Layout p{
  font-weight: 400;
  font-size: 1.8rem;
  max-width: 64rem;
  color: #000;
}

/* Circles */
div.circles,
div.circles > div {
    position: absolute;
  width: 56rem;
  height: 50rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  mix-blend-mode: overlay;
  background-size: cover;
}
div.circles > div.circle-3{
  background-size: 120%;
}
div.circles > div.circle-3{
  mix-blend-mode: overlay;
}
.circle-1 {
  background: url(../img/creation/kv-3.png) no-repeat center center;
  border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;
  animation: border-animation 6s infinite linear;
}
.circle-2 {
  background: url(../img/creation/kv-2.png) no-repeat center center;
  border-radius: 80% 30% 50% 50%/50%;
  animation: border-animation 4s infinite linear;
}
.circle-3 {
  background: url(../img/creation/kv-1.png) no-repeat center center;
  border-radius: 40% 40% 50% 40%/30% 50% 50% 50%;
  animation: border-animation 3s infinite linear;
}

/* Animation */
@keyframes border-animation {
  to { transform: translate(-50%,-50%) rotate(360deg); }
}

body > .field{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

/*anim*/
.fadeIn{
  opacity: 0;
}
.fadeIn.play{
  -webkit-animation: 1.5s 1.5s fadeIn forwards;
  animation: 1.5s 1.5s fadeIn forwards;
}
@-webkit-keyframes fadeIn {
  0% {
      opacity: 0;
      -webkit-transform: translateY(1em);
      transform: translateY(1em);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
      opacity: 0;
      -webkit-transform: translateY(1em);
      transform: translateY(1em);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
}
.dark-mode.is-dark .create p,
.dark-mode.is-dark .create h2,
.dark-mode.is-dark .create h3,
.dark-mode.is-dark .create .ttl a{
  color: #fff !important;
  transition: 1s;
}
.dark-mode.is-dark .create .ttl a{
  display: inline-block;
}
.dark-mode.is-dark .create .ttl a:hover{
  color: rgba(0,0,0,.2);
  background: -webkit-linear-gradient( 20deg,#12d6df, #126fdf,#6212df, #fd644f);
  background-size:400%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textAnime 15s infinite;
}
@keyframes textAnime{
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

/*FORM*/
.contact-form td label{
  display: block;
}
.contact-form input[type="text"],
  .contact-form textarea{
    width: 50rem;
  max-width: 100%;
  border: #dcdcdc 1px solid;
  padding: 0.5em 1em;
}
.contact-form [type="submit"]{
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  line-height: 1;
  padding-top: calc(1.0625em - 1px);
  padding-bottom: calc(1.0625em - 1px);
  padding-left: calc(2.725em - 1px);
  padding-right: calc(2.725em - 1px);
  border: #00408d 1px solid;
  cursor: pointer;
  text-decoration: none;
  background-color: #00408d;
  color: #fff;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
  min-width: calc(12.5em - 2px);
}
.contact-form [type="submit"]:hover{
  background-color: #000;
  border-color: #000;
}
.contact-form input[type="checkbox"]{
  margin-right: 0.2em;
}

.scrollarea{
  border: #ccc 1px solid;
  height: 22rem;
  overflow-x: auto;
  overflow-y: scroll;
  margin-bottom: 1em;
}
.scrollarea .inner{
  padding: 1em;
}
.scrollarea .title{
  font-weight: 400;
  margin-bottom: 0.4em;
}
.scrollarea dl.privacy{
  margin-bottom: 1em;
}
.scrollarea li > ul,
.scrollarea li > ol{
  margin-top: 0.5em;
  margin-left: 1em;
}
.-tbl .err-msg{
  width: 80rem;
  max-width: 100%;
  margin: 0 auto 3em;
}
.error em,
.err-msg em{
  color: red;
  font-weight: 400;
  font-style: normal;
}
.contact-form .panel{
  display: inline-block;
  border: red 1px solid;
  color: red;
  line-height: 1;
  padding: 0.6em 0.9em;
  margin-left: 0.4em;
}
.inline{
  display: inline-block;
  margin: 1rem;
}

@media screen and (max-width:991px){
  .contact-form input[type="text"], .contact-form textarea{
    width: 100%;
  }
}