@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;}


#main-bg{}

#page-bg{position: relative;}
#page-bg h2{color:#678002;z-index: 2;padding: 30px 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 */
.goto-prev a{text-align: center;margin-top: 10px;display: block;}
.goto-pro a{text-align: center;margin-top: 10px;display: block;}
.goto-policy a{text-align: center;margin-top: 20px;margin-bottom: 20px;display: block;}
.kome{text-align: right;}

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

.user50000-over{margin-bottom: 15px;}

/* index - feature */
#feature h3{font-size: 20px;line-height: 26px;text-align: center;margin-bottom: 60px;position: relative;}
#feature h3:after{content:"";display: block;width: 40px;height: 1px;position: absolute;left: 50%;margin-left: -20px;bottom: -30px;background: #333;}
#feature h3 span{text-align: center;display: block;margin-bottom: 20px;}

/* index - merit */
#merit h3{font-size: 20px;line-height: 26px;text-align: center;margin-bottom: 60px;position: relative;}
#merit h3:after{content:"";display: block;width: 40px;height: 1px;position: absolute;left: 50%;margin-left: -20px;bottom: -30px;background: #333;}
#merit h3 span{text-align: center;display: block;margin-bottom: 20px;}


/* index - support */
#support h3{font-size: 20px;line-height: 26px;text-align: center;margin-bottom: 60px;position: relative;}
#support h3:after{content:"";display: block;width: 40px;height: 1px;position: absolute;left: 50%;margin-left: -20px;bottom: -30px;background: #333;}
#support h3 span{text-align: center;display: block;margin-bottom: 20px;}


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

.pln-tb{border-top: 1px solid #ddd;border-left: 1px solid #ddd;margin-bottom: 20px;}
.pln-tb th{border-right: 1px solid #eee;border-bottom: 1px solid #ddd;padding: 9px;background: #eee;width: 165px;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; background:#fff;}
/*.pln-tb td strong{color:#c00;font-size: 1.25em;}*/
.pln-tb td span.strong{color:#c00;font-size: 1.5em;}

.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:30px 70px;}
.doc-list{list-style: none;font-size: 18px;line-height: 36px;}



/* index - function */
.filter{position: relative;}
.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: 20px;/*line-height: 26px;*/text-align: center;margin-bottom: 10px;position: relative;margin-top: -240px;/*padding-top: 40px;*/color:#fff;height: 240px; line-height:240px;}
.tit-function span{text-align: center;display: block;margin-bottom: 20px;}


/* index - news */
.nws-scroll{overflow-y:scroll;height:105px;padding-right:15px;}

.nws-tb{font-size: 14px;}
.nws-tb th{line-height: 29px;padding:2px 0;width: 180px;font-weight: normal;}
.nws-tb td{line-height: 29px;width:auto;padding:2px 0;}

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


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

.docbox + .docbox{margin-top: 30px;}

.doc-tb	{width:100%;border-collapse:collapse;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.doc-tb th{line-height:normal;text-align: left;width: auto;background:#f6f6f6;border-right:1px solid #ccc;border-bottom:1px solid #ccc;line-height: 1;}
.doc-tb tr:first-child th{text-align: center;}
.doc-tb td{line-height:normal;text-align: center;background:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}

.doc-tb th:first-child{width: 50%;}
.doc-tb td:nth-child(2){width: 30%;}
.doc-tb td:nth-child(3){width: 20%;}


/* 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: #678002;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: #88a00d;}
.area-nav a + a{margin-left:0;border-left: 1px solid #b3c081;}

.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 #678002;color:#678002;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;}

.lst-tb	{width:100%;border-collapse:collapse;border-top:1px solid #ccc;border-left:1px solid #ccc;margin-bottom: 30px;}
.lst-tb th{line-height:normal;width: 300px;background:#f6f6f6;border-right:1px solid #ccc;border-bottom:1px solid #ccc;line-height: 1;text-align: left;}
.lst-tb td{line-height:normal;width: auto;background:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}



/* blog */
.b-0{bottom: 0 !important;left: 0 !important;right: 0 !important;position: absolute;}
.blog-nav{display: table;width: 100%;table-layout: fixed;}
.blog-nav a{display: table-cell;vertical-align: middle;width: 33.3333%;color: #fff;background: #678002;text-decoration: none;text-align: center;padding: 10px 5px;}
.blog-nav a:hover,
.blog-nav a:active,
.blog-nav a:focus,
.blog-nav a.active{color: #fff;background-color: #88a00d;}
.blog-nav a + a{margin-left:0;border-left: 1px solid #b3c081;}

.blg-tb{border-top: 1px solid #ddd;}
.blg-tb th{/*width: 80%;*/padding: 14px 0;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: normal;}
.blg-tb.wspace_wrap th{white-space:normal;}
.blg-tb td{width: 20%;padding: 7px 0;border-bottom: 1px solid #ddd;}

#blog-list > .container > h2{border-bottom: 3px solid #678002;color:#678002;padding-bottom: 9px;font-size: 24px;text-align: left;font-weight: bold;margin-bottom: 40px;}
#blog-list > .container > h3{border-bottom: 3px solid #678002;color:#678002;padding-bottom: 9px;font-size: 24px;text-align: left;font-weight: bold;}

.blog-img { text-align:center;}
.blog-img img{width: 80%; height: auto;}

.html *{font-weight: normal;margin: 0;padding: 0;}

.html p + p{margin-top: 0;}
.html th,.html td{width: auto;}
.html caption{color:#333;}

.ul01 {
		list-style: disc !important;
		padding-left: 20px !important;
}

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

.ul03 li {
	display: inline-block;
	margin-left:17px;
	margin-right:15px;
}


.blog-detail > .container > h2{border-bottom: 3px solid #678002;color:#678002;padding-bottom: 9px;font-size: 34px;text-align: left;font-weight: bold;margin-bottom: 40px; line-height:1.3; position: relative;}
.blog-detail > .container > h3{border-bottom: 3px solid #678002;color:#678002;padding-bottom: 9px;font-size: 24px;text-align: left;font-weight: bold;}


/* terms */
.trm-tb	{width:100%;border-collapse:collapse;border-top:1px solid #ccc;border-left:1px solid #ccc;margin-bottom: 30px;}
.trm-tb th{line-height:normal;width: auto;background:#f6f6f6;border-right:1px solid #ccc;border-bottom:1px solid #ccc;line-height: 1;text-align: center;}
.trm-tb td{line-height:normal;width: auto;background:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.trm-tb td.no{text-align: center;}
.trm-tb td:nth-child(1),
.trm-tb td:nth-child(2),
.trm-tb td:nth-child(3){white-space:nowrap;}



/* 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: #678002;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: #88a00d;}
.news-nav a + a{margin-left:0;border-left: 1px solid #b3c081;}

.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 #678002;color:#678002;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;}


/* movie */
.movie-list{list-style: none;}
.movie-list li{background: #eee;}
.movie-list li + li{margin-top: 5px;}

.movie-list li a{display: block;padding: 5px 50px 5px 10px;position: relative;color:#333;text-decoration: none;}
.movie-list li a:hover,
.movie-list li a:active,
.movie-list li a:focus{background: #ddd;color:#333;}
.movie-list li a .fa-youtube-play{color:#e62117;font-size: 28px;width: 28px;height: 28px;position: absolute;right: 10px;top: 50%;margin-top: -14px;margin-right: 0;}




/* 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"]{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: 44px 0;}




#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;}


/* 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;}

#logo,#header-right,#h-contact,#h-btn{display: table-cell;vertical-align: top;}

#logo{width: /*800px*/580px;}
#logo h1{font-size: 11px;line-height: 15px;margin-bottom: 7px;}
#logo a{display: block;width: 197px;}
#logo a img{width: 100%;height: auto;}

#header-right{width: 100%;}

#hnav					{font-size: 12px;padding-top: 10px;}
#hnav ul				{display: flex;flex-wrap: wrap;justify-content: flex-start;width: 100%;line-height: 14px;line-height: 2;}
#hnav li				{display: table-cell;padding-left: 20px;text-align: right;}
/* #hnav li:first-child	{padding-left: 0;} */
#hnav li:before			{content:"\f0da";font-family: FontAwesome;display: inline-block;width: 1em;text-align: left;color:#678002;}
#hnav li a				{color:#333;text-decoration: none;white-space:nowrap;}
#hnav li a:hover		{color:#337ab7;/*color:#3c8a1c;*/text-decoration: underline;}
#hnav li.active a		{color:#337ab7;/*color:#3c8a1c;*/font-weight: bold;}

@media screen and (max-width: 1199px) {
	#hnav li{}
}
@media screen and (max-width: 991px) {
	#header-right{
		padding-left: 1rem;
	}
	#hnav li{
		padding-left: 10px;
	}
}
@media screen and (max-width: 767px) {
	#hnav li{}
}

.adjust-list01{
	padding-left: 9px !important;
    background: #fff;
}



.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: #678002;margin-top: 20px;}
.nav{}
.nav-justified{table-layout: fixed;border-left: 1px solid #b3c081;}
.nav-justified > li{border-right:1px solid #b3c081;}
.nav-justified > li > a			{background: #678002;color:#fff;line-height: 15px;font-size: 15px;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: #88a00d;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-dotgreen{background: url(../images/common/bg-dotgreen.png) center center;}

section > .container > h2{font-size: 34px;text-align: center;margin-bottom: 45px;}
section > .container >  h3{font-size: 20px;margin-bottom: 30px;font-weight: bold;}




.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;}
@media (max-width:767px){
	.btn:hover,
	.btn:active,
	.btn:focus{opacity:1;}
}


.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-cclr{background: #3c8a1c;color:#fff;font-size: 16px; font-weight:bold; padding: 19px 15px;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: #ff6347;color:#fff;opacity:.8;}
input[type="submit"]:hover{opacity:.8;}
@media (max-width:767px){
	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{opacity:1;}
	input[type="submit"]:hover{opacity:1;}
}


.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;background: #678002;color:#fff;display: none;}
#footer p{text-align: center;font-size: 18px;line-height: 30px;}


#fnav{font-size: 12px;}
#fnav .container-fluid{padding: 0;}


nav.horizontal							{text-align: center;background: #666;color:#fff;line-height: 12px;padding: 19px 0;}
nav.horizontal ul						{display: inline;list-style: none;}
nav.horizontal li						{display: inline-block;}
nav.horizontal li + li:before			{content:"|";}
nav.horizontal li a						{color:#fff;display: inline-block;padding: 2px 4px;margin:0 2px;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: 35px 0 35px 180px;line-height: 20px;color:#666;}

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

nav.vertical .fnav:nth-child(1)			{width: 200px;}
nav.vertical .fnav:nth-child(2)			{width: 200px;}
nav.vertical .fnav:nth-child(3)			{width: 200px;}
nav.vertical .fnav:nth-child(4)			{}

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: 20px;padding:0 2em 0 1em;}
nav.vertical .fnav ul:last-child li		{padding:0 0 0 1em;}

nav.vertical .fnav 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{width: 140px; overflow: hidden; margin-right: 20px;}


#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:#678002;*/color: #337ab7;}
body a:hover{text-decoration: none;outline:none;/*color:#678002;*/color: #337ab7;}
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{margin:-20px -10px 0;}
.box .row [class*="col-"],.sbox .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;}

.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: #3c8a1c;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;}
.prf-tb td{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #fff;}

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

.tal{text-align: left;}
.tac{text-align: center;}
.tar{text-align: right;}

.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; }
@media (max-width:767px){
	div.paging span a.paging-text:hover{opacity:1;}
}

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


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

	#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{padding: 14px 15px;}

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

	.user50000-over{margin-bottom: 15px;}

	/* index - feature */
	#feature h3{font-size: 20px;line-height: 26px;text-align: center;margin-bottom: 40px;position: relative;}
	#feature h3:after{content:"";display: block;width: 40px;height: 1px;position: absolute;left: 50%;margin-left: -20px;bottom: -20px;background: #333;}
	#feature h3 span{text-align: center;display: block;margin-bottom: 20px;}

	/* index - merit */
	#merit h3{font-size: 20px;line-height: 26px;text-align: center;margin-bottom: 40px;position: relative;}
	#merit h3:after{content:"";display: block;width: 40px;height: 1px;position: absolute;left: 50%;margin-left: -20px;bottom: -20px;background: #333;}
	#merit h3 span{text-align: center;display: block;margin-bottom: 20px;}


	/* index - support */
	#support h3{font-size: 20px;line-height: 26px;text-align: center;margin-bottom: 40px;position: relative;}
	#support h3:after{content:"";display: block;width: 40px;height: 1px;position: absolute;left: 50%;margin-left: -20px;bottom: -20px;background: #333;}
	#support h3 span{text-align: center;display: block;margin-bottom: 20px;}


	/* 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-scroll{overflow-y:scroll;height:105px;padding-right:15px;}

	.nws-tb{font-size: 14px;}
	.nws-tb th{line-height: 29px;padding:2px 0 0;width: 180px;font-weight: normal;display: block;}
	.nws-tb td{line-height: 29px;width:auto;padding:0 0 2px;display: block;}

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





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



	th,td{padding: 9px;}


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

	.docbox + .docbox{margin-top: 30px;}

	.doc-tb	{width:100%;border-collapse:collapse;border-top:1px solid #ccc;border-left:1px solid #ccc;}
	.doc-tb th{line-height:normal;text-align: left;width: auto;background:#f6f6f6;border-right:1px solid #ccc;border-bottom:1px solid #ccc;line-height: 1.5;}
	.doc-tb tr:first-child th{text-align: center;}
	.doc-tb td{line-height:normal;text-align: center;background:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}

	.doc-tb th:first-child{width: 50%;}
	.doc-tb td:nth-child(2){width: 30%;}
	.doc-tb td:nth-child(3){width: 20%;}

	/* 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 #b3c081;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 #b3c081;}
	.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: #88a00d;}
	.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;}

	.lst-tb	{margin-bottom: 15px;font-size: 12px;}
	.lst-tb th{display: block;width: auto;}
	.lst-tb td{display: block;}

	/* blog */
	.b-0{position: relative;}
	.blog-nav a{display: block;width: 33.3333%;float: left;padding: 10px 0;line-height: 1.25;font-size: 11px;}
	.blog-nav a:hover,
	.blog-nav a:active,
	.blog-nav a:focus,
	.blog-nav a.active{color: #fff;background-color: #88a00d;}

	.blg-tb th{width: 85%;padding: 7px 0;border-bottom: 1px solid #ddd;font-size: 16px;font-weight: normal;white-space: normal;word-break: break-all;}
	.blg-tb td{width: 15%;padding: 7px 0 0 10px;border-bottom: 1px solid #ddd;}
	.blg-tb td .btn i{margin: 0;}

	#blog-list > .container > h2,
	#blog-list > .container > h3{border-bottom: 3px solid #678002;color:#678002;padding-bottom: 9px;font-size: 18px;margin-bottom: 15px;}

	.sns-area .fb,
	.sns-area .twitter,
	.sns-area .hatena,
	.sns-area .g-plus1,
	.sns-area .pocket{float: none;height: auto;padding:2px 0;}



	/* 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: #88a00d;}

	.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 #678002;color:#678002;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;}


	/* terms */
	.trm-tb	{margin-bottom: 15px;font-size: 12px;}
	.trm-tb th{padding:9px 4px;}
	.trm-tb td{padding:9px 4px;}
	.trm-tb td:nth-child(3){white-space:normal;}



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




	/* 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; }
	@media (max-width:767px){
		div.paging span a.paging-text:hover{opacity:1;}
	}

	

	/* header */
	#wrapper{}

	#header{margin: 0;border-bottom: none;background: #fff;z-index: 999;padding: 11px 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: 48px;}

	#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{background: #eee;font-size: 14px;}
	.nav-justified{table-layout: fixed;}
	.nav-justified > li{width: auto;border:none;border-top: 1px solid #ddd;padding-left: 0;width: auto !important;}
	.nav-justified > li > a{font-size: 14px;padding: 5px 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 #678002;background: transparent;color:#678002;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: #678002;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 #678002;color:#678002;padding-bottom: 9px;font-size: 21px;margin-bottom: 40px; line-height:1.3;}
	.blog-detail > .container > h3{border-bottom: 3px solid #678002;color:#678002;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;}




	/* 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: 15px 0;}
	nav.vertical .fnav{display: block;}
	nav.vertical .fnav:nth-child(1) {float: left;width: 150px;padding-bottom: 15px;}
	nav.vertical .fnav:nth-child(2) {float: left;width: 150px;padding-bottom: 15px;}
	nav.vertical .fnav:nth-child(3) {float: left;width: 150px;padding-bottom: 15px;}
	nav.vertical .fnav:nth-child(4) {clear: both;padding: 15px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
	nav.vertical .fnav:nth-child(3) h4,nav.vertical .fnav:nth-child(3) ul{width: 170px;}
	nav.vertical .fnav:nth-child(4) {margin: 0 auto;padding-top: 15px;}

	#sns-area{display: block;}
	.twitter,.g-plus1{display: block;float: left;}
	.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: #678002;
		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: #88a00d;
	}
	#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;}


}
@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 */
	#logo{width: 380px;}

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


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

	nav.vertical	{padding: 35px 0 35px 0;}
	nav.vertical .fnav:nth-child(1) {width: 180px;}
	nav.vertical .fnav:nth-child(2) {width: 150px;}
	nav.vertical .fnav:nth-child(3) {width: 150px;}

	#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: 475px;}

	.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 */
	nav.vertical	{padding: 35px 0 35px 90px;}

	.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 print{#pagetop{display: none;}}
@media (max-width:768px){
	#logo .h-txt { display:none;}
}

/*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: #3c8a1c;
	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 #3c8a1c;
  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;
}

.title-bg2{
	background: #e6efe5;
    color: #3c8a1c;
    padding: 6px 15px;
    margin-bottom: 10px;
    line-height: 1.6;
    font-weight: bold;
    font-size: 1.6rem;
}


/*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 #3c8a1c;
	padding:5px 0px 5px 15px;
	background: #f7f7f7;
}
.optionBox dl dd{
	line-height: 2;
}


h2 { font-weight:bold;}






#logo .flex_01{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	  -webkit-box-pack: start;
	  -ms-flex-pack: start;
	  justify-content: flex-start;
}
.btn_keiri{
	-ms-flex-item-align:auto;
	align-self:auto;
	display: inline-block !important;
	background: #3c8a1c;
	color: #fff;
	border-radius: 4px;
	width: auto !important;
	padding: 15px 30px;
	text-decoration: none;
	margin-left: 10rem;
}
.btn_keiri:hover{
	background: #88a00d !important;
    color: #fff !important;
}

@media screen and (max-width: 1199px) {
	.btn_keiri{
		margin-left: 3rem;
	}
}
@media screen and (max-width: 991px) {
	.btn_keiri{
		padding: 15px 5px;
		margin-left: 1rem;
	}
}
@media screen and (max-width: 767px) {
	.btn_keiri{display: none !important;}
}



.mb20{margin-bottom: 20px;}

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

.tyou01{
	margin-bottom: 20px;
}
.tyou01 li {
	padding-left:1em;
	text-indent:-1em;
	list-style-type: none;
}

.text-center-pc{text-align: center;}
@media screen and (max-width: 767px) {
	.text-center-pc{text-align: left;}
}

.ul-201203{
	list-style: none;
    margin-top: 4rem;
}
.ul-201203 li{
	padding-left:1em;
	text-indent:-1em;
}
@media screen and (max-width: 767px) {}


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

.tbl-company{
	width: 100%;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
  }
  
  .tbl-company th{
	display: block;
	width: 100%;
	background-color: #3c8a1c;
	padding: 14px;
	color: #fff;
	font-weight: bold;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
  }
  
  .tbl-company td{
	display: block;
	width: 100%;
	background-color: #fff;
	color: #000;
	padding: 14px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
  }
  @media screen and (min-width:768px) {
	.tbl-company th{
	  display: table-cell;
	  width: 10%;
	}
	.tbl-company td{
	  display: table-cell;
	  width: 45%;
	}
  }

  .btn-box {
	width: 100%;
	float: none;
  }
  @media (min-width: 992px){
	  .btn-box {
		  width: 50%;
		  float: right;
		}}




/*カタログ用画像*/
.photo-ofi {
	height: 0;
	display: block;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	padding-bottom: 100%; /* 高さを指定（ボックスの横幅を基準） */
}
.photo-ofi img {
	max-width: inherit;
	max-height: inherit;
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	font-family: 'object-fit: scale-down;';
	position: absolute;
	left: 0;
	top: 0;
}

.photo-ofi02 {
    height: 0;
    display: block;
    background-color: #EFEFEF;
    overflow: hidden;
    position: relative;
    padding-bottom: 75%;
}
.photo-ofi02 img {
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    font-family: 'object-fit: scale-down;';
    position: absolute;
    left: 0;
    top: 0;
}

.img-ren{image-rendering: -webkit-optimize-contrast !important;}

#strage .txt{font-size: 1em;}
@media (min-width: 992px){
	#strage .txt{font-size: 1.25em;}
}





.adjust220215 p,
.adjust220215 li{font-size: 16px;}
.adjust220218 li{font-size: 100% !important;}



.case-link h2 {
    color: #678002;
    margin: 0 0 5rem;
    text-align: center;
    padding-bottom: 9px;
    border-bottom: 3px solid #678002;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.3;
	position: relative;
}
/* .blog-detail h2 span.day{
	color: #333 !important;
	position: absolute;
	right: 0;
	bottom: -35px;
	font-size: .55em;
	letter-spacing: .025em;
	font-weight: normal;
} */
.blog-detail p.day{
	color: #333 !important;
    font-size: 1em !important;
    text-align: right;
    letter-spacing: .025em;
    font-weight: normal;
    z-index: 999;
    margin-top: -3.75rem;
}
@media screen and (min-width:768px) {
	.blog-detail p.day{
		font-size: 1.3em !important;
	}
}

.btn-case-detail {
    display: block;
}
.btn-case-detail:hover{
  opacity: 0.7;
  transition: .25s;
  text-decoration: none;
}
.btn-case-detail > div:nth-of-type(1){
  margin: 1rem 0 .5rem;
}
.btn-case-detail > div:nth-of-type(2){
  color: #333;
  line-height: 1.5;
}

.text_limit_1row{
	display: -webkit-box;
	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 1;
  	overflow: hidden;
}


/* 20220525追加 */
.btn_view{
	display: inline-block;
  }
  .btn_view a{
	color: #fff;
	background: #3c8a1c;
	padding: 12px;
	display: inline-block;
	width: 280px;
	text-align: center;
	position: relative;
	border-radius: 25px;
	font-weight: bold;
	letter-spacing: 0.22em;
	text-decoration: none;
  }
  
  .btn_view a::after{
	content: '+';
	color: #3c8a1c;
	background: #fff;
	border-radius: 50%;
	padding: 0 4px 0 7px;
	position: absolute;
	right: 10px;
	  transition: .2s;
  }
  .btn_view a:hover{
	opacity: 0.8;
	text-decoration: none;
	transition: .2s;
	color: #fff;
	text-decoration: none;
  }
  @media (min-width: 768px), print {
	.btn_view_2 a{
	  width: 380px;
	}
  }

  .adjust220525 a{
	  background: #008000 !important;
  }

  .title01{
	text-align: center;
    font-size: 34px !important;
    font-weight: bold;
}
.table-adjust220804{
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
}
@media screen and (max-width: 767px){
	.title01{
		font-size: 21px !important;
	}
}

.red{color: #e21500 !important;}
.green{color: #3c8a1c !important;}
.main-colum{
  background: #f9f9f9;
  padding: 50px 50px;
}
.main-colum h2{
  line-height: 1.25;
  text-align: left;
}
.main-colum .txt-adjust01{
  font-size: 1em;
}
.main-colum .txt-adjust02{
  font-size: 56px;
}
.main-colum ul{
  list-style: disc;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.75;
  border: 1px dashed #aaa;
  border-radius: 5px;
  padding: 10px 10px 10px 35px;
  text-align: left;
}
.btn-topmain{
	padding: 17px 43px 16px 45px;
    font-size: 1.8rem;
    line-height: 1.5;
}

@media screen and (max-width: 1199px) {}
@media screen and (max-width: 991px) {}
@media screen and (max-width: 767px) {
  .main-colum{
    padding: 15px;
  }
  .main-colum .txt-adjust01{
    font-size: 20px;
  }
  .main-colum .txt-adjust02{
    font-size: 34px;
  }
  .main-colum ul{
    font-size: 16px;
  }
  .btn-topmain{
	width: 100%;
  }
}

.mb25{margin-bottom: 25px !important;}
@media screen and (max-width: 767px) {
  .mb-xs-20{margin-bottom: 20px;}
}


.planbtn{
	text-align: center;
}
.planbtn a{
	display: inline-block;
    width: 390px;
}
@media screen and (max-width: 1199px) {
	.planbtn a{
		width: 296.66px;
	}
}
@media screen and (max-width: 991px) {
	.planbtn a{
		width: 345px;
	}
}
@media screen and (max-width: 767px) {
	.planbtn a{
		width: 100%;
	}
}



/*牛崎様からの指定CSS start*/
.h201{
	font-size: 24px;
    font-weight: bold;
    padding: 25px;
    border-radius: 2px;
    background: #f4f4f4;
    margin-top: 50px;
    margin-bottom: 20px;
    line-height: 1.5em
}
.h301{
	font-size: 20px;
    font-weight: bold;
    line-height: 150%;
    margin-top: 40px;
    margin-bottom: 15px;
    border-left: 7px solid #888;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 12px 20px;
}
.h401{
	font-size: 18px;
    font-weight: bold;
    line-height: 120%;
    margin-top: 30px;
    margin-bottom: 15px;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    padding: 12px 20px;
}
/*牛崎様からの指定CSS end*/

/* law */
.law-table{border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
.law-table th,.law-table td{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.law-table th{background: #f6f6f6;}
.law-table td{background: #fff;}
@media screen and (max-width: 767px){
	.law-table th,.law-table td{display: block;}
	.law-table th{width: 100%;}
  }

 .fnav div a{
  color: #666 !important;
  text-decoration: none !important;
 }
 .fnav div a:hover{
  text-decoration: underline !important;
 }

 .table-rank{
	background: #fff;
    padding: 20px 30px;
    border-radius: 5px;
    border: 1px solid #ddd;
 }
 .table-rank thead tr th{
	font-size: 16px;
 }
 .table-rank tbody tr:nth-child(odd) th,
 .table-rank tbody tr:nth-child(odd) td{
	background: #F6F8FA;
}
 @media screen and (max-width: 767px) {
	.table-rank{
		padding: 10px 10px;
	 }
 }
 

/* 20230215追加 */
.row-flex{
	display: flex;
	flex-wrap: wrap;
}
.row-flex [class*="col-"]{
	float: initial;
}

.title-underline {
    color: #678002;
    margin: 0 0 5rem;
    text-align: center;
    padding-bottom: 9px;
    border-bottom: 3px solid #678002;
    font-size: 3.4rem !important;
    font-weight: bold;
    line-height: 1.3;
}
@media screen and (max-width: 767px) {
   .title-underline{
    font-size: 2.4rem !important;
	}
}

.case-container{
	max-width: 980px;
	padding: 0 15px;
	margin: 0 auto;
}
.case-link{
	text-decoration: none;
	transition: .2s;
}
.case-link:hover{
	opacity: 0.7;
}
.case-btn{
	display: block;
    text-align: left;
    background-color: #678002;
    color: #fff;
    padding: 0.75em 1em;
    line-height: 1.5;
    font-size: 1.2em;
}
.case-btn::after {
    font-family: "FontAwesome";
    content: "\f105";
    padding-left: 0.5em;
    color: #fff;
    font-size: 1.2em;
    display: inline-block;
}

.case-detail section + section{
	padding-top: 0;
}

.case-top-image{
	position: relative;
	max-width: 780px;
	margin: 0 auto;
}
.case-top-image img{
	width: 100%;
}

.case-top-title{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0.5em 1.5em;
	background: rgba(255,255,255,.7);
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
}
@media screen and (max-width:767px){
	.case-top-title{
		font-size: 1.8rem;
	}
}


.cell-none{
	border: none !important;
	background: #fff !important;
}

.bg-white{
	background: #fff !important;
}
.white{color: #FFF !important;}
.underline-none{text-decoration: none !important;}

#faq-list table.pln-tb{
	border: none !important;
}
#faq-list table.pln-tb thead tr th:nth-child(2){
	background: #666 !important;
	color: #fff !important;
}
#faq-list table.pln-tb thead tr th:nth-child(3){
	background: #c82828 !important;
	color: #fff !important;
}
#faq-list table.pln-tb thead tr th:nth-child(4){
	background: #30288f !important;
	color: #fff !important;
}
#faq-list th{
	font-size: 16px !important;
}
#faq-list td{
	font-size: 14px !important;
}
@media screen and (max-width:767px){
	#faq-list div.planbox{
		overflow-y: scroll;
	}
	#faq-list table{
		white-space: nowrap;
	}
	#faq-list th{
		font-size: 14px !important;
	}
}

.fs18{font-size: 18px !important;}






.ttl_qa {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background: #678002;
	padding: 20px 20px 20px 50px;
	border-radius: 8px 8px 0 0;
	letter-spacing: 0.1em;
	position: relative;
  }
  
  .ttl_qa .ttl_q {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 28px;
	margin-right: 10px;
	position: absolute;
	left: 20px;
	top: 10px;
  }
  
  .txt_cont6 {
	background: #f4f2f2;
	border: 1px solid #cfcfcf;
	border-radius: 0 0 8px 8px;
	padding: 30px;
	text-align: justify;
	letter-spacing: 0.007em;
  }

.ttl_a{
	font-size: 2em;
	font-weight: bold;
	display: block;
	margin-right: 8px;
  }

  .adjust-txt_cont6{
	display: flex;
	align-items: center;
	line-height: 1;
  }
  @media screen and (max-width: 767px) {
	.adjust-txt_cont6{
	  padding: 15px;
	}
  }
/*2024/3/18追加*/
.blog-detail p.day{
    font-size: 16px !important;
}

.gsc-control-cse{
	padding: 0 !important;
}


/*----------------------------------
タブ切り替えデザインcss
----------------------------------*/
/* tab design */
.tab {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: auto;
	border-bottom: 2px solid #D9D9D9 !important;
  }
  
  .tab__item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30%;
	height: auto;
	padding: 1rem;
	font-size: 14px;
	text-align: center;
	background-color: #F2F2F2 !important;
	border: .2rem solid #D9D9D9 !important;
	border-bottom: none !important;
	border-radius: 3px 3px 0px 0px;
	transition: background-color 0.2s ease-in-out;
  }
  @media screen and (min-width: 576px) {
	.tab__item {
	  padding: 10px 15px;
	}
  }
  @media screen and (min-width: 768px) {
	.tab__item {
	  height: 50px;
	  padding: 0;
	}
  }
  @media print, screen and (min-width: 1200px) {
	.tab__item {
	  width: 30%;
	}
	.tab__item:nth-of-type(2n) {
	  /* margin-right: 30px; */
	}
	.tab__item:nth-of-type(4n) {
	  /* margin-right: 0; */
	}
  }
  .tab__item.is__active {
	background-color: #678002 !important;
    border: #678002 !important;
    color: #fff;
  }
  /* .tab__item:hover{
	opacity: .6;
	background-color: #678002 !important;
    border: #678002 !important;
    color: #fff;
  } */
  
  /* panel design */
  .panelGroup {
    padding: 1em 0 0;
  }
  .panelGroup table{
	table-layout: fixed;
	width: fit-content;
    text-align: center;
  }
  @media screen and (min-width: 768px) {
	.panelGroup {
		padding: 1.5em 0 0;
	  }
  }
  
  .panel {
	display: none;
	height: 100%;
	overflow-x: auto;
  }
  .panel.is__active {
	display: block;
  }
  .panel::-webkit-scrollbar {
	width: 7px;
  }
  .panel::-webkit-scrollbar-track {
	background: #ccc;
  }
  .panel::-webkit-scrollbar-thumb {
	background-color: #678002;
  }

  .blog-detail div.panel table tr th,
  .blog-detail div.panel table tr td{
	white-space: normal;
	border-top: 1px solid #d9d9d9 !important;
	border-bottom: 1px solid #d9d9d9 !important;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9 !important;
	text-align: center;
	vertical-align: middle;
  }

  /* 20250108追加　テキスト下線　太文字 */
  .line_green {
    background: linear-gradient(transparent 70%,#ebe12d 70%);
    font-weight: bold;
}

.blog-panelbox{
	display: flex;
}

.panel-tab1{
	z-index: 100;
	overflow-x: visible !important;
}
.panel-tab2{
	z-index: 99;
	margin-left: -2px;
}


table.table-tab1 th,
table.table-tab1 td{
	border-right: none !important;
}

table.table-tab2 th,
table.table-tab2 td{
	border-right: none !important;
}


.layouts-parent{
	display: flex;
	flex-wrap: wrap;
    gap: 2rem;
}
.layouts-child__pic{
	width: 100%;
    padding: 0 3em;
}
.layouts-child__pic img{
	max-width: 100%;
    height: auto;
}
.layouts-child__txt{
	flex: 1;
}
@media print, screen and (min-width: 576px) {
  .layouts-child__pic{
	width: 33.33333%;
	padding: 0;
  }
}