@charset "utf-8";
/* CSS Document */
@import url(https://indestructibletype-fonthosting.github.io/renner.css);
@import url(https://fonts.googleapis.com/css?family=Oswald);
/*
font-family: 'Oswald', sans-serif !important;
*/
/* リセット
------------------------------------------*/
header, div, span, applet, object, iframe, input[type=file], h1, h2, h3, h4, h5, h6, p, select, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0 auto;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
font-family: "SF Pro JP","SF Pro Text","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif !important;
}
body#sub-window {
background-color: #FFF;
}

a {
color: #333333;
text-decoration: none;
outline: none;
border: none;
transition: all 0.3s ease-in-out;
}
a:hover {
color: #333333;
text-decoration: none;
opacity: 0.8;
}

p a:hover {
text-decoration: underline #0075c2;
cursor: pointer;
}

a img, img {
border: 0;
}
blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, p, pre, span, td, th, ul {
margin: 0;
padding: 0;
}
abbr, acronym {
border: 0;
}
address, caption, cite, code, dfn, em, th, var {
font-style: normal;
font-weight: normal;
}
caption, th {
text-align: left;
}
code, kbd, pre, samp, tt {
font-family: monospace;
line-height: 100%;
}
*+html code, kbd, pre, samp, tt {
font-size: 108%;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
ul, li {
margin: 0;
padding: 0;
list-style: none;
}
p {
}
q:before, q:after {
content: '';
}
button, fieldset, form, input, label, legend, /*select,*/ textarea {
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 100%; /*table-layout:fixed;*/
}
table td {
vertical-align: middle;
}
.right {
float: right;
}
.left {
float: left;
}
.pc {
display: block !important;
}
.sp {
display: none !important;
}
@media only screen and (max-width:736px) {
input, button, select, textarea {
-webkit-appearance: none;}

input[type="submit"], input[type="reset"], input[type="button"], button , select{
cursor: pointer;
-webkit-appearance: button;
*overflow: visible;
}
.sp {
display: block !important;
}
.pc {
display: none !important;
}
}

/* 汎用marginクラス
------------------------------------------*/
/* 強制marginセンター */
.margincenter{
margin: 10px auto 0 auto !important;
}

.mb0 {
margin-bottom: 0 !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.mb70 {
    margin-bottom: 70px !important;
}
.mb80 {
    margin-bottom: 80px !important;
}
.mt0 {
margin-top: 0 !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mr0 {
margin-right: 0px !important;
}
.mr5 {
margin-right: 5px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mr30 {
margin-right: 30px !important;
}
.mr40 {
margin-right: 40px !important;
}
.mr50 {
margin-right: 50px !important;
}
.mr60 {
margin-right: 60px !important;
}

.ml0 {
margin-left: 0px !important;
}
.ml5 {
margin-left: 5px !important;
}
.ml10 {
margin-left: 10px !important;
}
.ml20 {
margin-left: 20px !important;
}
.ml30 {
margin-left: 30px !important;
}
.ml40 {
margin-left: 40px !important;
}
.ml50 {
margin-left: 50px !important;
}

.ml60 {
margin-left: 60px !important;
}


/* 汎用paddigクラス
------------------------------------------*/
.p0 {
padding: 0px !important;
}
.pb0 {
padding-bottom: 0px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.pb60 {
padding-bottom: 60px !important;
}

.pt0 {
padding-top: 0px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pt60 {
padding-top: 60px !important;
}

.pr0 {
padding-right: 0px !important;
}
.pr10 {
padding-right: 10px !important;
}
.pr20 {
padding-right: 20px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pr50 {
padding-right: 50px !important;
}
.pr60 {
padding-right: 60px !important;
}

.pl0 {
padding-left: 0px !important;
}
.pl10 {
padding-left: 10px !important;
}
.pl20 {
padding-left: 20px !important;
}
.pl25 {
padding-left: 25px !important;
}
.pl30 {
padding-left: 30px !important;
}
.pl35 {
padding-left: 35px !important;
}
.pl40 {
padding-left: 40px !important;
}
.pl50 {
padding-left: 50px !important;
}
.pl60 {
padding-left: 60px !important;
}

/* 汎用font-sizeクラス
------------------------------------------*/
.fs10 {
font-size: 10px !important;
}
.fs11 {
font-size: 11px !important;
}
.fs12 {
font-size: 12px !important;
}
.fs13 {
font-size: 13px !important;
}
.fs14 {
font-size: 14px !important;
}
.fs15 {
font-size: 15px !important;
}
.fs16 {
font-size: 16px !important;
}
.fs17 {
font-size: 17px !important;
}
.fs18 {
font-size: 18px !important;
}
.fs19 {
font-size: 19px !important;
}
.fs20 {
font-size: 20px !important;
}

/* 汎用widthクラス
------------------------------------------*/
.w5 {
width: 5% !important;
}
.w10 {
width: 10% !important;
}
.w15 {
width: 15% !important;
}
.w20 {
width: 20% !important;
}
.w25 {
width: 25% !important;
}
.w30 {
width: 30% !important;
}
.w35 {
width: 35% !important;
}
.w40 {
width: 40% !important;
}
.w45 {
width: 45% !important;
}
.w50 {
width: 50% !important;
}
.w55 {
  width: 55% !important;
}
.w60 {
  width: 60% !important;
}
.w65 {
  width: 65% !important;
}
.w70 {
  width: 70% !important;
}
.w75 {
  width: 75% !important;
}
.w80 {
  width: 80% !important;
}
.w85 {
  width: 85% !important;
}
.w90 {
  width: 90% !important;
}
.w95 {
  width: 95% !important;
}
.w100 {
  width: 100% !important;
}

/* 汎用max-widthクラス
------------------------------------------*/
.max-w50 {
  max-width: 50px !important;
}
.max-w100 {
  max-width: 100px !important;
}
.max-w150 {
  max-width: 150px !important;
}
.max-w200 {
  max-width: 200px !important;
}
.max-w250 {
  max-width: 250px !important;
}
.max-w300 {
  max-width: 300px !important;
}
.max-w350 {
  max-width: 350px !important;
}
.max-w400 {
  max-width: 400px !important;
}
.max-w450 {
  max-width: 450px !important;
}
.max-w500 {
  max-width: 500px !important;
}
.max-w550 {
  max-width: 550px !important;
}
.max-w600 {
  max-width: 600px !important;
}
.max-w650 {
  max-width: 650px !important;
}
.max-w700 {
  max-width: 700px !important;
}
.max-w750 {
  max-width: 750px !important;
}
.max-w800 {
  max-width: 800px !important;
}
.max-w850 {
  max-width: 850px !important;
}
.max-w900 {
  max-width: 900px !important;
}
.max-w950 {
  max-width: 950px !important;
}
.max-w1000 {
  max-width: 1000px !important;
}

/* 汎用クラス
------------------------------------------*/
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.flex li{
list-style:none !important;
}
@media only screen and (max-width:769px) {
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex li{
width:100% !important;
}
}

#Infomation .Info-table ul.flex li{
width: 100%;
}

#Infomation .Info-table ul.flex li img{
float: right;
}
@media only screen and (max-width:769px) {
#Infomation .Info-table table ul.flex li img{
float: none;
}
}


.fwB{
font-weight:bold;
}

.il-bk {
    display: inline-block;
}
.va-t {
    vertical-align: top !important;
}
/* クリア
------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}

.backgrndnone{
background: #fff !important;
}

/* 汎用colorクラス
------------------------------------------*/
.red{
color:#f75c53 !important;
}

/* 汎用text-alignクラス
------------------------------------------*/
.txt_left{
text-align: left !important;
}
.txt_right{
text-align: right !important;
}
.txt_center{
text-align: center !important;
}

/* 注釈
------------------------------------------*/
p.note {
text-indent: -1em;
margin-left: 1em;
font-size: 0.9em;
line-height: 1.6em;
color: #666 !important;
padding: 0;
}

p.note:before {
content: '※';
}

/* リスト
------------------------------------------*/
.disc{
line-height: 2;
padding-left: 1.5em !important;
}
.disc > li {
list-style-type: disc;
}

.disc > li a:hover {
opacity: 0.8;
transition: all 0.3s ease-in-out;
text-decoration: underline #0075c2;
/* position: static !important; */
}

.decimal{
line-height: 2;
padding-left: 1.5em !important;
}

.decimal > li {
list-style-type: decimal;
}

.square > li {
list-style-type:square;
}

.number > li {
list-style-type:none;
text-indent: -1.0em;
padding-left: 1.0em;
}

.indent > li{
font-size: 0.95em;
line-height: 2.0em;
padding-left: 15px;
text-indent: -1em;
}

.disclosure-open {
    list-style-type:disclosure-open;
}

/* 記事の末尾の「お問い合わせ」
------------------------------------------*/
#Infomation .an-inquiry > h4 {
    font-size: initial !important;
    font-weight: normal !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}


/* 公開日・更新日のスタイル 
------------------------------------------*/
.article-date {
    color: #777;
    font-size: 0.8rem;
    margin: 20px 0;
}

/* 追記分
------------------------------------------*/
.emergencyttl{
font-weight: bold;
}

.emergency{
font-size: 1em;
padding: 20px;
margin: 30px 0;
background: #f7f7f7;
}

.emergency_contents{
font-size: 1em;
padding: 20px;
margin: 30px 0;
background: #f7f6fb;
}

/* リンクボタン
------------------------------------------*/

.link {
display: flex;
justify-content: center;
align-items: center;
}

.link a {
display: block;
font-size: 1.0em;
text-decoration: none;
border-radius: 7px;
padding: 10px 16px;
margin:10px 0;
background: #00a80c;
color: #FFF;
border:none;
transition: all 0.3s ease-in-out;
}

.link a:hover {
text-decoration: none;
opacity: 0.8;
color: #FFF;
border:none;
}

.gray{
color: #666;
}

.n-border{
border: none !important;
}

/* ボタン
------------------------------------------*/
.btn_other {
display: inline-block;
margin: 0px 9px 30px 0;
}
.btn_other a {
padding: 15px 25px;
text-align: center;
/* width: 100%; */
background: #333333;
color: #fff;
font-size: 0.95em;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
position: relative;
display: inline-block;
}
.btn_other a:before {
content: "";
display: inline-block;
position: absolute;
width: 6px;
height: 6px;
left: 5px;
top: 50%;
border-top: solid 1px;
border-right: solid 1px;
transform: rotate(45deg) translateY(-50%);
color: #fff;
}
.btn_other a:hover {
    border-bottom: none;
}

/* 三角アイコン
------------------------------------------*/
/* 前に配置 */
.arrow-start {
position: relative;
padding-left: 1em;
display: inline-block;
}
.arrow-start:before {
position: absolute;
content: '';
width: 6px;
height: 6px;
border-top: solid 2px #0070c9;
border-right: solid 2px #0070c9;
transform: rotate(45deg);
top: 11px;
left: 0;
margin-top: -4px;
}
/* 前に配置 リスト内・注釈内*/
.disc li .arrow-start,
.decimal li .arrow-start,
.note .arrow-start {
padding-left: 1em;
text-indent: 0em;
}
/* .disc li p .arrow-start,
.decimal li p .arrow-start {
margin-left: 1em;
padding-left: 1em;
text-indent: 0em;
} */
.disc li .arrow-start:before,
.decimal li .arrow-start:before{
top: 14px;
}

/* 後ろに配置 */
.arrow-end {
position: relative;
padding-right: 1em;
display: inline-block;
}
.arrow-end:before {
position: absolute;
content: '';
width: 6px;
height: 6px;
border-top: solid 2px #0070c9;
border-right: solid 2px #0070c9;
transform: rotate(45deg);
top: 11px;
right: 0;
margin-top: -4px;
}
/* 後ろに配置 リスト内・注釈内*/
.disc li .arrow-end:before,
.decimal li .arrow-end:before {
top: 14px;
}

/* 動画（millvi）文字化け回避（CSV_USER_CALL-308）
------------------------------------------*/
.vjs-button > .vjs-icon-placeholder:before {
font-family: 'VideoJS';
}

.video-js *, .video-js *:before, .video-js *:after {
font-family: 'VideoJS';
}