@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(51,51,51,1.00)}a:hover { color:rgba(29,31,33,1.00)}
/* css setting */
header{
padding: 1rem 0rem;
background: -moz-linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0));
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0));
background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0));
/*background-color:rgba(0,179,144,0.5);*/
}
.body-pt002 header, .body-pt101  header{
background: -moz-linear-gradient(90deg, rgba(85,186,255,0.5), rgba(29,255,179,0.7));
background: -webkit-linear-gradient(90deg, rgba(85,186,255,0.5), rgba(29,255,179,0.7));
background: linear-gradient(90deg, rgba(85,186,255,0.5), rgba(29,255,179,0.7));
}
.body-pt004 header{
background: -moz-linear-gradient(90deg, rgba(248,182,62,0.7), rgba(228,174,70,0.85));
background: -webkit-linear-gradient(90deg, rgba(248,182,62,0.7), rgba(228,174,70,0.85));
background: linear-gradient(990deg, rgba(248,182,62,0.7), rgba(228,174,70,0.85));
}
.body-pt001 .h-nav .fsNavMenuList{
margin-right: 1rem;
}
.body-pt002 .h-nav > .fsNavMenuList > li:last-child a{
color: #00b390;
background: -webkit-linear-gradient(0deg, #ffffff, #ffffff);
}
.body-pt002 .h-nav > .fsNavMenuList > li:last-child a:hover{
color: #ffffff!important;
background: -webkit-linear-gradient(0deg, #2ebbc6, #00b18e);
box-sizing: border-box;
transition: .3s;
}
.body-pt004 .h-nav > .fsNavMenuList > .main_list_li:hover > a{
color: #fab83e!important;
}
.body-pt004 .h-nav > .fsNavMenuList > .main_list_li > a::after{
position: absolute;
top: 0;
left: 0;
content: '';
width: 0;
height: 9px;
background-color: rgba(250,184,62,1);
transition: .3s;
}
.body-pt004 .h-nav > .fsNavMenuList > .main_list_li:last-child > a::after{
position: absolute;
top: 0;
left: 0;
content: '';
width: 0;
height: 9px;
background-color: rgba(250,184,62,0);
transition: .3s;
}
.body-pt004 .h-nav > .fsNavMenuList > li:last-child a{
color: #fab83e;
background: -webkit-linear-gradient(0deg, #ffffff, #ffffff);
}
.body-pt004 .h-nav > .fsNavMenuList > li:last-child a:hover{
color: #ffffff!important;
background: -webkit-linear-gradient(0deg, #ffcc30, #ecaa3e);
box-sizing: border-box;
transition: .3s;
}
.body-pt004 .h-nav > .fsNavMenuList > .main_list_li:hover > a{
color: #fab83e;
}
.body-pt005 .h-nav > .fsNavMenuList > li:last-child a{
color: #ffffff;
background: -webkit-linear-gradient(0deg, #ffcc30, #ecaa3e);
}
.body-pt005 .h-nav > .fsNavMenuList > .main_list_li > a:hover{
color: #fab83e!important;
}
.body-pt005 .h-nav > .fsNavMenuList > .main_list_li > a::after{
background-color: rgba(250,184,62,1);
}
.header-logo-bl{
display:none;
}
@media screen and (max-width: 1200px) {
header{
padding: 0rem 0rem;
}
}
/*　==============================　施工事例ページ　==============================　*/
/*　--------------------　ページリスト･ページネーション･タグ　--------------------　*/
.pg-wroks-all .archiveCardA-flagA{
background-color: #00b390!important;
}
.pageN-list #fsInfoBpager .ccm-page-left a, .pageN-list #fsInfoBpager .ccm-page-right a{
background: #f29543!important;
}
.pageN-list #fsInfoBpager{
padding: 1.5rem 0rem!important;
}
.pageN-list #fsInfoBpager .numbers{
background: #cecece!important;
}
.pageN-list #fsInfoBpager .currentPage{
background: #e86c00!important;
color: #ffffff;
}
.pageN-list .ltgray{
background: #f29543!important;
}
.pg-wroks-all{
width: 100%!important;
max-width: 100%!important;
}
.pg-wroks-all .archiveBoxesC4-cardA{
padding: 0rem 2rem 2rem 2rem;
box-sizing: border-box;
}
.pg-wroks-all .archiveBoxesC4-cardA-list{
display: flex;
width: 33.25%!important;
margin: 0% 0.1% 0.1% 0%!important;
}
.pg-wroks-all .archiveBoxesC4-cardA-list:nth-child(3n){
margin: 0% 0% 0.1% 0%!important;
}
.pg-wroks-all .archiveCardA-txt-ttl{
font-size: 0.85rem!important;
padding: 0.7rem 1rem 0.8rem 1rem!important;
}
.pg-wroks-all .archiveCardA-txt-read{
display: none;
}

@media screen and (max-width: 480px) {
.pg-wroks-all .archiveBoxesC4-cardA-list{
display: flex;
width: 100%!important;
margin: 0% 0% 0.1% 0%!important;
}
}

/*　==============================　募集要項ページ　==============================　*/
/*　--------------------　募集要項　--------------------　*/
.guideline-tb{
width: 100%;
background-color: #ffffff;
}
.guideline-left{
font-size: 0.9rem;
font-weight: bold;
color: #ffffff;
text-align: center;
vertical-align: top;
padding: 1rem 0.5rem;
width: 150px;
background-color: #fab83e;
border-bottom:1px solid #ffffff;
}
.guideline-right{
font-size: 1rem;
text-align: justify;
vertical-align: top;
padding: 1rem 1rem 1rem 1rem;
width: calc(100% - 150px);
border-bottom:1px solid #e1e1e1;
}
@media screen and (max-width: 498px) {
.guideline-left{
width: 60px;
}
.guideline-right{
width: calc(100% - 60px);
}
}

/*　==============================　インタビューページ　==============================　*/
/*　--------------------　●　--------------------　*/
.interview-main-img{
padding-top: 23rem;
margin: 0rem 1rem 1rem 1rem;
}
.interview-sub-img{
padding-top: 40rem;
}
@media screen and (max-width: 498px) {
.interview-main-img{
padding-top: 22rem;
margin: 0rem 2rem 1rem 2rem;
}
.interview-sub-img{
padding-top: 27rem;
}
}
/*　==============================　採用ページ　==============================　*/
/*　--------------------　●　--------------------　*/
.recruit-bg-grad-beige{
background: -moz-linear-gradient(#ffffff 30%, #f0efe8 30%, #f0efe8);
background: -webkit-linear-gradient(#ffffff 30%, #f0efe8 30%, #f0efe8);
background: linear-gradient(#ffffff 30%, #f0efe8 30%, #f0efe8);
}

/*　--------------------　スタッフインタビューボタン　--------------------　*/
.recruit-btn .fs_btn_text  {
text-align: right!important;
opacity:0;
}
.recruit-btn .fs_btn_text:hover  {
opacity:1;
}
.recruit-btn .fs_btn:hover {
background-color: rgba(243,177,62,0.75);
}
.recruit-btn-text{
margin-top: -2rem;
}
@media screen and (min-width: 769px) {
.recruit-btn .fs_btn_text{
padding:18vh 0;
}
}
@media screen and (max-width: 768px) {
.recruit-btn .fs_btn_text{
padding:15vh 0;
}
}

.recruit-element-item{
margin: 0rem 0rem 1.5rem 0rem;
padding: 3.5rem 1rem 3.5rem 1rem;
background-color: #ffffff;
}
.recruit-element-item p:nth-child(1){
font-size: 3.5rem;
color: #fab83e;
margin-bottom: 1.5rem;
line-height: 2.5rem;
}
.recruit-element-item p:nth-child(2){
font-size: 1.1rem;
font-weight: bold;
}
/*　--------------------　採用問い合わせボタン　--------------------　*/
.recruit-contact{
margin: 0rem 0rem 1rem 0rem;
}
.recruit-contact .fs_btn_text {
line-height:1.7rem;
}
.recruit-contact .fs_btn_text_main{
font-size: 1.3rem;
}
.recruit-contact .fs_btn_text_sub{
font-size: 1rem;
}
@media screen and (max-width: 498px) {
.recruit-contact .fs_btn{
width: 100%!important;
}
}
/*　--------------------　募集要項リスト　--------------------　*/
.recruit-guide-list .entryData {
display:none;
}
.recruit-guide-list .entryTitle {
font-size:1rem;
}
.recruit-guide-list .entryTitle a {
color:#333;
display:block;
padding:1.5rem 2rem!important;
}
.recruit-guide-list .entryTitle a:hover {
opacity:0.7;
transition:0.3;
}
.recruit-guide-list dl {
border-bottom: 0px solid #fff!important;
padding: 0rem !important;
}
.recruit-guide-list dd {
border-left: 0px solid #bbb!important;
padding-left: 0%!important;
width: 100%!important;
}
.recruit-guide-list dl:nth-child(2n+0)  {
background: rgba(244,244,244,1);
}

/*　==============================　お知らせページ　==============================　*/
/*　--------------------　●　--------------------　*/

/*　==============================　各事業ページ　==============================　*/
/*　--------------------　●　--------------------　*/
.each-main-catch{
margin: 7rem 2rem 4rem 2rem;
}
.each-business-img{
padding-top: 27rem;
margin: 0rem 1rem 0rem 1rem;
}
.each-item-box{
font-size: 1.1rem;
margin: -2.7rem 1rem 0rem 3rem;
padding: 2rem 0.5rem 2rem 0.5rem;
background-color: #00b390;
}
@media screen and (max-width: 498px) {
.each-main-catch{
margin: 5rem 2rem 4rem 2rem;
}
.each-business-img{
padding-top: 15rem;
}
.each-item-box{
margin: 0rem 1rem 0rem 1rem;
padding: 1rem 0.5rem 1rem 0.5rem;
}
}
/*　==============================　私たちについてページ　==============================　*/
/*　--------------------　●　--------------------　*/
.about-main-catch{
padding: 4.5rem 2rem 4rem 2rem;
}
.about-main-catch p:nth-child(1){
font-size: 1.7rem;
}
.about-main-catch p:nth-child(3){
font-size: 1.3rem;
}
.about-merit-article{
margin: 0rem 1px 2rem 1px;
padding:3rem 1.5rem 3rem 1.5rem;
background-color: #f0efe8;
}
.about-merit-item p:nth-child(1){
font-size: 1.4rem;
color: #00b390;
}
.about-merit-item p:nth-child(3){
text-align: justify!important;
}
/*　--------------------　取り扱い品目　--------------------　*/
.handling-item-wrapper{
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.handling-item-wrapper li{
width: 50%;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
justify-content: center;
align-items: center;
}
.handling-item-wrapper li div{
text-align: center;
width: 100%;
margin: 0rem 0.5rem 0.8rem 0rem;
padding: 1.1rem 0.3rem;
}
.handling-item-wrapper li:nth-child(2n) div{
margin: 0rem 0rem 0.8rem 0.5rem;
}
.handling-item-wrapper div{
border: 1px solid #00b38f;
/*color: #999999;*/
background-color: #e3f0ec;
}

/*　--------------------　SVGアイコンに関する設定　--------------------　*/
.about-svg-icon .fs_btn{
display: inline-block;
}
@media screen and (min-width: 769px) {
.about-svg-icon{
margin: 0rem 1rem 1.5rem 1rem;
}
.about-svg-icon .fs_btn{
padding-top: 90px!important;
}
}
@media screen and (max-width: 768px) {
.about-svg-icon{
margin: 0rem 1rem 1.5rem 1rem;
}
.about-svg-icon .fs_btn{
padding-top: 70px!important;
}
}
@media screen and (max-width: 498px) {
.about-svg-icon{
margin: 1rem 1rem 1.5rem 1rem;
}
.about-svg-icon .fs_btn{
padding-top: 70px!important;
}
}
/*　==============================　トップページ　==============================　*/
/*　--------------------　メインキャッチに関する設定　--------------------　*/
.top-main-catch-svg .fs_btn{
display: inline-block;
}
.top-main-catch-svg{
margin: 12.5rem 1rem 15rem 1rem;
}
.top-main-catch-svg .fs_btn{
padding-top: 13rem!important;
}
@media screen and (max-width: 1440px) {
.top-main-catch-svg{
margin: 7.5rem 1rem 20rem 1rem;
}
.top-main-catch-svg .fs_btn{
padding-top: 11rem!important;
}
}
@media screen and (max-width: 768px) {
.top-main-catch-svg{
margin: 10rem 1rem 10rem 1rem;
}
.top-main-catch-svg .fs_btn{
padding-top: 10rem!important;
}
}
@media screen and (max-width: 498px) {
.top-main-catch-svg{
margin: 16.5vh 1rem 35.5vh 1rem;
}
.top-main-catch-svg .fs_btn{
padding-top: 8rem!important;
}
}
/*　--------------------　●　--------------------　*/
.top-main-catch{
margin: 0rem 2rem 0rem 2rem;
padding: 27vh 1rem 29vh 1rem;
}
.top-main-catch p:nth-child(1){
font-size: 2.3rem;
line-height: 3.5rem;
letter-spacing: 0.5rem;
}
.top-main-catch p:nth-child(2){
font-size: 1.3rem;
line-height: 1.8rem;
letter-spacing: 0.3rem;
margin-top: 1.5rem;
}
.top-about-img{
padding: 31rem 0rem 0rem 0rem;
margin-bottom: 5rem;
}
.top-about-btn{
margin: 0rem 1rem 2.5rem 1rem;
border-radius: 1rem;
-moz-border-radius: 1rem;
-webkit-border-radius: 1rem;
-o-border-radius: 1rem;
-ms-border-radius: 1rem;
}
.top-about-btn .fs_btn{
padding: 8rem 0rem 8rem 0rem;
background-color:rgba(0,179,144,0.6);
border-radius: 1rem;
-moz-border-radius: 1rem;
-webkit-border-radius: 1rem;
-o-border-radius: 1rem;
-ms-border-radius: 1rem;
}
.top-about-btn .fs_btn:hover {
background-color:rgba(0,179,144,0);
}
.top-about-btn p{
display: inline;
padding: 1rem;
border: 1px solid #ffffff;
border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
-webkit-border-radius: 0.5rem;
-o-border-radius: 0.5rem;
-ms-border-radius: 0.5rem;
}
.top-about-serviceArea{
padding: 10rem 1rem 9.5rem 1rem;
}
.top-about-serviceTtl{
font-size: 1.2rem;
}
.top-work-img{
padding: 31rem 0rem 0rem 0rem;
}
.top-company-img{
padding: 31rem 0rem 0rem 0rem;
}
@media screen and (max-width: 498px) {
.top-main-catch{
margin: 0rem 1rem 0rem 1rem;
padding: 25vh 0rem 25vh 0rem;
}
.top-main-catch p:nth-child(1){
font-size: 2rem;
letter-spacing: 0.3rem;
}
.top-about-img{
padding: 30rem 0rem 0rem 0rem;
margin-bottom: 0rem;
border-radius: 0rem 0rem 0rem 0rem;
-moz-border-radius: 0rem 0rem 0rem 0rem;
-webkit-border-radius: 0rem 0rem 0rem 0rem;
-o-border-radius: 0rem 0rem 0rem 0rem;
-ms-border-radius: 0rem 0rem 0rem 0rem;
}
.top-about-btn{
margin: 0rem 1rem 3.5rem 1rem;
}
.top-about-btn .fs_btn{
padding: 6.5rem 0rem 6.5rem 0rem;
background-color:rgba(0,179,144,0);
}
.top-about-serviceArea{
padding: 7rem 1rem 3.5rem 1rem;
}
.top-about-serviceTtl{
font-size: 1.4rem;
}
.top-work-img{
padding: 26rem 0rem 0rem 0rem;
border-radius: 0rem 0rem 0rem 0rem;
-moz-border-radius: 0rem 0rem 0rem 0rem;
-webkit-border-radius: 0rem 0rem 0rem 0rem;
-o-border-radius: 0rem 0rem 0rem 0rem;
-ms-border-radius: 0rem 0rem 0rem 0rem;
}
.top-company-img{
margin: 0rem 2rem 0rem 2rem;
padding: 26rem 0rem 0rem 0rem;
}
}

/*　--------------------　お知らせに関する設定　--------------------　*/
.top-news-area{
margin-top: 1rem!important;
padding: 4rem 0rem 3rem 0rem;
}
.top-news-list a {
}
.top-news-list dl {
border-bottom: 1px solid #ffffff !important;
padding: 1rem 0rem 1rem 2rem !important;
}
.top-news-list dd {
border-left: 0px !important;
padding-left:0% !important;
}
.top-news-list dl:nth-child(2n+1)  {
background: rgba(255,255,255,0.35);
}
.top-news-list dl:nth-child(2n+0)  {
background: rgba(255,255,255,0.6);
}
.top-news-list .entryData {
padding: 0.5rem 0;
font-weight: bold;
margin: 0rem 1rem 0rem 0rem;
}
.top-news-list .entryData {
text-align: justify;
}
.top-news-list .entryData{
text-align: center;
background:#45abf6;
color:#fff;
}
.top-news-list a:hover {
opacity:0.7;
transition:0.6s;
}
.top-news-list .entryTitle {
font-size:1.2rem;
font-weight: bold;
}
.top-news-list  dl:last-child {
border-bottom: 1px solid #ebebeb;
}
@media screen and (max-width: 498px) {
.top-news-area{
margin-top: 0rem!important;
}
}
/*　--------------------　SVGアイコンに関する設定　--------------------　*/
.top-svg-icon .fs_btn{
display: inline-block;
}
@media screen and (min-width: 769px) {
.top-svg-icon{
margin: 0rem 1rem 1.3rem 1rem;
}
.top-svg-icon .fs_btn{
padding-top: 90px!important;
}
}
@media screen and (max-width: 768px) {
.top-svg-icon{
margin: 0rem 1rem 1.5rem 1rem;
}
.top-svg-icon .fs_btn{
padding-top: 70px!important;
}
}
@media screen and (max-width: 498px) {
.top-svg-icon{
margin: 1rem 1rem 1.5rem 1rem;
}
.top-svg-icon .fs_btn{
padding-top: 70px!important;
}
}
/*　--------------------　トップニュース ティッカー　--------------------　*/
.top-news .ticker{
padding: 0.7rem 1rem!important;
margin-right: 0px;
border-top: 1px solid #ffffff;
max-width: 680px;
}

.top-news .ticker ul li span{
margin-right: 0.6rem!important;
}
.top-news li, .top-news a{
color: #ffffff;
letter-spacing: 0.05rem;
}
.top-news .tk_tags_Tags_02{
margin-top: -0.2rem;
padding: 0.4rem 0.5rem 0.2rem 0.5rem;
background-color: #000000;
}
@media screen and (max-width: 480px) {
.top-news .ticker{
padding: 1rem 2rem!important;
}
}
/*　--------------------　ページダウンボタン　--------------------　*/
.pagedown-btm .fs_btn{
line-height: 1.6;
}
.pagedown-btm .fs_btn .fs_btn_text_sub{
width: 50%;
padding-top: 3rem;
box-sizing: border-box;
border-right: 1px solid #ffffff;
}
.pagedown-btm .fs_btn:hover .fs_btn_text_sub{
border-right: 1px solid #bdbdbd;
transition:0.3s;
}
.pagedown-btm .fs_btn .fs_btn_text_main{
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
position: relative;
left: 0;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
letter-spacing: 0.1rem;
}
@media screen and (max-width: 498px) {
.pagedown-btm .fs_btn{
width: 50px!important;
}
.pagedown-btm .fs_btn .fs_btn_text_sub{
padding-top: 2rem;
}
.pagedown-btm .fs_btn .fs_btn_text_main{
font-size: 0.9rem;
}
}
/*　==============================　企業情報ページ　==============================　*/
/*　--------------------　会社概要テーブル　--------------------　*/
.outline-tb-wrapper{
}
.outline-contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.outline-contents dt{
padding: 1rem 1rem 1rem 0rem;
width: 105px;
border-top: 1px solid #00b38f;
position: relative;
}
.outline-contents dd{
text-align: left;
padding: 1rem 0rem ;
width: calc(100% - 105px);
border-top: 1px solid #909ba7;
}
@media screen and (max-width: 768px){
.outline-contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.outline-contents dt{
font-size: 95%;
font-weight: bold;
padding: 1rem 0rem 0.3rem 0rem;
width: 100%;
border-top: 1px solid #909ba7;
}
.outline-contents dt:after{
content: "";
display: block;
line-height: 0;
overflow: hidden;
position: absolute;
left: 0;
top: -1px;
width: 25px;
border-top: 1px solid #00b38f;
}
.outline-contents dd{
font-size: 1rem;
padding: 0rem 0rem 1rem 0rem;
width: 100%;
border: none;
}
}
/*　--------------------　主要取引先　--------------------　*/
.custmer-item-wrapper{
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.custmer-item-wrapper li{
width: 50%;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
justify-content: center;
align-items: center;
}
.custmer-item-wrapper li div{
text-align: center;
width: 100%;
margin: 0rem 0.5rem 0.8rem 0rem;
padding: 1.1rem 1rem;
}
.custmer-item-wrapper li:nth-child(2n) div{
margin: 0rem 0rem 0.8rem 0.5rem;
}
.custmer-item-wrapper div{
border: 1px solid #00b38f;
/*color: #999999;*/
background-color: #e3f0ec;
}

/*　==============================　お問い合わせページ　==============================　*/
/*　--------------------　フォーム　--------------------　*/
.cf .formBlockSurveyTable dl dt {
color: #777777;
text-align: left;
width:100%;
margin-right: 0%!important;
}
.cf .formBlockSurveyTable dl dd {
width: 100%;
}
.cf .formBlockSurveyTable dl {
padding: 1% 0;
}
.cf .formBlockSurveyTable dl dd input,
.cf .formBlockSurveyTable dl dd textarea {
width: 96%;
resize: none;
border-radius: 0;
padding: 2%;
}
.cf .formBlockSurveyTable dl dd select{
padding: 2% 0% 2% 0%;
margin-left: 4px;
}
.cf .formBlockSubmitButton {
width:100%!important;
text-align:center!important;
background-color: #d1d1d1!important;
color:#4d4d4d;
}
.cf .formBlockSubmitButton:hover {
background-color: #4d4d4d!important;
border: 1px solid #4d4d4d;
color:#ffffff;
transition:0.6s;
}
.cf .on-pointer input {
cursor: pointer;
}
.cf .required:after{
content: "(必須)";
color: #cc0000;
margin-left: 0.3rem;
}
.cf .fs_form_zip_code{
color: #777777;
}
@media screen and (max-width: 498px) {
.cf .formBlockSurveyTable dl dd input,
.cf .formBlockSurveyTable dl dd textarea {
width: 100%;
}
}

/*　==============================　サイトポリシーページ　==============================　*/
/*　--------------------　左インデント　--------------------　*/
.int_left li {
margin-left: 2rem;
text-indent: -2rem;
}

/*　==============================　共通ページ　==============================　*/
/*　--------------------　コンテンツタイトル　--------------------　*/
.contents-ttl-g p:nth-child(1){
font-size: 3.8rem;
color: #bfece3;
line-height: 3rem;
letter-spacing: 0.1rem;
}
.contents-ttl-g p:nth-child(2){
font-size: 1.3rem;
color: #00b390;
margin-top: 0.9rem;
margin-top: 0.7rem;
margin-bottom: 0.9rem;
}
.contents-ttl-g p:nth-child(3){
border-bottom: 1px solid #333333;
width: 65px;
height: 2rem;
}
.contents-ttl-w p:nth-child(1){
font-size: 3.8rem;
color: #ffffff;
line-height: 3rem;
letter-spacing: 0.1rem;
}
.contents-ttl-w p:nth-child(2){
font-size: 1.3rem;
color: #ffffff;
margin-top: 0.9rem;
margin-top: 0.7rem;
margin-bottom: 0.9rem;
}
.contents-ttl-w p:nth-child(3){
border-bottom: 1px solid #ffffff;
width: 65px;
height: 2rem;
}
.contents-ttl-o p:nth-child(1){
font-size: 3.8rem;
color: #fde6bb;
line-height: 3rem;
letter-spacing: 0.1rem;
}
.contents-ttl-o p:nth-child(2){
font-size: 1.3rem;
color: #fab83e;
margin-top: 0.9rem;
margin-top: 0.7rem;
margin-bottom: 0.9rem;
}
.contents-ttl-o p:nth-child(3){
border-bottom: 1px solid #fab83e;
width: 65px;
height: 2rem;
}
.contents-ttl-ow p:nth-child(1){
font-size: 3.8rem;
color: #fde6bb;
line-height: 3rem;
letter-spacing: 0.1rem;
}
.contents-ttl-ow p:nth-child(2){
font-size: 1.3rem;
color: #ffffff;
margin-top: 0.9rem;
margin-top: 0.7rem;
margin-bottom: 0.9rem;
}
.contents-ttl-ow p:nth-child(3){
border-bottom: 1px solid #ffffff;
width: 65px;
height: 2rem;
}

/*　--------------------　ボタン　--------------------　*/
.item-btn-l{
margin: 0rem 2rem 3rem 2rem;
}
.item-btn-l .fs_btn_text {
line-height:1.2rem;
}
.item-btn-l .fs_btn_text_sub{
font-size: 0.8rem;
}
.item-btn-l .fs_btn_text_main{
font-size: 1rem;
}
@media screen and (max-width: 498px) {
.item-btn-l .fs_btn{
width: 100%!important;
}
}

/*　--------------------　私たちについて･事業ボトムボタンエリア　--------------------　*/
.about-bottom-btn{
margin: 0rem 1px 1px 1px;
}
.about-bottom-btn .fs_btn{
padding: 8rem 0rem 8rem 0rem;
background-color:rgba(0,179,144,0.6);
}
.about-bottom-btn .fs_btn:hover {
background-color:rgba(0,179,144,0);
}
.about-bottom-btn .fs_btn_text_main{
font-size: 1.35rem;
letter-spacing: 0.1rem;
}
.about-bottom-btn .fs_btn_text_sub{
letter-spacing: 0.1rem;
}
@media screen and (max-width: 498px) {
.about-bottom-btn .fs_btn{
padding: 6.5rem 0rem 6.5rem 0rem;
background-color:rgba(0,179,144,0.6);
}
}

/*　==============================　フッター　==============================　*/
/*　--------------------　ページトップボタン　--------------------　*/
.pagetop-btm{
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}
.pagetop-btm .fs_btn{
line-height: 1.6;
}
.pagetop-btm .fs_btn .fs_btn_text_main{
width: 50%;
padding-top: 3rem;
box-sizing: border-box;
border-right: 1px solid #929495;
}
.pagetop-btm .fs_btn:hover .fs_btn_text_main{
border-right: 1px solid #bdbdbd;
transition:0.3s;
}
.pagetop-btm .fs_btn .fs_btn_text_sub{
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
position: relative;
left: 0;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
letter-spacing: 0.1rem;
}
@media screen and (max-width: 498px) {
.pagetop-btm .fs_btn{
width: 50px!important;
}
.pagetop-btm .fs_btn .fs_btn_text_main{
padding-top: 2rem;
}
.pagetop-btm .fs_btn .fs_btn_text_sub{
font-size: 0.9rem;
}
}
/*　--------------------　サイトマップ　--------------------　*/
.footer-s-map{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
width:100%;
margin: 0rem;
}
.footer-s-list:nth-child(1){
width:  35%;
}
.footer-s-list:nth-child(2){
width: 65%;
}
.footer-s-item{
margin-bottom: 0.6rem;
width: 100%;
}
.footer-s-map li.footer-s-item:last-child{
margin-bottom: 0rem;
}
.footer-s-item p a{
color: #929292;
font-size:0.9rem;
}
.footer-s-item p a:hover{
transition:0.6s;
color: #00b390!important;
}
.main-contents{
letter-spacing: 0.1rem;
}
.footer-s-item p.main-contents:before{
content: '';
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
width: 0;
height: 0;
margin-right: 8px;
border-style: solid;
border-width: 10px 12px 0px 0px;
border-color: #00b390 transparent transparent transparent;
}
.sub-contents{
padding-left: 1.35rem;
}
@media screen and (max-width: 498px) {
.footer-s-list:nth-child(1){
width:  45%;
}
.footer-s-list:nth-child(2){
width: 55%;
}
.footer-s-item p a{
font-size:1rem;
}
}
/*　--------------------　コンタクトボタン　--------------------　*/
.f-contact{
margin: 0rem 2rem 3rem 2rem;
}
.f-contact .fs_btn_text {
line-height:1.2rem;
}
.f-contact .fs_btn_text_sub{
font-size: 0.8rem;
}
.f-contact .fs_btn_text_main{
font-size: 1rem;
}
@media screen and (max-width: 498px) {
.f-contact .fs_btn{
width: 100%!important;
}
}
/*　--------------------　フッターロゴに関する設定　--------------------　*/
#FooterLogo .fs_btn{
display: inline-block;
}
@media screen and (min-width: 769px) {
#FooterLogo{
margin: 4rem 0rem 1.5rem 2rem;
}
#FooterLogo .fs_btn{
padding-top: 35px!important;
}
}
@media screen and (max-width: 768px) {
#FooterLogo{
margin: 4rem 0rem 1.5rem 2rem;
}
#FooterLogo .fs_btn{
padding-top: 39px!important;
}
}
@media screen and (max-width: 498px) {
#FooterLogo{
margin: 4rem 0rem 2rem 2rem;
}
#FooterLogo .fs_btn{
padding-top: 35px!important;
}
}

/*　==============================　ヘッダー　==============================　*/
.header-nav{
position: absolute;
z-index: 100;
top: 13px;
right: 3px;
}
.header-nav-tx{
position: absolute;
z-index: 90;
top: 45px;
right: 17px;
}
.body-pt001 .header-nav-tx{
color: #ffffff!important;
}
/*　--------------------　ヘッダーロゴに関する設定　--------------------　*/
.TopLogo .fs_btn{
display: inline-block;
}
@media screen and (min-width: 769px) {
.TopLogo{
margin: 1.5rem 1rem 1.3rem 2rem;
}
.TopLogo .fs_btn{
padding-top: 35px!important;
}
}
@media screen and (max-width: 768px) {
.TopLogo{
margin: 1rem 0rem 1rem 2rem;
}
.TopLogo .fs_btn{
padding-top: 39px!important;
}
}
@media screen and (max-width: 498px) {
.TopLogo{
margin: 2.3rem 0rem 2rem 1.5rem;
}
.TopLogo .fs_btn{
padding-top: 20px!important;
}
}
/*　--------------------　PC用（オートナビ）に関する設定　--------------------　*/
.h-nav a {
position: relative;
display: inline-block;
transition: .3s;
}
.h-nav .fsNavMenuList{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: center;
margin-right: 2rem;
}
.h-nav > .fsNavMenuList > .main_list_li > a{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: column-reverse wrap;
justify-content: flex-start;
align-items: flex-start;
color:#ffffff;
line-height: 1.4rem;
padding: 1.3rem 1.5rem 1.2rem 0rem!important;
}
.h-nav > .fsNavMenuList > .main_list_li > a::after{
position: absolute;
top: 0;
left: 0;
content: '';
width: 0;
height: 9px;
background-color: rgba(0,179,144,1);
transition: .3s;
}
.h-nav > .fsNavMenuList > .main_list_li > a:hover::after {
width: 100%;
}
.h-nav > .fsNavMenuList > .main_list_li > a p{
font-size: 1rem!important;
font-weight: normal!important;
letter-spacing: 0!important;
}
.h-nav > .fsNavMenuList > .main_list_li > a span{
font-size: 0.8rem!important;
font-weight: bold!important;
}
.h-nav .has_sub_class .sub_list{
background-color: #ffffff;
border-top: 4px solid #00b390;
border-bottom: 4px solid #00b390;
}
.h-nav .has_sub_class .sub_list li{
border: 1px solid #cfcfcf;
}
.h-nav .fsNavMenuList .sub_list li a{
padding: 1rem!important;
border-bottom: 1px solid #efefef;
}
.h-nav .has_sub_class .sub_list li:last-child a{
border-bottom: 0px solid #efefef;
}

/*.h-nav > .fsNavMenuList > li:nth-last-child(2){
display:none;
}
*/
/*　お問い合わせボタン　*/
.h-nav > .fsNavMenuList > li:last-child > a:hover{
color: #ffffff;
}
.h-nav > .fsNavMenuList > li:last-child a{
color: #ffffff;
background: -webkit-linear-gradient(0deg, #2ebbc6, #00b18e);
padding: 1rem 1rem 0.8rem 1rem!important;
margin-right: 0rem;
}
.h-nav > .fsNavMenuList > li:last-child a span{
display:none!important;
}
.h-nav > .fsNavMenuList > li:last-child a:hover{
color: #00b390;
background-color :#ffffff;
background: -webkit-linear-gradient(0deg, #ffffff, #ffffff);
box-sizing: border-box;
transition: .3s;
}
.h-nav > .fsNavMenuList > li:last-child a::after{
position: absolute;
top: 0;
left: 0;
content: '';
width: 0;
height: 0;
background-color: rgba(255,255,255,0);
transition: .3s;
}
@media screen and (max-width: 1180px) {
.h-nav > .fsNavMenuList > .main_list_li:first-child{
display:none;
}
}
/*　--------------------　SP用（Fatナビ）に関する設定　--------------------　*/
.fat-nav li {
list-style-type: none;
text-align: left;
padding: 1.3rem 0 1.2rem 0;
margin: 0rem 3rem 0rem 3rem;
line-height: 1.2rem;
border-bottom: 1px solid #ffffff;
}
.fat-nav li a {
font-size: 1.2rem!important;
border-bottom: 0px solid #fff;
}
.fat-nav{
background: rgba(0, 0, 0, 0.88);
}
.body-pt001 .hamburger .hamburger__icon, .body-pt001 .hamburger .hamburger__icon:before,.body-pt001  .hamburger .hamburger__icon:after {
background-color: #ffffff;
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon::before, .hamburger .hamburger__icon::after{
background-color: #ffffff!important;
}
.fat-nav li p{
color:#ffffff;
}
.h-nav-sp .fat-nav li .sub_title{
font-size: 0.8rem;
padding-left:0.2rem;
letter-spacing: 0.05rem;
}

/*　==============================　文字に関する設定　==============================　*/
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.eiji {
font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}
.space{
letter-spacing: 0.5rem;
}
.space-00{
letter-spacing: -0.1rem;
}
.space-01{
letter-spacing: 0.1rem;
}
.space-02{
letter-spacing: 0.2rem;
}
.space-03{
letter-spacing: 0.3rem;
}
.br-sp{
display:none;
}
.br-sp-r{
display:inline;
}
.length-line-container{
width: 100%;
text-align: left;
}
.length-line{
width: 50%;
padding-top: 0.6rem;
box-sizing: border-box;
border-right: 1px solid #fab83e;
}
.length-line-w{
width: 50%;
padding-top: 0.6rem;
box-sizing: border-box;
border-right: 1px solid #ffffff;
}
.length-line-g{
width: 50%;
padding-top: 0.6rem;
box-sizing: border-box;
border-right: 1px solid #00b390;
}
.length-line-o{
width: 50%;
padding-top: 0.6rem;
box-sizing: border-box;
border-right: 1px solid #fab83e;
}
.length-line-shadow{
box-shadow: 6px 1px 4px -5px rgba(0,0,0,1);
}
.decoration-line-wide{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
}
.decoration-line-wide:before{
content: "";
flex-grow: 1;
height: 1px; /* 線の太さを変えたいときはここを変える */
background: #00b390; /* 線の色を変えたいときはここを変える */
margin: 0rem 1.5em 0rem 0rem; /* 文字と線の余白用 なくても良い */
}
.decoration-line-wide:after{
content: "";
flex-grow: 1;
height: 1px; /* 線の太さを変えたいときはここを変える */
background: #00b390; /* 線の色を変えたいときはここを変える */
margin: 0rem 0em 0rem 2rem; /* 文字と線の余白用 なくても良い */
}
@media screen and (max-width: 498px) { 
.tx-center{
text-align: center!important;
}
.tx-left{
text-align: justify!important;
}
.tx-right{
text-align: right!important;
}
.br-sp{
display:contents;
line-height:0rem;
}
.br-sp-r{
display:none;
}
.line-l{
margin: 0rem;
}
.line-c{
margin: 0rem auto 1rem auto!important;
}
.decoration-line-wide:before{
margin: 0rem 1em 0rem 0rem; /* 文字と線の余白用 なくても良い */
}
.decoration-line-wide:after{
margin: 0rem 0em 0rem 1.2rem; /* 文字と線の余白用 なくても良い */
}
}

/*　==============================　背景に関する設定　==============================　*/
@media screen and (min-width: 481px) {
.sp-bg-display{
background-image: none!important;
}
}
@media screen and (max-width: 480px) {
.sp-bg-none{
background-image: none!important;
}
}
@media screen and (max-width: 768px) {
.tb-bg-none{
background-image: none!important;
}
}

/*　==============================　装飾に関する設定　==============================　*/
/*　--------------------　box-shadow　--------------------　*/
.boxshadow-20{
box-shadow: 3px 4px 15px 2px rgba(0,0,0,.20);
}
.boxshadow-20-light{
box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.2);
}
/*　--------------------　ボタンブロック シャドウ　--------------------　*/
.boxshadow-btn .fs_btn {
box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.2);
}

/*　==============================　色に関する設定　==============================　*/
.gradient-tx-green{
color: #00b390;
background: -webkit-linear-gradient(0deg, #2ebbc6, #00b18e);
/*background: -webkit-linear-gradient(0deg, #0086b3, #3179bb, #0086b3, #0086b3, #3179bb, #004386, #004386, #3179bb, #004386);*/
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gradient-tx-orange{
color: #fab83e;
background: -webkit-linear-gradient(0deg, #f8b63e, #e4ae21);
/*background: -webkit-linear-gradient(0deg, #0086b3, #3179bb, #0086b3, #0086b3, #3179bb, #004386, #004386, #3179bb, #004386);*/
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.rgba-white{
background-color:rgba(255,255,255,0.9);
}
.rgba-white87{
background-color:rgba(255,255,255,0.87);
}
.rgba-white20{
background-color:rgba(255,255,255,0.2);
}
.rgba-grad-white{
background: -moz-linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,0.75), rgba(255,255,255,0.4), rgba(255,255,255,0.0), rgba(255,255,255,0));
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,0.75), rgba(255,255,255,0.4), rgba(255,255,255,0.0), rgba(255,255,255,0));
background: linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,0.75), rgba(255,255,255,0.4), rgba(255,255,255,0.0), rgba(255,255,255,0));
/*background-color:rgba(255,255,255,0.5);*/
}
.rgba-grad-green{
background: -moz-linear-gradient(90deg, #2ebbc6, #00b18e);
background: -webkit-linear-gradient(90deg, #2ebbc6, #00b18e);
background: linear-gradient(90deg, #2ebbc6, #00b18e);
background-color:rgba(0,179,144,1);
}
.rgba-grad-green-head{
background: -moz-linear-gradient(90deg, rgba(85,186,255,0.5), rgba(29,255,179,0.7));
background: -webkit-linear-gradient(90deg, rgba(85,186,255,0.5), rgba(29,255,179,0.7));
background: linear-gradient(90deg, rgba(85,186,255,0.5), rgba(29,255,179,0.7));
/*background-color:rgba(0,179,144,0.5);*/
}
.rgba-grad-orange{
background: -moz-linear-gradient(90deg, #f8b63e, #e4ae21,0.7);
background: -webkit-linear-gradient(90deg, #f8b63e, #e4ae21,0.7);
background: linear-gradient(90deg, #f8b63e, #e4ae21);
background-color:rgba(250,184,62,1);
}
.rgba-grad-orange-head{
background: -moz-linear-gradient(90deg, rgba(248,182,62,0.7), rgba(228,174,70,0.85));
background: -webkit-linear-gradient(90deg, rgba(248,182,62,0.7), rgba(228,174,70,0.85));
background: linear-gradient(990deg, rgba(248,182,62,0.7), rgba(228,174,70,0.85));
/*background-color:rgba(250,184,62,0.7);*/
}
@media screen and (max-width:498px) {
.rgba-grad-white{
background: -moz-linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0.8), rgba(255,255,255,0.5), rgba(255,255,255,0), rgba(255,255,255,0));
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0.8), rgba(255,255,255,0.5), rgba(255,255,255,0), rgba(255,255,255,0));
background: linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0.8), rgba(255,255,255,0.5), rgba(255,255,255,0), rgba(255,255,255,0));
/*background-color:rgba(255,255,255,0.5);*/
}
.gradient-tx-green{
color: #00b390;
background: none;
background: none;
-webkit-background-clip: text;
-webkit-text-fill-color: #00b390;
}
}

/*　==============================　■■デフォルト■■　==============================　*/
/*　--------------------　レイアウトポジション　--------------------　*/

/*　80%中央寄せ　*/
@media screen and (min-width:1281px) {
.w80-center {
width: calc(100% - 20%);
margin: auto!important;
}
}

/*　--------------------　スペース寄せ　--------------------　*/
.inner-spaceR{
max-width: 600px;
margin-left: 1rem;
}
.inner-imgR{
margin-left: 2rem;
}
.inner-spaceL{
max-width: 600px;
margin-left: calc(100% - 600px);
}
.inner-imgL{
margin-right: 2rem;
}
.inner-column{
padding: 2rem;
}

@media screen and (max-width: 1200px){
.inner-spaceR{
margin-left: 0rem;
}
.inner-imgR{
margin-left: 0rem;
}
.inner-spaceL{
margin-left: 0rem;
}
.inner-imgL{
margin-right: 0rem;
}
.inner-column{
padding: 4rem 2rem;
}

}
/*　--------------------　ページタイトルに関する設定　--------------------　*/
.page-ttl-tx{
padding: 8rem 2rem 10rem 2rem;
}
.page-ttl-tx-news{
background: -moz-linear-gradient(90deg, rgba(85,186,255,0.5), rgba(29,255,179,0.7));
background: -webkit-linear-gradient(90deg, rgba(85,186,255,0.5), rgba(29,255,179,0.7));
background: linear-gradient(90deg, rgba(85,186,255,0.5), rgba(29,255,179,0.7));
}
.page-ttl-space{
padding: 9rem 2rem 9rem 2rem;
}
.page-ttl-recruit-space{
padding: 69vh 0rem 0rem 0rem;
}
.page-ttl-box{
margin: -3.5rem 2rem 2.5rem 2rem;
padding: 1.8rem 0.5rem 1.5rem 0.5rem;
}
@media screen and (max-width: 480px) {
.page-ttl-tx{
padding: 4.5rem 2rem 5.5rem 2rem;
}
.page-ttl-space{
padding: 7.1rem 2rem 7.1rem 2rem;
}
.page-ttl-recruit-space{
padding: 30rem 0rem 0rem 0rem;
}
.page-ttl-box{
position: relative;
top: -2.5rem;
margin: 0rem 5rem 0rem 5rem;
padding: 0.7rem 0.5rem 0.7rem 0.5rem;
}
}
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {
pointer-events: none;
}
}
/*　--------------------　その他　--------------------　*/
a {
text-decoration:none;
}
h1 , h2 , h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
margin-top: 0px;
font-weight: normal;
}
.hover-opacity:hover{
opacity: 0.8;
transition:0.6s;
}
.hover-opacity-img img:hover{
opacity: 0.8;
transition:0.6s;
}
/*　--------------------　Google font　--------------------　*/
.googlefont {
font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}