@charset "utf-8";
/* CSS Document */
header { background: none;}
@media screen and (min-width: 1080px) {
	header .in-head-flex .hR ul li { color: #000;}
	header .in-head-flex .hR ul li a         { resize: none; }
	header .in-head-flex .hR ul li a:link    { color:#000; text-decoration: none; }
	header .in-head-flex .hR ul li a:visited { color:#000; text-decoration: none; }
	header .in-head-flex .hR ul li a:hover   { color:#333; text-decoration: none; }
	header .in-head-flex .hR ul li a:active  { color:#000; text-decoration: none; }
	
	header .in-head-flex .hR ul li.telHead p { color: #000; line-height: 1.0; background: url("../img/common/icon-tel.png") left top no-repeat; background-size: 40px; padding-left: 45px; margin-bottom: 0px; }
	header.is-fix .in-head-flex .hR ul li.telHead p { color: #fff; }
	
	header .in-head-flex .hR ul li .fas { color: #007440; opacity: 1.0; }
	header .in-head-flex .hR ul li .far { color: #007440; opacity: 1.0; }
	
	header .in-head-flex .hR ul li.telHead .fas { color: #fff; opacity: 1.0; }
	header .in-head-flex .hR ul li.contactHead .fas { color: #fff; opacity: 1.0; }
	header .in-head-flex .hR ul li.contactHead:hover .fas { color: #007440; opacity: 1.0; }
}
footer { margin-top: 0px; }
.contactSec { margin-bottom: 0px; z-index: 1; position: relative; }

@media screen and (max-width: 1079px) {
	.menu-trigger span { position: absolute; z-index: 9999; left: 4.2px; width: 100%; height: 1px; background-color: #007440; border-radius: 2px; }
	.h_menu .active span { background-color: #fff !important; } /* 色を変える */
}
@media screen and (min-width: 1080px) and (max-width: 1179px) {
	header .in-head-flex .hR ul li.telHead p { background-size: 30px; padding-left: 35px; }
}
/*-- headline ------------------------------------------------------------*/
#headline { padding: 4% 4% 1%; }
#headline h2 { color: #000; line-height: 1.5; letter-spacing: .2em; }
#headline h2 span.home { display: block; background: #FF6C00; color: #fff; width: fit-content; font-size: 0.5em; padding: 2px 20px; letter-spacing: .1em; }
#headline h2 span.indus { display: block; background: #2A83E8; color: #fff; width: fit-content; font-size: 0.5em; padding: 2px 20px; letter-spacing: .1em; }
#headline h2 span.xsmall { font-size: 0.5em; display: block; }
#headline h2 span.xsmall.no-block { display: inline-block; }
#headline h6 { font-family:'Roboto Condensed', sans-serif; font-weight:bold; display:block; letter-spacing: 0em; color: #f4f4f4; }

.headline-image { position: relative; }
.headline-image .inner{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   clip-path: inset(0);
}
.headline-image .bg{
   position: fixed;
   top: 0;
   right: 0;
   width: 70vw;
   height: 50vh;
   background-size: cover;
   background-position: center;
   z-index: -1;
}
.headline-image .bg { background-image: url("../img/second/headline-pv.jpg"); } 
.headline-image.headline-image-company .bg { background-image: url("../img/second/headline-company.jpg"); } 
.headline-image.headline-image-pv .bg { background-image: url("../img/second/headline-pv.jpg"); } 
.headline-image.headline-image-works .bg { background-image: url("../img/second/headline-works.jpg"); } 
.headline-image.headline-image-works02 .bg { background-image: url("../img/second/headline-works02.jpg"); }
.headline-image.headline-image-home .bg { background-image: url("../img/second/headline-home.jpg"); } 
.headline-image.headline-image-download .bg { background-image: url("../img/second/headline-dl.jpg"); } 
.headline-image.headline-image-news .bg { background-image: url("../img/second/headline-news.jpg"); } 
.headline-image.headline-image-faq .bg { background-image: url("../img/second/headline-faq.jpg"); } 
.headline-image.headline-image-privacy .bg { background-image: url("../img/second/headline-privacy.jpg"); } 
.headline-image.headline-image-industry .bg { background-image: url("../img/second/headline-industry.jpg"); } 
.headline-image.headline-image-support .bg { background-image: url("../img/second/headline-support.jpg"); } 
.headline-image.headline-image-recruit .bg { background-image: url("../img/second/headline-recruit.jpg"); } 
.headline-image.headline-image-contact .bg { background-image: url("../img/second/headline-contact.jpg"); } 
@media screen and (max-width: 599px) {
	#headline h2 { font-size: 1.5rem; line-height: 1.5; }
	#headline h6 { font-size: 0.7rem; margin-bottom: 10px;}
	.headline-image { height: 100px; width: 100%; }
	.headline-image .bg{ width: 100vw; }
}
@media screen and (min-width: 600px) {
	#headline { display: flex; justify-content: space-between; align-items: center;}
}
@media screen and (min-width: 600px) and (max-width: 899px)  {
	#headline h2 { font-size: 1.5rem;}
	#headline h6 { font-size: 0.8rem;}
	.headline-image { height: 150px; width: 60%; }
}
@media screen and (min-width: 900px) and (max-width: 1079px)  {
	#headline h2 { font-size: 2.1rem;}
	#headline h6 { font-size: 0.85rem;}
	.headline-image { height: 200px; width: 55%; }
}
@media screen and (min-width: 1080px) and (max-width: 1199px)  {
	#headline h2 { font-size: 2.2rem;}
	#headline h6 { font-size: 0.9rem;}
	.headline-image { height: 200px; width: 55%; }
}
@media screen and (min-width: 1200px) and (max-width: 1479px)  {
	#headline h2 { font-size: 2.3rem;}
	#headline h6 { font-size: 0.95rem;}
	.headline-image { height: 200px; width: 60%; }
}
@media screen and (min-width: 1480px) {
	#headline h2 { font-size: 2.4rem;}
	#headline h6 { font-size: 1.0rem;}
	.headline-image { height: 200px; width: 60%; }
}

/*-- breadcrumbs ------------------------------------------------------------*/
#breadcrumbs { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 20px; padding: 0 4%; }
#breadcrumbs li { font-size: 0.8rem; margin-right: 5px; display: inline-block; }
#breadcrumbs li:after { content: ">"; margin-left: 10px; }
#breadcrumbs li:last-child { margin-right: 0px; }
#breadcrumbs li:last-child:after { display: none; }
@media screen and (max-width: 599px) {
	#breadcrumbs { margin-bottom: 10px; }
	#breadcrumbs li { font-size: 0.7rem; }
}

/*-- content ------------------------------------------------------------*/
#content aside h5.home { background: #FF6C00; color: #fff; }
#content aside h5.indus { background: #2A83E8; color: #fff; }
#content section .sec-in-flex-Ttl .sec-L-menu h5.home { background: #FF6C00; color: #fff; }
#content section .sec-in-flex-Ttl .sec-L-menu h5.indus { background: #2A83E8; color: #fff; }

#content main h4 { color: #000;}
#content main h4.box-text span { color: #000; padding: 5px 20px; border: 1px solid #ccc; background: #fff; font-weight: normal; font-size: 0.9em;}
#content main ul li h5 { color: #fff; background:#67ad81; margin-bottom: 10px; text-align: center; padding: 5px 0; }
#content main h5 { color: #000; font-weight: bold; font-size: 1.1rem; }
#content main h6 { color: #333; font-weight: bold; }
@media screen and (max-width: 599px) {
	#content { padding: 0 0% 6%; display: flex; flex-direction: column; }
	
	#content aside { order: 1; margin-bottom: 20px; padding: 0 6%;}	
	#content aside h4 { text-align: center; background: #f4f4f4; border: 1px solid #dedede; height: 30px; line-height: 30px; font-size: 0.9rem; margin-bottom: 10px; position: relative; }
	#content aside h4:after { content: "\f067"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; transform: translateY(-50%); right: 2%; opacity: 0.2; }
	#content aside h4.active:after { content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; transform: translateY(-50%); right: 2%; opacity: 0.2; }
	#content main h4.box-text { font-size: 0.8rem; }
	#content aside ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; }
	#content aside ul li:before { content:"\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right:10px; color:#217440; }
	#content aside ul li.intend:before { content:"-"; font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN','メイリオ', serif; font-weight: 900; margin-right:10px; color:#217440; }
	#content aside h5 { margin-bottom: 10px; text-align: center; padding: 10px 0; font-size: 0.8rem; position: relative; }
	#content aside h5:after { content: "\f067"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; transform: translateY(-50%); right: 2%; opacity: 0.2; }
	#content aside h5.active:after { content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; transform: translateY(-50%); right: 2%; opacity: 0.2; }
	
	#content main { order: 2; }
	#content section { padding: 6%; margin: 0; }
	#content section#anch01 { padding-top: 0px;  }
	#content section#anch01.one-column { padding-top: 6%;  }
	#content section:nth-child(2n) { background: #f4f4f4; padding: 6%; margin: 0;}
	#content section .in-in { margin: 0 1%; }
	#content section h3 { font-size: 1.2rem; margin-bottom: 10px; position: relative; line-height: 1.4; padding-top: 30px; color: #333; /*padding-left: 2em; text-indent: -1.5em;*/ padding-bottom: 10px; border-bottom: 1px solid #dedede; }
	#content section h3 span.roboto { position: absolute; top: 0px; left: 0; z-index: 0; opacity: 0.05; font-size: 2.5rem; text-indent: 0; line-height: 1.0; }
	/*#content section h3:before { content: "－"; margin-right: 10px; color: #47926b; }*/
	#content section h4 { font-size: 1.1rem; margin-bottom: 20px; font-weight: bold; }
	
	.sign { font-size: 1.1rem; font-family: "Sawarabi Mincho"; }
	.sign span { display: block; }
	
	.tbl01 { border-bottom: 1px solid #dedede; }
	.tbl01 th,.tbl01 td { padding: 10px; text-align: left; }
	.tbl01 th { display: block; border-top: 1px solid #dedede; text-align: center; font-size: 0.9rem; background: #f4f4f4; }
	.tbl01 td { display: block; border-top: 1px dotted #dedede; font-size: 0.9rem; }
	
	.tbl02 { width: 100%; margin-bottom: 20px; }
	.tbl02 th,.tbl02 td { padding: 10px; text-align: left; }
	.tbl02 th { border: 1px solid #dedede; text-align: center; font-size: 0.9rem; background: #f4f4f4; width: 20%; }
	.tbl02 td { border: 1px dotted #dedede; font-size: 0.9rem; }
	
	.tablepress.tbl02 th { text-align: center; }
	.tablepress.tbl02 td { text-align: center; }
	
	section:nth-child(2n) .tbl02 th { border: 1px solid #ccc; text-align: center; font-size: 0.9rem; background: #dedede; width: 20%; }
	section:nth-child(2n) .tbl02 td { border: 1px dotted #ccc; font-size: 0.9rem; background: #f4f4f4; }
	
	.flex { }
	.flexHalf { margin-bottom: 10px; } 
	.linkBox { border: 3px solid #dedede; min-height: 30px; line-height: 30px; text-align: center; }
	.linkBox.home { background: #FF6C00; color: #fff; border: 3px solid #FF6C00; } 
	.linkBox.indus { background: #2A83E8; color: #fff; border: 3px solid #2A83E8; } 
	.linkBox h5 { font-size: 1.0rem; }
	.linkBox h5 .far { margin-left: 20px; opacity: 0.25;}
	
	.in-flex-half li { margin-bottom: 20px; }
	#content main .in-flex-half li h5 { font-weight: bold; margin-bottom: 10px; padding: 10px 10px; background: #f4f4f4; color: #000; font-size: 1.1rem; }
	.in-flex-half li div { text-align: center; }
	
	.imgflex-Third div { margin-bottom: 20px; }
	.triangle-u { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 20px 50px 0 50px; border-color: #ee7701 transparent transparent transparent; transform: rotate(0deg); margin: 2% auto;}
	
	.img80 { width: 80%; margin: 0 10% 20px; }
	.img50 { width: 50%; margin: 0 25% 20px; }
	
	.lineup { display: block; }
	.lineup li { width: 100%; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; }
	.lineup li .lnL { width: 36%; }
	.lineup li .lnR { width: 60%; }
	.lineup li .lnR p { text-align: left; font-size: 1.0rem; }
	
	#content main .voiceFlex .flexTxt h5.recFaq { font-size: 1.1rem; position: relative; padding-left: 30px; }
	.recFaq:before { content: ""; width: 20px; height: 1px; background: #007440; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
	.secFlex .flexTxt.flexL h3.recTtl { text-align: left; }
	
	#content section .sec-in-flex-Ttl .sec-L-menu { display: none; }
	
	.whBox { padding: 4%; background: #fff; }
	
	#content main .flexFourth li h5 { font-size: 0.85rem; }
	#content main .flexFourth li p { font-size: 0.8rem; }
	
	.tblTtl { width: 100%; margin-bottom: 20px; }
	.tblTtl th { border: 1px solid #dedede; background: #fff; padding: 5px 10px; vertical-align: middle; font-size: 0.9rem; display: block; }
	.tblTtl td {padding: 5px 10px; vertical-align: middle; font-size: 0.9rem; display: block; }
	
	.tbl03 { table-layout: fixed; width: 100%; }
	.tbl03 th { background: #62a8cb !important; color: #fff; text-align: center; font-size: 0.9rem; padding: 5px 10px; border: 1px solid #dedede; width: auto !important; vertical-align: middle; }
	.tbl03 td { background: #fff !important; text-align: center; font-size: 0.8rem; padding: 5px 10px; border: 1px solid #dedede; width: auto !important; vertical-align: middle; }
}
@media screen and (min-width: 600px) {
	.flex-ul-li { display: flex; justify-content: center; flex-wrap: wrap; }
	.flex-ul-li li { width: 23%; margin: 0 2% 20px 0;}
	.flex-ul-li li p { font-size: 1.0rem; }
	
	.in-flex-half { display: flex; justify-content: space-between; }
	.in-flex-half li { width: 48%;}
	#content main .in-flex-half li h5 { font-weight: bold; margin-bottom: 10px; padding: 10px 10px; background: #f4f4f4; color: #000; }
	.in-flex-half li div { text-align: center; }
	
	.imgflex-Third { display: flex; justify-content: flex-start; }
	.imgflex-Third div { margin-right: 3%;}
	.imgflex-Third div:nth-child(1) { width: 36%; }
	.imgflex-Third div:nth-child(2) { width: 33%; }
	.imgflex-Third div:nth-child(3) { width: 25%; margin-right: 0px; }
	
	.img-verticle div { margin-bottom: 10px; }
	.triangle-u { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 20px 50px 0 50px; border-color: #ee7701 transparent transparent transparent; transform: rotate(0deg);}
	
	.img200 { max-width: 200px; }
	.img300 { max-width: 300px; }
	.img480 { max-width: 360px; }
	.img480 { max-width: 480px; }
	.img640 { max-width: 640px; }
	.img760 { max-width: 760px; }
	.img960 { max-width: 960px; }
	
	.flexFourth { display: flex; justify-content: flex-start; }
	.flexFourth li { width: 23.5%; margin-right: 2%; }
	.flexFourth li:nth-child(4) { margin-right: 0px; }
	
	/*.companySec { max-width: 1000px; }*/
	
	#content section .flexTxt h4 { margin-bottom: 10px !important; }
	#content section .voiceFlex .flexTxt p { margin-bottom: 20px;}
	#content main .voiceFlex .flexTxt h5.recFaq { font-size: 1.4rem; position: relative; padding-left: 30px; }
	.recFaq:before { content: ""; width: 20px; height: 1px; background: #007440; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
	.secFlex .flexTxt.flexL h3.recTtl { text-align: left; }
	
	.whBox { padding: 4%; background: #fff; }
}
@media screen and (min-width: 600px) and (max-width: 899px)  {
	#content { margin: 0 0% 0%; display: flex; flex-direction: column; }
	#content section { margin: 0 0%; padding: 0 4%; }
	#content section:nth-child(2n) { background: #f4f4f4; padding: 4%; }
	
	#content aside { order: 1;}	
	#content aside h4 { display: none; }
	#content aside h5 { text-align: center; margin-bottom: 10px;}
	#content aside ul { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 20px; }
	#content aside ul li { line-height: 1.7; margin-right: 4%; margin-bottom: 10px; text-align: center; font-size: 0.8rem; }
	#content aside ul li:before { content:"\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right:10px; color:#217440; }
	#content aside ul li.intend:before { content:"-"; font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN','メイリオ', serif; font-weight: 900; margin-right:10px; color:#217440; }
	#content main { order: 2; }
	
	#content section { margin-bottom: 40px; }
	#content section .in-in { margin: 0 2%; }
	#content section h3 { font-size: 1.4rem; margin-bottom: 20px; position: relative; line-height: 1.0; padding-top: 35px; color: #000; font-weight: normal; padding-bottom: 20px; border-bottom: 1px solid #dedede;}
	#content section h3 span.roboto { position: absolute; top: -5px; left: 0; z-index: 0; opacity: 0.05; font-size: 3.5rem; }
	/*#content section h3:before { content: "－"; margin-right: 10px; color: #47926b; }*/
	#content section h4 { font-size: 1.3rem; font-weight: bold; margin-bottom: 20px; }
	#content main h4.box-text { font-size: 0.9rem; }
	.sign { font-size: 1.1rem; font-family: "Sawarabi Mincho"; }
	.sign span { display: block; }
	
	.tbl01 { width: 100%; margin: 0 auto 40px; }
	.tbl01 th,.tbl01 td { padding: 20px; text-align: left; }
	.tbl01 th { width: 20%; text-align: center; border-bottom: 3px solid #dedede; }
	.tbl01 td { width: 80%; border-bottom: 1px solid #dedede; }
	
	.tbl02 { width: 100%; margin-bottom: 20px; }
	.tbl02 th,.tbl02 td { padding: 10px; text-align: left; }
	.tbl02 th { border: 1px solid #dedede; text-align: center; font-size: 0.9rem; background: #f4f4f4; width: 20%; }
	.tbl02 td { border: 1px dotted #dedede; font-size: 0.9rem; }
	
	.tablepress.tbl02 th { text-align: center; }
	.tablepress.tbl02 td { text-align: center; }
	
	section:nth-child(2n) .tbl02 th { border: 1px solid #ccc; text-align: center; font-size: 0.9rem; background: #dedede; width: 20%; }
	section:nth-child(2n) .tbl02 td { border: 1px dotted #ccc; font-size: 0.9rem; background: #f4f4f4; }
	
	.flex { display: flex; justify-content: space-between; align-items: center; }
	.flexHalf { width: 48%; } 
	.linkBox { border: 3px solid #dedede; min-height: 60px; line-height: 60px; text-align: center; }
	.linkBox.home { background: #FF6C00; color: #fff; border: 3px solid #FF6C00; } 
	.linkBox.indus { background: #2A83E8; color: #fff; border: 3px solid #2A83E8; } 
	.linkBox h5 { font-size: 1.1rem; color: #fff !important; }
	.linkBox h5 .far { margin-left: 20px; opacity: 0.25;}
	
	#content main .voiceFlex .flexTxt h5.recFaq { font-size: 1.15rem; }
	
	#content section .sec-in-flex-Ttl .sec-L-menu { display: none; }
	#content main .flexTxt .sp_tab { width: 80%; margin: 0 auto 40px; }
	
	#content main .flexFourth li h5 { font-size: 0.9rem; }
	#content main .flexFourth li p { font-size: 0.85rem; }
	
	.tblTtl { width: 100%; margin-bottom: 20px; }
	.tblTtl th { border: 1px solid #dedede; background: #fff; padding: 0px 10px; vertical-align: middle; width: 30%; font-size: 0.9rem; }
	.tblTtl td {padding: 0 10px; vertical-align: middle; font-size: 0.9rem; }
	
	.tbl03 { table-layout: fixed; width: 100%; }
	.tbl03 th { background: #62a8cb !important; color: #fff; text-align: center; font-size: 0.9rem; padding: 5px 10px; border: 1px solid #dedede; width: auto !important; vertical-align: middle; }
	.tbl03 td { background: #fff !important; text-align: center; font-size: 0.8rem; padding: 5px 10px; border: 1px solid #dedede; width: auto !important; vertical-align: middle; }
}
@media screen and (min-width: 900px) {
	#content { display: block; justify-content: space-between; margin: 0 2%; }
	#content { margin: 0 !important;}
	#content section:nth-child(2n) { background: #f4f4f4;}
	
	#content aside { width: 200px; order: 1; margin-bottom: 100px; display: none; }
	#content aside h4 { background: #f4f4f4; border-top: 3px solid #217440; margin-bottom: 10px; text-align: center; padding: 10px 0; font-size: 0.9rem; }
	#content aside h5 { margin-bottom: 10px; text-align: center; padding: 5px 0; font-size: 0.85rem; }
	#content aside ul { margin-bottom: 20px; }
	#content aside ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; font-size: 0.8rem; }
	#content aside ul li:before { content:"\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right:10px; color:#217440; }
	#content aside ul li.intend:before { content:"-"; font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN','メイリオ', serif; font-weight: 900; margin-right:10px; color:#217440; }
	
	/*#content.is-fix aside { position: fixed; top: 10%; left: 2%; background: #fff; }*/
	
	#content main { /*width: calc(96% - 200px); order: 2;*/ margin-bottom: 0px; }
	#content section { padding: 5vh 0; }
	#content section .in-in { margin: 0 2%; }
	
	#content section .sec-in-flex { display: flex; justify-content: space-between;}
	#content section .sec-in-flex02 .flex { display: flex; justify-content: space-between; align-items: flex-start; }
	#content section .sec-in-flex02 .flexTxt { padding: 0 4%; }
	#content section .sec-in-flex-Ttl { width: 20%; padding: 0 4%; }
	#content section .sec-in-flex-Ttl .in-Ttl-Fix { position: sticky; top: 20%; }
	#content section .sec-in-flex-Content { width: 80%; padding:0 4% 0 0; }
	
	#content section .sec-in-flex-Ttl .sec-L-menu h5 { margin-bottom: 10px; text-align: center; padding: 5px 0; font-size: 0.85rem; }
	#content section .sec-in-flex-Ttl .sec-L-menu ul { margin-bottom: 20px; }
	#content section .sec-in-flex-Ttl .sec-L-menu ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; font-size: 0.8rem; }
	#content section .sec-in-flex-Ttl .sec-L-menu ul li:before { content:"\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right:10px; color:#217440; }
	#content section .sec-in-flex-Ttl .sec-L-menu ul li.intend:before { content:"-"; font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN','メイリオ', serif; font-weight: 900; margin-right:10px; color:#217440; }
	
	#content section .sec-in-flex-Ttl h3 { font-size: 1.8rem; margin-bottom: 40px; position: relative; line-height: 1.5; padding-top: 40px; color: #000; font-weight: normal; /*padding-left: 2em; text-indent: -1.5em;*/ }
	#content section .sec-in-flex-Ttl h3 span.roboto { position: absolute; top: -15px; left: -0.25em; z-index: 0; opacity: 0.05; font-size: 4.0rem; }
	/*#content section .sec-in-flex-Ttl h3:before { content: "－"; margin-right: 10px; color: #47926b; }*/
	#content section .sec-in-flex-Ttl h3 span.xsmall { font-size: 0.5em; }
	#content section h4 { font-size: 1.6rem; margin-bottom: 20px; font-weight: bold; }
	/*#content.is-fix main { margin-left: calc(4% + 200px); width: calc(96% - 200px); } */
	#content main h4.box-text { font-size: 1.0rem; }
	
	.sign { font-size: 1.2rem; font-family: "Sawarabi Mincho"; }
	.sign span { display: block; }
	
	.tbl01 { width: 100%; margin: 0 auto 40px; background: #fff; }
	.tbl01 th,.tbl01 td { padding: 20px; text-align: left; }
	.tbl01 th { width: 20%; text-align: center; border-bottom: 3px solid #dedede; }
	.tbl01 td { width: 80%; border-bottom: 1px solid #dedede; }
	
	section:nth-child(2n) .tbl01 th { background: #dedede; border-bottom: 3px solid #cdcbcb; }
	section:nth-child(2n) .tbl01 td { background: #f4f4f4; }
	
	.tbl02 { width: 100%; margin-bottom: 20px; background: #fff; }
	.tbl02 th,.tbl02 td { padding: 10px; text-align: left; }
	.tbl02 th { border: 1px solid #dedede; text-align: center; font-size: 0.9rem; background: #f4f4f4; width: 20%; }
	.tbl02 td { border: 1px dotted #dedede; font-size: 0.9rem; }
	.tbl02 th.LTR { word-break: keep-all; width: 25% !important; }
	
	.tablepress.tbl02 th { text-align: center; }
	.tablepress.tbl02 td { text-align: center; }
	
	section:nth-child(2n) .tbl02 th { border: 1px solid #ccc; text-align: center; font-size: 0.9rem; background: #dedede; width: 20%; }
	section:nth-child(2n) .tbl02 td { border: 1px dotted #ccc; font-size: 0.9rem; background: #f4f4f4; }
	
	.flex { display: flex; justify-content: space-between; align-items: center; }
	.flexHalf { width: 48%; } 
	.linkBox { border: 3px solid #dedede; min-height: 80px; line-height: 80px; text-align: center; }
	.linkBox.home { background: #FF6C00; color: #fff; border: 3px solid #FF6C00; } 
	.linkBox.indus { background: #2A83E8; color: #fff; border: 3px solid #2A83E8; } 
	.linkBox h5 { font-size: 1.2rem; color: #fff !important; }
	.linkBox h5 .far { margin-left: 20px; opacity: 0.25;}
	
	#content main .voiceFlex .flexTxt h5.recFaq { font-size: 1.2rem; }
	
	h3.recTtl { font-size: 1.8rem; display: flex; justify-content: flex-start; align-items: center; }
	h3.recTtl .roboto { font-size: 0.5em; margin-left: 40px; color: #dedede; }
	
	.tblTtl { width: 100%; margin-bottom: 20px; }
	.tblTtl th { border: 1px solid #dedede; background: #fff; padding: 0px 10px; vertical-align: middle; width: 30%; font-size: 0.9rem; }
	.tblTtl td {padding: 0 10px; vertical-align: middle; font-size: 0.9rem; }
	
	.tbl03 { table-layout: fixed; width: 100%; }
	.tbl03 th { background: #62a8cb !important; color: #fff; text-align: center; font-size: 0.9rem; padding: 5px 10px; border: 1px solid #dedede; width: auto !important; vertical-align: middle; }
	.tbl03 td { background: #fff !important; text-align: center; font-size: 0.8rem; padding: 5px 10px; border: 1px solid #dedede; width: auto !important; vertical-align: middle; }
}
@media screen and (min-width: 900px) and (max-width: 1089px)  {
	.flexTxt { width: 92%; }
	
	#content section .sec-in-flex-Ttl { width: 24%; padding: 0 2%; }
	#content section .sec-in-flex-Content { width: 76%; }
	
	#content section .sec-in-flex-Ttl h3 { font-size: 1.3rem; }
	#content section .sec-in-flex-Ttl h3 span.roboto { font-size: 3.0rem; top: -5px }
	#content section h4 { font-size: 1.4rem; }
	#content main .voiceFlex .flexTxt h5.recFaq { font-size: 1.25rem; }
	
	#content main .flexTxt .sp_tab { width: 80%; margin: 0 auto 40px; }
	
	#content main .flexFourth li h5 { font-size: 0.95rem; }
	#content main .flexFourth li p { font-size: 0.9rem; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px)  {
	#content section .sec-in-flex-Ttl { width: 22%; padding: 0 2%; }
	#content section .sec-in-flex-Content { width: 78%; }
	
	#content section .sec-in-flex-Ttl h3 { font-size: 1.4rem; }
	#content section .sec-in-flex-Ttl h3 span.roboto { font-size: 3.0rem; top: -5px; }
	#content section h4 { font-size: 1.45rem; }
	#content main .voiceFlex .flexTxt h5.recFaq { font-size: 1.3rem; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px)  {
	#content section .sec-in-flex-Ttl { width: 24%; padding: 0 2%; }
	#content section .sec-in-flex-Content { width: 80%; }
	
	#content section .sec-in-flex-Ttl h3 { font-size: 1.5rem; }
	#content section .sec-in-flex-Ttl h3 span.roboto { font-size: 3.0rem; top: 0px; }
	#content section h4 { font-size: 1.5rem; }
	#content main .voiceFlex .flexTxt h5.recFaq { font-size: 1.35rem; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px)  {
	#content section .sec-in-flex-Ttl h3 { font-size: 1.6rem; }
	#content section .sec-in-flex-Ttl h3 span.roboto { font-size: 3.0rem; top: 0px; }
	#content section h4 { font-size: 1.5rem; }
	#content main .voiceFlex .flexTxt h5.recFaq { font-size: 1.35rem; }
}
@media screen and (min-width: 1390px) and (max-width: 1489px)  {
	#content section .sec-in-flex-Ttl h3 { font-size: 1.7rem; }
	#content section .sec-in-flex-Ttl h3 span.roboto { font-size: 3.5rem; top: -10px; }
	#content section h4 { font-size: 1.5rem; }
	#content main .voiceFlex .flexTxt h5.recFaq { font-size: 1.35rem; }
}
@media screen and (min-width: 1490px)  {
	/*#content.is-fix aside { position: fixed; top: 10%; left: 4%; background: #fff; }
	#content.is-fix main { } */
}



@media screen and (max-width: 1289px) {
	.in-sifc-pc { display: none; } 
}
@media screen and (min-width: 1290px) {
	.in-sec-in-flex-Content { display: flex; justify-content: space-between; align-items: center; }
	.in-sifc-Txt { width: 48%; }
	.in-sifc-Img { width: 48%; }
	.in-sifc-sp { display: none; } 
}

.linkBox a         { resize: none; display: block; }
.linkBox a:link    { color:#fff; text-decoration: none; }
.linkBox a:visited { color:#fff; text-decoration: none; }
.linkBox a:hover   { color:#fff; text-decoration: none; opacity: 0.7; }
.linkBox a:active  { color:#fff; text-decoration: none; }

/*-- news ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.newsList li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #dedede; }
	.newsList li .newsDl { margin-bottom: 10px; }
}
@media screen and (min-width: 600px) {
	.newsList li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #dedede; }
	.newsList li .newsDl { margin-bottom: 10px; }
}
@media screen and (min-width: 600px) and (max-width: 899px)  {
}

/*-- faq ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.faDl dt { background: #f4f4f4; margin-bottom: 10px; padding: 10px 30px 10px 20px; font-size: 1.0rem; font-weight: bold; position: relative; cursor: pointer; border-top: 1px solid #dedede; text-indent: -1em; }
	.faDl dt:after { position: absolute; top: 50%; transform: translateY(-50%); right: 2%; content: "\f067"; font-family: "Font Awesome 5 Free"; font-weight: bold; opacity: 0.5; }
	.faDl dt.active:after { position: absolute; top: 50%; transform: translateY(-50%); content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: bold; opacity: 0.5; }
	.faDl dt span { margin-right: 10px; font-size: 1.2em; display: block;}
	.faDl dd { padding: 10px 20px 20px; font-size: 0.9rem; }
	.faDl dt:before { content: "Q."; margin-right: 5px; font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
}
@media screen and (min-width: 600px) {
	.faDl dt { background: #f4f4f4; margin-bottom: 10px; padding: 10px 20px; font-size: 1.1rem; font-weight: bold; position: relative; cursor: pointer; border-top: 1px solid #dedede; }
	.faDl dt:after { position: absolute; top: 50%; transform: translateY(-50%); right: 2%; content: "\f067"; font-family: "Font Awesome 5 Free"; font-weight: bold; opacity: 0.5; }
	.faDl dt.active:after { position: absolute; top: 50%; transform: translateY(-50%); content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: bold; opacity: 0.5; }
	.faDl dt span { margin-right: 10px; font-size: 1.2em;}
	.faDl dd { padding: 10px 20px 20px; }
	.faDl dt:before { content: "Q."; margin-right: 5px; font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
}
@media screen and (min-width: 900px) {
	section:nth-child(2n) .faDl dt { background: #dedede; border-top: 1px solid #cdcbcb; }
}
/*-- download ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.fileList01 {  }
	.fileList01 li { margin-bottom: 20px; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; }
	.fileList01 li .cataImg { width: 36%; margin-right: 4%;}
	.fileList01 li .catasp { width: 60%; }
	.fileList01 li .catasp p { text-align: left; }
	
	.fileList01 li div { margin-bottom: 10px; text-align: center; }
	.hiDl { display: flex; justify-content: flex-start; margin-bottom: 10px; }
	.hiDl dt { background: #FF6C00; color: #fff; font-size: 10px; padding: 1px 5px; margin-right: 5px; }
	.hiDl dd { background: #2A83E8; color: #fff; font-size: 10px; padding: 1px 5px; margin-right: 5px; }
	.fileList01 li p { font-size: 0.9rem; margin-bottom: 5px; }
	.fileList01 li p.xsmall { font-size: 0.7rem; }
	
	.fileList01 li p.pdf { color: #b30c00;}
	.fileList01 li p.word { color: #1f5dbd;}
	.fileList01 li p.zip { color: #888888;}
	.fileList01 li p.excel { color: #0f7d3f;}
	.fileList01 li p.jpg { color: #0b3e8d;}
	
	.in-in-mb40 { margin:0 1% 40px; }
	
	#content section h3.dlTtl03 { border-left: 5px solid #47926b; padding:10px 10px; background: #47926b; color: #fff; margin-bottom: 20px; color: #fff; border-top: 3px solid #236C45; font-size: 1.0rem; }
	#content section h3.dlTtl03:before { display: none; }
	#content section h4.dlTtl04 { border-left: 5px solid #47926b; padding-left: 10px; font-size: 1.0rem; margin-bottom: 10px; }
	#content section h5.dlTtl05 { border-top: 3px solid #ccc; font-weight: bold; margin-bottom: 10px; padding: 10px 10px; background: #f4f4f4; font-size: 0.9rem; }
	#content main h6.dlTtl06 { background: #999; color: #fff; margin-bottom: 10px; padding: 5px 10px; font-size: 0.8rem; }
	
	.fileList02 { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 0px; }
	.fileList02 li { font-size: 0.9rem; margin-right: 2%; margin-bottom: 10px; }
	.fileList02 li .fas { margin-right: 5px; }
	
	.fileList02-Mb { margin-bottom: 20px; }
	
	.headMenuList { padding: 2% 6%; }
	.headMenuList li { font-size: 0.8rem; margin: 0 1% 10px; border-bottom: 1px #dedede dotted; padding: 0 1% 10px; text-align: center; }
	.headMenuList li a:hover { text-decoration: none; }
	.headMenuList li:hover { border-bottom: 1px solid #007440; }
	
	.filelist03 li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; }
	
	#content section .dlin { padding: 0px; }
	#content section .dlin h5.dlTtl05-sub { font-size: 0.9rem; color: #236c45; margin-bottom: 10px; }
	#content section .dlin .fa-link { color: #427dad; }
	#content section .dlin .fa-external-link-alt { color: #dedede; }
}
@media screen and (min-width: 600px) {
	.fileList01 { display: flex; justify-content: center; flex-wrap: wrap; }
	.fileList01 li div { margin-bottom: 10px; text-align: center; }
	.hiDl { display: flex; justify-content: center; margin-bottom: 10px; }
	.hiDl dt { background: #FF6C00; color: #fff; font-size: 10px; padding: 1px 5px; margin-right: 5px; }
	.hiDl dd { background: #2A83E8; color: #fff; font-size: 10px; padding: 1px 5px; margin-right: 5px; }
	.fileList01 li p { font-size: 0.9rem; margin-bottom: 5px; }
	.fileList01 li p.xsmall { font-size: 0.7rem; }
	
	.fileList01 li p.pdf { color: #b30c00;}
	.fileList01 li p.word { color: #1f5dbd;}
	.fileList01 li p.zip { color: #888888;}
	.fileList01 li p.excel { color: #0f7d3f;}
	.fileList01 li p.jpg { color: #0b3e8d;}
	
	.in-in-mb40 { margin:0 1% 40px; }
	
	#content section h3.dlTtl03 { border-left: 5px solid #47926b; padding:10px 10px; background: #47926b; color: #fff; margin-bottom: 20px; color: #fff; border-top: 3px solid #236C45; font-size: 1.3rem; }
	#content section h3.dlTtl03:before { display: none; }
	#content section h4.dlTtl04 { border-left: 5px solid #47926b; padding-left: 10px; font-size: 1.2rem; margin-bottom: 20px; }
	.dlTtl05 { border-top: 3px solid #ccc; font-weight: bold; margin-bottom: 10px; padding: 10px 10px; background: #f4f4f4; }
	#content section:nth-child(2n) .dlTtl05 { background: #dddddd; }
	#content main h6.dlTtl06 { background: #999; color: #fff; margin-bottom: 10px; padding: 5px 10px; }
	
	.fileList02 { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 0px; }
	.fileList02 li { font-size: 0.9rem; margin-right: 2%; margin-bottom: 10px; }
	.fileList02 li .fas { margin-right: 5px; }
	
	.fileList02-Mb { margin-bottom: 20px; }
	
	.filelist03 li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; }
	
	#content section .dlin { padding: 0px; }
	#content section .dlin h5.dlTtl05-sub { font-size: 1.0rem; color: #236c45; margin-bottom: 10px; }
	#content section .dlin .fa-link { color: #427dad; }
	#content section .dlin .fa-external-link-alt { color: #dedede; }
}
@media screen and (min-width: 600px) and (max-width: 1079px) {
	.fileList01 li { width: 22.0%; margin-right: 4%; margin-bottom: 20px; }
	.fileList01 li:nth-child(4n) { margin-right: 0px; }
	
	.headMenuList { padding: 2% 6%; }
	.headMenuList li { font-size: 0.9rem; margin: 0 1% 10px; border-bottom: 1px #dedede dotted; padding: 0 1% 10px; text-align: center; }
	.headMenuList li a:hover { text-decoration: none; }
	.headMenuList li:hover { border-bottom: 1px solid #007440; }
}
@media screen and (min-width: 1080px) {
	.fileList01 li { width: 18.4%; margin-right: 2%; margin-bottom: 20px; }
	.fileList01 li:nth-child(5n) { margin-right: 0px; }
	
	.headMenuList { display: flex; justify-content: center; margin-bottom: 40px;  }
	.headMenuList li { font-size: 0.9rem; margin: 0 1%; border-bottom: 1px solid #000; padding: 0 1% 10px; text-align: center; font-size: 0.9rem; }
	.headMenuList li a:hover { text-decoration: none; }
	.headMenuList li:hover { border-bottom: 1px solid #007440; }
}
/*-- works ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.worksList { }
	.worksList li { margin-bottom: 20px;  }
	.worksList li div { margin-bottom: 10px; }
	.worksList li p { font-size: 0.9rem; margin-top: 10px; }
	.list-img { width: 80%; margin: 0 auto 20px; }
}
@media screen and (min-width: 600px) {
	.worksList { display: flex; justify-content: flex-start; flex-wrap: wrap;}
	.worksList li { margin-bottom: 20px; width: 31%; margin-right: 3.5%; }
	.worksList li:nth-child(3n) { margin-right: 0; }
	.worksList li div { margin-bottom: 10px; }
	.worksList li p { margin-top: 10px; }
	.list-img { width: 80%; margin: 0 auto 20px; }
}

/*-- voice ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.voiceList { }
	.voiceList li { margin-bottom: 20px; }
	.voiceList li div { margin-bottom: 10px; }
	#content main .voiceList li h4 { color: #000;}	
	.voiceList li .photoHover { position: relative; }
	.voiceList li .voiceM { position: absolute; left: 0%; bottom:0px; font-size: 1.2rem; font-weight: bold; color: #fff; background: rgba(0,0,0,0.5); padding: 1px 2%; width: 96%; margin-bottom: 0px; }
	.voiceFlex .flexImg { height: auto; }
	#content main .voiceFlex h4 { margin-bottom: 10px; }
	#content main .voiceFlex .flexTxt h5 { margin-bottom: 10px; font-size: 1.1rem; }
	.voiceFlex .flexTxt p { margin-bottom: 20px;}
	
	.photolist { display: flex; justify-content: center; margin: 20px 0; flex-wrap: wrap; }
	.photolist li { width: 50%; }
	
	.recDl dt { background: #f4f4f4; padding: 5px 10px; border-left: 5px solid #dedede; margin-bottom: 10px; font-size:0.9rem; }
	.recDl dd { font-size: 0.8rem; margin-bottom: 20px; }
}
@media screen and (min-width: 600px) {
	.voiceList { display: flex; justify-content: flex-start; flex-wrap: wrap;}
	.voiceList li { margin-bottom: 20px; width: 48%; margin-right: 4%; position: relative;}
	.voiceList li:nth-child(2n) { margin-right: 0; }
	.voiceList li div { margin-bottom: 10px; }
	#content main .voiceList li h4 { color: #000;}	
	.voiceList li .photoHover { position: relative; }
	.voiceList li .voiceM { position: absolute; left: 0%; bottom:0px; font-size: 1.7rem; font-weight: bold; color: #fff; background: rgba(0,0,0,0.5); padding: 1px 2%; width: 96%; margin-bottom: 0px; }
	
	.voiceFlex { align-items: flex-start; margin: 4% 0; }
	.voiceFlex .flexTxt { padding: 0 4% 0 0;}
	#content main .voiceFlex .flexTxt h5 { margin-bottom: 10px; font-size: 1.2rem; }
	.voiceFlex .flexTxt p { margin-bottom: 40px;}
	.voiceFlex .flexTxt.flexR { padding: 0 0 0 4%;}
	
	.photolist { display: flex; justify-content: center; margin: 40px 0; }
	.photolist li { width: 25%; }
	
	.recDl { margin-top: 40px; }
	.recDl dt { background: #f4f4f4; padding: 5px 10px; border-left: 5px solid #dedede; margin-bottom: 10px; font-size: 1.0rem; }
	.recDl dd { font-size: 0.9rem; margin-bottom: 20px; }
}
@media screen and (min-width: 600px) and (max-width: 899px)  {
	.voiceList li .voiceM { font-size: 1.3rem; }
	#content main .voiceFlex .flexTxt h5 { margin-bottom: 10px; font-size: 1.1rem; }
}
@media screen and (min-width: 900px) and (max-width: 1079px)  {
	.voiceList li .voiceM { font-size: 1.4rem;}
}
@media screen and (min-width: 1080px) and (max-width: 1199px)  {
	.voiceList li .voiceM { font-size: 1.5rem;}
}
@media screen and (min-width: 1200px) and (max-width: 1479px)  {
	.voiceList li .voiceM { font-size: 1.6rem;}
}
@media screen and (min-width: 1480px) {
}

/*-- lineup ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.lineupTbl { margin-top: 40px; width: 100%; }
	.lineupTbl th,.lineupTbl td { padding: 10px; vertical-align: middle; display: block; }
	.lineupTbl th { background: #ccc; color: #fff; font-weight: normal; color: #fff; text-align: center; font-size: 0.9rem; }
	.lineupTbl td { padding: 10px 0; }
	.lineupTbl td .lineupList { display: flex; justify-content: center; flex-wrap: wrap; }
	.lineupTbl td .lineupList li { width: 46%; margin:0 1% 20px; border-bottom: 1px solid #000; padding: 0 1% 10px; text-align: center; font-size: 0.7rem; }
	.lineupTbl td .lineupList li a:hover { text-decoration: none; }
	.lineupTbl td .lineupList li:hover { border-bottom: 1px solid #007440; }
	.lineup-flex .lnR { width: 60%; margin: 20px 20% 0; }
	
	.lineupList { width: 80%; margin: 2% auto 0; }
	.lineupList li { margin-bottom: 10px; border-bottom: 1px dotted #ccc; padding-bottom: 10px; text-align: center; font-size: 0.8rem; }
	.lineupList li a:hover { text-decoration: none; }
	.lineupList li:hover { border-bottom: 1px solid #007440; }
}
@media screen and (min-width: 600px) {
	.lineup-flex { margin-bottom: 40px; display: flex; justify-content: space-between; align-items: center; }
	.lineup-flex .lnL { width: 76%; }
	#content main .lineup-flex .lnL h5 { text-align: left; background: none; color: #000; font-size: 1.2rem; padding: 0;  }
	.lineup-flex .lnR { width: 20%; }
	
	/*.lineupTbl { margin-top: 40px; width: 100%; }
	.lineupTbl th,.lineupTbl td { padding: 20px; vertical-align: middle; }
	.lineupTbl th { width: 16%; background: #ccc; color: #fff; font-weight: normal; color: #fff; text-align: center; }
	.lineupTbl td { width: 80%; padding: 20px 0; }
	.lineupTbl td .lineupList { display: flex; justify-content: center; flex-wrap: wrap; }
	.lineupTbl td .lineupList li { width: 28%; margin:0 1% 20px; border-bottom: 1px solid #000; padding: 0 1% 10px; text-align: center; font-size: 0.9rem; }
	.lineupTbl td .lineupList li a:hover { text-decoration: none; }
	.lineupTbl td .lineupList li:hover { border-bottom: 1px solid #007440; }*/
	
	.lineupList { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.lineupList li { width: 28%; margin:0 1% 20px; border-bottom: 1px solid #000; padding: 0 1% 10px; text-align: center; font-size: 0.9rem; }
	.lineupList li a:hover { text-decoration: none; }
	.lineupList li:hover { border-bottom: 1px solid #007440; }
} 
@media screen and (min-width: 600px) and (max-width: 899px)  {
	.lineupTbl td .lineupList li { font-size: 0.8rem; }
}
@media screen and (min-width: 900px) and (max-width: 1080px)  {
	.lineupTbl td .lineupList li { font-size: 0.85rem; }
}

/*-- support ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.supportIcon { display: flex; justify-content: space-between; margin-bottom: 20px;  }
	.supportIcon li { width: 48%; margin: 0 auto; }
}
@media screen and (min-width: 600px) {
	.supportIcon { display: flex; justify-content: flex-start; margin-bottom: 40px;  }
	.supportIcon li { width: 150px; margin-right: 2%; }
}