@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:#333333}a:hover { color:#bababa}
/* css setting */
/*　==============================　各ページに関する共通設定　==============================　*/
/*　--------------------　ヘッダータイトルに関する設定　--------------------　*/
.page-ttl-img{
padding-top: 30rem;
margin: 0rem 2rem;
}
.page-ttl-line{
text-align: left;
width: 100%;
margin-top: -2.7rem;
}
.ccm-edit-mode .page-ttl-line{margin-top: 0rem!important;}
.page-ttl-line-g{
box-sizing: border-box;
border-right: 1px solid #45aebb;
padding-top: 4rem;
width: 50%;
}
@media screen and (max-width: 498px) {
.page-ttl-img{
padding-top: 28rem;
margin: 0rem 0rem;
}
}
/*　--------------------　ページ下部に関する設定　--------------------　*/
.page-contactarea{
margin: 0rem 2rem;
}
.page-contactarea-inner{
padding: 7.5rem 0rem;
}
.page-bottomarea{
padding: 5rem 1.9rem;
}
@media screen and (max-width: 498px) {
.page-contactarea{
margin: 0rem 0rem;
}
.page-contactarea-inner{
padding: 5rem 0rem;
}
}

/*　==============================　FSSC22000取得についてページ　==============================　*/
/*　--------------------　●　--------------------　*/
.interview-main-img{
padding-top: 27rem;
margin: 0rem 2rem 0rem 2rem;
}
.interview-sub-img{
padding-top: 38rem;
}
.interview-sub-areaBg{
/*background-color:rgba(255,255,255,1);*/
background: -moz-linear-gradient(rgba(255,255,255,1) 28%, rgba(239,242,240,1) 28%, rgba(239,242,240,1));
background: -webkit-linear-gradient(rgba(255,255,255,1) 28%, rgba(239,242,240,1) 28%, rgba(239,242,240,1));
background: linear-gradient(rgba(255,255,255,1) 28%, rgba(239,242,240,1) 28%, rgba(239,242,240,1));
}
.interview-sub-areaInner{
margin: 0rem 2rem 6rem 2rem;
}
.interview-name{
margin: -1.5rem 2rem 2.5rem 2rem;
padding:0.6rem 1rem 0.6rem 1rem;
position: relative;
}
#pt004 .vegas-slide, #pt004 .vegas-slide-inner{
background-attachment: fixed!important;
}
.ccm-edit-mode .interview-name{margin-top: 0rem!important;}
@media screen and (max-width: 498px) {
#pt004 .vegas-slide, #pt004 .vegas-slide-inner{
background-attachment: scroll!important;
}
}

@media screen and (max-width: 498px) {
.interview-main-img{
padding-top: 20rem;
margin: 0rem 0rem 0rem 0rem;
}
.interview-sub-img{
padding-top: 30rem;
}
.interview-sub-areaInner{
margin: 0rem 2rem 4rem 2rem;
}
.interview-name{
margin: -1.5rem 2rem 2.5rem 0rem;
padding:0.6rem 1rem 0.6rem 2rem;
position: relative;
}
}

/*　==============================　品質への取り組みページ　==============================　*/
/*　--------------------　●　--------------------　*/
/*.quality-area-bg{
margin-top: -10.5rem;
position: relative;
z-index: -1;
}*/
.ccm-edit-mode .quality-area-bg{margin-top: 0rem!important; z-index: 0!important;}
.quality-areaInner{
background-color:rgba(255,255,255,0.75);
padding: 19rem 0rem 0rem 0rem;
}
@media screen and (max-width: 480px) {
/*.quality-area-bg{
margin-top: -9.5rem;
}*/
.quality-areaInner{
padding: 5rem 0rem 0rem 0rem;
}
}
/*　--------------------　図形に関する設定　--------------------　*/
.quality-figure .fs_btn{
display: inline-block;
}
.quality-figure{
margin: 0rem 2rem 0rem 2rem;
}
@media screen and (min-width: 769px) {
.quality-figure .fs_btn{
padding-top: 22rem!important;
}
}
@media screen and (max-width: 768px) {
.quality-figure .fs_btn{
padding-top: 21rem!important;
}
}
@media screen and (max-width: 480px) {
.quality-figure{
margin: 1rem 2rem 0rem 2rem;
position: relative;
}
.quality-figure .fs_btn{
padding-top: 16rem!important;
}
}
/*　--------------------　下部ボタン　--------------------　*/
.quality-bottom-btnA{
border-right: 1px solid #ffffff;
}
.quality-bottom-btn .fs_btn{
border-radius: 0;
padding: 6rem 0.5rem 6rem 1.5rem;
background-color:rgba(0,0,0,0.75)
}
.quality-bottom-btn .fs_btn:hover{
background-color:rgba(0,0,0,0.05)
}
.quality-bottom-btn .fs_btn .fs_btn_text_main{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
font-size: 1.5rem;
padding: 3.5rem 2rem 0.5rem 2rem;
}
.quality-bottom-btn .fs_btn .fs_btn_text_main:before{
content: "";
width: 3rem;
height: 1px; /* 線の太さを変えたいときはここを変える */
background: #ffffff; /* 線の色を変えたいときはここを変える */
margin: 0rem 0.5em 0rem 0rem; /* 文字と線の余白用 なくても良い */
}
.quality-bottom-btn .fs_btn .fs_btn_text_sub{
font-size: 1rem;
padding: 0rem 2rem 2.5rem 6rem;
}
@media screen and (max-width: 498px) {
.quality-bottom-btnA{
border-right: none;
border-bottom: 1px solid #ffffff;
}
.quality-bottom-btn .fs_btn{
font-size:1.2rem!important;
background-color:rgba(0,0,0,0.75);
padding: 0.5rem 0.5rem 0.55rem 1.5rem;
}
}

/*　==============================　木箱ができるまでページ　==============================　*/
/*　--------------------　矢印　--------------------　*/
.bottom-arrow{
width: 0;
height: 0;
border: 2rem solid transparent;
border-top: 2rem solid #eff2f0;
margin: 0 auto;
}
.bottom-arrow-white{
width: 0;
height: 0;
border: 2rem solid transparent;
border-top: 2rem solid #45aebb;
margin: 0 auto;
}
.flow-contents-img{
padding-top: 27rem;
}
/*.flow-contents-up{
margin-top: -5rem;
position: relative;
}*/
/*.ccm-edit-mode .flow-contents-up{margin-top: 0rem!important;}*/
@media screen and (max-width: 498px) {
.flow-contents-img{
padding-top: 18rem;
}
/*.flow-contents-up{
margin-top: 0rem;
position: relative;
}*/
}


/*　==============================　商品事例ページ　==============================　*/
/*　--------------------　商品スペース　--------------------　*/
.work-main-item{
padding: 0rem 0.5rem 0.5rem 0.5rem;
}
.work-sub-item{
padding: 0rem 0rem 6.2rem 0rem;
}
.work-sub-item .wrapper{
padding: 0rem 0.5rem 0.8rem 0.5rem;
}
@media screen and (max-width: 498px) {
.work-main-item{
padding: 0rem 1rem 1rem 1rem;
}
.work-sub-item{
padding: 0rem 0.7rem 3.2rem 0.7rem;
}
.work-sub-item .wrapper{
padding: 0rem 0.3rem 0.8rem 0.3rem;
}
}


/*　==============================　私たちについてページ　==============================　*/
.about-area-bgA{
margin: 5rem 2rem 0rem 2rem;
padding: 2.5rem 0rem 0rem 0rem;
background-color: #45aebb;
}
.ccm-edit-mode .about-area-bgA{margin-top: 0rem!important;}
.about-main-ttl{
font-size: 1.8rem;
padding: 0rem 2rem 4rem 2rem;
}
.about-main-readEn{
position: relative;
z-index: -1;
color: #e2f6f7;
font-size: 7rem;
line-height: 5.5rem;
margin: 0rem 0rem 1.5rem 1.6rem;
}
.about-main-read{
position: relative;
margin: 0em 2rem 4.5rem 2rem;
}
.about-main-imgL{
position: relative;
padding-top:30rem;
margin: 0rem 2rem 0rem auto;
max-width: 700px;
box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.2);
}
.about-main-imgR{
position: relative;
padding-top:30rem;
margin: 6rem 2rem 12rem 2rem;
max-width: 700px;
box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.2);
}
.about-area-bg{
margin: 0rem 0rem 0rem 0rem;
}
.about-areaInner-bg{
padding: 9rem 0rem 8rem 0rem;
background: -moz-linear-gradient(135deg, rgba(69,174,187,0.85), rgba(0,154,132,0.85));
background: -webkit-linear-gradient(135deg, rgba(69,174,187,0.85), rgba(0,154,132,0.85));
background: linear-gradient(135deg, rgba(69,174,187,0.85), rgba(0,154,132,0.85));
/*background-color:rgba(69,174,187,0.85);*/
}
.about-sub-readEn{
position: relative;
z-index: 0;
color: #6abec9;
font-size: 7rem;
line-height: 5.5rem;
margin: 0rem 0rem 1.5rem 1.6rem;
}
.about-sub-ttl{
color: #ffffff;
font-size: 1.7rem;
padding: 0rem 2rem 5rem 2rem;
}
.about-environment-area{
padding: 0rem 0rem 5rem 0rem;
margin: 0rem 0rem 4rem 0rem;
background-color: #eff2f0;
}
.about-environment-contents{
max-width: 590px;
padding: 3rem 0rem 4rem 1rem; 
}
.about-environment-img{
padding-top: 32rem;
margin-top: -4rem;
position: relative;
box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.2);
.ccm-edit-mode .about-environment-img{margin-top: 0rem!important;}
}
.about-bottom-ttl{
font-size: 1.6rem;
color: #45aebb;
padding: 2rem 2rem 2rem 2rem;
}
@media screen and (max-width: 1560px) {
.about-main-imgL{
margin: 0rem 2rem 0rem 2rem;
}
}
@media screen and (max-width: 1240px) {
.about-main-imgL{
padding-top:24rem;
margin: 0rem 1rem 0rem 2rem;
}
.about-main-imgR{
padding-top:24rem;
margin: 5rem 2rem 5.5rem 1rem;
}
.about-area-bg{
background-attachment: scroll!important;
}
}
@media screen and (max-width: 1230px) {
.about-main-readEn{
margin: 0rem 0rem 1.5rem 3.6rem;
}
.about-main-ttl{
padding: 0rem 2rem 2.5rem 4rem;
}
.about-areaInner-bg{
padding: 9rem 0rem 4rem 0rem;
}
.about-sub-readEn{
margin: 0rem 0rem 1.5rem 3.6rem;
}
.about-sub-ttl{
padding: 0rem 2rem 5rem 4rem;
}
.about-bottom-ttl {
padding: 1rem 2rem 2rem 2rem;
}
.about-environment-img{
margin: -6rem 2rem 2rem 2rem;
}
.about-environment-area{
margin: 0rem 0rem 2rem 0rem;
padding: 0rem 0rem 0rem 0rem;
}
.about-environment-contents{
padding: 3rem 0rem 0rem 1rem; 
}
}
@media screen and (max-width: 498px) {
.about-area-bg{
margin: 0rem 0rem 0rem 0rem;
}
.about-main-ttl{
font-size: 1.5rem;
padding: 0rem 2rem 2.5rem 2rem;
}
.about-main-readEn{
font-size: 4.5rem;
margin: 0em 0rem 0rem 0rem;
}
.about-main-imgR{
padding-top:18rem;
margin: 0rem 2rem 10rem 2rem;
}
.about-main-read{
margin: 0em 2rem 3.5rem 2rem;
}
.about-areaInner-bg{
padding: 5rem 0rem 5rem 0rem;
}
.about-sub-ttl{
font-size: 1.6rem;
}
.about-sub-readEn{
font-size: 4.5rem;
margin: 0.5em 0rem 0rem 0rem;
}
.about-environment-area{
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 2rem 0rem;
}
.about-environment-contents{
padding: 2rem 0rem 3rem 0rem; 
}
.about-environment-img{
padding-top: 20rem;
margin: -3rem 2rem 1rem 2rem;
box-shadow: 1px 3px 7px 0px rgba(0,0,0,0.15);
}
.about-bottom-ttl{
padding: 0rem 2rem 2rem 2rem;
}
}
/*　--------------------　衣笠木工所の強みテーブル　--------------------　*/
.about-advantageTB{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
align-content: stretch;
align-items: center;
margin-bottom: 2.5rem;
}
.about-advantageTB dt{
font-size: 1.3rem;
font-weight: bold;
padding: 0rem 1.5rem 0rem 0rem;
width: 350px;
box-sizing: border-box;
}
.about-advantageTB dt span{
font-size: 1rem;
font-weight: normal;
letter-spacing: 0.1rem;
vertical-align: text-top;
display: inline-flex;
padding-right: 1rem;
}
.about-advantageTB dd{
align-self: center;
background-color: rgba(255,255,255,0.25);
padding: 0.5rem 0.5rem 0.5rem 2rem;
width: calc(100% - 350px);
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
.about-advantageTB{
flex-flow: column nowrap;
}
.about-advantageTB dt{
font-size: 1.5rem;
padding: 0rem 0rem 0.5rem 0rem;
width: 100%;
}
.about-advantageTB dd{
margin: 0rem 2rem 0rem 2rem;
width: 100%;
}
}
/*　==============================　トップページ　==============================　*/
/*　--------------------　メインに関する設定　--------------------　*/
.top-catch-en{
font-size: 4rem;
line-height: 4.4rem;
margin: 28vh 0rem 1rem 10%;
}
.top-catch-ja{
font-size: 1.5rem;
margin: 0rem 0rem 36vh 10%;
}
#cID1.vegas-container > .vegas-overlay, #cID1.vegas-container > .vegas-slide, #cID1.vegas-container > .vegas-timer{
position: absolute!important;
}
@media screen and (max-width: 498px) {
.top-catch-en{
font-size: 3.2rem;
line-height: 3.3rem;
margin: 4rem 0rem 1.5rem 12%;
}
.top-catch-ja{
margin: 0rem 0rem 25rem 12%;
}
}
/*　--------------------　tickerに関する設定　--------------------　*/
/*未使用
.top-newsline{
margin: -2rem 0rem 3rem 0rem;
background-color: #000000;
}
.ccm-edit-mode .top-newsline{margin-top: 0rem!important;}
.top-newsline .ticker{
padding: 1rem 2rem!important;
}
.top-newsline .ticker li, .top-newsline .ticker a{
color: #ffffff;
}
.top-newsline .tk_tags_Tags_02{
margin-top: -0.2rem;
padding: 0.4rem 0.5rem 0.2rem 0.5rem;
background-color: #45aebb;
}
.top-newsline .tk_tags_Tags_03{
margin-top: -0.2rem;
padding: 0.4rem 0.5rem 0.2rem 0.5rem;
background-color: #245b7e;
}
@media screen and (max-width: 498px) {
.top-newsline .ticker{
padding: 1.5rem 2rem!important;
border-bottom: 1px solid #ffffff;
}
}
*/
/*　--------------------　ABOUTエリア　--------------------　*/
.top-about-area{
/*background-color:rgba(255,255,255,0.75);*/
background: -moz-linear-gradient(0deg, rgba(255,255,255,0.85), rgba(255,255,255,0.85), rgba(255,255,255,0.85),  rgba(255,255,255,0.65),rgba(255,255,255,0));
background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.85), rgba(255,255,255,0.85), rgba(255,255,255,0.85), rgba(255,255,255,0.65), rgba(255,255,255,0));
background: linear-gradient(0deg, rgba(255,255,255,0.85), rgba(255,255,255,0.85), rgba(255,255,255,0.85), rgba(255,255,255,0.65), rgba(255,255,255,0));
padding: 12rem 0rem 6rem 0rem;
}
.top-about-contents{
max-width: 620px;
margin: 0 auto;
}
.top-about-imgL{
padding-top:33rem;
margin-top: -5rem;
position: relative;
box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.2);
}
.top-about-imgR{
padding-top:33rem;
margin-top: 5.5rem;
position: relative;
box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.2);
}
.ccm-edit-mode .top-about-imgL, .ccm-edit-mode .top-about-imgL{margin-top: 0rem!important;}
@media screen and (max-width: 1240px) {
.top-about-imgL{
margin-right: 2rem;
}
.top-about-imgR{
margin-left: 2rem;
}
}
@media screen and (max-width: 1240px) {
.top-about-area {
padding: 5rem 0rem 0rem 0rem;
}
}
@media screen and (max-width: 498px) {
.top-about-imgL{
padding-top:22rem;
margin-top: 0rem;
margin-right: 0rem;
margin-bottom: 5rem;
}
.top-about-imgR{
padding-top:18rem;
margin: 4rem 2rem 6.5rem 2rem;
box-shadow: 1px 3px 7px 0px rgba(0,0,0,0.15);
}
.top-about-area{
padding: 4rem 0rem 0rem 0rem;
}
}
@media screen and (min-height: 650px) {
.top-about-area{
padding: 13rem 0rem 0rem 0rem;
}
}
/*　--------------------　品質管理エリア　--------------------　*/
.top-quality-area{
margin: 6rem 5rem 11.5rem 5rem;
}
.top-quality-area-bg{
background-color:rgba(255,255,255,0.75);
padding: 8rem 0rem;
}
.top-quality-contents{
padding: 0.5rem 1rem 0rem 1rem; 
}
.contens-ttl-line{
text-align: left;
width: 100%;
}
.contens-ttl-line-bl{
box-sizing: border-box;
border-right: 1px solid #706f6f;
padding-top: 1rem;
width: 50%;
}
/*　-----------　品質管理ピックアップ　----------　*/
.top-quality-point ul{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
width:100%;
margin: 0rem;
}
.top-quality-point ul li{
width: 33.33%;
}
.top-quality-point ul li:nth-child(1){
border-right: 1px solid #706f6f;
}
.top-quality-point ul li:nth-child(2){
/*border-right: 1px solid #706f6f;*/
}
.top-quality-point ul li p:nth-child(1){
font-size: 1rem;
margin: 0rem 1rem 1.5rem 1rem;
}
.top-quality-point ul li p:nth-child(2){
font-size: 1.8rem;
font-weight: bold;
margin: 0rem 1rem 1.5rem 1rem;
}
/*.top-quality-point ul li p:nth-child(3){
font-size: 1rem;
margin: 0rem 1rem 0rem 1rem;
}*/
@media screen and (max-width: 1230px) {
.top-quality-area{
margin: 7rem 2rem 7rem 2rem;
background-attachment: scroll!important;
}
}
@media screen and (max-width: 498px) {
.top-quality-contents{
padding: 0rem 0rem; 
}
.top-quality-area{
margin: 0rem 0rem 1.5rem 0rem;
}
.top-quality-area-bg{
padding: 5rem 0rem;
}
.top-quality-point ul{
flex-flow: row wrap;
padding: 0rem 4.5rem;
box-sizing: border-box;
}
.top-quality-point ul li{
width: 100%;
}
.top-quality-point ul li:nth-child(1){
border: 1px solid #706f6f;
padding: 2.5rem 1rem;
margin-bottom: 1rem;
}
.top-quality-point ul li:nth-child(2){
border: 1px solid #706f6f;
padding: 2.5rem 1rem;
margin-bottom: 1rem;
}
/*.top-quality-point ul li:nth-child(3){
border: 1px solid #706f6f;
padding: 2.5rem 0rem;
}*/
.top-quality-point ul li p:nth-child(1){
margin: 0rem 1rem 0.5rem 1rem;
}
.top-quality-point ul li p:nth-child(2){
margin: 0rem 1rem 0.5rem 1rem;
}
}

/*　--------------------　木箱ができるまでエリア　--------------------　*/
.top-flow-areaA{
padding: 0rem 0rem 0rem 0rem;
}
.top-flow-areaB{
padding: 0rem 0rem 4rem 0rem;
margin: 0rem 0rem 5rem 5rem;
background-color: #45aebb;
}
.top-flow-contentsA{
max-width: 100%;
padding: 0rem 1rem 0rem 8rem; 
}
.top-flow-contentsB{
max-width: 100%;
padding: 3rem 1rem 4rem 3rem; 
}
.top-flow-img{
padding-top: 32rem;
margin-top: -10.5rem;
position: relative;
box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.2);
}
@media screen and (max-width: 1230px) {
.top-flow-areaA{
padding: 0rem 0rem 0rem 0rem;
margin: 0rem 0rem 0.8rem 2rem;
}
.top-flow-areaB{
margin: 0rem 0rem 2rem 2rem;
padding: 0rem 0rem 0rem 0rem;
}
.top-flow-contentsA{
padding: 0rem 1rem 0rem 4rem; 
}
.top-flow-contentsB{
padding: 3rem 1rem 4rem 4rem; 
}
}
@media screen and (max-width: 498px) {
.top-flow-areaA{
margin: 0rem 0rem 0.8rem 0rem;
}
.top-flow-areaB{
margin: 0rem 0rem 2rem 2rem;
padding: 0rem 0rem 2rem 0rem;
}
.top-flow-contentsA{
padding: 0rem 0rem 0rem 0rem; 
}
.top-flow-contentsB{
padding: 2rem 0rem 3rem 0rem; 
}
.top-flow-img{
padding-top: 20rem;
margin-top: 0rem;
margin-left: 2rem;
box-shadow: 1px 3px 7px 0px rgba(0,0,0,0.15);
}
}

/*　--------------------　商品事例エリア　--------------------　*/
.top-work-areaA{
padding: 0rem 0rem 0rem 0rem;
}
.top-work-areaB{
padding: 0rem 0rem 4rem 0rem;
margin: 0rem 5rem 6rem 0rem;
background-color: #eff2f0;
}
.top-work-contentsA{
max-width: 100%;
padding: 0rem 5rem 0rem 13.5%; 
}
.top-work-contentsB{
max-width: 100%;
padding: 3rem 3rem 4rem 1rem; 
}
.top-work-img{
padding-top: 32rem;
margin-top: -10.5rem;
position: relative;
box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.2);
}
@media screen and (max-width: 1230px) {
.top-work-areaA{
padding: 0rem 0rem 0rem 0rem;
margin: 0rem 2rem 0.8rem 0rem;
}
.top-work-areaB{
margin: 0rem 2rem 2rem 0rem;
padding: 0rem 0rem 0rem 0rem;
}
.top-work-contentsA{
padding: 0rem 2rem 0rem 5rem; 
}
.top-work-contentsB{
padding: 3rem 4rem 7rem 1rem; 
}
}
@media screen and (max-width: 498px) {
.top-work-areaA{
margin: 0rem 0rem 0.8rem 0rem;
}
.top-work-areaB{
margin: 0rem 2rem 2rem 0rem;
padding: 0rem 0rem 2rem 0rem;
}
.top-work-contentsA{
padding: 0rem 0rem 0rem 0rem; 
}
.top-work-contentsB{
padding: 2rem 0rem 3rem 0rem; 
}
.top-work-img{
padding-top: 20rem;
margin: 2rem 2rem 1rem 0rem;
box-shadow: 1px 3px 7px 0px rgba(0,0,0,0.15);
}
}

/*　--------------------　ニュースエリア　--------------------　*/
.top-news-list .tk_flex{
padding: 1.5rem 0;
border-bottom: 1px solid #cccccc;
}
.top-news-list .tk_tags_time{
vertical-align: middle;
}
.top-news-list .tk_title{
font-weight: bold;
font-size: 1rem;
vertical-align: middle;
}
.top-news-list .tk_tags_Tags{
font-size: 0.7rem;
color: white;
background: #004386;
padding: 0.15rem 0.5rem;
margin-right: 0.5rem;
text-align: center;
}
.top-news-list .tk_kiji{
font-size: 0.9rem;
line-height: 1.2rem;
}
.tk_tags_Tags_02 {
font-size: 0.7rem;
color: #ffffff;
background: #45aebb;
padding: 0.45rem 0.5rem 0.35rem 0.5rem;
margin-right: 0.5rem;
text-align: center;
}
.tk_tags_Tags_03 {
font-size: 0.7rem;
color: #ffffff;
background: #245b7e;
padding: 0.45rem 0.5rem 0.35rem 0.5rem;
margin-right: 0.5rem;
text-align: center;
}
.tk_tags_Tags_04 {
font-size: 0.7rem;
color: #ffffff;
background: #808080;
padding: 0.45rem 0.5rem 0.35rem 0.5rem;
margin-right: 0.5rem;
text-align: center;
}
.tk_tags_Tags_05 {
font-size: 0.7rem;
color: #ffffff;
background: #c1272d;
padding: 0.45rem 0.5rem 0.35rem 0.5rem;
margin-right: 0.5rem;
text-align: center;
}
@media screen and (max-width: 498px) {
.top-news-list .tk_flex{
flex-flow: column wrap!important;
}
}
/*　--------------------　企業情報エリア　--------------------　*/
.top-company-btnA{
border-right: 1px solid #ffffff;
}
.top-company-btn .fs_btn{
border-radius: 0;
padding: 6rem 0.5rem 6rem 1.5rem;
background-color:rgba(0,0,0,0.65)
}
.top-company-btn .fs_btn:hover{
background-color:rgba(0,0,0,0.05)
}
.top-company-btn .fs_btn .fs_btn_text_main{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
font-size: 1.5rem;
padding: 3.5rem 2rem 0.5rem 2rem;
}
.top-company-btn .fs_btn .fs_btn_text_main:before{
content: "";
width: 3rem;
height: 1px; /* 線の太さを変えたいときはここを変える */
background: #ffffff; /* 線の色を変えたいときはここを変える */
margin: 0rem 0.5em 0rem 0rem; /* 文字と線の余白用 なくても良い */
}
.top-company-btn .fs_btn .fs_btn_text_sub{
font-size: 1rem;
padding: 0rem 2rem 2.5rem 6rem;
}
@media screen and (max-width: 498px) {
.top-company-btnA{
border-right: none;
border-bottom: 1px solid #ffffff;
}
.top-company-btn .fs_btn{
font-size:1.2rem!important;
background-color:rgba(69,174,187,0.75);
padding: 0.5rem 0.5rem 0.5rem 1.5rem;
}
}

/*　==============================　企業情報ページ　==============================　*/
.company-nav{
margin: -2.5rem 2rem 0rem 2rem;
}
.ccm-edit-mode .company-nav{margin-top: 0rem!important;}
.company-message-ttl{
padding: 18rem 2rem 18rem 2rem;
}
.company-message-catch{
font-size: 3vw;
padding-left: 4rem;
}
.company-messageArea-top{
margin: 0rem 2rem 0rem 2rem;
background-color: #eff2f0;
}
.company-messageArea-bottom{
margin: 0rem 2rem 0rem 2rem;
padding: 0rem 0rem 5rem 0rem;
background-color: #eff2f0;
}
.company-messageAreaA-inner{
margin: 0rem 2rem 0rem 2rem;
padding: 3rem 3rem 0rem 3rem;
background-color: #ffffff;
}
.company-messageAreaB-inner{
margin: 0rem 2rem 0rem 2rem;
padding: 0rem 3rem 2.5rem 3rem;
background-color: #ffffff;
}
@media screen and (max-width: 1264px){
.company-messageArea-bottom{
margin: 0rem 0rem 0rem 0rem;
}
}
@media screen and (max-width: 1024px){
.company-message-img{
background-attachment: scroll!important;
}
.company-messageArea-bottom{
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 5rem 0rem;
background-color: #eff2f0;
}
}
@media screen and (max-width: 768px){
.company-message-catch{
font-size: 5vw;
}
}
@media screen and (max-width: 498px){
.company-nav{
margin: -8.5rem 2rem 0rem 2rem;
position: absolute;
z-index: 1;
width: calc(100% - 4rem);
}
.company-message-ttl{
padding: 24rem 2rem 15rem 2rem;
}
.company-message-catch{
padding-left: 2rem;
}
.company-messageArea-top{
padding: 0rem 0rem 7rem 0rem;
margin: 0rem 0rem 0rem 0rem;
}
.company-messageArea-bottom{
margin: 0rem 0rem 0rem 0rem;
}
}

/*　--------------------　概要テーブルに関する設定　--------------------　*/
.company-tb{
}
.company-tb-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%;
}
.company-tb-contents dt{
padding: 1rem 1rem 1rem 0rem;
width: 105px;
border-top: 1px solid #45aebb;
position: relative;
}
.company-tb-contents dd{
text-align: left;
padding: 1rem 0rem ;
width: calc(100% - 105px);
border-top: 1px solid #eff2f0;
}
@media screen and (max-width: 768px){
.company-tb-contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.company-tb-contents dt{
font-size: 95%;
font-weight: bold;
padding: 1rem 0rem 0.3rem 0rem;
width: 100%;
border-top: 1px solid #eff2f0;
}
.company-tb-contents dt:after{
content: "";
display: block;
line-height: 0;
overflow: hidden;
position: absolute;
left: 0;
top: -1px;
width: 25px;
border-top: 1px solid #45aebb;
}
.company-tb-contents dd{
font-size: 1rem;
padding: 0rem 0rem 1rem 0rem;
width: 100%;
border: none;
}
}

/*　==============================　フッター　==============================　*/
/*　--------------------　フッターロゴに関する設定　--------------------　*/
.FooterLogo .fs_btn{
display: inline-block;
}
@media screen and (min-width: 769px) {
.FooterLogo{
margin: 2.5rem 1rem 1.5rem 2rem;
}
.FooterLogo .fs_btn{
padding-top: 45px!important;
}
}
@media screen and (max-width: 768px) {
.FooterLogo{
margin: 1rem 0rem 1rem 1rem;
}
.FooterLogo .fs_btn{
padding-top: 45px!important;
}
}
@media screen and (max-width: 498px) {
.FooterLogo{
margin: 3rem 0rem 1rem 2.2rem;
background-position: left!important;
}
.FooterLogo .fs_btn{
padding-top: 40px!important;
}
}
/*　--------------------　サイトマップ　--------------------　*/
.sitemap-tb ul{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
width:100%;
margin: 0rem;
}
.sitemap-tb ul li{
width: 25%;
}
.sitemap-tb ul li p a{
color: #706f6f;
}
.sitemap-tb ul li p a:hover{
transition:0.6s;
color: #45acba!important;
}
.eiji-tx{
color: #73b7bc;
font-weight: bold;
letter-spacing: 0.1rem;
}
.ja-tx{
margin-bottom: 1.3rem!important;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 498px) {
.sitemap-tb ul{

}
.sitemap-tb ul li:nth-child(odd){
width: 41%;
font-size:1.1rem!important;
}
.sitemap-tb ul li:nth-child(even){
width: 59%;
font-size:1.1rem!important;
}
}
/*　--------------------　フッターで使用するボタン　--------------------　*/
.footer-c-btn{
margin: -0.5rem 2rem 3.5rem 2rem;
}
.footer-btn .fs_btn_text_main {
font-size:1.1rem;
font-weight: bold;
}
.footer-btn .fs_btn_text_sub {
font-size:0.8rem;
}
.footer-btn .fs_btn{
line-height: 1.4rem;
}
.footer-link a , .f_link a:visited, .f_link a:active  {
color: #45aebb;
}
.footer-link a:hover{
transition:0.2s;
border-bottom: 2px solid #45aebb;
}
@media screen and (max-width: 480px) {
.footer-c-btn{
margin: -0.5rem 2rem 5.5rem 2rem;
}
}
/*　--------------------　ページトップボタン　--------------------　*/
.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: 2rem;
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;
}
}

/*　==============================　ヘッダー　==============================　*/
#cID1 header{
background-color: transparent!important;
}
header{
background-color: rgba(255,255,255,1);
/*background: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.85));
background: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.85));
background: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.85));*/
}
.header-nav{
position: absolute;
z-index: 100;
top: 13px;
right: 3px;
}
.header-nav-tx{
position: absolute;
z-index: 90;
top: 45px;
right: 17px;
}

/*　--------------------　ヘッダーロゴに関する設定　--------------------　*/
.TopLogo .fs_btn{
display: inline-block;
}
@media screen and (min-width: 769px) {
.TopLogo{
margin: 2.5rem 1rem 1.3rem 2rem;
}
.TopLogo .fs_btn{
padding-top: 45px!important;
}
}
@media screen and (max-width: 768px) {
.TopLogo{
margin: 1rem 0rem 1rem 2rem;
}
.TopLogo .fs_btn{
padding-top: 45px!important;
}
}
@media screen and (max-width: 498px) {
.TopLogo{
margin: 1.7rem 0rem 2rem 1.5rem;
}
.TopLogo .fs_btn{
padding-top: 30px!important;
}
}

/*　--------------------　PC用（オートナビ）に関する設定　--------------------　*/
.h-nav{
padding: 0.7rem 1.5rem 0.2rem 0rem;
}
.h-nav a {
position: relative;
display: inline-block;
padding: 1rem 0.75rem 1rem 0.75rem!important;
transition: .3s;
}
.h-nav> .fsNavMenuList> .main_list_li> a::after{
position: absolute;
top: 1.5rem;
left: 0;
content: '';
width: 0;
height: 20px;
background-color: rgba(122,141,149,0.2);
transition: .3s;
}
.h-nav> .fsNavMenuList> .main_list_li:hover> a{
color: #241916!important;
}
.h-nav> .fsNavMenuList> .main_list_li> a:hover::after {
width: 100%;
}
.h-nav .has_sub_class .sub_list{
background-color: #ffffff;
border-top: 4px solid #1b3992;
border-bottom: 4px solid #1b3992;
}
.h-nav .has_sub_class .sub_list li{
border: 1px solid #cfcfcf;
}
.h-nav  .fsNavMenuList li:first-child a{
padding: 1.3rem 0.65rem 1.3rem 0.65rem!important;
}
.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;
}
.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> .main_list_li:last-child{
display:none;
}
@media screen and (min-width: 768px) {
.h-nav > .fsNavMenuList > li:last-child, .h-nav > .fsNavMenuList > li:nth-last-child(2), .h-nav > .fsNavMenuList > li:nth-last-child(3){
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: #333333!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;
}

/*　==============================　お問い合わせページ　==============================　*/
.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 .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;
}
@media screen and (max-width: 498px) {
.cf .formBlockSurveyTable dl dd input,
.cf .formBlockSurveyTable dl dd textarea {
width: 100%;
}
}

/*　==============================　文字に関する設定　==============================　*/
.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;
}
@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;
}
}

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

/*　==============================　装飾に関する設定　==============================　*/
/*　--------------------　box-shadow　--------------------　*/
.boxshadow-20{
box-shadow: 3px 4px 15px 2px rgba(0,0,0,.20);
}
.decoration-line{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
}
.decoration-lineL-bl:before{
content: "";
width: 3rem;
height: 1px; /* 線の太さを変えたいときはここを変える */
background: #706f6f; /* 線の色を変えたいときはここを変える */
margin: 0rem 0.5em 0rem 0rem; /* 文字と線の余白用 なくても良い */
}
.decoration-lineL-wh:before{
content: "";
width: 3rem;
height: 1px; /* 線の太さを変えたいときはここを変える */
background: #ffffff; /* 線の色を変えたいときはここを変える */
margin: 0rem 0.5em 0rem 0rem; /* 文字と線の余白用 なくても良い */
}


/*　==============================　色に関する設定　==============================　*/
.rgba-white{
background-color:rgba(255,255,255,0.9);
}
.rgba-black{
background-color:rgba(0,0,0,0.75);
}

/*　==============================　■■デフォルト■■　==============================　*/
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {
pointer-events: none;
}
}
/*　--------------------　スペース寄せ　--------------------　*/
.inner-spaceR{
max-width: 600px;
margin-left: 0rem;
}
.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;
}
}
/*　--------------------　その他　--------------------　*/
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;
}