@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;}
* > *:last-child{margin-bottom: 0;}
html{overflow-x:hidden;overflow-y:scroll;}
.html{line-height:1.9;}
p{margin: 0;}
p + p{margin-top: 10px;}
p + h3{margin-top: 45px;}


@font-face{font-weight:normal;font-style:normal;font-family:'swis721';src:url('../fonts/swis721btl.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'swis721';src:url('../fonts/swis721btb.woff') format('woff');}

@font-face{font-weight:normal;font-style:normal;font-family:'nsjp-r';src:url('../fonts/nsjp-regular.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'nsjp-b';src:url('../fonts/nsjp-bold.woff') format('woff');}


@font-face{font-weight:normal;font-style:normal;font-family:'sawarabi';src:url('../fonts/sawarabi.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'sawarabi';src:url('../fonts/sawarabi.woff') format('woff');}


body,input,select,textarea{font-family:'swis721','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;font-size:100%;}
body{font-size:1.4rem;line-height:1.9;color:#333;min-width:100%;background: #fff;}

/* bootstrap reset */
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:inherit;color:inherit;}

i[class*="fa-"]{margin:0 .5em 0 0;}
.btn .fa-arrow-circle-right{margin:0 0 0 .25em;}


.nav-pills li{width:32%;max-width: 165px;}
.nav-pills li a{text-decoration: none;border-radius: 0;text-align: center;background: #f6f6f6;}
.nav-pills li.active a{background: #126e9e;color: #fff;}

#main-bg{}

#page-bg{position: relative;}
#page-bg h2{color:#003f62;z-index: 2;padding: 45px 15px;font-size: 38px;}
#page-bg + article > section{padding-top: 0;}

#breadcrumb{}
.breadcrumb{font-size: 12px;margin-bottom: 0;background: #fff;}
.breadcrumb > li + li{padding-left: 30px;position: relative;}
.breadcrumb > li + li:before {
	content: "\f105";font-family: FontAwesome;font-size: 20px;line-height: 26px;height: 26px;width: 30px;text-align: center;
	color: #ccc;
	display: inline-block;
	position: absolute;top: 50%;margin-top: -13px;left: 0;
}


.row + .row{margin-top: 0;}


/* index */


/* index - appeal */
#index-appeal{padding: 0;background: #f2f2f2;text-align: right;}
#index-appeal img{width: 100%;height: auto;}


/* index - series */
#index-series{}
#index-series h2 span{background: url(../images/h2-series.png) left center /contain no-repeat;display: inline-block;line-height: 36px;padding-left: 2.5em;padding-bottom: 11px;}

#index-series h3{margin: 60px 0 30px;text-align: center;font-weight: bold;}

/* index - contents */
#index-contents h3{font-size: 20px;line-height: 26px;text-align: center;margin: 20px 0;position: relative;font-weight: bold;}
#index-contents h3 span{text-align: center;display: block;margin-bottom: 20px;}


#index-series h2,
#index-itcost h2,
#index-contents h2,
#news-area h2,
.tit-level1
 {
    font-size: 34px;
    line-height: 1.25;
    text-align: center;
    margin:10px 0 45px;font-weight: bold;
}

.tit-level1{color:#126e9e;}

.tit-level3
 {
    font-size: 1.6rem;
    line-height: 1.25;
    margin-bottom: 15px;
    font-weight: bold;
    border-left: 4px solid #126e9e;
    padding-left: 14px;
}

.alert{padding: 29px;}
.alert h5{font-size: 1.6rem;font-weight: bold;text-align: center;margin-bottom: 20px;}

.cvj-tb{border-spacing:5px;}
.cvj-tb th,.cvj-tb td{}
.cvj-tb th{width: 200px;}
.cvj-tb th span{background: #126e9e;color: #fff;font-size: 1.5em;font-weight: bold;width: 200px;line-height: 70px;text-align: center;border-radius:4px;display: inline-block;}
.cvj-tb td{width: auto;}

.catalogue-img{max-width: 710px;}
.catalogue-img img{width: 100%;height: auto;}


.container-inner{max-width: 710px;margin: 0 auto;}

/* index - news */
.nws-tb{font-size: 14px;border-top: 1px solid #ccc;}
.nws-tb th,.nws-tb td{padding:10px 0;vertical-align: top;line-height: 32px;border-bottom: 1px solid #ccc;}
.nws-tb th:nth-of-type(1){width: 140px;font-weight: normal;}
.nws-tb th:nth-of-type(2){padding:10px 20px;}
.nws-tb td{width:auto;padding:10px 0;}

.ct-ico{font-size: 14px;line-height: 20px;color:#fff;text-align: center;padding:6px 15px;font-weight: bold;}
.ct-nws{background: #35b1f1;}
.ct-prs{background: #f3831f;}
.ct-mda{background: #70b502;}

.nws-tb th span,.title-bg span {
    color: #c00;
    margin-left: 1em;
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
}


.bcd-tb{border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.bcd-tb th,.bcd-tb td{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.bcd-tb th{background: #efefef;text-align: center;width: 33%;white-space: normal;}
.bcd-tb td{background: #fff;width: auto;text-align: center;}

.bcd-tb th.bg-blue,.bcd-tb td.bg-blue{background: #e5ebef;}


/* list */
.area-nav{display: table;width: 100%;table-layout: fixed;margin-bottom: 30px;}
.area-nav a{display: table-cell;vertical-align: middle;width: 12.5%;color: #fff;background: #003f62;text-decoration: none;text-align: center;padding: 10px 5px;}
.area-nav a:hover,
.area-nav a:active,
.area-nav a:focus,
.area-nav a.active{color: #fff;background-color: #126e9e;}
.area-nav a + a{margin-left:0;border-left: 1px solid #5487a5;}

.areabox{background: #fff;}
.areabox h4,.areabox h5{background: #666;color:#fff;font-size: 18px;padding: 10px;line-height: 30px;font-weight: normal;text-align: center;margin-bottom: 0;}

#area-list > .container > h3{border-bottom: 3px solid #003f62;color:#003f62;padding-bottom: 9px;margin-bottom: 1px;}
#area-list > .container > h4{margin-bottom: 30px;font-weight: bold;}

.label-area{background: #666;padding: 3px 6px 2px;font-weight: normal;}



/* faq */
.q-box{}
.q-box dt,.q-box dd{line-height: 1.9;}
.q-box dt{border-bottom: 1px solid #ccc;background: #126e9e;color:#fff;padding: 15px 15px 15px 54px;}
.q-box dt:before{content: "Q";background: #003f62;display: inline-block;width: 26px;line-height: 26px;text-align: center;margin-left: -39px;margin-right: 13px;}
.q-box dd{border: 1px solid #ccc;border-top: none;padding: 14px;}
.q-box + .q-box{margin-top: 30px;}




/* news */
.news-nav{display: table;width: 100%;table-layout: fixed;}
.news-nav a{display: table-cell;vertical-align: middle;width: 33.3333%;color: #fff;background: #003f62;text-decoration: none;text-align: center;padding: 10px 5px;}
.news-nav a:hover,
.news-nav a:active,
.news-nav a:focus,
.news-nav a.active{color: #fff;background-color: #126e9e;}
.news-nav a + a{margin-left:0;border-left: 1px solid #5487a5;}

.news-tb{border-top: 1px solid #ddd;}
.news-tb th{width: 180px;padding: 7px 0;border-bottom: 1px solid #ddd;font-weight: normal;line-height: 29px;font-weight: normal;}
.news-tb td{width: auto;padding: 7px 0;border-bottom: 1px solid #ddd;line-height: 29px;}
.news-tb th span{color:#c00;margin-left: 1em;font-weight: bold;font-size: 12px;vertical-align: middle;}

.news-img img{width: 100%;height: auto;}


#news-list > .container > h3{border-bottom: 3px solid #003f62;color:#003f62;padding-bottom: 9px;font-size: 24px;text-align: left;font-weight: bold;}

.news-tb2{border-top: 1px solid #ddd;}
.news-tb2 th{width: 180px;padding: 7px 0 5px;font-weight: normal;line-height: 29px;font-weight: normal;}
.news-tb2 td{width: auto;padding: 7px 0 5px;line-height: 29px;}
.news-tb2 th span{color:#c00;margin-left: 1em;font-weight: bold;font-size: 12px;vertical-align: middle;}


.prc-tb{border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.prc-tb th,.prc-tb td{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.prc-tb th{background: #efefef;text-align: center;width: 21%;white-space: normal;}
.prc-tb td{background: #fff;width: auto;text-align: center;}



.tit-merit{text-align: center;font-weight: bold;font-size: 20px;line-height: 26px;}
.tit-merit span{display: block;margin: 20px 0;}
.tit-merit span img{width: 100px;height: auto;}


.lst-tb	{table-layout: fixed;}
.lst-tb th,.lst-tb td{vertical-align: top;padding: 14px 0;}
.lst-tb th{text-align: left;width: 60px;}
.lst-tb th span{width: 30px;background: #003f62;color:#fff;width: 42px;line-height: 42px;display: block;text-align: center;font-size: 24px;}
.lst-tb td{background:#fff;}

.lst-tb tr + tr{border-top: 1px solid #ccc;}


.ksp-tb{border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
.ksp-tb th,.ksp-tb td{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;width: auto;}
.ksp-tb th{background: #efefef;}

.ksp-tb th.bg-blue{background: #e5ebef;color:#003f62;}
.ksp-tb td.bg-blue{background: #fff;color:#003f62;}

.elec-tb{border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
.elec-tb th,.elec-tb td{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;}
.elec-tb th{background: #efefef;width: 33%;white-space: normal;}
.elec-tb th.bg-blue{background: #003f62; color: #fff;}
.elec-tb td{background: #fff;width: auto;text-align: center;}



/* company */
.signature{font-family: 'Times New Roman','ba-r',Arial,Helvetica,Roboto,'sawarabi',"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐ明朝","ＭＳ 明朝",sans-serif;font-weight: bold;}

/* joboffer */
.frm-tb				{width:100%;border-collapse:collapse;border-top:1px solid #ccc;border-left:1px solid #ccc;margin-bottom: 20px;}
.frm-tb th			{line-height:normal;text-align:left;width:16em;background:#f6f6f6;border-right:1px solid #ccc;border-bottom:1px solid #ccc;line-height: 1;}
.frm-tb th small	{margin-right: 56px;font-weight: normal;font-size: 11px;margin-top: 5px;display: block;}
.frm-tb th.required	{background:#f6f6f6;}
.frm-tb th.required .label-danger{float:right;}

.frm-tb td			{line-height:normal;background:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;width: auto;}
td .radio,td .checkbox{display: inline-block;margin: 0;}

#pp{border:1px solid #ccc;padding: 24px;margin-bottom: 20px;}
.pp-scroll{padding: 24px;margin: -24px;}

.pp-scroll h4{margin: 20px 0 10px;font-size: 16px;line-height: 1;border-bottom: 1px dotted #999;padding-bottom: 8px;}
.pp-scroll h4:first-child{margin-top: 0;}

.pp-scroll a{color:#333;text-decoration: underline;}
.pp-scroll a:hover,
.pp-scroll a:active,
.pp-scroll a:focus{color:#333;text-decoration: none;}

input[type="checkbox"], input[type="radio"] {vertical-align:middle;margin-right:5px !important;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"]{margin-right: 0.5em;margin-top: -3px;}
input{font-size:100%;vertical-align:middle;}

input[type="text"], input[type="password"], input[type="email"]{border:1px solid #ccc;padding:9px;border-radius:4px;line-height: 1;}
select{border:1px solid #ccc;padding:6px 9px;border-radius:4px;line-height: 1;}


input[type="text"]:focus,input[type="password"]:focus,textarea:focus{border:1px solid #ccc;padding:9px;background:#f6f6f6;border-radius:4px;line-height: 1;}
select:focus{border:1px solid #ccc;padding:6px 9px;background:#f6f6f6;border-radius:4px;line-height: 1;}

textarea{font-size:100%;border:1px solid #ccc;padding:9px;width:100%;border-radius:4px;box-sizing:border-box;line-height: 1;}


.req{color:#ffbaba;}
.required input[type="text"], .required input[type="password"], .required select, .required textarea{border:1px solid #ffbaba;}


.required input[type="text"]:focus, .required input[type="password"]:focus, .required textarea:focus{background: #fff6f6;}

label{margin:0 1em 0 0.5em;}

.form-ss{width:10%;}
.form-s{width:25%;}
.form-m{width:50%;}
.form-l{width:100%;}
.form-ll{width:100%;}

hr{margin: 14px 0;}



.tit-zeimu,
.tit-time,
.tit-kyuyo,
.tit-hanbai,
.tit-kokyaku,
.tit-keiri-pro,
.tit-keiri-lite,
.tit-sonota{background: #f6f6f6;padding: 6px 15px;margin: 30px 0 20px;
    line-height: 1.6;font-weight: bold;
    font-size: 1.6rem;}

.tit-zeimu		{border-left: 3px solid #1796dc;color:#1796dc;}
.tit-time		{border-left: 3px solid #4e42a3;color:#4e42a3;}
.tit-kyuyo		{border-left: 3px solid #e63f00;color:#e63f00;}
.tit-hanbai		{border-left: 3px solid #c82828;color:#c82828;}
.tit-kokyaku	{border-left: 3px solid #800080;color:#800080;}
.tit-keiri-pro	{border-left: 3px solid #2D8014;color:#2D8014;}
.tit-keiri-lite	{border-left: 3px solid #678002;color:#678002;}
.tit-sonota		{border-left: 3px solid #003f62;color:#003f62;}


.list-group-item{border-radius: 0 !important;text-align: center;text-decoration: none;}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #126e9e;
    border-color: #126e9e;
}

.list-group{margin-bottom: 30px;border-top: none;}
.list-group h3{margin-bottom: 0;}
.list-group h3 a,.list-group h3 a:hover,.list-group h3 a:active,.list-group h3 a:focus{background: #003f62;color: #fff;text-align: center;padding: 15px;border-radius:0;font-size: 18px;margin-bottom: 0;line-height: 18px;display: block;text-decoration:none;}

.list-group h3 + .list-group-item{border-top: none;}





#navbar-recent.navbar{border:none;}
#navbar-recent li,
#navbar-archives li,
#navbar-categories li{border-top: 1px solid #ddd;}

#navbar-recent li:first-child,
#navbar-archives li:first-child,
#navbar-categories li:first-child{border-top:none;}


#navbar-recent a,
#navbar-archives a,
#navbar-categories a{display: block;color:#333;margin: 0;padding: 9px 14px;background: #fff;text-align: left;font-size: 14px;}

#navbar-recent li.active a,
#navbar-archives li.active a,
#navbar-categories li.active a{background: #f798bb;color:#fff;margin: 0;}

#navbar-recent li a:hover,
#navbar-archives li a:hover,
#navbar-categories li a:hover{background: #f6f6f6;color:#333;margin: 0;}


.btn-prev:before,.btn-next:after{font-family: FontAwesome;display: inline-block;width: 1em;}

.btn-prev:before{content:"\f104";text-align: left;}
.btn-next:after{content:"\f105";text-align: right;}


.btn-rss{background: #fc78ab; color:#fff;font-family:'hanazono-min',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;box-shadow:0 0 12px rgba(0,0,0,.15);border:1px solid #fff;}
.btn-rss:hover,.btn-rss:focus,.btn-rss:active{background: #e7548a; color:#fff;}


.image1{float: left;margin:0 1.5em 1.5em 0;width: 33%;}
.box .html{margin-bottom: 20px;}
.box .html:last-child{margin-bottom: 0;}


/* law */
.law-tb{border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
.law-tb th,.law-tb td{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.law-tb th{background: #f6f6f6;}
.law-tb td{background: #fff;}



/* contact */


/* common parts */
#wrapper{}

/* header */
#header{margin: 0;border-bottom: none;background: #fff;position: relative;padding-top: 13px;}
#header > .container,.header-right{display: table;table-layout: fixed;}

#header .row{display: flex;align-items:center;}




#logo h1{font-size: 11px;line-height: 15px;margin-bottom: 7px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
#logo a{display: block;width: 217px;}
#logo a img{width: 100%;height: auto;}

#hnav					{font-size: 12px;padding-top: 10px;}
#hnav ul				{display: table;width: 100%;line-height: 14px;}
#hnav li				{display: table-cell;padding-left: 20px;text-align: right;}
#hnav li:before			{content:"\f0da";font-family: FontAwesome;display: inline-block;width: 1em;text-align: left;color:#003f62;}
#hnav li a				{color:#333;text-decoration: none;white-space:nowrap;}
#hnav li a:hover		{color:#003f62;text-decoration: underline;}
#hnav li.active a		{color:#003f62;font-weight: bold;}


.header-right{padding-left: 80px;}

#cse-search-box{background: #e7e7e7;width: 260px;margin-top: 10px;}

.header-right input[type="text"]{border:none;background: #e7e7e7;padding: 6px 9px;}

.header-right button{border:none;width: 36px;background: #e7e7e7;}
.header-right button .fa-search{margin: 0;font-size: 20px;line-height: 30px;}

/* navigation */
#nav{background: #003f62;margin-top: 20px;}
.nav{}
.nav-justified{border-left: 1px solid #5487a5;display: flex;}
.nav-justified > li{border-right:1px solid #5487a5;flex:1 1 16.6666666666%;max-width:16.6666666666%;}
.nav-justified > li > a			{background: #003f62;color:#fff;line-height: 15px;font-size: 13px;text-align: center;white-space:nowrap;padding: 20px 15px;text-decoration: none;}
.nav-justified > li > a > small	{display: block;color:rgba(255,255,255,.67);font-size: 10px;line-height: 10px;margin-top: 5px;}

.nav-justified > li > a:hover,
.nav-justified > li > a:active,
.nav-justified > li > a:focus,
.nav-justified > li.active > a{background: #126e9e;color:#fff;}




.navbar{margin-bottom: 0;border-radius: 0;border: none;min-height:1px;}




/* main,article,aside,section */
article#page .container{display: table;table-layout: fixed;}

section{padding: 70px 0;}

.bg-dotgray{background: url(../images/common/bg-dotgray.png) center center;}
.bg-dotgray .well{border: none;background: #fff;padding: 45px;line-height: 2;}
.bg-dotgray .well + .well{margin-top: 30px;}
.bg-dotgray .well h3{text-align: center;font-weight: bold;font-size: 25px;line-height: 1;margin-bottom: 20px;}

.bg-dotblue{background: url(../images/common/bg-dotblue.png) center center;}
.bg-dotblue h2{color:#003f62;}



.tit-level2 {
    background: #e5ebef;
    color: #003f62;
    padding: 6px 15px;
    margin: 30px 0 10px;
    line-height: 1.6;
    font-weight: bold;
    font-size: 1.6rem;
}
.tit-level2:first-child{margin-top: 0;}


.jo-list{color:#003f62;font-size: 16px;font-weight: bold;margin: 30px 0 20px;}
.jo-list:before{content: "\f10c";font-family: FontAwesome;display: inline-block;width:56px;text-align: center;}

.jo-list span{display: inline-block;width: 1.5em;text-align: center;}

.jo-list + p{margin-left: 56px;margin-bottom: 20px;}

.primary-list{margin-left: 75px;}
.primary-list li{padding-left: 1em;}
.primary-list li span{display: inline-block;width: 4em;text-align: center;position: relative;margin-right: 1em;}
.primary-list li span:before,.primary-list li span:after{position: absolute;}
.primary-list li span:before{content: "（";left: 0;}
.primary-list li span:after{content: "）";right: 0;}


.secondary-list{list-style: none;margin-left: 56px;}
.secondary-list li{padding-left: 5em;}
.secondary-list li span{display: inline-block;width: 4em;text-align: center;position: relative;margin-left: -5em;margin-right: 1em;}
.secondary-list li span:before,.secondary-list li span:after{position: absolute;}
.secondary-list li span:before{content: "（";left: 0;}
.secondary-list li span:after{content: "）";right: 0;}


.lead{font-size: 16px;line-height: 1.5;}



.well h4{margin-bottom: 20px;}

.underline {background: linear-gradient(transparent 60%, #facfea 60%);text-decoration: none;}

.btn{line-height: 20px;text-decoration: none;}
.btn:hover,
.btn:active,
.btn:focus{opacity:.8;}


.btn.text-left{text-align: left;}
.btn i{display: inline-block;width: 1em;}

.btn-access{background: #0179d0;color:#fff;border:none;line-height: 14px;border-radius:0 !important;text-align: left;position: relative;padding: 6px 24px 6px 12px;}
.btn-access:hover,
.btn-access:hover,
.btn-access:hover{background: #0179d0;color:#fff;}

.btn-header{background: #126e9e;color:#fff;border:none;font-size: 17px;line-height: 50px;position: relative;}
.btn-header:hover,
.btn-header:hover,
.btn-header:hover{background: #126e9e;color:#fff;}

.btn-cclr{background: #003f62;color:#fff;font-size: 19px;line-height: 51px;border:none;}
button.btn-cclr:hover,
button.btn-cclr:active,
button.btn-cclr:focus,
a.btn-cclr:hover,
a.btn-cclr:active,
a.btn-cclr:focus,
input.btn-cclr:hover,
input.btn-cclr:active,
input.btn-cclr:focus{background: #003f62;color:#fff;opacity:.8;}
input[type="submit"]:hover{opacity:.8;}

.btn-detail{background: #003f62;color:#fff;font-size: 14px;line-height: 24px;width: 144px;display: block;margin-top: 4px;}
a.btn-detail:hover,
a.btn-detail:active,
a.btn-detail:focus{color:#fff;}

.btn-red{background: #cb2525;color:#fff;font-size: 19px;line-height: 51px;border:none;}
a.btn-red:hover,
a.btn-red:active,
a.btn-red:focus{background: #cb2525;color:#fff;opacity:.8;}

.btn-gray{background: #f6f6f6;color:#333;font-size: 17px;line-height: 23px;border:none;padding: 13px 13px;border:none;border: 1px solid #ccc;}
a.btn-gray:hover,
a.btn-gray:active,
a.btn-gray:focus{background: #f6f6f6;color:#333;opacity:.8;}

.btn-blue{background: #126e9e;color:#fff;font-size: 19px;line-height: 23px;border:none;padding: 14px 14px;}
a.btn-blue:hover,
a.btn-blue:active,
a.btn-blue:focus{background: #126e9e;color:#fff;opacity:.8;}
button.btn-blue:hover,
button.btn-blue:active,
button.btn-blue:focus{background: #126e9e;color:#fff;opacity:.8;}
.btn-blue small{display: block;margin-top: 10px;font-size: 13px;}


.btn-map{background: #003f62;color:#fff;font-size: 12px;line-height: 16px;border:none;margin-top: 5px;}


.btn-back{background: #999;color:#fff;font-size: 16px;padding: 19px 15px;border:none;}
button.btn-back:hover,
button.btn-back:active,
button.btn-back:focus{background: #999;color:#fff;font-size: 16px;padding: 19px 15px;border:none;}

.btn-back + .btn-cclr{margin-left: 2em;}

.btn-xs{
	font-size: 12px;line-height: 17px;
	padding: 5px 10px;
}

.btn-sm{
	font-size: 13px;
	line-height: 20px;
	padding: 12px 10px;
	border-radius:6px;
}

.btn-md{
	font-size: 16px;
	padding: 15px 30px;
}

.btn-lg {
	padding: 17px 18px;
	font-size: 18px;
	line-height: 30px;
}

.btn-xlg {
	font-weight: bold;
	padding: 20px 40px;
	font-size: 30px;
	line-height: 30px;
}

.disc{margin: 0 0 15px;padding: 0;}
.disc li{margin-left: 1em;}

.circle{margin: 0;padding: 0;list-style: none;}
.circle li{padding-left: 24px;}
.circle li:before{content:"\f10c";font-family: FontAwesome;display: inline-block;width: 24px;margin-left: -24px;}

.decimal{margin: 0;padding: 0;}
.decimal li{margin-left: 2em;}

.phone-medium{font-size: 27px;line-height: 27px;}
.phone-large{font-size: 36px;line-height: 36px;}
.phone-medium i[class*="fa-"],.phone-large i[class*="fa-"]{margin-right: 0.25em;}

/* pagetop */
#pagetop{background:url(../images/common/pagetop.png);display: block;width: 70px;height: 70px;position: fixed;right: 0;bottom: 0;}



/* footer */
#footer{padding: 40px 0;}
#footer p.fadd{font-size: 12px;line-height: 27px;margin-bottom: 60px;}


#fnav{}
#fnav .container-fluid{padding: 0;}


nav.horizontal							{text-align: center;background: #666;color:#fff;line-height: 13px;padding: 25px 0;font-size: 13px;}
nav.horizontal ul						{display: inline;list-style: none;display: flex;justify-content:center;align-items:center;}
nav.horizontal li						{display: inline-block;}
nav.horizontal li + li					{border-left: 1px solid #fff;}
nav.horizontal li a						{color:#fff;display: inline-block;padding: 2px 1em;margin:-2px .5em;text-decoration: none;}
nav.horizontal li a:hover				{background: #fff;color:#666;border-radius:2px;}


nav.vertical							{display: table;width: 100%;table-layout: fixed;padding: 30px 0;line-height: 26px;color:#666;font-size: 12px;}

nav.vertical .fnav						{display: table-cell;vertical-align: top;}

nav.vertical .fnav h3					{font-size: 12px;line-height: 1;height: 20px;font-weight: bold;}
nav.vertical .fnav ul					{list-style:none;}
nav.vertical .fnav li					{font-size: 12px;line-height: 26px;padding:0 2em 0 1em;}
nav.vertical .fnav ul:last-child li		{padding:0 0 0 1em;}

nav.vertical .fnav li ul{margin-left: 1em;}
nav.vertical .fnav li ul li:before			{content:"\f0da";font-family: FontAwesome;display: inline-block;width: 1em;margin-left: -1em;}
nav.vertical .fnav li a					{color:#666;text-decoration: none;}
nav.vertical .fnav li a:hover			{color:#666;text-decoration: underline;}



#social{}
#sns-area,.sns-area{display: table;}
#sns-area .twitter,
#sns-area .g-plus1,
#sns-area .fb{display: table-cell;vertical-align: top;padding-right: 20px;height: 20px;}

.sns-area{padding: 30px 0 0;}
.sns-area .fb,
.sns-area .twitter,
.sns-area .hatena,
.sns-area .g-plus1,
.sns-area .pocket{float: left;height: 20px;padding-right: 20px;}
.sns-area .fb{margin-top: -6px;}


#copyright{font-size: 12px;text-align: right;line-height: 40px;color:#999;display: block;}


#contactus{display: none;}
body a{text-decoration: underline;outline:none;color:#003f62;}
body a:hover{text-decoration: none;outline:none;color:#003f62;}
body a:focus{text-decoration: none;outline:none;}

.box{border:1px solid #ccc;padding: 24px;}

.box > h3{font-size: 21px;line-height: 1.5;margin-bottom: 20px;}
.box > h3:first-child{font-size: 21px;line-height: 1.5;margin-bottom: 20px;background: #666;color:#fff;margin: -25px -25px 24px;padding:15px 25px;}
.box > h3 small{font-size: 14px;line-height: 21px;display: inline-block;margin-left: 1em;padding-left: 1em;border-left: 1px solid #fff;}

.box h4{margin: 20px 0 10px;font-size: 16px;line-height: 1;border-bottom: 1px dotted #999;padding-bottom: 8px;}
.box h4:nth-child(2){margin-top: 0;}
.box > h4:first-child{font-size: 16px;line-height: 1.5;background: #fff;background: #e5e5d8;border: 1px solid #fff;margin-bottom: -1px;padding: 8px 13px;}


.box h5{font-size: 15px;font-weight: bold;margin-bottom: 10px;}
.box > h5:first-child{font-size: 16px;line-height: 1.5;background: #fff;background: #e5e5d8;border: 1px solid #fff;margin-bottom: -1px;padding: 8px 13px;}

.box p{font-size: 14px;line-height: 1.5;}


.box .row,.sbox .row,.alert .row{margin:-20px -10px 0;}
.box .row [class*="col-"],.sbox .row [class*="col-"],.alert .row [class*="col-"]{padding:0 10px;margin-top: 20px;}

.box + .box{margin-top: 30px;}
.box + .row{margin-top: 30px;}
.box .row + .row{margin-top: 20px;}

.box .box-img{margin: 0 -25px 20px;display: block;}

.box02 {padding: 24px;}

.alert.text-large{line-height: 1.5;font-weight: bold;}
.alert .text-xlarge{display: inline-block;margin: 10px 0;font-size: 30px;}


.qbox{background: #fff;padding:15px 15px 15px 50px;}
.qbox p.qbox_a{position: relative;}
.qbox p.qbox_a:before{content:"A";font-family: 'Century Gothic',Futura,sans-serif;font-size: 30px;line-height: 30px;position: absolute;top: -5px;left: -35px;font-weight: bold;}
.qbox p.qbox_q{color:#fff;background: #666;padding:15px 15px 15px 50px;font-size: 16px;line-height: 26px;position: relative;margin: -15px -15px 15px -50px;}
.qbox p.qbox_q:before{content:"Q";font-family: 'Century Gothic',Futura,sans-serif;font-size: 30px;line-height: 30px;position: absolute;top: 10px;left: 15px;font-weight: bold;}



.qbox + .qbox{margin-top: 20px;}

.qbox-tit,.qbox-txt{display: table-cell;vertical-align: middle;}
.qbox-tit{width: 360px;background: #0179d0;color:#fff;font-size: 16px;padding:10px 20px;position: relative;}
.qbox-tit:before{content:"Q";font-family: 'Times New Roman','ba-r',Arial,Helvetica,Roboto,'sawarabi',"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐ明朝","ＭＳ 明朝",sans-serif;position: absolute;top: 0;left: 0;color:rgba(255,255,255,.25);font-size: 100px;padding-top: 10px;}

.qbox-txt{width: 504px;padding:20px;}
.qbox-txt:before{content:"A";font-family: 'Times New Roman','ba-r',Arial,Helvetica,Roboto,'sawarabi',"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐ明朝","ＭＳ 明朝",sans-serif;position: absolute;right: 0;bottom: 0;color:rgba(1,121,248,.125);font-size: 100px;padding-top: 50px;padding-right: 10px;text-align: right;vertical-align: bottom;overflow: hidden;height: 100px;}

.well h5{font-size: 18px;margin-bottom: 20px;font-weight: bold;border-left: 5px solid #e21717;padding-left: 10px;}


.btn i{margin-right: 0.5em;}
.btn i.fa-angle-right{margin-right: 0;font-size: 1.5em;}
.btn i.fa-angle-left{margin-right: 0.5em;font-size: 1.4em;}
/* table */
table{border-spacing:0;border-collapse:collapse;width:100%;}
th{width: 1%;white-space: nowrap;padding:14px;line-height: 1.5;}
td{width: 99%;padding:14px;line-height: 1.5;}
td p:last-child{margin-bottom: 0;}

.prf-tb{border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.prf-tb th{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #efefef;width: 10em;}
.prf-tb td{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #fff;width: auto;}

.prf-tb td .year{display: inline-block;width: 2.5em;text-align: right;}
.prf-tb td .month{display: inline-block;width: 2.5em;text-align: right;}
.prf-tb td .day{display: inline-block;width: 4em;text-align: right;padding-right: 2em;}

.well hr{margin: 9px 0;border-top: 1px solid #ccc;}

h3 > span{font-size: 75%;}


/* margin / padding */
.mt-130{margin-top: -130px;}

.mt-xlg-{margin-top: -45px !important;}
.mt-lg-{margin-top: -30px !important;}
.mt-md-{margin-top: -20px !important;}
.mt-sm-{margin-top: -10px !important;}
.mt-xs-{margin-top: -5px !important;}

.mt0{margin-top: 0 !important;}

.mt-xlg{margin-top: 45px !important;}
.mt-lg{margin-top: 30px !important;}
.mt-md{margin-top: 20px !important;}
.mt-sm{margin-top: 10px !important;}
.mt-xs{margin-top: 5px !important;}

.mb0{margin-bottom: 0 !important;}
.mb-xxs{margin-bottom: 5px !important;}
.mb-xs{margin-bottom: 10px !important;}
.mb-sm{margin-bottom: 15px !important;}
.mb-md{margin-bottom: 20px !important;}
.mb-lg{margin-bottom: 30px !important;}
.mb-xlg{margin-bottom: 45px !important;}



.clr{clear:both;}

.fsl{font-size: 125%;font-weight: bold;}

.dt{display: table;width: 100%;}
.dtc{display: table-cell;vertical-align: middle;float: none;}

.navbar-collapse{padding: 0;}
br.dn{display: none;}

.prf_tb th,.hst_tb th{width: 7em;}
.rnt_tb th{width: 9em;}

.r-arrow{position: relative;}
.r-arrow:after{content:"\f105";font-family:FontAwesome;position: absolute;top: 50%;margin-top: -10px;right: 10px;}



.img-ful{width: 100%;height: auto;}
.img-responsive2 {
	width: 100%;
	height: auto;
}

.ba1 i,.ba2 i{font-size: 4em;vertical-align: middle;color:#999;}

.psr{position: relative;}


/* paging */
div.paging{line-height:normal;padding:5px;margin:20px 0 30px;text-align:center;font-size:16px;font-family:Arial, Helvetica, sans-serif;}
div.paging span.current,div.paging span a.paging-text{margin:0 2px;padding:0;background:#fff;color:#999;display:inline;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;border:1px solid #ccc;line-height: 48px;width: 48px;}
div.paging span.current{background:#efefef;display:inline;zoom:1;text-decoration:none;display:inline-block;color:#423716;}
div.paging span a.paging-text:hover{color:#423716;cursor:pointer;background:#efefef;display:inline;zoom:1;text-decoration:none;display:inline-block;opacity:.8;}
div.paging i { margin: 0; }
div .paging-text {
    margin: 0 2px;
    padding: 0;
    background: #fff;
    color: #999;
    display: inline;
    zoom: 1;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
    border: 1px solid #ccc;
    line-height: 48px;
    width: 48px;
}

.blue{color:#0179d0;}
.text-small{font-size: 14px;line-height: 14px;}
.text-xsmall{font-size: 13px;line-height: 13px;}
.text-large{font-size: 20px;line-height: 20px;}
.text-xlarge{font-size: 24px;line-height: 24px;}

.bold-r{font-weight:bold; color:#f00;}


@media (max-width:767px){
	body{overflow-x: hidden;}

	#page-bg{position: relative;margin-bottom: 30px;}
	#page-bg h2{z-index: 2;padding: 15px 15px;text-align: center;font-size: 30px;line-height: 1.25;}

	.bg-recruit{background-position: center center;}
	.bg-advantage{background-position: center center;}

	.breadcrumb{font-size: 10px;}
	.breadcrumb > li + li{padding-left: 20px;position: relative;}
	.breadcrumb > li + li:before {font-size: 18px;width: 20px;}

	#wrapper{padding-top: 70px;}

	.kome{text-align: left;}

	.btn-cclr{line-height: 46px;}

	/* index - appeal */
	#index-appeal{margin:0 -15px;padding: 0;}


	/* index - merit */
	#index-series h2, #index-itcost h2, #index-contents h2, #news-area h2, .tit-level1 {
	    font-size: 24px;
	    line-height: 1.5;
	    margin-bottom: 15px;
	}

	#index-series h2 span{display: inline-block;line-height: 24px;padding-left: 3.5em;padding-bottom: 5px;text-align: left;}

	#index-series h3{margin: 30px 0 15px;text-align: center;}


    .tit-level1
     {
        font-size: 24px;
        line-height: 1.5;
        margin-bottom: 10px;
    }

	.bg-dotgray .well{padding: 15px;}
	.bg-dotgray .well + .well{margin-top: 30px;}
	.bg-dotgray .well h3{line-height: 1.25;font-size: 21px;text-align: left;}

	.opt-tb{font-size: 12px;}
	.opt-tb th,.opt-tb td{display: block;width: auto;padding: 9px;line-height: 1.5;}





	/* index - plan */
	.planbox{background: #fff;}
	.planbox h3{background: #666;color:#fff;font-size: 18px;padding: 10px;line-height: 1.25;font-weight: normal;text-align: center;margin-bottom: 0;}

	.pln-tb{border-top: 1px solid #ddd;border-left: 1px solid #ddd;margin-bottom: 10px;}
	.pln-tb th{border-right: 1px solid #eee;border-bottom: 1px solid #ddd;padding: 9px;background: #eee;width: 100px;font-size: 12px;line-height: 26px;}
	.pln-tb td{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 9px;width: auto;font-size: 12px;line-height: 26px;}
	.pln-tb td strong{color:#c00;}
	.pln-tb td a{color:#333;text-decoration: underline;}
	.pln-tb td p{padding: 10px 0;}

	/* index - qa */


	/* index - documents */
	.doc-listbox{background: #fff;padding:15px 30px;}
	.doc-list{list-style: none;font-size: 16px;line-height: 24px;}

	.doc-listbox .row{margin-top: 0;}
	.doc-listbox .row [class*="col-xs-"], .row .row [class*="col-"] {
		margin-top: 0;}

	/* index - function */
	.filter{position: relative;width: auto;max-width:420px;margin: 0 auto;}
	.filter:after{content:"";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.75);}


	.tit-function{font-size: 16px;line-height: 20px;text-align: center;margin-bottom: 5px;position: relative;margin-top: -193.333px;padding-top: 20px;color:#fff;height: 193.333px;}
	.tit-function span{text-align: center;display: block;margin-bottom: 20px;}



	/* index - news */
	.nws-tb{font-size: 14px;border-top: 1px solid #ccc;}
	.nws-tb th,.nws-tb td{line-height: 1.75;display: block;width: auto;}
	.nws-tb th:nth-of-type(1){padding:10px 0 2px;width: auto;font-weight: normal;border-bottom: none;}
	.nws-tb th:nth-of-type(2){padding:2px 0;border-bottom: none;}
	.nws-tb td{width:auto;padding:2px 0 10px;}

	.ct-ico{font-size: 14px;line-height: 20px;color:#fff;text-align: center;padding:6px 15px;font-weight: bold;}




	hr{margin: 14px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #fff;}



	th,td{padding: 9px;}



	/* list */
	.area-nav{display: block;margin-bottom: 30px;}
	.area-nav:after{content:"";display: table;clear: both;}
	.area-nav a{display: block;width: 25%;float: left;border-top: 1px solid #5487a5;padding: 10px 0;line-height: 1;font-size: 11px;}
	.area-nav a:nth-child(1),.area-nav a:nth-child(2),.area-nav a:nth-child(3),
	.area-nav a:nth-child(5),.area-nav a:nth-child(6),.area-nav a:nth-child(7){border-right: 1px solid #5487a5;}
	.area-nav a:nth-child(1),.area-nav a:nth-child(2),.area-nav a:nth-child(3),.area-nav a:nth-child(4){border-top: none;}
	.area-nav a:hover,
	.area-nav a:active,
	.area-nav a:focus,
	.area-nav a.active{color: #fff;background-color: #126e9e;}
	.area-nav a + a{margin-left:0;border-left:none;}

	.label-area{background: #666;padding: 6px 6px 5px;font-weight: normal;display: block;font-size: 12px;line-height: 1.25;margin-top: 10px;white-space:normal;text-align: left;}




	.tit-merit{text-align: center;font-weight: bold;font-size: 20px;line-height: 26px;}
	.tit-merit span{display: block;margin: 20px 0;}
	.tit-merit span img{width: 100px;height: auto;}


	.lst-tb	{table-layout: fixed;}
	.lst-tb th,.lst-tb td{vertical-align: top;padding: 14px 0;}
	.lst-tb th{text-align: left;width: 60px;}
	.lst-tb th span{width: 30px;background: #003f62;color:#fff;width: 42px;line-height: 42px;display: block;text-align: center;font-size: 24px;}
	.lst-tb td{background:#fff;}

	.lst-tb tr + tr{border-top: 1px solid #ccc;}


	.ksp-tb{border-top: 1px solid #ccc;border-left: 1px solid #ccc;font-size: 12px;}
	.ksp-tb th,.ksp-tb td{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;width: auto;white-space: normal;}
	.ksp-tb th{background: #efefef;}

	.ksp-tb th.bg-blue{background: #e5ebef;color:#003f62;}
	.ksp-tb td.bg-blue{background: #fff;color:#003f62;}




	/* news */
	.news-nav a{display: block;width: 25%;float: left;padding: 10px 0;line-height: 1.25;font-size: 11px;}
	.news-nav a:hover,
	.news-nav a:active,
	.news-nav a:focus,
	.news-nav a.active{color: #fff;background-color: #126e9e;}

	.news-tb{border-top: none;}
	.news-tb th{width: auto;padding: 5px 0 1px;border-bottom: none;font-weight: normal;display: block;line-height: 1;}
	.news-tb td{width: auto;padding: 1px 0 5px;border-bottom: 1px solid #ddd;display: block;}

	#news-list > .container > h3{border-bottom: 3px solid #003f62;color:#003f62;padding-bottom: 9px;font-size: 18px;margin-bottom: 15px;}

	.news-tb2{border-top: 1px solid #ddd;}
	.news-tb2 th{width: 180px;padding: 7px 0 0;font-weight: normal;line-height: 29px;font-weight: normal;}
	.news-tb2 td{width: auto;padding: 7px 0 0;line-height: 29px;}
	.news-tb2 th span{color:#c00;margin-left: 1em;font-weight: bold;font-size: 12px;vertical-align: middle;}


    .prc-tb th,.prc-tb td{display: block;width: auto;}


	.bcd-tb th,.bcd-tb td{font-size: 12px;padding: 4px;}
	.bcd-tb th{background: #efefef;text-align: center;width: 33%;white-space: normal;}
	.bcd-tb td{background: #fff;width: auto;text-align: center;}

	/* faq */
	.q-box dt{padding: 10px 10px 10px 49px;}
	.q-box dt:before{width: 26px;line-height: 26px;text-align: center;margin-left: -39px;margin-right: 13px;}
	.q-box dd{padding: 9px;}
	.q-box + .q-box{margin-top: 15px;}


	.prf-tb th,.prf-tb td{display: block;width: auto;}
	.prf-tb th{width: auto;}
	.prf-tb td span{display: inline-block;width: 10em;}

	.frm-tb{margin-bottom: 10px;}
	.frm-tb th,.frm-tb td{display: block;}
	.frm-tb th{width: auto;}

	button.btn-cclr{width: 290px;}

	.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"]{margin-right: 0.5em;margin-top: 4px;}

	.form-ss,.form-s,.form-m,.form-l,.form-ll{width:100%;}



	.qbox{display: block;}

	.qbox + .qbox{margin-top: 20px;}

	.qbox-tit,.qbox-txt{display: block;}
	.qbox-tit{width: 100%;background: #0179d0;color:#fff;font-size: 16px;padding:20px 20px;position: relative;}
	.qbox-tit:before{content:"Q";font-family: 'Times New Roman','ba-r',Arial,Helvetica,Roboto,'sawarabi',"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐ明朝","ＭＳ 明朝",sans-serif;position: absolute;top: 0;left: 0;color:rgba(255,255,255,.25);font-size: 80px;padding-top: 10px;}

	.qbox-txt{width: auto;padding:20px;}
	.qbox-txt:before{content:"A";font-family: 'Times New Roman','ba-r',Arial,Helvetica,Roboto,'sawarabi',"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐ明朝","ＭＳ 明朝",sans-serif;position: absolute;right: 0;bottom: 0;color:rgba(1,121,248,.125);font-size: 80px;padding-top: 50px;padding-right: 10px;text-align: right;vertical-align: bottom;overflow: hidden;height: 85px;}


	.well h5{font-size: 18px;margin-bottom: 20px;font-weight: bold;border-left: 5px solid #e21717;padding-left: 10px;}


	/* user-policy */
	.jo-list{color:#003f62;font-size: 16px;font-weight: bold;margin: 30px 0 20px;line-height: 1.25;padding-left: 28px;}
	.jo-list:before{content: "\f10c";font-family: FontAwesome;display: inline-block;width:28px;text-align: center;margin-left: -28px;}

	.jo-list span{display: inline-block;width: 1.5em;text-align: center;}

	.jo-list + p{margin-left: 28px;margin-bottom: 20px;}

	.primary-list{margin-left: 28px;}
	.primary-list li{padding-left: 3.5em;}
	.primary-list li span{display: inline-block;width: 3em;text-align: center;position: relative;margin-right: .5em;}
	.primary-list li span:before,.primary-list li span:after{position: absolute;}
	.primary-list li span:before{content: "（";left: 0;}
	.primary-list li span:after{content: "）";right: 0;}


	.secondary-list{list-style: none;margin-left: 2em;}
	.secondary-list li{padding-left: 4em;}
	.secondary-list li span{display: inline-block;width: 3.5em;text-align: center;position: relative;margin-left: -4em;margin-right: .5em;}
	.secondary-list li span:before,.secondary-list li span:after{position: absolute;}
	.secondary-list li span:before{content: "（";left: 0;}
	.secondary-list li span:after{content: "）";right: 0;}


	.alert{padding: 14px;}
    .alert h4{text-align: left;font-size: 1.25em;font-weight: bold;line-height: 1.5;margin-bottom: 10px;}
	.alert h5 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;}

    .cvj-tb{border-spacing:0;}
    .cvj-tb th,.cvj-tb td{display: block;padding: 4px 0;}
    .cvj-tb th{width: auto;}
    .cvj-tb th span{background: #126e9e;color: #fff;font-size: 1.25em;font-weight: bold;width: 100%;line-height: 50px;text-align: center;border-radius:4px;display: inline-block;}
    .cvj-tb td{font-size: 1em;width: auto;}


	.alert .row{margin: -10px -5px 0;}
	.alert .row [class*="col-"]{padding:0 5px;margin-top: 10px;}

	.alert .btn-gray{font-size: 14px;}


	/* law */
	.law-tb th,.law-tb td{display: block;width: auto;}


	/* blog,detail */
	.box .box-img{margin: -5px -15px 10px;display: block;}

	/* blog,detail */
	.date{margin: -15px -15px 10px;padding: 13px 15px 0;}

	.date + h3{border-top: 1px solid #ddd;padding-top: 9px;}

	a.box,
	a.box:hover,
	a.box:active,
	a.box:focus{display: block;color:#333;}

	a.box:hover,
	a.box:active,
	a.box:focus{background: #f6f6f6;}

	#calendar,
	#search,
	#xs-search,
	#rss,
	#xs-rss{
		margin-bottom:30px;
		padding:15px;background: #fff;border-top:none;border:1px solid #ddd;
	}

	#recent,
	#archives,
	#xs-calendar{
		margin-bottom:30px;
		background: #fff;border-top:none;border:1px solid #ddd;
	}

	#categories{
		background: #fff;border-top:none;border:1px solid #ddd;
	}

	.EzCalendar{/* カレンダーのセンター揃え */

		text-align:center;
		border-collapse:collapse;
		padding:1px;
		font-size:12px;

	}
	.EzCalendar th{ font-weight:normal;padding:1px; text-align:center;width: auto;}
	.EzCalendar th a{padding:0 9px;}
	.EzCalendar td{ border:1px solid #ddd;padding:1px;text-align:center;width: auto;}
	.EzCalendar td a{font-weight:bold;}

	#navbar-recent.navbar{border:none;}
	#navbar-recent li,
	#navbar-archives li,
	#navbar-categories li{border-top: 1px solid #ddd;}

	#navbar-recent li:first-child,
	#navbar-archives li:first-child,
	#navbar-categories li:first-child{border-top:none;}


	#navbar-recent a,
	#navbar-archives a,
	#navbar-categories a{display: block;color:#333;margin: 0;padding: 9px 14px;background: #fff;text-align: left;font-size: 14px;}

	#navbar-recent li.active a,
	#navbar-archives li.active a,
	#navbar-categories li.active a{background: #f798bb;color:#fff;margin: 0;}

	#navbar-recent li a:hover,
	#navbar-archives li a:hover,
	#navbar-categories li a:hover{background: #f6f6f6;color:#333;margin: 0;}




	.box{border:1px solid #ccc;padding: 14px;}

	.box > h3{font-size: 17px;line-height: 1.5;margin-bottom: 20px;}
	.box > h3:first-child{font-size: 17px;line-height: 1.5;margin-bottom: 20px;background: #666;color:#fff;margin: -15px -15px 14px;padding:9px 15px;}
	.box > h3 small{font-size: 12px;line-height: 18px;display: block;margin: 5px 0 0;padding:5px 0 0;border-left: none;border-top: 1px solid #fff;}

	.box h4{margin: 20px 0 10px;font-size: 15px;line-height: 1;border-bottom: 1px dotted #999;padding-bottom: 8px;}
	.box h4:nth-child(2){margin-top: 0;}
	.box > h4:first-child{font-size: 15px;line-height: 1.5;background: #fff;background: #e5e5d8;border: 1px solid #fff;margin-bottom: -1px;padding: 8px 13px;}


	.box h5{font-size: 15px;font-weight: bold;margin-bottom: 10px;}
	.box > h5:first-child{font-size: 16px;line-height: 1.5;background: #fff;background: #e5e5d8;border: 1px solid #fff;margin-bottom: -1px;padding: 8px 13px;}

	.well{padding: 14px;}


	/* paging */
	div.paging{line-height:normal;padding:5px;text-align:center;font-size:16px;font-family:Arial, Helvetica, sans-serif;}
	div.paging span.current,div.paging span a.paging-text{margin:0 1px;padding:0;background:#fff;color:#999;display:inline;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;border:1px solid #ccc;line-height: 32px;width: 32px;}
	div.paging span.current{background:#efefef;display:inline;zoom:1;text-decoration:none;display:inline-block;color:#423716;}
	div.paging span a.paging-text:hover{color:#423716;cursor:pointer;background:#efefef;display:inline;zoom:1;text-decoration:none;display:inline-block;opacity:.8;}
	div.paging i { margin: 0; }


	/* header */
	#wrapper{}

	#header{margin: 0;border-bottom: none;background: #fff;z-index: 999;padding: 12px 0 0;position: fixed;top: 0;left: 0;right: 0;box-shadow:0 0 5px rgba(0,0,0,.1);height: 70px;}
	#header > .container{display: block;float: left;padding: 0 15px;}

	#logo{padding: 0;display: block;width: auto;position: relative;z-index: 9999;}
	#logo p{display: none;}
	#logo a{display: block;}
	#logo a img{width: auto;height: 46px;}

	#header-right{display: none;}

	/* navigation */
	#nav{width: auto;margin-left: 0;background: transparent;margin-top: 0;}
	#mnav{margin:0 -15px;border-bottom: 1px solid #ccc;}
	.nav{font-size: 14px;}
	.nav-justified{flex-direction:column;}
	.nav-justified > li{width: auto;border:none;border-top: 1px solid #ddd;padding-left: 0;flex:1 1 100%;max-width:100%;}
	.nav-justified > li > a{font-size: 14px;padding: 14px 15px;text-align: left;margin-bottom: 0;border:none;border-left:3px solid #fff;width: auto;position: relative;background: #fff;}

	.nav-justified > li > a,
	.nav-justified > li > a:hover,
	.nav-justified > li > a:active,
	.nav-justified > li > a:focus,
	.nav-justified > li.active > a{line-height: 20px;white-space:nowrap;color:#333;}

	.nav-justified > li.active{position: relative;}

	.nav-justified > li > a:hover,
	.nav-justified > li > a:active,
	.nav-justified > li > a:focus,
	.nav-justified > li.active > a{border:none;border-left: 3px solid #003f62;background: transparent;color:#003f62;background: #fff;}

	.nav-justified > li > a > small{position: absolute;right: 15px;top: 50%;margin-top: -5px;color:#333;}

	.navbar{margin-bottom: 0;border-radius: 0;border: none;min-height:1px;}

	.navbar-collapse{box-shadow:none;border-top: none;}

	.navbar-toggle			{padding: 6px 8px;line-height: 1;text-align: center;width: 48px;background: #003f62;color:#fff;margin: 0 15px 11px 0;}
	.navbar-toggle:focus	{color:#fff;}
	.icon-pos				{display: block;font-size: 20px;height: 20px;}
	.icon-pos i{margin: 0;}
	.icon-text				{font-size: 10px;letter-spacing:0;line-height: 11px;}

	.navbar-header h1		{margin:11px 15px 11px 0;}
	.navbar-header h1 img	{width: 179.7px;height: auto;}

	/* main,article,aside,section */
	article{margin-top: 0;display: block;}

	#list,aside{display: block;padding-bottom: 30px;}

	#list{width: auto;padding-right: 0;}
	aside{width: auto;}

	section{padding: 30px 0;}
	section > .container > h2{font-size: 21px;line-height: 1.5;margin-bottom: 10px;margin-top: 0;}

	.blog-detail > .container > h2{border-bottom: 3px solid #003f62;color:#003f62;padding-bottom: 9px;font-size: 21px;margin-bottom: 15px;}
	.blog-detail > .container > h3{border-bottom: 3px solid #003f62;color:#003f62;padding-bottom: 9px;font-size: 18px;margin-bottom: 15px;}


	main > section{padding: 30px 0;}

	main#page > .container > article > section + section{padding: 0;margin-top: 30px;}

	section h3{font-size: 16px;margin-bottom: 15px;}
	section h3 small{font-size: 15px;margin-top: 9px;padding-top: 9px;line-height: 1.25;}

	main#page > .container > article > section > h3{background: #f6f6f6;color:#333;border-left: 10px solid #0164ac;margin-bottom: 15px;font-size: 18px;}
	main#page > .container > article > section > h3 span{display: block;padding: 10px;border-left: 1px solid #fff;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}

	main#page > .container > article > section h4{font-size: 15px;margin-bottom: 10px;}




	section > .container > h3,section > .container > .row > div[class*="col-"] >h3{font-size: 18px;margin-bottom: 15px;}

	h3.tit-sec{padding-left: 1.5em;line-height: 1.25;color:#0179d0;margin-bottom: 30px;}
	h3.tit-sec:before{content:"\f1ce";font-family: FontAwesome;transform:rotate(45deg);display: inline-block;width: 1em;height: 1em;margin-right: 0.5em;margin-left: -1.5em;}

	h4.tit-sec-sub span{font-size: 14px;padding-left: 10px;margin-bottom: 10px;}

	.lead{font-size: 15px;line-height: 1.5;}
	.text-large{font-size: 18px;line-height: 1.5;}

	h4 small{display: block;font-size: 12px;}


	.btn-red,
	.btn-gray,
	.btn-blue{font-size: 15px;line-height: 23px;border:none;padding: 9px 14px;}


	/* pagetop */
	#pagetop{display: none;}

	/* footer */
	#footer{padding: 30px 0;}

	#footer p{text-align: center;font-size: 16px;line-height: 24px;}

	nav.horizontal{padding:15px;}

	nav.horizontal hr{border-top-color:#999;border-bottom: none;}

	nav.vertical	{padding: 0;}
	nav.vertical .fnav{display: block;}

	nav.vertical .row{margin:-15px -5px 0;}
	nav.vertical .row [class*="col-"]{padding:0 5px;margin-top: 15px;}


	#sns-area{display: block;}
	.twitter,.g-plus1{display: block;float: left;}
	#sns-area .fb{display: block;clear:both;padding:5px 0 20px;}


	.row{margin:-20px -10px 0;}*[class*="col-"]{position:relative;min-height:1px;padding:0 10px;margin-top:20px;}





	#copyright{line-height: 30px;margin-top: 15px;margin-bottom: 50px;text-align: center;}


	#contactus{position: fixed;left: 0;right: 0;bottom: 0;padding:1px;background: #fff;z-index: 999999;box-shadow:0 0 5px rgba(0,0,0,.25); display: table;width: 100%;table-layout: fixed;}
	#contactus li{display: table-cell;vertical-align: middle;padding: 1px;text-align: center;}
	#contactus li a{display: block;}
	#contactus i{margin: 0 auto;font-size: 20px;display: block;}


	#contactus .btn-cntctus {

		color:#fff;
		background: #003f62;
		font-size: 10px;
		line-height: 10px;
		line-height: normal;
		font-weight: bold;
		padding: 3px;
		position: relative;
	}
	#contactus .btn-cntctus:hover,#contactus .btn-cntctus:active,.btncntctus:focus {
		color:#fff;
		background: #126e9e;
	}
	#contactus .btn-cntctus i{font-size: 20px;margin-bottom: 1px;}


	.col-xs-6.mt0{margin-top: 15px !important;}

	.mt-130{margin: 0;}

	.row,.row .row{margin:-30px -5px 0;}
	.row [class*="col-xs-"],.row .row [class*="col-"]{padding:0 5px;margin-top: 30px;}

	.example .row div[class*="col-xs-"]{margin-top: 0;}
	.box .col-xs-12 + .col-xs-12{margin-top: 10px;}

	.mt30{margin-top: 15px;}
	.mb45{margin-bottom: 15px;}

	#logo .h-txt { display:none;}



}
@media (min-width:768px) and (max-width:991px){

	/* index */

	/* index - plan */
	.planbox h3{font-size: 18px;display: table;width: 100%;}
	.planbox h3 span{display: table-cell;vertical-align: middle;font-size: 18px;}
	.pln-tb th{width: 160px;}
	.pln-tb td p{padding: 0;}

	/* index - documents */
	.doc-listbox{padding:20px 20px;}
	.doc-list{font-size: 14px;}


	/* index - function */
	.tit-function{font-size: 16px;line-height: 20px;margin-top: -146.667px;padding-top: 20px;height: 146.667px;}
	.tit-function span{text-align: center;display: block;margin-bottom: 10px;}
	.tit-function span img{width: 54px;height: auto;}

	/* header */

	.btn-header{line-height: 33px;}



	/* navigation */
	.nav-justified > li {
	    flex: 1 1 22%;
	    max-width: 22%;
	}
	.nav-justified > li:last-child{flex:1 1 40%;max-width: 34%;}

	.nav-justified > li > a{line-height: 20px;}




	#sns-area{display: block;}
	.twitter,.g-plus1{display: block;float: left;}
	.fb{display: block;clear:both;padding-bottom: 20px;}

}
@media (min-width:992px) and (max-width:1199px){

	/* index */

	/* index - plan */
	.planbox h3{font-size: 16px;}
	.pln-tb th{width: 100px;}


	/* index - documents */
	.doc-listbox{padding:25px 50px;}
	.doc-list{font-size: 16px;}


	/* index - function */
	.tit-function{font-size: 18px;line-height: 22px;margin-top: -195.55px;padding-top: 30px;height: 195.55px;}
	.tit-function span{text-align: center;display: block;margin-bottom: 20px;}
	.tit-function span img{width: 70px;height: auto;}

	/* header */
	#logo{width: 600px;}

	.header-right input[type="text"]{border:none;background: #e7e7e7;padding: 6px 9px;width: 214px;}

	.header-right button{border:none;width: 36px;background: #e7e7e7;}
	.header-right button .fa-search{margin: 0;font-size: 20px;line-height: 30px;}

	.row30{margin: -30px -30px 0;}
	.row30 [class*="col-"]{padding: 0 30px;margin-top: 30px;}

	/* navigation */

	.row{margin:-25px -12.5px 0;}*[class*="col-"]{position:relative;min-height:1px;padding:0 12.5px;margin-top:25px;}

	.blog-detail .container{padding:0 130px;}

}
@media (min-width:1200px){
	.row{margin:-30px -15px 0;}*[class*="col-"]{position:relative;min-height:1px;padding:0 15px;margin-top:30px;}

	.row30{margin: -30px -30px 0;}
	.row30 [class*="col-"]{padding: 0 30px;margin-top: 30px;}

	.blog-detail .container{padding:0 230px;}
}

@media (max-width:768px){
}

/*common*/
.flexbox{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex; /* Safari */
	display: flex;
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
}
.txtbox p{
	margin-bottom: 15px;
}
.list-title span{
	background: #003f62;
	padding: 15px;
	color: #fff;
	display: inline-block;
	margin-right: 15px;
	line-height: 1em;
	font-size: 2rem;
	font-weight: bold;
}
.list-title {
	font-size: 2.4rem;
	font-weight: bold;
}
.title-bg {
  margin-bottom: 25px;
  padding: 8px 15px 8px 15px;
  border-top: 3px solid #003f62;
  background: #f7f7f7;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 991px) {
  .title-bg {
    margin-bottom: 18px;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 767px) {
  .title-bg {
    margin-bottom: 12px;
    padding: 6px 12px 6px 12px;
    font-size: 1.6rem;
  }
}
.list-d li {
  margin-left: 18px;
  list-style-type: disc;
}

/*feature*/
.featureList {
  position: relative;
  margin-bottom: 45px;
  padding-bottom: 50px;
  padding-left: 25px;
  padding-right: 25px;
}
.featureList li span {
	color: #e37514;
	display: inline-block;
	margin-left: 8px;
	font-weight: bold;
}
span.cl_orenji{
	color: #e37514;
	font-weight: bold;
}
.feature-block_btn {
  position: absolute;
  right: 25px;
  bottom: 0;
}
.arrow-right:after {
	content: "\f0a9";
	font-family: FontAwesome;
	margin-left:10px;
}

@media screen and (max-width: 767px) {
  .feature-block_btn {
    position: static;
    right: auto;
    bottom: auto;
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  .feature-block_btn .btn {
    display: block;
  }
}

/*option*/
.optionBox dl{margin-bottom: 20px;}
.optionBox dl dt{
	font-weight: bold;
	font-size: 1.8rem;
	margin-bottom: 15px;
	border-left: 8px solid #003f62;
	padding:5px 0px 5px 15px;
	background: #f7f7f7;
}
.optionBox dl dd{
	line-height: 2;
}


h2 { font-weight:bold;}



@media print{#pagetop{display: none;}#header{position: absolute;}}

.fb_iframe_widget span {vertical-align: top !important;}


.tyui{ margin:-15px 0 10px; padding:0 0 0 20px;}
.tyui li{}
.tyui li span{ color:red; font-weight:bold;}

p.indent-1 {padding-left:1em; text-indent:-1em;}

.txt-1{
	font-size: 14px;
	margin-bottom: 20px;
}
.txt-1 span{
	color: #003f62;
    font-weight: bold;
    font-size: inherit;
}
.txt-2{
	margin-bottom: 27px;
    border-bottom: 3px solid #003f62;
    color: #003f62;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.7;
}


.breadcrumb {
	margin-bottom: 0;
	color: #737373;
	border-radius: 0;
	background: none;
	font-size: 1.2rem;
  }
  @media screen and (max-width: 767px) {
	.breadcrumb {
	  padding-left: 0;
	  font-size: 10px;
	}
  }
  .breadcrumb li {
	  display: inline-block;
  }
  .breadcrumb li + li {
	position: relative;
	padding-left: 30px;
  }
  @media screen and (max-width: 767px) {
	.breadcrumb li + li {
	  padding-left: 20px;
	}
  }
  .breadcrumb li + li::before {
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	content: "\f105";
	height: 26px;
	width: 30px;
	margin-top: -13px;
	font-family: FontAwesome;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	color: #ccc;
  }
  @media screen and (max-width: 767px) {
	.breadcrumb li + li::before {
	  width: 20px;
	  font-size: 18px;
	}
  }
  .breadcrumb a {
	color: #003f62;
	text-decoration: underline;
  }
  .breadcrumb a:hover {
	color: #126e9e;
  }



	.list_box{
		margin-bottom: 2rem;
	}
	.list_box h4{}
	.list_box ul{
		margin-bottom: 2rem;
	}
	.list_box ul li{}
	.list_box .list_btn{
		display: inline-block !important;
		border: 2px solid #003f62;
		border-radius: 4px;
		padding: 0px 50px;
		line-height: 40px;
		text-decoration: none;
	}
	.list_box .list_btn:hover{
		background-color: #003f62 !important;
		color: #fff !important;
	}

	@media (min-width: 768px) {
		.list_box{
			margin-bottom: 3rem;
		}
		.list_box h4{}
		.list_box ul{
			margin-bottom: 3rem;
		}
		.list_box ul li{}
		.list_box .list_btn{
			line-height: 50px;
		}
	}



	.m-adjust33{margin-top: 0;}
	.m-adjust7{margin-top: 0;}
	.list_btn_adjust{padding: 0 50px !important;}
	@media (min-width: 768px) {
		.m-adjust33{margin-top: 36.5px;}
		.m-adjust7{margin-top: 10.5px;}
		.list_btn_adjust{padding: 0 25px !important;}
	}
	@media (min-width: 992px) {
		.m-adjust33{margin-top: 0;}
		.m-adjust7{margin-top: 0;}
		.list_btn_adjust{padding: 0 50px !important;}
	}
	@media (min-width: 1200px) {
		.m-adjust33{margin-top: 32.5px;}
		.m-adjust7{margin-top: 32.5px;}
		.list_btn_adjust{padding: 0 50px !important;}
	}



	.adjust_201028{
		padding: 0 5rem;
	}
	@media (min-width: 768px) {
		.adjust_201028{
			padding: 0 5rem;
		}
	}
	@media (min-width: 992px) {
		.adjust_201028{
			padding: 0 5rem;
		}
	}
	@media (min-width: 1200px) {
		.adjust_201028{
			padding: 0 5rem;
		}
	}

	#ai_chat02 h5{
		margin-bottom: .5rem;
		font-weight: bold;
		color: #fff;
		background-color: #003f62;
		display: inline-block;
		padding: .35em .5em .25em;
	}
	#ai_chat02 h5:after{
		content: "";
	}
	#ai_chat02 ul,#ai_chat03 ul{
		padding: 0 0 0 2rem;
	}
	#ai_chat02 .box_201028{
		padding: 1em;
		color: #003f62;
		border-top: 3px solid #003f62;
		box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	}
	@media (min-width: 768px) {
		#ai_chat02 .box_201028{
			padding: 1.5em;
		}
	}

	.indent-1 {
		padding-left:1em;
		text-indent:-1em;
	}
	.indent-2 {
		padding-left:2em;
		text-indent:-2em;
	}


/* 20201122 */
.mb20 {	margin-bottom: 20px;}
.mb30 {	margin-bottom: 30px;}

.checkbox {
	list-style:
}

.checkbox li {
	line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
	margin-left: 2.2em;
}

.checkbox li:before {
  content: "✓";
  position: absolute;
  left : 1em;
}

.m-adjust {
	margin: 0 1em 0 0.5em;
}

.box_201028 {
	padding: 1em;
	color: #003f62;
	border-top: 3px solid #003f62;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.box_201028 h5 {
	margin-bottom: .5rem;
	font-weight: bold;
	color: #fff;
	background-color: #003f62;
	display: inline-block;
	padding: .35em .5em .25em;
}

@media (min-width: 768px) {
.box_201028 {
		padding: 1.5em;
	}
}

.box_20201122 {
	padding: 1em;
	color: #003f62;
	border-top: 3px solid #3cb371;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	max-width: 600px;
	margin: 0 auto;
}
.qaBtn {
	text-align: center;
}
.qaBtn a {
	display: inline-block;
	background: #3cb371;
	color: #fff;
  border: none;
	font-size: 17px;
	line-height: 50px;
	text-decoration: none;
	padding: 0 30px;
	border-radius: 5px;
}
.qaBtn a:hover {
	opacity: 0.8;
}
.qaBtn a:active,
.qaBtn a:hover {
	color: #fff;
}
.kome {
	margin-left: 1em;
	text-indent: -1em;
}
.question {
	font-weight: bold;
	line-height: 1.8;
}
.answer {
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
	line-height: 1.8;
}
.fwb {
	font-weight: bold;
}

.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}
.text-center_L{ text-align:left}
@media (min-width: 992px) {
.text-center_L{ text-align: center}
}


/*牛崎様からの指定CSS*/
.h201{
	font-size: 16pt; 
	font-weight: bold; 
	padding: 1rem 2rem; 
	border-left: 5px solid #544a47; 
	background: #f4f4f4; 
	margin-top: 50px; 
	margin-bottom: 20px;
	line-height: 1.5em;
}
.h301{
	font-size: 13pt; 
	font-weight:bold;
	line-height:150%; 
	margin-top:25px;
	margin-bottom: 3px;
}
.ul01 {
	list-style: disc !important;
	padding-left: 20px !important;
}

.ul02 {
	list-style: decimal !important;
	padding-left: 20px !important;
}



#top_remote-service h2{
	text-align: center;
	margin-bottom: 1rem;
	padding-top: 15px;
}
@media (min-width: 992px) {
	#top_remote-service h2{
		margin-bottom: 4rem;
	}
}

.btn-box{}
.btn-box a{}
.mb-90xs{margin-bottom: 45px !important;}
@media (min-width: 992px) {
	.btn-box{
		width: 50%;
    	float: right;
	}
	.btn-box a{}
	.mb-90xs{margin-bottom: 90px !important;}
}

.ml210222{
	margin-left: 20px !important;
}
.ml210222 li{
	padding-left: 1em;
}

.youtube {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
}

.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 20220309追加 */
.flex{display: flex;}
.jac{justify-content: center;}

/* remote-service */
.join-content {margin-top:9pt;}
.join-content th {text-align:left;font-size:12pt;font-weight:bold;}
.align-right {text-align:right;}

table.join-content {border:1px solid #CCC;border-spacing:0;color:#000;background-color:#C2E560;font-size:14px;font-weight:normal;height:32px;padding-top:10px;padding-left:10px;padding-right:10px;padding-bottom:20px;text-align:left;width: 100%;}

table.join-content th {background-color:#C2E560;color:#000;font-size:14px;font-weight:bold;height:32px;text-align:left;vertical-align:middle;white-space: normal;}

input.table-input-long {
    text-align: center;
    width: 80%;
}
.joinbox{width: 65%; margin: 20px auto;}
@media (max-width: 575px) {
	.joinbox{width: 100%;margin-left: 0px;}
	input.table-input-long {width: 80%;}
	.join-content th {overflow-wrap:break-word !important;}
	table.join-content {width: 100%;}
}
.disc_remote-service li{margin-left: 2em !important;}
.remote-ul {
	list-style-type:none !important;
}
.remote-ul li{
	margin-left: 5px;
}
.codebutton input{
	text-align: center;
	margin: 10px auto;
	width: 200px;
	padding: 5px;
}
.align-center{text-align: center;}
@media (max-width: 575px) {.codebutton input{width: 150px !important;}}

/*20220720　田邉対応*/
.c-696969{
	background: #696969 !important;
}


.prc-tb-02,.prc-tb-02 th,.prc-tb-02 td{
    border: 1px solid #ddd;
}
.prc-tb-02 th{
background: #efefef;
text-align: center;
width: 40%;
white-space: normal;
}
.prc-tb-02 td{
	text-align: center;
	width: 30% !important;
	white-space: normal;
}

.tbl1-ol{
	margin-left: 20px;
}

.p-email{
	display: inline;
}