@charset "utf-8";
/* ==========================================================================
Base
========================================================================== */
@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: 'openSans';
font-style: normal;
font-weight: 300;
src: url("../font/open-sans/OpenSans-Light.ttf") format("truetype");
/* Safari, Android, iOS */
}
@font-face {
font-family: 'openSans';
font-style: normal;
font-weight: 400;
src: url("../font/open-sans/OpenSans-Regular.ttf") format("truetype");
/* Safari, Android, iOS */
}
@font-face {
font-family: 'openSans';
font-style: normal;
font-weight: 600;
src: url("../font/open-sans/OpenSans-SemiBold.ttf") format("truetype");
/* Safari, Android, iOS */
}
@font-face {
font-family: 'openSans';
font-style: normal;
font-weight: 700;
src: url("../font/open-sans/OpenSans-Bold.ttf") format("truetype");
/* Safari, Android, iOS */
}
@font-face {
font-family: 'NotoSeif';
font-style: normal;
font-weight: 600;
src: url("../font/noto-serif/NotoSerifJP-Regular.otf") format("truetype");
/* Safari, Android, iOS */
}
.serif{
font-family: 'NotoSeif';
}
/* ==========================================================================
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: #2A2C32;
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;
}
ol, ul, li, dl, dt, dd {
margin: 0;
padding: 0;
line-height: 1.8;
}
.serv-list{
list-style: circle;
}
.is-table{
display: block;
box-sizing: content-box;
position: relative;
top: -20px;
-webkit-overflow-scrolling: touch;
border:10px solid #ccc;
overflow-x:hidden;
}
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: normal;
}
h3{
margin-bottom: 0.4em;
}
p{
line-height: 1.8;
}
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;
}
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{
display: inline-block;
width: auto;
min-width: 2em;
max-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-hr1{
border-right: #c2c2c2 1px solid;
}
.top-hr{
border-top: #c2c2c2 1px solid;
}
@media screen and (max-width:600px){
.af-hr2{
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%;}
[class*="-row2"] .col-1{ width: 8.3333%;}[class*="-row"] .col-2{ width: 16.6666%;}[class*="-row"] .col-3{ width: 25%;}[class*="-row2"] .col-4{ width: 25%;}[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 .col{
padding: 14px;
}
.separate.-row .col2{
padding: 14px 35px;
}
.collspace.-row .col{
padding: 0;
}
.xs-fixed-row{
min-width: 767px;
}
.xs-fixed-half-row{
min-width: 540px;
}
[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;
}
/*=========================================
module
=========================================*/
/*h*/
main h2.ttl{
font-size: 3.6rem;
font-weight: bold;
}
main h3.ttl{
font-size: 1.8rem;
font-weight: bold;
}
.ttl,.ttl + p{
color: #015DB2;
}
[class*="-ttl"]{
font-weight: bold;
line-height: 1.4;
color: #2A2C32;
padding: 0.4em 2.4rem;
margin-bottom: 1.6rem;
}
h1[class*="-ttl"]{
font-size: 3.6rem;
}
h2[class*="-ttl"]{
font-size: 3.0rem;
}
h3[class*="-ttl"]{
font-size: 2.4rem;
}
h4[class*="-ttl"]{
font-size: 2.0rem;
}
h5[class*="-ttl"]{
font-size: 120%;
}
section .tip-ttl{
padding-left: 10px;
margin-bottom: .5em;
border-left: #004387 3px solid;
}
section .piece-ttl{
margin-bottom: 0;
position: relative;
border-bottom: #ddd 2px solid;
padding: 0 0 0;
display: inline-block;
line-height: 1.3;
}
section .piece-ttl:after{
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 4em;
max-width: 50%;
height: 2px;
background-color: #004387;
}
section span.piece-ttl{
padding-bottom: 0.4em;
min-width: 10em;
padding-left: 1em;
padding-right: 1em;
font-weight: bold;
}
section span.piece-ttl:after{
left: 50%;
margin-left: -2em;
}
/*
list
*/
ul,ol{
padding-left: 1.5em;
margin-bottom: 1em;
}
ul ul,
ol ol,
ol ul,
ul ol{
padding-left: 1.5em;
}
ul li,ol li{
margin-bottom: 0.5em;
}
/*数字リスト NN*/
.sn li{
list-style-type: decimal-leading-zero;
}
/*注釈リスト ※*/
.idt > li{
list-style: none;
text-indent: -2.5em;
}
.idt > li > .head{
display: inline-block;
width: 2.5em;
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;
}
/*注釈リスト画像 <img>*/
.idt.caution{
padding-left: 2.0em;
}
.idt.caution strong{
position: relative;
display: inline-block;
width: calc(100% - 2.2em);
text-indent: 0;
}
.idt.caution strong span{
display: inline-block;
position: relative;
background-color: #fff;
padding-right: .3em;
z-index: 2;
}
.idt.caution strong:before{
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
margin-top: -1px;
width: 100%;
height: 2px;
background-color: #CB0A23;
}
/*リストスタイルなし*/
.ns li{
list-style: none;
}
.ns li .head{
display: inline-block;
width: auto;
margin-right: 2em;
}
/*パネルタイプリスト*/
ul.panel li,
ol.panel li{
padding: 1em 1em 1em 3em;
position: relative;
}
ul.panel li:nth-child(odd),
ol.panel li:nth-child(odd){
background-color: #f4f4f4;
}
/*アローリスト*/
.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: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;}
.xs-fs11{font-size: 1.1rem !important;}
}
/*link*/
a{
text-decoration: underline;
color: #015DB2;
-webkit-transition: .3s;
transition: .3s;
}
a:hover{
text-decoration: none;
color: #228bed;
}
a[target="_blank"]:after{
content: "";
display: inline-block;
width: 1em;
height: 1em;
margin-left: 0.1em;
margin-right: 0.1em;
background: url(../img/svg/icon-blank.svg) no-repeat center bottom;
background-size: contain;
}
.img > a[target="_blank"]:after,
.owl-item li > a[target="_blank"]:after,
a.img[target="_blank"]:after{
display: none;
}
a[target="_blank"]:hover:after{
opacity: .9;
}
.arr-link:after{
content: "";
display: inline-block;
width: 1em;
height: 1em;
margin-left: 0.4em;
margin-right: 0.4em;
background: url(../img/svg/icon-arr-right-blue.svg) no-repeat center center;
background-size: contain;
vertical-align: -2px;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: .3s;
transition: .3s;
}
.arr-link:hover:after{
-webkit-transform: translateX(3px);
transform: translateX(3px);
opacity: .9;
}
/*icon*/
i{
font-style: normal;
position: relative;
}
i:before{
content: "";
display: inline-block;
position: relative;
width: 1.3em;
height: 1.3em;
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: inline-block;
font-size: 1.8rem;
line-height: 1;
padding: 20px 36px;
border: #707070 1px solid;
cursor: pointer;
text-decoration: none;
background-color: #fff;
color: #707070;
text-align: center;
-webkit-transition: .3s;
transition: .3s;
min-width: 10em;
}
[class*="-btn"].disabled{
pointer-events: none;
opacity: .5;
}
.blk-btn{
background-color: #333;
color: #fff;
border: none;
}
.blk-btn:hover{
background-color: #666;
color: #fff;
}
.blk-btn[target="_blank"]:after,
.blue-btn[target="_blank"]:after{
background-image: url(../img/svg/icon-blank-w.svg);
margin-left: 10px;
-webkit-transition: .3s;
transition: .3s;
}
.blue-btn{
background-color: #004385;
color: #fff;
border: none;
}
.blue-btn:hover{
background-color: #1b6bbb;
color: #fff;
}
.green-btn{
background-color: #0db205;
color: #fff;
border: none;
}
.green-btn:hover{
background-color: #14d809;
color: #fff;
}
.imp-btn{
background-color: #f25020;
border-color: #f25020;
color: #fff;
}
.imp-btn:hover{
background-color: #f26a41;
border-color: #f26a41;
color: #fff;
}
[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;
}
.close-btn:after {
content: "";
background-image: url(../img/svg/icon-close-bk.svg);
left: 20px;
}
.green-btn[target="_blank"]:after{
display: none;
}
.zip-btn{
border: #231815 1px solid;
padding: 20px 20px 20px 50px;
background: #fff url(../img/svg/zip-icon-bg.svg) no-repeat 10px top;
background-size: 20px;
min-height: 140px;
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;
text-align: left;
text-decoration: underline;
}
.zip-btn:hover{
background-color: #fffde3;
}
.round-btn{
border-radius: 999px;
}
.faq-btn{
line-height: 24px;
font-size: 1.6rem;
}
.faq-btn:before{
content: "?";
display: inline-block;
background: #bbb;
color: #fff;
border-radius: 50%;
line-height: 25px;
width: 24px;
height: 24px;
text-align: center;
font-size: 16px;
margin-right: 6px;
-webkit-transition: .3s;
transition: .3s;
}
.faq-btn:hover:before{
background: #228bed;
}
[class*="-btn"].-row.column{
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;
height: 100%;
padding-left: 10px;
padding-right: 10px;
line-height: 1.4;
margin-left: 0;
margin-right: 0;
}
.active > .ac-tgl-btn,
.ac-tgl-btn:hover{
background: #004387;
border-color: #004387;
color: #fff;
}
span[class*="-btn"].-row.column{
cursor: auto;
}
/*movie*/
.movie {
position: relative;
width: 100%;
height: 0;
padding-top: 56.26%;
}
.movie > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.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;
}
.gray-box .col{
border: #c2c2c2 1px solid;
}
.gray-box .col.bg-gray{
border-right: none;
}
@media screen and (max-width:600px){
.gray-box .xs-col-12.bg-gray{
border-right: #c2c2c2 1px solid;
border-bottom: none;
}
.box{
padding-left: 0;
padding-right: 0;
}
.box.border-gray,
.box.bg-gray{
padding-left: 12px;
padding-right: 12px;
}
}
.stepbar-box{
padding-right: 20px;
}
.stepbar-box .col-3{
width: calc((100% - 30px) / 4);
padding: 1px;
}
.stepbar__item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: calc((100% - 30px) / 4);
height: 100px;
margin: 0 5px;
padding: 1px;
background: #a9ca04;
}
/* 重なり順を設定 */
.stepbar__item:nth-child(1) {
z-index: 4
}
.stepbar__item:nth-child(2) {
z-index: 3
}
.stepbar__item:nth-child(3) {
z-index: 2
}
.stepbar__item:nth-child(4) {
z-index: 1
}
.stepbar__item:first-child {
margin-left: 0;
}
.stepbar__item:last-child {
margin-right: 0;
}
.stepbar__item::before {
position: absolute;
content: "";
top: 0;
left: 1px;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 0;
border-bottom: 50px solid transparent;
border-left: 20px solid #a9ca04;
}
.stepbar__item::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 0;
border-bottom: 50px solid transparent;
border-left: 20px solid #ffffff;
}
.stepbar__item-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
background: #ffffff;
font-weight: bold;
line-height: 1.5 !important;
}
.stepbar__item-inner--current {
background: transparent;
color: #ffffff;
}
.stepbar__item .stepbar__item-inner::before {
position: absolute;
content: "";
top: 0;
left: 100%;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 0;
border-bottom: 50px solid transparent;
border-left: 20px solid #a9ca04;
}
.stepbar__item .stepbar__item-inner::after {
position: absolute;
content: "";
top: 0;
left: calc(100% - 1px);
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 0;
border-bottom: 50px solid transparent;
border-left: 20px solid #ffffff;
}
@media screen and (max-width:1023px){
.stepbar__item-inner{
font-size: 1.4rem;
}
}
@media screen and (max-width:767px){
.stepbar__item-inner{
font-size: 1.3rem;
}
}
@media screen and (max-width:600px){
.stepbar-box .col-3{
width: calc((100% - 30px) / 2);
margin-bottom: 20px;
}
.stepbar__item:nth-child(3) {
margin-left: 0;
}
.stepbar__item-inner{
padding-left: 20px;
}
}
/*
cmn layout
*/
.inner{
width: 100%;
max-width: 1200px;
margin: auto;
}
.inner2{
width: 100%;
max-width: 1800px;
margin: auto;
}
.inner3{
padding: 20px 5px;
width: 100%;
max-width: 1200px;
margin: auto;
}
/*header*/
header{
border-bottom: #b3b3b3 1px solid;
}
@media print, screen and (min-width:1025px){/*for PC*/
header .inner{
padding: 0 10px;
}
header .upr .logo{
padding-top: 30px;
width: 264px;
}
header .upr nav{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
}
header .upr nav p{
display: inline-block;
vertical-align: top;
line-height: 1;
}
header .simple-header .logo{
padding-bottom: 30px;
}
header a{
text-decoration: none;
}
.gnav a{
display: block;
font-size: 13px;
color: #333;
line-height: 1;
text-align: center;
}
.gnav a:hover{
color: #168cd3;
}
.gnav a span{
padding-top: 4px;
}
.gnav .img{
display: block;
line-height: 1;
padding-top: 50px;
padding-left: 20px;
}
.login-gnav{
width: 100px;
margin-left: 10px;
}
.login-gnav a{
background: #004387;
color: #fff;
padding-top: 58px;
padding-bottom: 29px;
}
.login-gnav a:hover{
background: #006ad2;
color: #fff;
}
.sitemap-gnav,
.dil-gnav,
.faq-gnav{
padding-top: 54px;
}
.faq-gnav a,
.dil-gnav a,
.sitemap-gnav a{
padding: 4px 10px;
}
.sitemap-gnav a{
border-right: #b3b3b3 2px solid;
}
header .btm{
padding-top: 17px;
}
header .tgl{
display: none;
}
header .mega-menu{
position: relative;
}
header .nav{
padding: 26px 0;
display: block !important;
}
header .nav a{
display: inline-block;
color: #333;
font-size: 16px;
margin-right: 30px;
line-height: 1;
padding: 6px 0;
position: relative;
}
header .nav > div {
display: inline-block;
margin: 0;
padding: 0;
position: static;
}
header .nav > div > .subnav{
position: absolute;
width: 100%;
height: 0;
overflow: hidden;
z-index: 200;
opacity: 0;
-webkit-transition: .3s;
transition: .3s;
left: 0;
top: 100%;
margin-top: -7px;
background-color: #e6e6e6;
}
header .nav > div:hover > .subnav{
opacity: 1;
height: 450px; /* 1.300->400 for heijyun-nenkin 2.400->450 for shisanunyoupe-jishinsetsu*/
}
header .subnav .inner{
height: 100%;
padding: 20px;
}
header .nav > div > a:after{
content: "";
position: absolute;
left: 50%;
bottom: -20px;
margin-left: -15px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 20px 15px;
border-color: transparent transparent #e6e6e6 transparent;
opacity: 0;
-webkit-transition: .3s;
transition: .3s;
}
header .nav > div:hover > a:after{
opacity: 1;
}
header .subnav > .inner > .-row{
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
header .subnav .border{
border-left: #b3b3b3 1px solid;
padding-left: 20px;
}
header .subnav li{
list-style: none;
margin-bottom: 1em;
}
header .subnav li a{
font-size: 1.5rem;
border-bottom: transparent 2px solid;
}
header .subnav li a:hover{
border-color: #006ad2;
}
header .subnav .icon-menu{
padding-bottom: 20px;
}
/* add for heijyun-nenkin start */
header .subnav .icon-menu .item-category{
display: inline-block;
}
header .subnav .icon-menu .item-category.temporary .head{
background-color:#008cd4;
}
header .subnav .icon-menu .item-category.level .head{
background-color:#80bd3b;
}
header .subnav .icon-menu .item-category .head{
text-align: center;
font-size: 1.2em;
line-height: 1;
padding: 0.5em;
margin: 4px;
color: #fff;
}
/* add for heijyun-nenkin end */
header .subnav .icon-menu .item{
display: inline-block;
vertical-align: top;
margin: 4px;
background: #fff;
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 20%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255,255,255,1)),color-stop(20%, rgba(255,255,255,1)),color-stop(80%, rgba(255,255,255,1)));
background: linear-gradient(to bottom, rgba(255,255,255,1) 20%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );
border-radius: 6px;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
width: 114px;
height: 114px;
padding: 4px;
-webkit-transition: .3s;
transition: .3s;
}
header .subnav .icon-menu .item a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.3rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
width: 106px;
height: 106px;
color: #000;
background-color: #fff;
text-align: center;
margin: 0;
border-radius: 4px;
}
header .subnav .icon-menu .item+.item-disable{
pointer-events:none;
}
header .subnav .icon-menu .item+.item-disable a{
opacity: .5;
color:#333 !important;
background-color:#777 !important;
border-color: #bbb;
}
header .subnav .icon-menu .item:hover{
background: rgb(12,76,140);
background: -webkit-linear-gradient(top, rgba(12,76,140,1) 20%,rgba(12,76,140,1) 20%,rgba(166,202,4,1) 80%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(12,76,140,1)),color-stop(20%, rgba(12,76,140,1)),color-stop(80%, rgba(166,202,4,1)));
background: linear-gradient(to bottom, rgba(12,76,140,1) 20%,rgba(12,76,140,1) 20%,rgba(166,202,4,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4c8c', endColorstr='#a6ca04',GradientType=0 );
}
header .subnav .icon-menu .item a svg{
margin-bottom: 8px;
height: 36px;
fill: #A1C315;
}
header .subnav .icon-menu .item a span{
display: inline-block;
width: 100%;
text-align: center;
}
header .subnav .icon-menu .item a span:nth-child(2){
height: 1em;
}
header .nav .contact-nav,
.item-contact-nav{
float: right;
margin-right: 0;
border-radius: 100px;
background: rgb(12,76,140); /* Old browsers */ /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(12,76,140,1) 20%,rgba(12,76,140,1) 20%,rgba(166,202,4,1) 80%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(12,76,140,1)),color-stop(20%, rgba(12,76,140,1)),color-stop(80%, rgba(166,202,4,1)));
background: linear-gradient(to bottom, rgba(12,76,140,1) 20%,rgba(12,76,140,1) 20%,rgba(166,202,4,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4c8c', endColorstr='#a6ca04',GradientType=0 ); /* IE6-9 */
padding: 3px;
position: relative;
top: -9px;
text-decoration: none;
}
header .nav .contact-nav:hover,
.item-contact-nav:hover{
border-bottom: none;
}
.contact-nav span,
.item-contact-nav span{
display: block;
text-align: center;
border-radius: 100px;
background: #fff;
padding: 10px 24px;
}
.item-contact-nav span{
padding: 5px 24px;
}
[lang="ja"] .lng-gnav.lng-jp a,
[lang="en"] .lng-gnav.lng-en a{
color: #999;
}
[lang="ja"] .lng-gnav.lng-jp a span,
[lang="en"] .lng-gnav.lng-en a span{
border-color: #004387;
}
[lang="ja"] .lng-gnav.lng-jp a:hover,
[lang="en"] .lng-gnav.lng-en a:hover{
color: #168cd3;
}
.lng-gnav{
width: 62px;
padding-top: 54px;
}
.lng-gnav a{
font-size: 13px;
}
.lng-gnav.lng-jp{
margin-left: 4px;
}
.lng-gnav span{
display: inline-block;
border-bottom: #fff 2px solid;
padding-bottom: 4px;
}
}
@media screen and (min-width:1025px) and (max-width:1300px){
header .nav a{
margin-right: 2.3vw;
}
}
@media screen and (max-width:1024px){/*for TAB*/
html.no-scroll{
height: 100%;
overflow: hidden;
}
header .is-pc{
display: none !important;
}
header .is-sp{
display: block !important;
}
header{
height: 100px;
position: relative;
}
header .logo{
width: 220px;
}
header .tgl{
display: block;
height: 100%;
width: 80px;
position: absolute;
top: 0;
right: 0;
background: #004485;
text-align: center;
padding-top: 50px;
}
header .tgl i{
position: relative;
display: inline-block;
width: 40px;
height: 20px;
background: #fff;
border-top: 9px #004485 solid;
border-bottom: 8px #004485 solid;
-webkit-transition: .3s;
transition: .3s;
}
header .tgl i:before{
content: "";
display: block;
position: absolute;
top: -9px;
left: 0;
right: 0;
width: 40px;
height: 3px;
background: #fff;
-webkit-transition: .3s;
transition: .3s;
}
header .tgl i:after{
content: "";
display: block;
position: absolute;
bottom: -9px;
left: 0;
right: 0;
width: 40px;
height: 3px;
background: #fff;
-webkit-transition: .3s;
transition: .3s;
}
header .tgl.active i{
background-color: #004485;
}
header .tgl.active i:before{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 0;
}
header .tgl.active i:after{
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
bottom: 0;
}
header .tgl img{
width: 40px;
}
header .upr{
padding: 24px;
}
header .nav{
display: none;
background: #004485;
position: absolute;
left: 0;
right: 0;
top: 99px;
padding: 3vw 4vw 100px;
z-index: 200;
}
header .nav a{
display: block;
color: #fff;
margin: 10px 0;
padding: 10px;
text-decoration: none;
}
header .nav > .contact-nav{
margin-top: 40px;
}
header .nav > .contact-nav,
header .nav > .is-sp a{
display: block;
max-width: 300px;
border: #fff 1px solid;
border-radius: 100px;
text-align: center;
background: #fff;
color: #015DB2;
}
header .nav.active{
max-height: calc(100vh - 99px);
overflow: scroll;
}
header .nav .is-sp div{
border-top: #376fa2 1px solid;
padding-top: 20px;
margin-top: 20px;
}
.nav .icon-menu{
display: none;
}
.nav .subnav .-row,
.nav .subnav ul,
.nav .subnav li,
.nav .subnav .col{
width: 100%;
margin: 0;
}
.nav .subnav li{
list-style: none;
}
.nav .subnav a{
padding: 10px 10px;
margin: 0;
}
.nav .subnav .wa{
width: 100%;
}
.nav .subnav li.-row .col-10{
display: none;
}
.nav .subnav li .mypage-movie-break {
display: none;
}
.lng-gnav{
width: 80px;
display: inline-block;
text-align: center;
padding: 10px 0;
}
.lng-gnav a{
font-size: 13px;
}
[lang="ja"] .lng-gnav.lng-jp a,
[lang="en"] .lng-gnav.lng-en a{
color: #004485;
background: #fff;
}
.item-contact-nav{
display: block;
margin-right: 0;
border-radius: 100px;
background: rgb(12,76,140); /* Old browsers */ /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(12,76,140,1) 20%,rgba(12,76,140,1) 20%,rgba(166,202,4,1) 80%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(12,76,140,1)),color-stop(20%, rgba(12,76,140,1)),color-stop(80%, rgba(166,202,4,1)));
background: linear-gradient(to bottom, rgba(12,76,140,1) 20%,rgba(12,76,140,1) 20%,rgba(166,202,4,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4c8c', endColorstr='#a6ca04',GradientType=0 ); /* IE6-9 */
padding: 3px;
position: relative;
text-decoration: none;
margin-top: 10px;
}
.item-contact-nav:hover{
border-bottom: none;
}
.item-contact-nav span{
display: block;
text-align: center;
border-radius: 100px;
background: #fff;
padding: 16px 24px;
}
}
@media screen and (max-width:640px){
header .nav a{
font-size: 14px;
}
}
@media screen and (max-width:480px){
header .nav > .contact-nav,
header .nav > .is-sp a{
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 419px) {
.nav .subnav li .mypage-movie-break {
display: inline;
}
}
@media screen and (max-width:374px){
header .upr {
padding: 28px 24px;
}
header .logo{
width: 180px;
}
header .nav a{
margin: 7px 0;
font-size: 12px;
}
header .nav .is-sp div{
padding-top: 0;
}
.lng-gnav{
padding-bottom: 0;
}
}
/*Breadcrumb*/
.Breadcrumb{
display: none;
}
@media print, screen and (min-width:769px){/*for PC and TAB(Horizontal)*/
.Breadcrumb{
display: block;
border-bottom: #b3b3b3 1px solid;
}
.Breadcrumb .inner{
padding: 20px 10px;
}
.Breadcrumb a,
.Breadcrumb span{
display: inline-block;
font-size: 14px;
font-weight: 300;
color: #666;
position: relative;
padding-right: 1.8em;
margin-right: 1em;
}
.Breadcrumb a:after,
.Breadcrumb span:not(.current):after{
content: "";
display: block;
position: absolute;
right: 0;
top: 50%;
margin-top: -6px;
width: 6px;
height: 14px;
background: url(../img/cmn/arr-breadcrumb.gif) no-repeat 0 0;
}
.Breadcrumb a:hover{
color: #0670b0;
}
}
@media screen and (max-width:1024px){
.Breadcrumb .inner{
padding: 20px 20px;
}
}
/*information*/
section.information{
border-bottom: #b3b3b3 1px solid;
}
section.information .inner{
display: table;
}
section.information .inner > div{
display: table-cell;
vertical-align: middle;
padding: 24px 10px;
font-size: 14px;
}
section.information .important .head{
background: #ed6869;
color: #fff;
text-align: center;
width: 140px;
}
section.information .important .head span{
display: inline-block;
}
section.information .important .-content{
width: auto;
}
section.information .important .-content p{
line-height: 1.6;
}
@media screen and (max-width:1024px){/*for SP and TAB*/
section.information{
padding: 10px 0;
}
section.information .inner > div{
padding: 16px 10px;
}
section.information .important .head{
width: 90px;
text-align: left;
padding: 0 0 0 20px;
}
section.information .important .-content p{
font-size: 12px;
padding-right: 10px;
}
}
/*main-visual*/
.main-visual{
border-bottom: #b3b3b3 1px solid;
position: relative;
max-width: 100%;
overflow: hidden;
}
.main-visual > .inner{
position: relative;
}
.main-visual.no-photo h1{
color: inherit;
}
.main-visual.no-photo h1 small{
font-size: 80%;
line-height: 1.3;
}
.main-visual h1,
.main-visual .head{
font-size: 5.0rem;
margin: 0;
padding: 1.5em 4.0rem;
line-height: 1;
color: #fff;
}
.main-visual h1 small{
display: block;
padding: .5em 0;
font-size: 50%;
}
.main-visual h1 span,
.main-visual .head span{
display: block;
line-height: 1.8;
}
.main-visual .background,
.main-visual .background img{
width: 100%;
}
.is-img{
width: 100%;
height: 900px;
display:block;
}
.is-background{
background-color:#eeffff;
}
.th-color{
background-color:#ffffcc;
}
.main-visual .background + .inner{
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.main-visual .-row{
color: #fff;
border-bottom: #fff 1px solid;
padding-bottom: 30px;
}
.main-visual .col{
border-right: #fff 1px solid;
padding: 30px 10px;
}
.main-visual .title{
width: 40%;
}
.main-visual .data{
width: 24%;
text-align: center;
}
.main-visual h3{
font-size: 2.0rem;
}
.main-visual h3 + p{
font-size: 1.4rem;
}
.main-visual .data strong{
font-size: 7.0rem;
font-weight: normal;
}
.main-visual .data span{
display: block;
text-align: center;
font-size: 1.6rem;
}
.main-visual .data small{
font-size: 3.2rem;
}
/*numerical-value*/
.main-visual.numerical-value{
height: auto;
background-color: #464646;
color: #fff;
}
.main-visual.numerical-value .inner{
padding-top: 24px;
position: static;
-webkit-transform: translate(0,0);
transform: translate(0,0);
}
.main-visual.numerical-value .-row{
padding: 24px 0;
margin-bottom: 0;
border: none;
}
.main-visual.numerical-value .title,
.main-visual.numerical-value .data{
padding: 20px 40px;
max-width: 100%;
}
.main-visual.numerical-value .title{
width: auto;
border: none;
}
.main-visual.numerical-value .data{
width: auto;
border-right: none;
border-left: #fff 1px solid;
}
@media screen and (max-width:1023px){
.corporate .main-visual .inner{
padding: 0 20px;
}
.corporate .main-visual h1{
padding: 0.8em 0 0;
}
.main-visual .title{
width: 100%;
border: none;
}
.main-visual .data{
width: 250px;
}
.main-visual .col:last-child{
border: none;
}
}
@media screen and (max-width:767px){
.main-visual h1{
font-size: 3.0rem;
padding: 1.5em 1em;
}
}
@media screen and (max-width:600px){
.main-visual .data{
width: 100%;
border-right: none;
border-bottom: #fff 1px solid;
}
.main-visual .-row{
border-bottom: none;
}
}
/*sub-nav*/
.sub-nav{
border-bottom: #b3b3b3 1px solid;
margin-bottom: 4.8rem;
}
.sub-nav .-row > p,
.sub-nav .-row > div{
display: inline-block;
margin: 0;
padding: 1em;
}
.sub-nav .-row > .parent{
padding: 1em 2em;
}
.sub-nav .-row > .child{
border-left: #b3b3b3 1px solid;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: calc(100% - 160px);
}
.sub-nav a{
position: relative;
display: inline-block;
margin: 0 1em;
padding: 1em 0;
text-decoration: none;
}
.sub-nav .current:after{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
border-bottom: #004485 4px solid;
}
.sub-nav .mypage-movie-break {
display: none;
}
@media screen and (max-width:600px){
.sub-nav .-row > .child{
max-width: 100%;
}
}
@media screen and (max-width:400px){
.sub-nav .mypage-movie-break {
display: inline;
}
}
/*entry*/
.sub-nav.entries{
margin-bottom: 48px;
}
.sub-nav.archive{
border-bottom: none;
}
.sub-nav.entries .-row > div{
padding-top: 2em;
}
.sub-nav.entries .-row > article{
padding-top: 1em;
}
.sub-nav.entries .parent{
width: 160px;
text-align: right;
}
.entries article ul li{
list-style: none;
position: relative;
padding-left: 60px;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: #c2c2c2 1px dotted;
}
.entries article ul li:last-child{
border-bottom: none;
}
.entries article ul li .date{
display: block;
font-size: 1.4rem;
color: #777;
}
.entries article ul li a{
display: block;
padding: .3rem 0 0;
margin: 0;
width: auto;
max-width: 100%;
/* white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; */
overflow-wrap: normal;
}
.entries article ul li:before{
content: "";
position: absolute;
display: -webkit-box;
display: -ms-flex;
display: -ms-flexbox;
display: flex;
width: 50px;
height: 50px;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
font-size: 1.2rem;
color: #fff;
font-weight: bold;
}
.entries article ul li a:after{
display: none;
}
.entries article ul li.pdf:before{
background-color: #f14343;
content: "PDF";
}
.entries article ul li.blank:before{
background: #6c6c6c url(../img/svg/icon-blank-w.svg) no-repeat center center;
background-size: 18px;
}
.entries article ul li.self:before{
background: #015DB2 url(../img/svg/icon-arr-right-w.svg) no-repeat center center;
background-size: 10px;
}
.entries article ol li{
list-style: none;
display: inline-block;
padding: 0;
margin: 5px;
}
.entries article ol li a{
padding: 0.8em 1.4em;
border: #c3c3c3 1px solid;
margin: 0;
}
.entries article ol li a.current{
pointer-events: none;
background-color: #228bed;
border-color: #228bed;
color: #fff;
}
.entries article ol li a.current:after{
display: none;
}
.entries article ol li a:hover{
background-color: #228bed;
color: #fff;
}
.entry .detail{
margin-bottom: 48px;
}
.entry .detail + .sub-nav.entries{
border-top: #b3b3b3 1px solid;
}
.entry .detail article{
width: 100%;
max-width: 1000px;
margin: auto;
padding: 0 24px 48px;
}
.entry .detail .entry-head{
border-bottom: #ccc 1px dotted;
margin-bottom: 48px;
}
.entry .detail .entry-head p{
padding: 1em;
color: #999;
}
.entry .detail [class*="-ttl"]{
margin-left: -2.4rem;
margin-right: -2.4rem;
}
@media screen and (max-width:767px){
.sub-nav{
margin-bottom: 0;
}
.sub-nav nav.-row,
.sub-nav nav > p{
display: block;
border: none;
}
.sub-nav nav > p.parent{
padding: 0;
}
.sub-nav nav > p.parent a{
display: block;
background: #004485;
color: #fff;
margin: 0;
padding: 1em 1em 1em 3em;
line-height: 1;
}
.sub-nav nav > p.parent a.current{
padding: 1em;
}
.sub-nav nav > p.parent a:before{
content: "";
display: block;
width: 16px;
height: 16px;
position: absolute;
left: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url(../img/svg/icon-arr-left-w.svg) no-repeat center center;
background-size: contain;
}
.sub-nav nav > p.parent a.current:before{
display: none;
}
.sub-nav .-row > .child{
border: none;
}
.sub-nav nav > p.child a{
margin: 0;
padding: 1em;
border: #fff 1px solid;
}
.sub-nav nav > p.child a.current{
border-color: #004485;
}
.sub-nav nav > p.child a:after{
display: none;
}
.sub-nav.entries{
margin-bottom: 0;
padding-bottom: 36px;
}
.sub-nav.entries .-row > .parent{
width: 100%;
text-align: left;
}
.sub-nav.entries .-row > .child{
width: 100%;
border-left: none;
}
}
/*footer*/
footer,
footer .btm-content{
border-top: #b3b3b3 1px solid;
}
.simple-footer,
.simple-footer .btm-content{
border: none;
}
footer{
width: 100%;
padding: 50px 0 10px;
}
footer .btm-content{
text-align: center;
padding: 34px 0 30px;
}
footer .btm-content p{
padding: 8px;
}
footer .btm-content p img{
width: 350px;
}
footer .btm-content p small{
font-size: 12px;
color: #999;
}
footer .bnr-content{
padding: 10px 0;
}
footer .sitemap-content{
padding: 25px 0 55px;
}
footer .sitemap-content p{
display: inline-block;
line-height: 1.2;
padding: 0 1em;
border-left: #b3b3b3 1px solid;
margin: 10px 0 10px 0px;
}
footer .sitemap-content p:last-child{
border-right: #b3b3b3 1px solid;
}
footer .sitemap-content p a{
color: #999;
font-weight: normal;
font-size: 15px;
}
footer .sitemap-content p a:hover{
color: #0670b0;
}
@media screen and (max-width:640px){
footer{
padding-top: 20px;
}
footer .btm-content p img{
width: 270px;
}
footer .btm-content p small{
font-size: 10px;
}
footer .sitemap-content{
padding: 0px 20px 30px;
}
footer .sitemap-content p{
line-height: 1.1;
padding: 0 0.8em;
}
footer .sitemap-content p a{
font-size: 12px;
vertical-align: 2px;
}
}
@media screen and (max-width:374px){
}
/*================================
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;
}
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 h3{
font-size: 2.5rem;
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 span{
font-size: 30px;
line-height: 30px;
}
.sec-ttl small{
font-size: 14px;
float: right;
line-height: 30px;
}
.gray-ttl{
background-color: #ddd;
}
.blk-ttl{
background-color: #004387;
color: #fff;
}
.blue-ttl{
color: #004387;
}
.bluettl2{
color: #004387;
margin-bottom: 30px;
font-size: 2.4rem;
}
@media screen and (max-width:1024px){
[class*="-ttl"]{
line-height: 1.4;
}
.product-ttl{
font-size: 30px;
margin-bottom: 10px;
}
.sec-ttl span{
font-size: 26px;
}
.sec-ttl small{
font-size: 10px;
line-height: 42px;
}
}
@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 .bd-right:last-child{
border-right: #b3b3b3 1px solid;
}
.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;
}
.always_basic-table {
border-collapse: collapse;
border-bottom: #b3b3b3 1px solid;
}
.always_basic-table th,
.always_basic-table td{
border-top: #b3b3b3 1px solid;
border-right: #b3b3b3 1px solid;
padding: 0; /*編集 もともとのbasic-tableはiphoneサイズだとテーブル表示ではなくなっている（会社概要参照） */
text-align: left;
vertical-align: top;
}
.middle.always_basic-table th,
.middle.always_basic-table td{
vertical-align: middle;
}
.always_basic-table th{
width: auto;
font-weight: bold;
}
.always_basic-table th:last-child,
.always_basic-table td:last-child{
border-right: none;
}
.always_basic-table .bd-right:last-child{
border-right: #b3b3b3 1px solid;
}
.always_basic-table p{
margin-bottom: 1em;
}
.always_basic-table p:last-child{
margin-bottom: 0;
}
.always_basic-table th p{
font-weight: bold;
}
.always_basic-table th{
width: 25%;
}
.always_basic-table.tr-flat th,
.always_basic-table.tr-flat td{
width: 150px;
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 .bd-right:last-child{
border-right: #b3b3b3 1px solid;
}
.simple-table .bd-left{
border-left: #b3b3b3 1px solid;
}
.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;
}
.grid-area{
height: auto;
width: 100%;
}
.grid-area.for-allview{
overflow-x: auto;
overflow-y: hidden;
}
.grid-area.for-allview table{
table-layout: auto;
}
@media screen and (max-width:1024px){
.grid-area{
overflow-x: auto;
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: #004385;
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{
border: #c2c2c2 1px solid;
border-radius: 12px;
margin-bottom: 30px;
overflow: hidden;
}
.faq dt{
padding: 16px 10px 16px 92px;
position: relative;
background-color: #fff;
-webkit-transition: .3s;
transition: .3s;
}
.faq dd{
padding: 28px 10px 28px 92px;
position: relative;
line-height: 1.8;
}
.faq dt.active{
background-color: #a8cb04;
}
.faq dt > span.head,
.faq dd > span.head{
position: absolute;
left: 14px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1;
font-size: 4.0rem;
font-weight: bold;
width: 60px;
text-align: right;
}
.faq dt > span.head{
color: #004387;
white-space: nowrap;
}
.faq dd > span.head{
color: #b5b5b5;
top: 40px;
}
.faq dt [class*="-ttl"]{
margin-bottom: 0;
padding-left: 0;
padding-right: 48px;
}
/*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: #707070 1px solid;
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{
border: #333 4px solid;
background-color: #f4f4f4;
padding: 10px 6px 11px 41px;
}
.radio-item-wrap input:checked +.lever:before{
left: 7px;
border: #333 4px solid;
}
/*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: #fff;
font-size: 1.8rem;
padding: 12px 78px 12px 20px;
border: #707070 1px solid;
color: #c2c2c2;
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: #333;
pointer-events: none;
border-left: #333 1px solid;
}
.select-item-wrap:after{
content: "";
position: absolute;
width: 52px;
height: 14px;
right: 1px;
top: 50%;
margin-top: -6px;
background-image: url(../img/svg/icon-arr-dwn-w.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
pointer-events: none;
}
.-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: #707070 1px solid;
-webkit-box-shadow: none;
box-shadow: none;
height: 53px;
min-width: 1px;
max-width: 100%;
caret-color: #015DB2;
font-size: 1.6rem;
}
.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;
}
/*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%;
}
[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
*/
.page-content article .inner{
padding: 20px 48px;
}
article section{
padding: 24px 0 60px;
}
@media screen and (max-width:1024px){
.page-content article .inner{
padding: 20px;
}
.page-content article.agency .inner{
padding: 20px 0;
}
}
/*-----------------------------
login
*/
.login article{
width: 100%;
max-width: 420px;
margin: auto;
}
.login article form{
width: 100%;
}
/*-----------------------------
directory-map
*/
.directory-map .idt > li{
text-indent: 0;
}
.directory-map .primary > li{
font-weight: bold;
}
.directory-map .secondary > li{
font-weight: 400;
}
.directory-map .tertiary > li{
font-size: 14px;
}
/*-----------------------------
PhotoSwipe
*/
.PhotoSwipeContainer{
position: relative;
width: 100%;
padding-top: 76%;
}
@media screen and (max-width:480px){
button.pswp__button {
zoom: 0.7;
}
}
/*-----------------------------
mf_finder
*/
.mf_finder_header{
display: inline-block;
padding-top: 49px;
}
header .mf_finder_searchBox{
width: 160px;
overflow: hidden;
margin: 0;
-webkit-transition: .3s;
transition: .3s;
}
header .mf_finder_searchBox_doctype,
header .mf_finder_searchBox_selects{
display: none;
}
header .mf_finder_searchBox_submit{
border-radius: 0 0 0 0;
background: transparent;
}
header .gnav.is-pc .mf_finder_searchBox_items{
border: #c2c2c2 1px solid;
overflow: hidden;
height: 33px;
padding: 4px;
border-radius: 100px;
}
header .gnav.is-pc .mf_finder_searchBox_items .mf_finder_searchBox_submit{
padding: 0;
}
header .mf_finder_searchBox_query_wrap{
white-space: nowrap;
height: 21px;
overflow: hidden;
padding-left: 24px;
}
header .mf_finder_searchBox_query_wrap:before{
content: "";
background: url(../img/svg/i-search.svg) no-repeat center center;
background-size: contain;
width: 16px;
height: 16px;
display: inline-block;
margin-right: 4px;
position: absolute;
left: 3px;
top: 3px;
}
header .mf_finder_searchBox_query_input{
border: none;
min-height: 1px;
padding: 0 0;
position: relative;
top: -2px;
font-size: 1.3rem;
}
header .mega-menu .mf_finder_searchBox_query_input{
top: 0px;
}
header .mf_finder_searchBox_submit:before{
content: "";
background: url(../img/svg/i-arr-next.svg) no-repeat center center;
background-size: 10px;
display: inline-block;
width: 16px;
height: 16px;
opacity: 0;
-webkit-transition: 0.5s 0.3s;
transition: 0.5s 0.3s;
}
main .mf_finder_organic_doc_body{
height: auto;
min-height: 3.5rem;
font-size: 1.3rem;
}
main .mf_finder_organic_header_wrapper{
padding-top: 20px;
padding-bottom: 20px;
}
main .mf_finder_organic_header_wrapper div,
main .mf_finder_organic_header_wrapper span{
font-size: 1.4rem !important;
}
main .mf_finder_organic_header_wrapper div:before,
main .mf_finder_organic_header_wrapper div:after,
main .mf_finder_organic_header_wrapper span:before,
main .mf_finder_organic_header_wrapper span:after {
font-size: 1.4rem !important;
}
main .mf_finder_organic_wrapper.mf_available_resultframe .mf_finder_organic_doc_zoom,
.mf_finder_organic_doc_img.mf_finder_link:after{
visibility: hidden;
width: 0px;
height: 0px;
overflow: hidden;
}
main .mf_finder_organic_doc_title_wrapper,
main .mf_finder_organic_doc_title_wrapper:visited{
color: #015DB2;
}
main .mf_finder_organic_docs_wrapper{
margin-bottom: 24px;
}
main .mf_finder_searchBox_items_wrapper .mf_finder_searchBox_items{
display: block;
text-align: center;
}
main .mf_finder_searchBox_items_wrapper .mf_finder_searchBox_query_wrap{
margin-bottom: 12px;
}
main .mf_finder_searchBox_items_wrapper .mf_finder_searchBox_query_input{
font-size: 1.6rem;
border: #707070 1px solid;
height: 53px;
width: 100%;
max-width: 480px;
padding: 2px 14px;
margin: auto;
display: block;
}
main .mf_finder_searchBox_items_wrapper .mf_finder_searchBox_submit{
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
display: inline-block;
font-size: 1.6rem;
line-height: 1;
padding: 20px 36px;
cursor: pointer;
text-decoration: none;
text-align: center;
-webkit-transition: .3s;
transition: .3s;
min-width: 10em;
background-color: #333;
color: #fff;
border: none;
}
main .mf_finder_searchBox_items_wrapper .mf_finder_searchBox_submit:hover{
background-color: #666;
}
main .mf_finder_searchBox_items_wrapper .mf_finder_searchBox_submit:before{
display: none;
}
.mf_finder_logo{
display: none !important;
}
@media screen and (min-width:1025px){
header .mf_finder_searchBox.mf_finder_searchBox_focusInput{
width: 160px;
}
header .mf_finder_searchBox_focusInput .mf_finder_searchBox_submit:before{
opacity: 0.4;
}
}
@media screen and (min-width: 840px){
.mf_finder_organic_doc_img.mf_finder_link{
width: 98px;
}
}
@media screen and (max-width:1024px){
.mf_finder_header{
padding: 0;
}
header .nav .mf_finder_header.is-sp div{
padding-top: 0;
margin-top: 0;
border: none;
}
header .nav .mf_finder_header.is-sp .mf_finder_searchBox{
width: 480px;
max-width: 100%;
display: block;
border-radius: 100px;
padding: 8px;
background: #fff;
}
header .mf_finder_searchBox_items{
padding: 0;
height: 21px;
}
header .mf_finder_searchBox_submit:before{
opacity: 0.5;
}
header .mf_finder_searchBox_submit{
position: relative;
left: 10px;
}
}
@media screen and (max-width:480px){
.mf_finder_header{
padding-top: 2.4vw;
}
.mf_finder_organic_doc.mf_finder_doc_outbound{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
main .mf_finder_organic_doc_img_wrapper.mf_gui_img_frame{
text-align: left;
}
}
@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;
}
}
/*align-justify-center*/
.align-justify-center{
display: flex;
justify-content: center;
align-items: center;
}
.mf_finder_searchBox_submit span{
display: block !important;
}
.flex{
display: flex;
}