@charset "utf-8";
/* ==========================================================================
 FONT FACE
========================================================================== */
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 200;
  src: url("../font/noto-sans-cjk/thin/NotoSansCJKjp-Thin-set.eot"); src: url("../font/noto-sans-cjk/thin/NotoSansCJKjp-Thin-set.eot?") format('embedded-opentype'), url("../font/noto-sans-cjk/thin/NotoSansCJKjp-Thin-set.woff") format("woff"), url("../font/noto-sans-cjk/thin/NotoSansCJKjp-Thin-set.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 300;
  src: url("../font/noto-sans-cjk/light/NotoSansCJKjp-Light-set.eot"); src: url("../font/noto-sans-cjk/light/NotoSansCJKjp-Light-set.eot?") format('embedded-opentype'), url("../font/noto-sans-cjk/light/NotoSansCJKjp-Light-set.woff") format("woff"), url("../font/noto-sans-cjk/light/NotoSansCJKjp-Light-set.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 400;
  src: url("../font/noto-sans-cjk/regular/NotoSansCJKjp-Regular-set.eot"); src: url("../font/noto-sans-cjk/regular/NotoSansCJKjp-Regular-set.eot?") format('embedded-opentype'), url("../font/noto-sans-cjk/regular/NotoSansCJKjp-Regular-set.woff") format("woff"), url("../font/noto-sans-cjk/regular/NotoSansCJKjp-Regular-set.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 500;
  src: url("../font/noto-sans-cjk/medium/NotoSansCJKjp-Medium-set.eot"); src: url("../font/noto-sans-cjk/medium/NotoSansCJKjp-Medium-set.eot?") format('embedded-opentype'), url("../font/noto-sans-cjk/medium/NotoSansCJKjp-Medium-set.woff") format("woff"), url("../font/noto-sans-cjk/medium/NotoSansCJKjp-Medium-set.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 700;
  src: url("../font/noto-sans-cjk/bold/NotoSansCJKjp-Bold-set.eot"); src: url("../font/noto-sans-cjk/bold/NotoSansCJKjp-Bold-set.eot?") format('embedded-opentype'), url("../font/noto-sans-cjk/bold/NotoSansCJKjp-Bold-set.woff") format("woff"), url("../font/noto-sans-cjk/bold/NotoSansCJKjp-Bold-set.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 900;
  src: url("../font/noto-sans-cjk/black/NotoSansCJKjp-Black-set.eot"); src: url("../font/noto-sans-cjk/black/NotoSansCJKjp-Black-set.eot?") format('embedded-opentype'), url("../font/noto-sans-cjk/black/NotoSansCJKjp-Black-set.woff") format("woff"), url("../font/noto-sans-cjk/black/NotoSansCJKjp-Black-set.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'DINPro';
  font-style: normal;
  font-weight: 600;
  src: url("../font/dinpro/DINPro-Regular.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'DINProB';
  font-style: normal;
  font-weight: 600;
  src: url("../font/dinpro/DINPro-Black.ttf") format("truetype");
  /* Safari, Android, iOS */
}
/* ==========================================================================
 Base
========================================================================== */
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: 0.6em;
    }
}
@media screen and (max-width:320px){
    html{
        font-size: 0.55em;
    }
}
body {
  color: #000;
  font-family: 'NotoSansCJKjp','ヒラギノ角ゴ 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:767px){
    body{
        font-size: 1.4rem;
    }
}
/*normalize*/
body{ -webkit-print-color-adjust: exact !important;}
input{
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: 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;
  height: 100%;
  min-height: 100%;
  word-break: break-all;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -moz-hyphens: auto;
  line-height: 1.8;
}
ol, ul, li, dl, dt, dd {
  margin: 0;
  padding: 0;
}
a{
    cursor: pointer;
    outline: none;
    text-decoration: underline;
}
img{
    vertical-align: bottom;
    max-width: 100%;
}
h1,h2,h3,h4,h5,h6,p,li,dt,dd{
    margin: 0;
    padding: 0;
    font-weight: normal;
}
h3{
    margin-bottom: 0.4em;
}
p{
}
small{
    font-weight: normal;
}
.preload * {
    -webkit-transition: none !important;
    transition: none !important;
}
h1,h2,h3,h4,h5{
    word-break: break-all;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    font-weight: bold;
}
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: 2px !important;} .mb4{margin-bottom: 4px !important;} .mb6{margin-bottom: 6px !important;} .mb8{margin-bottom: 8px !important;} .mb10{margin-bottom: 10px !important;} .mb12{margin-bottom: 12px !important;} .mb24{margin-bottom: 24px !important;} .mb36{margin-bottom: 36px !important;} .mb48{margin-bottom: 48px !important;} .mb60{margin-bottom: 60px !important;} .mb72{margin-bottom: 72px !important;} .mb84{margin-bottom: 84px !important;} .mb96{margin-bottom: 96px !important;} .mt0{margin-top: 0 !important;} .mt2{margin-top: 2px !important;} .mt4{margin-top: 4px !important;} .mt6{margin-top: 6px !important;} .mt8{margin-top: 8px !important;} .mt10{margin-top: 10px !important;} .mt12{margin-top: 12px !important;} .mt24{margin-top: 24px !important;} .mt36{margin-top: 36px !important;} .mt48{margin-top: 48px !important;} .mt60{margin-top: 60px !important;} .mt72{margin-top: 72px !important;} .mt84{margin-top: 84px !important;} .mt96{margin-top: 96px !important;} .ml0{margin-left: 0 !important;} .ml2{margin-left: 2px !important;} .ml4{margin-left: 4px !important;} .ml6{margin-left: 6px !important;} .ml8{margin-left: 8px !important;} .ml10{margin-top: 10px !important;} .ml12{margin-left: 12px !important;} .ml24{margin-left: 24px !important;} .ml36{margin-left: 36px !important;} .ml48{margin-left: 48px !important;} .ml60{margin-left: 60px !important;} .ml72{margin-left: 72px !important;} .ml84{margin-left: 84px !important;} .ml96{margin-left: 96px !important;} .mr0{margin-right: 0 !important;} .mr2{margin-right: 2px !important;} .mr4{margin-right: 4px !important;} .mr6{margin-right: 6px !important;} .mr8{margin-right: 8px !important;} .mr10{margin-right: 10px !important;} .mr12{margin-right: 12px !important;} .mr24{margin-right: 24px !important;} .mr36{margin-right: 36px !important;} .mr48{margin-right: 48px !important;} .mr60{margin-right: 60px !important;} .mr72{margin-right: 72px !important;} .mr84{margin-right: 84px !important;} .mr96{margin-right: 96px !important;} .pb0{padding-bottom: 0 !important;} .pb2{padding-bottom: 2px !important;} .pb4{padding-bottom: 4px !important;} .pb6{padding-bottom: 6px !important;} .pb8{padding-bottom: 8px !important;} .pb10{padding-bottom: 10px !important;} .pb12{padding-bottom: 12px !important;} .pb24{padding-bottom: 24px !important;} .pb36{padding-bottom: 36px !important;} .pb48{padding-bottom: 48px !important;} .pb60{padding-bottom: 60px !important;} .pb72{padding-bottom: 72px !important;} .pb84{padding-bottom: 84px !important;} .pb96{padding-bottom: 96px !important;} .pt0{padding-top: 0 !important;} .pt2{padding-top: 2px !important;} .pt4{padding-top: 4px !important;} .pt6{padding-top: 6px !important;} .pt8{padding-top: 8px !important;} .pt10{padding-top: 10px !important;} .pt12{padding-top: 12px !important;} .pt24{padding-top: 24px !important;} .pt36{padding-top: 36px !important;} .pt48{padding-top: 48px !important;} .pt60{padding-top: 60px !important;} .pt72{padding-top: 72px !important;} .pt84{padding-top: 84px !important;} .pt96{padding-top: 96px !important;} .pl0{padding-left: 0 !important;} .pl2{padding-left: 2px !important;} .pl4{padding-left: 4px !important;} .pl6{padding-left: 6px !important;} .pl8{padding-left: 8px !important;} .pl10{padding-top: 10px !important;} .pl12{padding-left: 12px !important;} .pl24{padding-left: 24px !important;} .pl36{padding-left: 36px !important;} .pl48{padding-left: 48px !important;} .pl60{padding-left: 60px !important;} .pl72{padding-left: 72px !important;} .pl84{padding-left: 84px !important;} .pl96{padding-left: 96px !important;} .pr0{padding-right: 0 !important;} .pr2{padding-right: 2px !important;} .pr4{padding-right: 4px !important;} .pr6{padding-right: 6px !important;} .pr8{padding-right: 8px !important;} .pr10{padding-right: 10px !important;} .pr12{padding-right: 12px !important;} .pr24{padding-right: 24px !important;} .pr36{padding-right: 36px !important;} .pr48{padding-right: 48px !important;} .pr60{padding-right: 60px !important;} .pr72{padding-right: 72px !important;} .pr84{padding-right: 84px !important;} .pr96{padding-right: 96px !important;}
@media screen and (max-width:600px){
.xs-mb0{margin-bottom: 0 !important;} .xs-mb2{margin-bottom: 2px !important;} .xs-mb4{margin-bottom: 4px !important;} .xs-mb6{margin-bottom: 6px !important;} .xs-mb8{margin-bottom: 8px !important;} .xs-mb10{margin-bottom: 10px !important;} .xs-mb12{margin-bottom: 12px !important;} .xs-mb24{margin-bottom: 24px !important;} .xs-mb36{margin-bottom: 36px !important;} .xs-mb48{margin-bottom: 48px !important;} .xs-mb60{margin-bottom: 60px !important;} .xs-mb72{margin-bottom: 72px !important;} .xs-mb84{margin-bottom: 84px !important;} .xs-mb96{margin-bottom: 96px !important;} .xs-mt0{margin-top: 0 !important;} .xs-mt2{margin-top: 2px !important;} .xs-mt4{margin-top: 4px !important;} .xs-mt6{margin-top: 6px !important;} .xs-mt8{margin-top: 8px !important;} .xs-mt10{margin-top: 10px !important;} .xs-mt12{margin-top: 12px !important;} .xs-mt24{margin-top: 24px !important;} .xs-mt36{margin-top: 36px !important;} .xs-mt48{margin-top: 48px !important;} .xs-mt60{margin-top: 60px !important;} .xs-mt72{margin-top: 72px !important;} .xs-mt84{margin-top: 84px !important;} .xs-mt96{margin-top: 96px !important;} .xs-ml0{margin-left: 0 !important;} .xs-ml2{margin-left: 2px !important;} .xs-ml4{margin-left: 4px !important;} .xs-ml6{margin-left: 6px !important;} .xs-ml8{margin-left: 8px !important;} .xs-ml10{margin-top: 10px !important;} .xs-ml12{margin-left: 12px !important;} .xs-ml24{margin-left: 24px !important;} .xs-ml36{margin-left: 36px !important;} .xs-ml48{margin-left: 48px !important;} .xs-ml60{margin-left: 60px !important;} .xs-ml72{margin-left: 72px !important;} .xs-ml84{margin-left: 84px !important;} .xs-ml96{margin-left: 96px !important;} .xs-mr0{margin-right: 0 !important;} .xs-mr2{margin-right: 2px !important;} .xs-mr4{margin-right: 4px !important;} .xs-mr6{margin-right: 6px !important;} .xs-mr8{margin-right: 8px !important;} .xs-mr10{margin-right: 10px !important;} .xs-mr12{margin-right: 12px !important;} .xs-mr24{margin-right: 24px !important;} .xs-mr36{margin-right: 36px !important;} .xs-mr48{margin-right: 48px !important;} .xs-mr60{margin-right: 60px !important;} .xs-mr72{margin-right: 72px !important;} .xs-mr84{margin-right: 84px !important;} .xs-mr96{margin-right: 96px !important;} .xs-pb0{padding-bottom: 0 !important;} .xs-pb2{padding-bottom: 2px !important;} .xs-pb4{padding-bottom: 4px !important;} .xs-pb6{padding-bottom: 6px !important;} .xs-pb8{padding-bottom: 8px !important;} .xs-pb10{padding-bottom: 10px !important;} .xs-pb12{padding-bottom: 12px !important;} .xs-pb24{padding-bottom: 24px !important;} .xs-pb36{padding-bottom: 36px !important;} .xs-pb48{padding-bottom: 48px !important;} .xs-pb60{padding-bottom: 60px !important;} .xs-pb72{padding-bottom: 72px !important;} .xs-pb84{padding-bottom: 84px !important;} .xs-pb96{padding-bottom: 96px !important;} .xs-pt0{padding-top: 0 !important;} .xs-pt2{padding-top: 2px !important;} .xs-pt4{padding-top: 4px !important;} .xs-pt6{padding-top: 6px !important;} .xs-pt8{padding-top: 8px !important;} .xs-pt10{padding-top: 10px !important;} .xs-pt12{padding-top: 12px !important;} .xs-pt24{padding-top: 24px !important;} .xs-pt36{padding-top: 36px !important;} .xs-pt48{padding-top: 48px !important;} .xs-pt60{padding-top: 60px !important;} .xs-pt72{padding-top: 72px !important;} .xs-pt84{padding-top: 84px !important;} .xs-pt96{padding-top: 96px !important;} .xs-pl0{padding-left: 0 !important;} .xs-pl2{padding-left: 2px !important;} .xs-pl4{padding-left: 4px !important;} .xs-pl6{padding-left: 6px !important;} .xs-pl8{padding-left: 8px !important;} .xs-pl10{padding-top: 10px !important;} .xs-pl12{padding-left: 12px !important;} .xs-pl24{padding-left: 24px !important;} .xs-pl36{padding-left: 36px !important;} .xs-pl48{padding-left: 48px !important;} .xs-pl60{padding-left: 60px !important;} .xs-pl72{padding-left: 72px !important;} .xs-pl84{padding-left: 84px !important;} .xs-pl96{padding-left: 96px !important;} .xs-pr0{padding-right: 0 !important;} .xs-pr2{padding-right: 2px !important;} .xs-pr4{padding-right: 4px !important;} .xs-pr6{padding-right: 6px !important;} .xs-pr8{padding-right: 8px !important;} .xs-pr10{padding-right: 10px !important;} .xs-pr12{padding-right: 12px !important;} .xs-pr24{padding-right: 24px !important;} .xs-pr36{padding-right: 36px !important;} .xs-pr48{padding-right: 48px !important;} .xs-pr60{padding-right: 60px !important;} .xs-pr72{padding-right: 72px !important;} .xs-pr84{padding-right: 84px !important;} .xs-pr96{padding-right: 96px !important;}}
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.-full{width: 100% !important; max-width: 999% !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: 12px; margin-bottom: 12px;}
.fr-img{float: right; margin-left: 12px; margin-bottom: 12px;}
@media screen and (max-width:1023px){
    .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:600px){
    .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: none !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: #333 !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: 2px;}
.round-corner-04{border-radius: 4px;}
.round-corner-08{border-radius: 8px;}
.round-corner-12{border-radius: 12px;}
.round-corner-16{border-radius: 16px;}
.round-corner-20{border-radius: 20px;}
.round-corner-24{border-radius: 24px;}
.round-corner-28{border-radius: 28px;}
.round-corner-99{border-radius: 99px;}
.round-corner-half{border-radius: 50%;}
[class*="border-"]{
    border-width: 1px;
    border-style: solid;
    border-color: #333;
}
.border-gray{
    border-color: #c2c2c2;
}
.border-green{
    border-color: #a9ca04;
}
.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%;}
.af-hr{
    border-right: #c2c2c2 1px solid;
}
.top-hr{
    border-top: #c2c2c2 1px solid;
}
@media screen and (max-width:600px){
    .af-hr{
        border-right: none;
        border-bottom: #c2c2c2 1px solid;
    }
}
/*media-width-display*/
@media print, screen and (min-width:601px){
    .is-sp{display: none !important;}
}
@media screen and (max-width:600px){
    .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;
}

@media print, screen and (min-width:1024px){

.pc-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;
}

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

.sp-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;
}

}
[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:1023px){
[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:600px){
[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: -20px;
    margin-right: -20px;
}
.separate.-row .col{
    padding: 20px;
}
.collspace.-row .col{
    padding: 0;
}
.xs-fixed-row{
    min-width: 767px;
}
.xs-fixed-half-row{
    min-width: 540px;
}
.col > .text.wa{
    padding: 20px;
}
[class*="-row"].text-left{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
[class*="-row"].text-center{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
[class*="-row"].text-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:1024px){
    [class*="-row"].md-text-left{
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    [class*="-row"].md-text-center{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    [class*="-row"].md-text-right{
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media screen and (max-width:1023px){
    [class*="-row"].sm-text-left{
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    [class*="-row"].sm-text-center{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    [class*="-row"].sm-text-right{
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media screen and (max-width:600px){
    [class*="-row"].xs-text-left{
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    [class*="-row"].xs-text-center{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    [class*="-row"].xs-text-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;}
}
.text.-row .col{
    padding: 16px;
}
.-row.v-middle{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/*=========================================
    module
=========================================*/

/*
    list
*/
ul,ol{
    padding-left: 1em;
    margin-bottom: 1em;
}
ul ul,
ol ol,
ol ul,
ul ol{
    padding-left: 1.5em;
}
ul li,ol li{
    margin-bottom: 0.5em;
font-size:1.8rem;
}

/*text*/
p{
    margin-bottom: 2em;
}
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:1023px){
    .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:600px){
    .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;}
}
/*icon*/
i{
    font-style: normal;
    position: relative;
}
i:before{
    content: "";
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    line-height: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
i.i-notice:before{
    background-image: url(../img/svg/icon-notice.svg);
    top: 0.3em;
}
i.i-close:before{
    background-image: url(../img/svg/icon-close-bk.svg);
    width: 19px;
}
.head i{
    margin-left: -.2em;
}
/*btn*/
[class*="-btn"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: block;
    margin: auto;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;
    padding: 20px 36px;
    cursor: pointer;
    text-decoration: none;
    background-color: #fff;
    color: #2A78C8 !important;
    text-align: center;
    -webkit-transition: .1s;
    transition: .1s;
    min-width: 10em;
    max-width: 420px;
    -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
}
[class*="-btn"]:hover{
    text-decoration: none;
    -webkit-transform: translate(0px,2px);
    transform: translate(0px,2px);
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
}
[class*="-btn"]:after {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: .3s;
    transition: .3s;
}
.blue-btn{
    background: #2A78C8;
    color: #fff !important;
}
/*movie*/
.movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.26%;
}
.movie > video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.movie + h3{
    text-align: center;
    padding-top: 0.4em;
}
.movie > .jstream-eqPlayer{
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    background: #fff !important;
}
.movie > .jstream-eqPlayer > div{
    width: 100% !important;
    height: 100% !important;
}
.movies .movie + h3.blue-ttl{
    font-size: 1.6rem;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
.movie .jstream-eqPlayer .errorDialog{
    background: #222;
}
.movie .jstream-eqPlayer .errorContent .bl,.jstream-eqPlayer .errorContent .br{
    background-image: none;
}
/*area*/
.bg-white{
    background-color: #fff;
}
.bg-gray{
    background-color: #f4f4f4;
}
.bg-red{
    background-color: #CB0A23;
}
/*-box*/
.box{
    padding: 20px;
    margin-bottom: 20px;
}
[class*="-box"] .col{
    padding: 1em .7em;
}
/*================================
    MODULE
================================*/
/*list*/
.list{
    padding-left: 1.4em;
}
.list li{
    margin-bottom: .5em;
    list-style: disc;
}
.list.-num li{
    list-style: decimal;
}
.indent{
    padding-left: 1.4em;
    text-indent: -1.4em;
}
.indent span.head{
    display: inline-block;
    width: 1.4em;
    text-indent: 0;
}
/*p*/
.half{
    max-width: 510px;
}
/*img*/
.img a{
    display: block;
}
.img > img,
.img > a > img{
    width: 100%;
}
a img{
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%;
}
a:hover img{
    opacity: .7;
}
/*content-list*/
.content-list .col{
    padding: 2.4rem;
}
.content-list h3{
    font-size: 2.4rem;
}
.content-list h3 a{
    text-decoration: none;
}
.content-list h3 a:hover{
    text-decoration: underline;
}
.content-list .img{
    margin-bottom: 2.4rem;
}
@media screen and (max-width:600px){
    .content-list .col{
        padding: 1.6rem;
    }
}
/*beginning*/
.beginning{
    padding-left: 2.4rem;
    padding-right: 2.4rem;
}
.beginning h2{
    font-size: 2.8rem;
    font-weight: normal;
    margin-bottom: 1em;
}
.beginning p{
    line-height: 2.2em;
}
/*ttl*/
[class*="-ttl"]{
    font-weight: 400;
    line-height: 1.7;
}
.product-ttl{
    color: #4c4c4c;
    font-size: 40px;
}
.sec-ttl{
    position: relative;
    padding: 10px 0;
}
.sec-ttl small{
    font-size: 57.14%;
    font-weight: bold;
}
.gray-ttl{
    background-color: #ddd;
}
.blk-ttl{
    background-color: #004387;
    color: #fff;
}
.blue-ttl{
    color: #004387;
}
@media screen and (max-width:1024px){
    [class*="-ttl"]{
        line-height: 1.4;
    }
    .sec-ttl small{
    }
}
@media screen and (max-width:374px){
    .sec-ttl span{
        font-size: 22px;
    }
}

/*icon*/
[class*="-img-icon"]{
    display: inline-block;
    margin-right: .4em;
    width: 30px;
    vertical-align: 4px;
}
.zip-img-icon{
    width: 18px;
    vertical-align: 0px;
}
[class*="-img-icon"]:before{
    display: none;
}
@media screen and (max-width:767px){
    .pdf-img-icon{
        width: 28px;
    }
}
.documents .pdf-img-icon{
    vertical-align: 1px;
}

/*table*/
.tables h2{
    font-size: 2.8rem;
    margin-bottom: 0.6em;
}
[class*="-table"]{
    width: 100%;
}
.th-left th,
.td-left td{
    text-align: left !important;
}
.th-center th,
.td-center td{
    text-align: center !important;
}
.th-right th,
.td-right td{
    text-align: right !important;
}
.tbl-fixed{
    table-layout: fixed;
}
.basic-table {
    border-collapse: collapse;
    border-bottom: #b3b3b3 1px solid;
}
.basic-table th,
.basic-table td{
    border-top: #b3b3b3 1px solid;
    border-right: #b3b3b3 1px solid;
    padding: 2em;
    text-align: left;
    vertical-align: top;
}
.middle.basic-table th,
.middle.basic-table td{
    vertical-align: middle;
}
.basic-table th{
    width: 220px;
    font-weight: bold;
}
.basic-table th:last-child,
.basic-table td:last-child{
    border-right: none;
}
.basic-table p{
    margin-bottom: 1em;
}
.basic-table p:last-child{
    margin-bottom: 0;
}
.basic-table th p{
    font-weight: bold;
}
.basic-table.tr-flat th,
.basic-table.tr-flat td{
    width: auto;
    font-weight: normal;
}
.default-table{
    border-collapse: collapse;
    border: #b3b3b3 1px solid;
}
.default-table th,
.default-table td{
    border: #b3b3b3 1px solid;
    padding: 5px;
}
.default-table th{
    font-weight: bold;
}
.default-table td{
    text-align: center;
}
.default-table .thead th{
    text-align: center;
    font-weight: normal;
}
.default-table .thead th{
    background-color: #ceeba6;
}
.default-table .thead:nth-child(even) th{
    background-color: #eff8e3;
}
.default-table .spacer{
    padding: 0;
    width: 4px;
}
.semi-compact-table th,
.semi-compact-table td{
    width: auto;
    min-width: 1px;
    padding: 20px;
}
table .mark{
    background: #ffff41;
}
.simple-table{
    border-bottom: #b3b3b3 1px solid;
}
.simple-table th,
.simple-table td{
    border-top: #b3b3b3 1px solid;
    border-right: #b3b3b3 1px solid;
    padding: 1em .2em;
}
.simple-table th:last-child,
.simple-table td:last-child{
    border-right: none;
}
.simple-table th{
    background-color: #f4f4f4;
}
.rate-table th,
.rate-table td{
    border-bottom: #b3b3b3 1px solid;
    padding: 1em .8em;
}
.rate-table tr:last-child th,
.rate-table tr:last-child td{
    border-bottom: none;
}
.rate-table .gray-bg{
    border-bottom: none;
    padding: .2em;
}
.rate-table .gray-bg div{
    background-color: #efefef;
    padding: 1em .2em;
}
.compact-table th,
.compact-table td{
    padding: 2px;
}
.gird-area{
    height: auto;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}
.gird-area .grid-table{
    max-width: 999%;
}
.grid-table th,.grid-table td{
    padding-left: 10px;
    padding-right: 10px;
}
/*
    download-table only 2columns layout.
    /kouiki_dairiten_dfl_special_page/loggedin.html
*/
.download-table{
}
.download-table .table-row{
}
.download-table .cell-th,
.download-table .cell-td{
    border: #b3b3b3 1px solid;
    width: 48%;
    padding: 10px;
    vertical-align: middle;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.download-table .cell-th{
    text-align: center;
    background: #efefef;
}
.download-table .cell-td{
    text-align: center;
    border-top: none;
    min-height: 200px;
}
.download-table .spacer{
    border: none;
    width: 4%;
    padding: 0;
    background: none;
}
.download-table p{
    width: 100%;
}
.download-table [target="_blank"]:after{
    display: none !important;
}
.w-compact th,.w-compact td{
    padding-left: 0px;
    padding-right: 0px;
}
.nowrap,
.nowrap th,
.nowrap td{
    white-space: nowrap;
}
th.wrap-auto,td.wrap-auto{
    white-space: normal;
}
[class*="-table"] .blank{
    background-size: 30px 30px;
    background-image: -webkit-linear-gradient(135deg, #f0f0f0 25%, transparent 25%, transparent 50%, #f0f0f0 50%, #f0f0f0 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #f0f0f0 25%, transparent 25%, transparent 50%, #f0f0f0 50%, #f0f0f0 75%, transparent 75%, transparent);
}

@media screen and (max-width:767px){
    .basic-table:not(.all-table),
    .basic-table:not(.all-table) tr,
    .basic-table:not(.all-table) th,
    .basic-table:not(.all-table) td{
        display: block;
        border: none;
        position: relative;
    }
    
    .basic-table:not(.all-table) tr{
        overflow: hidden;
    }
    .basic-table:not(.all-table) th,
    .basic-table:not(.all-table) td{
        width: 100%;
    }
    .basic-table th,
    .basic-table td{
        padding: 1em;
    }
    .basic-table:not(.all-table) th{
        padding: 0;
        margin-bottom: -2px;
        z-index: 2;
    }
    .basic-table:not(.all-table) th p{
        display: inline-block;
        border-bottom: #004485 2px solid;
        padding: 1em;
    }
    .basic-table:not(.all-table) td{
        border-top: #c2c2c2 2px solid;
    }
    .xs-th-left th,
    .xs-td-left td{
        text-align: left !important;
    }
    .xs-th-center th,
    .xs-td-center td{
        text-align: center !important;
    }
    .xs-th-right th,
    .xs-td-right td{
        text-align: right !important;
    }
    .xs-nowrap,
    .xs-nowrap th,
    .xs-nowrap td{
        white-space: nowrap;
    }
    .download-table .cell-th,
    .download-table .cell-td{
        width: 100%;
    }
    .download-table .cell-td{
        min-height: 100px;
        margin-bottom: 20px;
    }
}
/*btns*/
.btns .btn{
    display: inline-block;
    margin: 10px;
}
/*exp*/
.exp{
    margin-bottom: 2em;
}
.exp p{
    margin-bottom: 0;
    line-height: 1.4;
}
.exp strong{
    font-size: 8.0rem;
    font-weight: normal;
    color: #004387;
}
.exp.large strong{
    font-size: 12.0rem;
}
.exp small{
    font-size: 3.2rem;
}
/*dl*/
.term dl dt{
    display: inline-block;
    position: relative;
    padding: 1em 0 0 0;
    font-weight: bold;
}
.term dl dt:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 5em;
    background-color: #c2c2c2;
}
.term dl dt:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 3em;
    background-color: #004387;
}
.term dl dd{
    display: block;
    padding: 1em 1em 2em;
    font-weight: 300;
}
dl.bll dt,
dl.bll dd{
    padding: .5em 0 .5em 2em;
    border-left: #a9ca04 5px solid;
    margin: 0;
}
dl.bll dt [class*="-ttl"]{
    padding: 0;
}
/*accordion*/
.accordion dt{
    position: relative;
}
.accordion dt .icon{
    position: absolute;
    right: 10px;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    background: #fff;
    border: #c2c2c2 1px solid;
    border-radius: 50%;
    margin-top: -20px;
    -webkit-transition: .3s;
    transition: .3s;
}
.accordion dt .icon:before,
.accordion dt .icon:after{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 22px;
    height: 2px;
    background: #005176;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: .3s;
    transition: .3s;
}
.accordion dt .icon:after{
    -webkit-transform: translate(-50%,-50%) rotate(90deg) ;
    transform: translate(-50%,-50%) rotate(90deg) ;
}
.accordion dt.active .icon:after{
    -webkit-transform: translate(-50%,-50%) rotate(0deg) ;
    transform: translate(-50%,-50%) rotate(0deg) ;
}
.accordion .idt [class*="-ttl"]{
    font-size: 2rem;
    padding-left: 2em;
}
.idt > li .head.circle{
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    background-color: #50AACB;
    color: #fff;
    border-radius: 50%;
    padding: 0;
    line-height: 1.8em;
    text-align: center;
    margin-right: .4em;
    text-indent: 0;
}
.accordion dd li > div{
    padding-left: 2em;
}
.idt > li .head.circle i{
    margin: 0;
}
.idt > li .head.circle i:before{
    display: none;
}
.faq dl{
    padding-bottom: 1rem;
    
}
.faq dt,
.faq dd{
    position: relative;
    padding-left: 3rem;
    margin-bottom: 1rem;
}
.faq dt{
    font-size: 1.6rem;
    font-weight: bold;
}
.faq dd{
    margin-left: 3rem;
    font-size: 1.4rem;
}
.faq dt:before,
.faq dd:before{
    display: block;
    position: absolute;
    left: 0;
    top: 0.4rem;
    width: 2rem;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    font-weight: bold !important;
}
.faq dt:before{
    content: "Q";
    background: #707070;
    color: #D5E630;
}
.faq dd:before{
    content: "A";
    background: #D5E630;
    color: #707070;
}
/*TAB*/
.tab-area{
    max-width: 100%;
    overflow-x: hidden !important;
}
.js-tab{
    text-align: center;
    padding: 0;
    position: relative;
    z-index: 2;
    border: #fff 1px solid;
    border-bottom-color: #b3b3b3;
    padding: 1em 0.2em;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.tab-content{
    border-top:solid 1px #b3b3b3;
    margin-top: -1px;
}
.tab{
    display:none;
    padding: 20px;
}
.js-tab.is-active{
    border: #b3b3b3 1px solid;
    border-bottom-color: #fff;
    pointer-events: none;
}
.tab.is-show{
    display:block;
}
.tab-content ul{
    max-width: 960px;
    margin: auto;
}
.tab-content li{
    border-bottom: #efefef 1px solid;
    padding: 20px;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .5s;
    transition: .5s;
}
.tab-content li:hover{
    background-color: #fffff0;
}
.tab-content [class*="-btn"]{
    font-size: 1.4rem;
    padding: 0.6em 1em;
}
.tab-content li > span{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 2rem;
}
@media screen and (min-width:991px){
    .js-tab:hover{
        background: #006ad2;
        color: #fff;
    }
}
@media screen and (max-width:640px){
    .tab{
        padding: 20px 10px;
    }
    .agency .tab-content{
        padding-left: 20px;
        padding-right: 20px;
    }
    .tab-content ul{
        padding: 0;
    }
    .tab-content li{
        padding: 20px 2px;
    }
    .tab-content li > span{
        font-size: 1.6rem;
        padding-right: .6em;
    }
    .tab-content .-btn{
        min-width: 1px;
    }
    .tab-item.-row{
        margin-left: -21px;
        margin-right: -21px;
    }
}
/*==============================
    input
==============================*/
.lever{
    cursor: pointer;
    background-color: #fff;
}
:-ms-input-placeholder{
    color: #c2c2c2;
}
::-webkit-input-placeholder{
    color: #c2c2c2;
}
::-ms-input-placeholder{
    color: #c2c2c2;
}
::placeholder{
    color: #c2c2c2;
}
:disabled{
    background-color: #c2c2c2;
    border-color: #c2c2c2;
    opacity: .3;
}
[class*="-item-wrap"]{
    display: inline-block;
    position: relative;
}
[class*="-item-wrap"] input{
    display: none;
}
[class*="-item-wrap"] .lever{
    position: relative;
    display: block;
    border: transparent 3px solid;
}
[class*="-item-wrap"] :checked + .lever{
    font-weight: bold;
}
[class*="-item-wrap"] .lever:before{
    content: "";
    display: block;
    position: relative;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
}
[class*="-item-wrap"] .lever .img{
    vertical-align: top;
}
[class*="-item-wrap"] .lever .img + .txt{
    padding-left: 1em;
}
label{
    display: inline-block;
}
input,textarea,button,select{
    outline: none;
    border-radius: 0;
}
/*lever*/
.lever{
    display: table;
}
.lever span{
    display: table-cell;
    vertical-align: middle;
}
.lever span img{
    max-width: 100px;
    border: #707070 1px solid;
}
/*radio-wrap*/
.radio-item-wrap{
    vertical-align: middle;
}
.radio-item-wrap .lever{
    position: relative;
    display: block;
    border: none;
    padding: 13px 9px 14px 44px;
}
.radio-item-wrap.default .lever{
    border: none;
}
.radio-item-wrap .lever:before{
    width: 24px;
    height: 24px;
    left: 10px;
    top: 50%;
    margin-top: -12px;
    border-radius: 50%;
    border: #707070 1px solid;
}
.radio-item-wrap input:checked + .lever{
}
.radio-item-wrap input:checked +.lever:after{
    content: "";
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    left: 16px;
    top: 50%;
    margin-top: -6px;
    border-radius: 50%;
    background: #54B2DB;
}
/*radio-wrap semantic*/
.radio-semantic-area{
    margin: 0 0 24px;
}
.radio-semantic-area .item{
    width: 180px;
    max-width: 20%;
    text-align: center;
}
.radio-semantic-area .col .item{
    width: 160px;
}
.radio-semantic-area .-row{
    margin: 0;
}
.radio-semantic-area .col{
    padding: 20px;
}
.radio-semantic-area [class*="-ttl"]{
    margin-left: 0;
    margin-right: 0;
}
.radio-semantic-area .col-6 .item{
    max-width: 50%;
}
.radio-item-wrap.semantic .lever,
.radio-item-wrap.semantic input:checked + .lever{
    padding: 48px 3px 10px;
    font-size: 1.4rem;
    color: #707070;
    text-align: center;
    border: none;
    font-weight: normal;
    background: transparent;
}
.radio-item-wrap.semantic .lever:before,
.radio-item-wrap.semantic .lever:after,
.radio-item-wrap.semantic input:checked + .lever:before,
.radio-item-wrap.semantic input:checked + .lever:after{
    content: "";
    display: block;
    border: #c2c2c2 6px solid;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 20px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.radio-item-wrap.semantic input:checked + .lever:before,
.radio-item-wrap.semantic input:checked + .lever:after{
    border-color: #333;
}
.radio-item-wrap.semantic .lever:before{
    width: 48px;
    height: 48px;
}
.radio-item-wrap.semantic .lever:after{
    width: 20px;
    height: 20px;
}
.radio-item-wrap.semantic input:checked + .lever{
    color: #333;
}
.imgs p{
    text-align: center;
    font-size: 1.4rem;
    padding-left: 1em;
    padding-right: 1em;
}
@media screen and (max-width:374px){
    .radio-item-wrap.semantic .lever:before,
    .radio-item-wrap.semantic .lever:after,
    .radio-item-wrap.semantic input:checked + .lever:before,
    .radio-item-wrap.semantic input:checked + .lever:after{
        border-width: 4px;
    }
    .radio-item-wrap.semantic .lever:before{
        width: 34px;
        height: 34px;
    }
    .radio-item-wrap.semantic .lever:after{
        width: 17px;
        height: 17px;
    }
}
/*semantic radio-stars*/
.input-range {
  display: none;
}
.range-group {
  position: relative;
}
.range-group > a {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 10px 20px;
  text-decoration: none;
}
.range-group > a:before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background: url(../img/svg/icon-star.svg) no-repeat center top;
  background-size: contain;
  opacity: .5;
}
.range-group > a.on:before {
  opacity: 1;
  background: url(../img/svg/icon-star-on.svg) no-repeat center top;
}
.range-group > a:hover:before{
    opacity: 1;
}
.range-group > a:after{
    text-decoration: none;
    color: #707070;
    opacity: 0;
    display: block;
    text-align: center;
    margin-left: -80%;
    margin-right: -80%;
    font-size: 1.4rem;
}
.range-group > a:hover:after{
    opacity: 1;
}
.range-group input[value="1"] ~ a:nth-child(2):after,
.range-group input[value="2"] ~ a:nth-child(3):after,
.range-group input[value="3"] ~ a:nth-child(4):after,
.range-group input[value="4"] ~ a:nth-child(5):after,
.range-group input[value="5"] ~ a:nth-child(6):after{
    opacity: 1;
}
@media screen and (max-width:600px){
    .range-group > a,
    .range-group > a:before {
      width: 40px;
      height: 40px;
    }
}
/*chk*/
.chk-item-wrap{
    vertical-align: middle;
}
.chk-item-wrap .lever{
    position: relative;
    display: block;
    border: #707070 1px solid;
    padding: 14px 9px 14px 44px;
}
.chk-item-wrap .lever:before{
    width: 26px;
    height: 26px;
    left: 9px;
    top: 50%;
    margin-top: -13px;
    border: #707070 1px solid;
}
.chk-item-wrap input:checked + .lever{
    border: #333 4px solid;
    background-color: #f4f4f4;
    padding: 11px 6px 11px 41px;
}
.chk-item-wrap input:checked +.lever:before{
    left: 6px;
    border: #333 4px solid;
}
.chk-item-wrap input:checked +.lever:after{
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    left: 14px;
    top: 50%;
    margin-top: -13px;
    background-image: url(../img/svg/icon-chk.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
/*select*/

select:focus{
    outline: none;
}
.select-item-wrap{
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    vertical-align: middle;
}
.select-item-wrap select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    background-color: #f5f5f5;
    padding: 8.5px 48px 8.5px 20px;
    border: none;
    outline: none;
}
.select-item-wrap select:disabled{
    background-color: #c2c2c2;
    border-color: #c2c2c2;
    opacity: .5;
}
.select-item-wrap select::-ms-expand{
    display: none;
}
.select-item-wrap select.selected{
    color: #333;
}
.select-item-wrap:before{
    content: "";
    position: absolute;
    width: 51px;
    height: 100%;
    right: 1px;
    top: 1px;
    bottom: 1px;
    background: transparent;
    pointer-events: none;
}
.select-item-wrap:after{
    content: "▼";
    position: absolute;
    width: 52px;
    height: 14px;
    right: 1px;
    top: 50%;
    margin-top: -8px;
    pointer-events: none;
    line-height: 1;
    text-align: center;
}
.-full select{
    width: 100%;
}

@media screen and (max-width:640px){
    .select-item-wrap{
        display: block;
    }
    .select-item-wrap select{
        width: 100%;
    }
}
/*text*/
.input-text-item-wrap{
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 53px;
    overflow: hidden;
    vertical-align: middle;
    font-size: 1.6rem;
}
.input-text__dummy {
    display: inline-block;
    overflow: hidden;
    min-width: 280px;
    max-width: 100%;
    padding: 3px 15px;
    white-space: nowrap;
    opacity: 0;
    height: 53px;
    font-size: 1.6rem;
}
.input-text__dummy::before {
    content: '';
}
.input-text__dummy:empty::before {
    content: attr(data-placeholder);
}
.input-text-item-wrap .input-text {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 2px 14px;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 53px;
    min-width: 1px;
    max-width: 100%;
    caret-color: #015DB2;
    font-size: 1.6rem;
    background: #F5F5F5;
}
.input-text-item-wrap .input-text:disabled{
    background-color: #c2c2c2;
    border-color: #c2c2c2;
    opacity: .5;
}
.-full .input-text__dummy,
.-full .input-text{
    min-width: 1px;
}
.input-text-item-wrap .input-text:focus{
    border-color: #015DB2;
}
.input-text-item-wrap.wide-spec .input-text__dummy{
    min-width: 1px;
}
.input-row{
    margin-left: 0;
    margin-right: 0;
}
.input-row .col{
    border: #707070 1px solid;
    padding: 0;
    height: 53px;
}
.input-row .col.ttl{
    background-color: #F4F4F4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px 20px;
    margin-right: -1px;
    margin-bottom: 10px;
}
.input-row .col.wrap{
    border: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 10px;
    max-width: 100%;
}
.input-row .col.ttl label{
    line-height: 1;
    color: #333;
}

@media screen and (max-width:640px){
    .input-row.-row{
        display: block;
    }
    .input-row .col.ttl{
        margin-left: -15px;
        margin-right: -15px;
    }
    .input-row .col.wrap{
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
    .input-text-item-wrap{
        display: block;
    }
    .input-text-item-wrap,
    .input-text-item-wrap .input-text,
    .input-text__dummy{
        min-width: 100px;
    }
}
@media screen and (max-width:414px){
    .input-row .col.ttl{
        margin-left: -13px;
        margin-right: -13px;
    }
    
}
/*textarea*/
.text-box p{
    margin-bottom: 2px;
}
.text-box textarea{
    width: 100%;
    max-width: 100%;
    min-width: 1em;
    padding: 1em 1.4em;
    outline: none;
    border: #707070 1px solid;
    caret-color: #015DB2;
    vertical-align: middle;
}
.text-box textarea:focus{
    border-color: #015DB2;
}
.textarea{
    background: #f5f5f5;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 1em 2em;
}
/*email*/
.email-wrap,
.email-wrap .input-text{
    padding-left: 58px;
    font-size: 16px;
}
.email-wrap:before{
    content: "";
    display: block;
    position: absolute;
    width: 53px;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../img/svg/icon-email-bk.svg) no-repeat center center;
    background-size: 20px;
    z-index: 2;
    opacity: .5;
}
/*password*/
.password-wrap,
.password-wrap .input-text{
    padding-left: 53px;
    padding-right: 0px;
    font-size: 16px;
}
.password-wrap:before{
    content: "";
    display: block;
    position: absolute;
    width: 53px;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../img/svg/icon-password-bk.svg) no-repeat center center;
    background-size: 20px;
    z-index: 2;
    opacity: .5;
}
.pw-display{
    position: absolute;
    width: 53px;
    height: 53px;
    right: 0;
    top: 0;
    display: block;
}
.pw-display input{
    height: 0;
    right: 0;
    overflow: hidden;
    display: none;
}
.pw-display:after{
    content: "表示";
    display: block;
    width: 53px;
    height: 53px;
    text-align: center;
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 1.4rem;
    color: #fff;
    background: #333 url(../img/svg/icon-look-w.svg) no-repeat center 70%;
    background-size: 18px;
    z-index: 2;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.pw-display.view:after{
    content: "非表示";
    background: #333 url(../img/svg/icon-unlook-w.svg) no-repeat center 70%;
    background-size: 18px;
}
.password-wrap .input-text__dummy{
    visibility: hidden;
}
.birth .col-year{
    width: 44%;
    white-space: nowrap;
}
.birth .col-month{
    width: 28%;
}
.birth .col-day{
    width: 28%;
}
.birth .col-year label,
.postal .hyphen{
    display: inline-block;
    width: 25px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.8rem;
    color: #707070;
}
.birth .col-year .input-text-item-wrap.-full{
    width: calc(100% - 30px) !important;
}
@media screen and (max-width:600px){
    .birth .col-year{
        width: 100%;
        white-space: nowrap;
    }
    .birth .col-year .input-text-item-wrap.-full{
        display: inline-block;
    }
    .birth .col-month,
    .birth .col-day{
        width: 50%;
    }
    .postal .input-text-item-wrap{
        display: inline-block;
    }
}
/*data*/
[class*="-data"]{
    padding: 0;
}
[class*="-data"] p{
    padding: 1em;
    margin: 0;
}
.basic-data{
    border: #c2c2c2 1px solid;
}
.basic-data .head{
    background-color: #f4f4f4;
    font-weight: bold;
}

/*data*/
.data-sec{
    border-top: none;
}
.data-sec > .-row{
    margin-bottom: 36px;
}
.data-sec .gray-ttl{
    margin-bottom: 4px;
}
.data-sec table{
    table-layout: fixed;
}
.data-sec table.tl-auto{
    table-layout: auto;
}
.data-sec table th,
.data-sec table td{
    width: auto;
    vertical-align: middle;
    text-align: center;
}
table.report .nbt,
table.report .panel{
    border-top: none;
    padding: 10px;
}
table.report .panel{
    background-color: #004387;
    color: #fff;
}
.detailed{
    background-color: #e9f1f8;
}
.detailed .wa{
    min-width: 1px;
}
.data-sec .register-table th{
    width: 300px;
}
.data-sec .birth{
    margin-left: -5px;
    margin-right: -5px;
}
.data-sec .birth .col{
    padding: 5px;
}
.data-sec .btns{
    padding: 24px 0;
    text-align: center;
}
.data-sec .btns [class*="-btn"]{
    margin: 0 10px;
}
.data-sec .unchor a:hover,
.data-sec .unchor a.active{
    background-color: #006ad2;
    border-color: #006ad2;
    color: #fff;
}
.data-sec .unchor a.active{
    pointer-events: none;
}
.data-sec .rate-table th{
    text-align: left;
}
.data-sec .rate-table .text-center th{
    text-align: center;
}
.data-sec .rate-table td{
    text-align: right;
}
@media screen and (max-width:1024px){
    .data-sec table {
        table-layout: auto;
    }
}
@media screen and (max-width:600px){
    .data-sec .separate.-row .col{
        padding-left: 0;
        padding-right: 0;
    }
    .data-sec .xs-fixed-row.separate.-row .col,
    .data-sec .xs-fixed-half-row.separate.-row .col{
        padding-left: 10px;
        padding-right: 10px;
    }
    .data-sec .unchor{
        text-align: center;
    }
    .data-sec .unchor a{
        padding: .8em 1em;
        min-width: 1px;
    }
    .data-sec .btns [class*="-btn"]{
        min-width: 7em;
    }
    .data-sec table{
        table-layout: auto;
    }
    .data-sec .register-table th{
        width: 100%;
        text-align: left;
    }
}
/*text-*/
.text-sec p{
    line-height: 1.6;
}
/*select-*/
[class*="select-"].box{
    padding-bottom: 10px;
}
[class*="select-"]  [class*="-btn"]{
    padding: .7em 1em;
    min-width: 1px;
    margin: 0 5px 10px;
}
.select-word a.-btn:hover{
    background-color: #006ad2;
    border-color: #006ad2;
    color: #fff;
}
.select-word a.-btn.disabled{
    opacity: .5;
    pointer-events: none;
}
@media screen and (max-width:600px){
    [class*="select-"]  [class*="-btn"]{
        font-size: 1.4rem;
    }
    .index [class*="select-"].box{
        padding: 10px 10px 0;
    }
}
/*tip*/
[class*="-tip"]{
    display: inline-block;
    border: #707070 1px solid;
    color: #707070;
    font-size: 1.4rem;
    line-height: 1;
    padding: 0.8rem 1.2rem;
    text-align: center;
    min-width: 100px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 10px;
}
[class*="-tip"].wa{
    min-width: 1px;
}
small[class*="-tip"]{
    font-size: 75%;
    padding: 0.2em 0.7em;
    min-width: 1px;
    vertical-align: 1px;
}
.red-tip{
    background-color: #CB0A23;
    border-color: #CB0A23;
    color: #fff;
}
.gray-tip{
    background-color: #41444E;
    border-color: #41444E;
    color: #fff;
}
[class*="-ttl"] [class*="-tip"]{
    margin-bottom: 0;
    margin-left: 10px;
    line-height: 1;
    padding: 0.2em 0.3em;
    min-width: 60px;
}
@media screen and (max-width:768px){
    [class*="-tip"]{
        font-size: 1.3rem;
        min-width: 80px;
    }
}
/*area*/
[class*="-area"]{
    width: 100%;
    max-width: 100%;
    overflow-x: scroll;
}
[class*="-area"] canvas{
    margin: auto;
}
.form-area{
    overflow-x: auto;
}
.-row.form-area{
    max-width: 640px;
    margin: auto;
}
.-row.form-area .birth{
    margin-left: -5px;
    margin-right: -5px;
}
.-row.form-area .birth .col{
    padding: 5px;
}
.scroll-box{
    border: #b3b3b3 1px solid;
    padding: 20px;
    overflow-y: scroll;
}
.scroll-box.term{
    height: 300px;
}
.term{
    font-size: 1.4rem;
}
@media screen and (max-width:600px){
    .index .-row.form-area > .col{
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }
}
/*group*/
.group{
    background-size: 30px 30px;
    background-image: -webkit-linear-gradient(135deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
    padding: 20px;
}
.group:hover{
    -webkit-animation: stripes 2s linear infinite;
    animation: stripes 2s linear infinite;
}
@-webkit-keyframes stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 60px 30px; } }

@keyframes stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 60px 30px; } }

.group .tips{
    background-color: #fff8ba;
    padding: 24px;
}
/*-----------------------------
    page-layout
*/
body{
    
}
.-inner{
    max-width: 1080px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
}

@media screen and (max-width:1024px){
    
}
a{
    text-decoration: underline;
}
main p > a{
    text-decoration: underline;
}
main p > a:hover{
    text-decoration: none;
}
.bg-w{
    background-color: #fff;
}
.bg-w,.bg-w a{
    color: #000;
}
.bg-b{
    background-color: #2A78C8;
}
.bg-b,.bg-b a{
    color: #fff;
}
main h3{
    font-size: 3.2rem;
}
.bg-w h3.normal{
    color: #2A78C8;
}
p a.wa{
    margin: 0 0.1em;
}
/*modal window*/
.c-modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
}

.c-modal_bg {
    background: rgba(0, 0, 0, 0.6);
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.c-modal_content {
    background: transparent;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.c-modal_content._lg{
    width: 100%;
    max-height: 90vh;
}
.c-modal_content_inner {
    position: relative;
    text-align: center;
    max-height: 90vh;
}
.c-modal_close {
    position: absolute;
    top: -17px;
    right: -17px;
    overflow: hidden;
    text-indent: -999%;
}
.c-modal_close:before {
    content: "";
    display: block;
    background: url(../svg/js-close-w.svg) no-repeat center center;
    background-size: contain;
    width: 32px;
    height: 32px;
}

.c-modal .block p{
    color: #fff;
}
.c-modal .block [class*="-btn"]{
    background: #fff;
    color: #333;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.c-modal strong{
    font-size: 2rem;
}
.c-modal .btns{
    padding-top: 6em;
}
.c-modal .btns + .btns{
    padding-top: 3em;
}
.c-modal .btns + .btns a{
    max-width: 13em;
}


















@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;
    }
    .sp-none{
        display: none !important;
    }
    .swiper-container{
        width: 1200px !important;
        max-height: 1500px !important;
    }
}

header,header a{
    color: #607081;
}
header .logo a{
    display: inline-block;
}
header .-inner{
    padding-top: 16px;
    padding-bottom: 16px;
}
header .info{
    text-align: right;
}
header .info p{
    font-size: 2.4rem;
    margin: 0;
    line-height: 1.2;
}
header .info p strong{
    font-size: 4.0rem;
}
header .logo .wa{
    font-size: 1.6rem;
}
header h2{
    line-height: 1;
}
header nav{
    text-align: center;
    background-color: #2A78C8;
}
header nav a{
    display: inline-block;
    padding: 1em 2em;
    color: #fff;
    font-size: 2.0rem;
}
header nav a:hover{
    background-color: rgba(255,255,255,0.1);
}
h1{
    text-align: center;
}
main > section{
    padding-top: 6em;
    padding-bottom: 6em;
}
main .sec-ttl{
    font-size: 5.6rem;
    display: inline-block;
    width: auto;
    position: relative;
    line-height: 1.0;
    font-weight: bold;
    padding: 0.25em 0;
    margin-bottom: 0.2em;
}
main .bg-w h2{
    color: #2A78C8;
    border-bottom: #2A78C8 2px solid;
}
main .bg-b h2{
    color: #fff;
    border-bottom: #fff 2px solid;
}
main .sec-ttl.small{
    font-size: 32px;
}
main .sec-ttl:before,
main .sec-ttl:after{
    content: "";
    display: block;
    position: absolute;
    left: 1.4em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
main .bg-w .sec-ttl:before{
    background-color: #fff;
}
main .bg-b .sec-ttl:before{
    background-color: #2A78C8;
}
main .sec-ttl:before{
    width: 13px;
    height: 4px;
    bottom: -3px;
}
main .sec-ttl:after{
    width: 0.2767em;
    height: 1em;
    bottom: -1.06em;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}
main .bg-w .sec-ttl:after{
    background-image: url(../img/fukidashi-b.png);
}
main .bg-b .sec-ttl:after{
    background-image: url(../img/fukidashi-w.png);
}
h2 .i-lw{
    display: inline-block;
}
h2 .i-lw:before{
    content: "";
    display: inline-block;
    width: 6.5em;
    height: 1.1em;
    background: url(../img/line_works.png) no-repeat center center;

    margin-right: 0.2em;
    margin-left: 0.2em;
    vertical-align: -0.1em;
}





main .-row{
    margin-left: -1.2em;
    margin-right: -1.2em;
}
main .col{
    padding: 1.2em;
}
main p{
    font-size: 1.8rem;
}

.head.-row > .-text{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.head.-row > .-qr{
    width: 240px;
    padding: 1.2em 0;
}
.head.-row > .-qr .img{
    padding-left: 1.2em;
    padding-right: 1.2em;
    margin-bottom: 0.6em;
}
.head.-row > .-qr .-btn{
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.box-in.-row{
    margin: 0;
    height: 100%;
    border: #2A78C8 1px solid;
    padding: 0 2rem 2rem;
}
.-row.-column{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.box-in.-row .bg-gray{
    background: #EDF6FF;
    -webkit-box-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1.4rem;
}
.box-in.-row > h3{
    margin: 0 -2rem 1em;
    text-align: center;
    background: #2A78C8;
    color: #fff;
    padding: 1em;
}
.box-in h3 + p{
    margin-bottom: 0;
}
.box-in p strong{
    font-size: 2.4rem;
}
.box-in p.mail{
    font-size: 2.4rem;
    margin-bottom: 0;
}
.box-in p.mail strong{
    font-size: 4.0rem;
}
.box-in .bg-gray .h3like{
    font-size: 3.2rem;
    margin-bottom: 0.2em;
}

table.-border{
    background: #fff;
    margin-top: 2em;
}
table.-border a{
    color: #000;
}
table,th,td{
    border: #000 1px solid;
    font-size: 1.8rem;
}
th,td {
    padding: 2em;
    color: #000;
    text-align: left;
}
th{
    background: #EDF6FF;
}
table.in-tbl{
    border: none;
}
table.in-tbl th,
table.in-tbl td{
    border: none;
    background: none;
    padding: 0.5em 1em;
    border-bottom: #000 1px solid;
}
table.in-tbl th{
    border-right: #000 1px solid;
}
table.in-tbl tr:last-child th,
table.in-tbl tr:last-child td{
    border-bottom: none;
}

footer{
    padding: 1em;
    font-size: 1.8rem;
}
footer .img{
    width: 200px;
    margin: auto;
    padding: 4em 0;
}
footer .col-6 strong{
    display: block;
    text-align: center;
}
footer .calls{
    padding: 3em 0;
}
footer .calls p{
    margin: 0;
}
footer .calls p strong{
    font-size: 3.2rem;
    font-weight: normal;
}
footer .calls p strong a{
    color: #000;
}

.facilities .col-4 .img{
    margin-bottom: 1em;
}

@media screen and (max-width:640px){
    main .sec-ttl{
        font-size: 2.4rem;
        margin-bottom: 0.8em;
    }
    main .sec-ttl.small{
        font-size: 1.6rem;
        line-height: 1.5;
    }
    main p{
        font-size: 1.3rem;
    }
    main h3{
        font-size: 1.6rem;
    }
    main > section{
        padding: 3em 0;
    }
    .order01{
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .order02{
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .order03{
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .order04{
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .sec-ttl small{
        font-size: 1.6rem;
    }
    #lw .sec-ttl{
        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;
    }
    #lw .sec-ttl i:before{
        width: 2.4em;
        height: 2.4em;
    }
    #lw .sec-ttl span{
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .head.-row > .-text,
    .head.-row > .-qr{
        width: 100%;
    }
    .head.-row > .-qr .img{
        display: none;
    }
    .box-in p{
        font-size: 1.2rem;
    }
    .box-in p strong{
        font-size: 1.6rem;
    }
    .box-in p.mail strong{
        font-size: 2.4rem;
    }
    .box-in .bg-gray .h3like{
        font-size: 1.8rem;
    }
    table, th, td{
        font-size: 1.2rem;
    }
    table.-border{
        max-width: 100%;
    }
    th, td{
        padding: 1em;
        vertical-align: top;
    }
    th{
        width: 7em;
    }
    table.in-tbl{
        width: 100%;
    }
    table.in-tbl th{
        width: 4em;
    }
    table.in-tbl th, table.in-tbl td{
        padding: 0.5em 0.3em;
        font-size: 1.0rem;
        text-align: center;
    }
    table.in-tbl tr:first-child td{
        vertical-align: bottom;
    }
    footer{
        font-size: 1.2rem;
    }
    footer .calls p strong{
        font-size: 1.6rem;
    }
    .-inner.-full{
        padding: 0;
    }
    main .sec-ttl:after{
        width: 0.5767em;
        bottom: -1.16em;
    }


}

@media screen and (max-width:1024px){
    header {
        position: relative;
    }
    header .wa{
        display: none;
    }
    header nav{
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 73px;
        z-index: 2;
    }
    header nav a{
        display: block;
        font-size: 1.6rem;
        padding: 1.3em 2.4em;
        text-align: left;
    }
    header nav .info{
        padding-bottom: 2em;
    }
    header nav .info a{
        padding-top: 0.4em;
        padding-bottom: 0.4em;
    }
    header nav .info a span{
        font-size: 2.4rem;
        
    }
    .nav-tgl{
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 73px;
        height: 73px;
        padding: 22px;
        background: #2A78C8;
    }
    .nav-tgl i{
        display: block;
        position: relative;
        height: 29px;
        width: 29px;
        border-top: #fff 2px solid;
        border-bottom: #fff 2px solid;
    }
    .nav-tgl i:before{
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 2px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #fff;
    }
    header .-inner{
        height: 73px;
    }
    header .is-pc{
        display: none !important;
    }
    header .is-sp{
        display: block !important;
    }
}

@media screen and (min-width:1025px) and (max-width:1080px) {
    header nav a{
        width: 20%;
        padding: 1em 0;
    }
}