@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:#424242FF}a:hover { color:#bababaFF}
/* css setting */
/*　==============================　トップページに関する設定　==============================　*/
.top-main-catch{
font-size: 2.5rem;
font-weight: bold;
text-shadow: 1px 0px 2px #a2cff4, 0px 1px 2px #a2cff4, -1px 0px 2px #a2cff4, 0px -1px 2px #a2cff4;
padding: 16rem 2rem 2rem 2rem;
}
.top-scroll-guide{
padding: 2rem 2rem 1rem 2rem;
}
@media screen and (max-height: 760px) {
.top-main-catch{
padding: 9rem 2rem 2rem 2rem;
}
.top-scroll-guide{
padding: 2rem 2rem 0rem 2rem;
}
}
@media screen and (max-width: 498px) {
.top-main-catch{
font-size: 2rem;
font-weight: bold;
text-shadow: 1px 0px 2px
#a2cff4, 0px 1px 2px #a2cff4, -1px 0px 2px #a2cff4, 0px -1px 2px #a2cff4;
padding: 8rem 2rem 1rem 2rem;
}
.top-scroll-guide{
padding: 2rem 0rem 0rem 0rem;
}
}
/*.top-object-bottom{ display: inline-block;}*/
.top-object-bottom{ margin: -5rem 0rem 0rem 0rem; position: relative;}
.ccm-edit-mode .top-object-bottom{margin-top: 0rem!important;}
.top-object-bottom .fs_btn{ padding-top: 32rem!important;}
@media screen and (max-width: 768px) {
.top-object-bottom{ margin: 0rem 0rem 0rem 0rem;}
.top-object-bottom .fs_btn{ padding-top: 22rem!important;}
}

/*　--------------------　私たちについてエリアに関する設定　--------------------　*/
.top-about-contents{
padding: 4rem 1rem 6rem 1rem;
}
@media screen and (max-width: 498px) {
.top-about-contents{
padding: 4rem 0rem 6rem 0rem;
}
}
/*　--------------------　コンセプトエリアに関する設定　--------------------　*/
.top-concept-area{
padding: 6rem 2rem;
}
.top-itemBtn-img{
margin-right: 2rem!important;
margin-left: 2rem!important;
}
/*　--------------------　配送エリアに関する設定　--------------------　*/
.top-map-area{
background-color: #292d30;
padding: 5rem 0rem;
}
.contents-map-img{
margin: 0rem 2rem;
}
@media screen and (max-width: 498px) {
.contents-map-img{
margin: 0rem;
}
}
/*　--------------------　企業情報エリアに関する設定　--------------------　*/
.top-company-area{
padding: 5rem 0rem;
}
.top-company-contents{
padding: 0rem 1rem 0rem 0rem;
}
.top-company-img{
padding-top: 30rem;
}
.top-newslist{
position: relative;
z-index: 1;
margin: -2.5rem 2rem 1.5rem 2rem;
padding: 1rem 2rem;
}
.ccm-edit-mode .top-newslist{margin-top: 0rem!important;}
.top-newslist .tk_title a{
font-size: 1rem;
}
.top-newslist .tk_tags_Tags_01{
color: #ffffff;
margin-top: -0.2rem;
padding: 0.4rem 0.5rem 0.2rem 0.5rem;
background-color: #008eec;
}
.top-newslist .tk_tags_Tags_02{
color: #ffffff;
margin-top: -0.2rem;
padding: 0.4rem 0.5rem 0.2rem 0.5rem;
background-color: #0058c4;
}
.top-newslist .tk_tags_Tags_03{
color: #ffffff;
margin-top: -0.2rem;
padding: 0.4rem 0.5rem 0.2rem 0.5rem;
background-color: #45aebb;
}
@media screen and (max-width: 498px) {
.top-company-area{
padding: 3rem 0rem 5rem 0rem;
}
.top-company-img{
padding-top: 22rem;
margin: 1rem 0rem 0rem 0rem;
}
}
/*　--------------------　企業情報下部ボタンに関する設定　--------------------　*/
.top-company-btn-img{
margin: 1px;
}


/*　--------------------　ロゴマークに関する設定　--------------------　*/
.top-logo-mark .fs_btn{ display: inline-block;}
@media screen and (min-width: 769px) {
.top-logo-mark{ margin: 0rem 0rem 2.5rem 0rem;}
.top-logo-mark .fs_btn{ padding-top: 7rem!important;}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 498px) {
.top-logo-mark{ margin: 0rem 0rem 2rem 0rem;}
.top-logo-mark .fs_btn{ padding-top: 4rem!important;}
}
/*　--------------------　tickerに関する設定　--------------------　*/
.top-newsline{
margin: -3.6rem 0rem 0rem 0rem;
background-color: rgba(0,142,236,0.8);
position: relative;
z-index: 2;
}
.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_01{
color: #008eec;
margin-top: -0.2rem;
padding: 0.4rem 0.5rem 0.2rem 0.5rem;
background-color: #ffffff;
}
.top-newsline .tk_tags_Tags_02{
color: #0058c4;
margin-top: -0.2rem;
padding: 0.4rem 0.5rem 0.2rem 0.5rem;
background-color: #ffffff;
}
.top-newsline .tk_tags_Tags_03{
margin-top: -0.2rem;
padding: 0.4rem 0.5rem 0.2rem 0.5rem;
background-color: #45aebb;
}
@media screen and (max-width: 498px) {
.top-newsline{
margin: 0rem 0rem 0rem 0rem;
position: relative;
}
.top-newsline .ticker{
padding: 1.5rem 2rem!important;
border-bottom: 1px solid #ffffff;
}
}

/*　==============================　私たちについてページに関する設定　==============================　*/
.about-map-area{
background-color: #292d30;
padding: 5rem 0rem;
}
.about-bg-img{
margin: 6rem 0rem 0rem 0rem;
}
@media screen and (max-width: 1131px) {
.about-bg-img{
background-attachment: scroll!important;
}
}
@media screen and (max-width: 498px) {
.about-bg-img{
background-position: bottom!important;
}
}

/*　--------------------　ピックアップに関する設定　--------------------　*/
.about-pickup-ttlEn{
color: #cce4fb;
font-size: 3.5rem;
font-weight: bold;
line-height: 3rem;
letter-spacing: -0.1rem;
padding: 7rem 2rem 0.5rem 2rem;
}
.about-pickup-ttlJa{
color: #008eec;
font-size: 1.3rem;
font-weight: bold;
padding: 0rem 2rem 1rem 2rem;
}
.about-pickup-read{
background-color: #ffffff;
padding: 2.5rem 2rem;
margin: 0rem 2rem;
}
/*　--------------------　ロゴマークに関する設定　--------------------　*/
.about-logo-mark .fs_btn{ display: inline-block;}
@media screen and (min-width: 769px) {
.about-logo-mark{ margin: 5rem 2rem 17rem 2rem;}
.about-logo-mark .fs_btn{ padding-top: 7rem!important;}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 498px) {
.about-logo-mark{ margin: 3.5rem 2rem 13rem 2rem;}
.about-logo-mark .fs_btn{ padding-top: 6rem!important;}
}


/*　==============================　取扱品目ページに関する設定　==============================　*/
/*　--------------------　取扱品目ボタンに関する設定　--------------------　*/
.item-btn-img{
margin: 1px;
}
.item-bottom-btn{
margin: 2rem 2rem;
}
.item-bottom-btn .b_box{
padding: 10rem 2rem;
background-color: rgba(0,142,236,0.75);
}
.item-bottom-btn .fs_btn{
color: #ffffff;
border: 1px solid #ffffff!important;
border-radius: 0px;
display: inline-block;
padding: 1rem 2rem;
max-width: 300px;
width: 100%;
}
.item-bottom-btn .fs_btn:hover{
transition:0.6s;
color: #008eec;
background-color: #ffffff;
}
@media screen and (max-width: 1131px) {
.item-bottom-btn{
background-attachment: scroll!important;
}
.item-bottom-btn .b_box{
padding: 6rem 2rem;
}
}


/*　--------------------　取扱製品リストに関する設定　--------------------　*/
.lineup-item-wrapper{
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.lineup-item-wrapper li{
width: 32%;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
justify-content: center;
align-items: stretch;
}
.lineup-item-wrapper li div{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
width: 100%;
margin: 0% 0% 6% 0%;
padding: 1.1rem 1rem;
height: 60px;
}
.lineup-item-wrapper li div span{
font-size: 0.75rem;
}
.itemboxs div{
border: 1px solid #cccccc;
background-color: #fff;
}
@media screen and (max-width: 498px) {
.lineup-item-wrapper li{
width: 100%;
}
.lineup-item-wrapper li div{
height: 38px;
}
}

/*　--------------------　設備紹介に関する設定　--------------------　*/
.item-facility-slide{
padding-top: 34rem;
margin: 0rem 2rem 3rem 0rem;
}
@media screen and (max-width: 498px) {
.item-facility-slide{
margin: 0rem 0rem 3rem 0rem;
}
}
/*　--------------------　施設概要に関する設定　--------------------　*/
.item-facility-tb{
border: none;
width: 100%;
}
.item-facility-tb tr:first-child th{
border-top: #dddddd 0px solid;
}
.item-facility-tb th{

font-weight: normal;
border-top: #dddddd 1px solid;
padding: 0.5rem 0rem;
vertical-align: top;
width: 102px;
}
.item-facility-tb tr:first-child td{
border-top: #dddddd 0px solid;
}
.item-facility-tb td{
border-top: #dddddd 1px solid;
padding: 0.5rem 0rem 0.5rem 1rem;
vertical-align: top;
width: calc(100% - 102px);
}
@media only screen and (max-width: 768px){
.item-facility-tb th{
width: 20%;
}
.item-facility-tb td{
width: 80%;
}
}

/*　==============================　企業情報ページに関する設定　==============================　*/
/*　--------------------　●に関する設定　--------------------　*/
.company-message-img{
padding-top: 31.5rem;
}
.company-message-contents{
margin: 0rem 2rem 0rem 2rem;
}
.company-bg-img{
margin: 0rem 2rem 0rem 2rem;
}
.company-nav-area{
padding: 12rem 2rem 11.5rem 2rem;
}
.company-nav-btn .fs_btn_text{
line-height: 1.4rem;
}
.company-nav-btn .fs_btn_text_main{
font-size: 1.1rem;
}
.company-nav-btn i{
font-size: 1.4rem;
}
.company-map-btn{
padding-bottom: 1.5rem;
}
@media screen and (max-width: 1131px) {
.company-bg-img{
background-attachment: scroll!important;
}
}
@media screen and (max-width: 768px) {
.company-message-img{
padding-top: 22rem;
margin: 0rem 2rem;
}
.company-message-contents{
margin: 0rem;
}
}
@media screen and (max-width: 498px) {
.company-bg-img{
margin: 0rem;
}
.company-nav-area{
padding: 8rem 2rem 7.5rem 2rem;
}
}
/*　--------------------　テーブルに関する設定　--------------------　*/
.company-tb{
border: none;
width: 100%;
}
.company-tb tr:first-child th{
border-top: #f2f2f2 0px solid;
}
.company-tb th{
color: #008eec;
font-weight: normal;
border-top: #f2f2f2 1px solid;
padding: 1rem 0rem;
vertical-align: top;
width: 162px;
}
.company-tb tr:first-child td{
border-top: #dddddd 0px solid;
}
.company-tb td{
border-top: #dddddd 1px solid;
padding: 1rem 0rem  1rem 1rem;
vertical-align: top;
width: calc(100% - 162px);
}
@media only screen and (max-width: 768px){
.company-tb th{
width: 30%;
}
.company-tb td{
width: 70%;
}
}

/*　==============================　採用ページに関する設定　==============================　*/
.recruit-staff-area{
padding: 5rem 2rem;
}
.recruit-staff-btn .fs_btn_text_main {
letter-spacing: 0.2rem;
font-size:1.2rem;
}
.recruit-staff-btn .fs_btn_text_sub {
font-size:0.8rem;
font-weight: bold;
}
.recruit-staff-btn .fs_btn {
background-color:rgba(0,142,236,0.65);
}
.recruit-staff-btn .fs_btn:hover{
background-color: rgba(0,142,236,0.1);
}
.recruit-bottom-img{
padding-top: 40rem;
}
.recruit-contact-btn .fs_btn_text{
line-height: 1.4rem;
}
.recruit-contact-btn .fs_btn_text_main{
font-size: 1.1rem;
}
.recruit-contact-btn i{
font-size: 1.4rem;
}
@media screen and (max-width: 1131px) {
.recruit-bottom-img{
background-attachment: scroll!important;
}
}
@media screen and (max-width: 498px) {
.recruit-bottom-img{
padding-top: 20rem;
}
}

/*　==============================　インタビューページに関する設定　==============================　*/
.interview-nav-btn .fs_btn_text{
line-height: 1.4rem;
}
.interview-nav-btn .fs_btn_text_main{
font-size: 1.1rem;
}
.interview-nav-btn i{
font-size: 1.4rem;
}
.interview-staff-main-img{
padding-top: 35rem;
}
.interview-staff-sub-img{

}
.interview-staff-area{
padding: 3rem 2rem 5rem 4.5rem;;
}
.interview-staff-name{
margin: 3rem 2rem 0rem 3rem;
}
.interview-staff-line{
margin: -1.4rem 0 0 12rem;
}
.ccm-edit-mode .interview-staff-line{margin-top: 0rem!important;}
.interview-staff-detail{
margin: 2rem 2rem 0rem 3rem;
line-height: 1.3rem;
}
@media screen and (max-width: 1131px) {
.interview-staff-main-img{
background-attachment: scroll!important;
}
}
@media screen and (max-width: 498px) {
.interview-staff-main-img{
padding-top: 27rem;
}
.interview-staff-area{
padding: 3rem 2rem 2.5rem 2rem;
}
.interview-staff-name{
margin: 3rem 2rem 0rem 2rem;
}
.interview-staff-line{
margin: -1.4rem 0 0 12rem;
}
.interview-staff-detail{
margin: 2rem 2rem 0rem 2rem;
}
}

/*　==============================　募集要項ページに関する設定　==============================　*/
.recruitment-tb{
border: none;
width: 100%;
}
.recruitment-tb th{
color: #008eec;
font-weight: normal;
border-top: #f2f2f2 1px solid;
padding: 1.5rem 0;
vertical-align: top;
width: 162px;
}
.recruitment-tb tr:first-child th{
border-top: #f2f2f2 0px solid;
}
.recruitment-tb td{
border-top: #dddddd 1px solid;
padding: 1.5rem 0 1.5rem 1rem;
vertical-align: top;
width: calc(100% - 162px);
}
.recruitment-tb tr:first-child td{
border-top: #dddddd 0px solid;
}
@media only screen and (max-width: 768px){
.recruitment-tb th{
width: 20%;
}
.recruitment-tb td{
width: 80%;
}
}

/*　==============================　ページに関する共通設定　==============================　*/
.underPage-contentsArea{
margin: 0rem 2rem 0rem 2rem;
background-color: #ffffff;
}
.underPage-contentsArea-inner{
margin: 0 auto;
max-width: 920px;
}
.contens-ttl-line{
text-align: left;
width: 100%;
}
.contens-ttl-line-wh{
box-sizing: border-box;
border-right: 1px solid #ffffff;
padding-top: 1rem;
width: 50%;
}
/*　--------------------　ページタイトルに関する設定　--------------------　*/
.page-ttl{
display: inline-block;
box-sizing: border-box;
color: #ffffff;
padding: 1.5rem 0.5rem;
margin: -3.5rem 2rem 4.5rem 2rem!important;
background-color: #008eec;
max-width: 460px;
width: 100%;
}
.page-ttl-about, .page-ttl-other{
display: inline-block;
box-sizing: border-box;
color: #ffffff;
padding: 1.5rem 0.5rem;
margin: -3.5rem 2rem 4.5rem 2rem!important;
background-color: #008eec;
max-width: 460px;
width: 100%;
}
.ccm-edit-mode .page-ttl{margin-top: 0rem!important;}
.ccm-edit-mode .page-ttl-about{margin-top: 0rem!important;}
.ccm-edit-mode .page-ttl-other{margin-top: 0rem!important;}
.page-ttl-ja{
font-size:1.3rem;
}
.page-ttl-en{
font-size:1rem;
}
.page-ttl-img{
padding-top: 34rem; 
margin: 0rem 2rem 0rem 2rem;
}
@media screen and (max-height: 800px) {
.page-ttl-img{
padding-top: 29rem; 
}
}
@media screen and (max-width: 530px) {
.page-ttl-about, .page-ttl-other{
width: calc(100% - 4rem);
}
}
@media screen and (max-width: 1131px) {
.page-ttl-img{
background-attachment: scroll!important;
}
}
@media screen and (max-width: 498px) {
.page-ttl-about, .page-ttl-other{
margin: -3.5rem 2rem 2rem 2rem!important;
}
.page-ttl-about .page-ttl-ja{
font-size:1rem!important;
font-weight: bold;
}
.page-ttl{
width: calc(100% - 4rem);
}
.page-ttl-img{
padding-top: 23rem; 
margin: 0rem;
}
}
/*　--------------------　ABOUTページタイトルに関する設定　--------------------　*/
.page-ttlAbout-img{
margin: 0rem 2rem 0rem 2rem;
}
.page-ttlAbout-area{
padding: 15rem 0rem 9.5rem 0rem; 
}
@media screen and (max-height: 800px) {
.page-ttlAbout-area{
padding: 12rem 0rem; 
}
}
@media screen and (max-width: 1131px) {
.page-ttlAbout-img{
background-attachment: scroll!important;
}
}
@media screen and (max-width: 498px) {
.page-ttlAbout-img{
margin: 0rem;
}
.page-ttlAbout-area{
padding: 10rem 0rem 7rem 0rem; 
}
}

/*　==============================　フッターに関する共通設定　==============================　*/
/*　--------------------　フッターロゴに関する設定　--------------------　*/
.FooterLogo .fs_btn{
display: inline-block;
}
@media screen and (min-width: 769px) {
.FooterLogo{
margin: 5.5rem 2rem 3rem 2rem;
}
.FooterLogo .fs_btn{
padding-top: 60px!important;
}
}
@media screen and (max-width: 768px) {
.FooterLogo{
margin: 5.5rem 2rem 3rem 2rem;
}
.FooterLogo .fs_btn{
padding-top: 55px!important;
}
}
@media screen and (max-width: 498px) {
.FooterLogo{
margin: 5rem 0rem 3rem 2rem;
background-position: left!important;
}
.FooterLogo .fs_btn{
padding-top: 45px!important;
}
}

/*　--------------------　ページトップボタン　--------------------　*/
.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 #f2f2f2;
}
.pagetop-btm .fs_btn:hover .fs_btn_text_main{
border-right: 1px solid #0076eb;
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;
}
}


/*　--------------------　サイトマップ　--------------------　*/
.sitemap-tb-wrapper{
padding: 0rem 0rem 2.5rem 2rem;
}
.sitemap-tb{
width: 100%;
}
.sitemap-tb tbody tr:nth-child(odd){
background-color: #3b4558;
}
.sitemap-contents{
padding: 0.5rem 0rem 0.5rem 0.5rem;
vertical-align: middle;
width: 160px;
font-weight: bold;
color: #ffffff;
}
.sitemap-detail{
padding: 0.5rem 2rem 0.5rem 0rem;
vertical-align: middle;
width: calc(100% - 160px - 2.5rem);
font-size:0.85rem;
}
@media screen and (max-width: 768px) {
.sitemap-contents{
padding: 0.5rem 0rem 0.5rem 1rem;
width: 100px;
}
.sitemap-detail{
padding: 0.5rem 2rem 0.5rem 0rem;
vertical-align: middle;
width: calc(100% - 100px - 3rem);
font-size:0.85rem;
}
}
@media screen and (max-width: 498px) {
.sitemap-contents{
padding: 0.5rem 0rem 0.5rem 1rem;
width: 85px;
}
.sitemap-detail{
padding: 0.5rem 2rem 0.5rem 0rem;
vertical-align: middle;
width: calc(100% - 85px - 3rem);
font-size:0.85rem;
}
}
/*　リンクカラー　*/
.f-link a, .f-link a:visited, .f-link a:active{
color: #ffffff;
}
.f-link a:hover{
transition:0.2s;
color: #008eec;
}

/*　--------------------　フッターボタン　--------------------　*/
.footer-tel-btn{
margin: 0rem 2rem 0.75rem 2rem;
}
.footer-tel-btn .fs_btn_text_main {
font-size:1.1rem;
font-weight: bold;
}
.footer-tel-btn .fs_btn_text_sub {
font-size:0.8rem;
}
.footer-tel-btn .fs_btn{
line-height: 1.4rem;
padding: 0.75rem 0rem;
}
.footer-mail-btn{
margin: 0rem 2rem 0.75rem 2rem;
}
.footer-mail-btn .fs_btn_text_main {
font-size:1rem;
font-weight: bold;
}
.footer-mail-btn .fs_btn_text_sub {
font-size:0.8rem;
}
.footer-mail-btn .fs_btn{
line-height: 1.4rem;
padding: 0.75rem 0rem;
}

/*　==============================　ヘッダーに関する共通設定　==============================　*/
.header-nav{
position: absolute;
z-index: 100;
top: 11px;
right: 3px;
}
.header-nav-tx{
position: absolute;
z-index: 90;
top: 43px;
right: 17px;
color: #008eec;
}
@media screen and (min-width: 769px) {
.header-nav-calendar i{
display: none;
}
.header-nav-contact i{
display: none;
}
}
@media screen and (max-width: 768px) {
.header-nav-calendar{
position: absolute;
z-index: 90;
top: 19px;
right: 100px;
}
.header-nav-calendar .fs_btn{
padding: 0.7rem 0.7rem 0.7rem 0.75rem!important;
border-radius: 0.3rem!important;
}
.header-nav-calendar .fs_btn_text{
line-height: 1.3rem;
}
.header-nav-calendar p{
display: none;
}
.header-nav-calendar i{
font-size: 1.3rem!important;
}
.header-nav-contact{
position: absolute;
z-index: 90;
top: 19px;
right: 57px;
}
.header-nav-contact .fs_btn{
padding: 0.7rem 0.7rem 0.7rem 0.75rem!important;
border-radius: 0.3rem!important;
}
.header-nav-contact .fs_btn_text{
line-height: 1.3rem;
}
.header-nav-contact p{
display: none;
}
.header-nav-contact i{
font-size: 1.2rem!important;
}
}

/*　--------------------　ヘッダーロゴに関する設定　--------------------　*/
.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: 2rem 0rem 1.7rem 1.5rem;
}
.TopLogo .fs_btn{
padding-top: 20px!important;
}
}

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

/*　--------------------　SP用（Fatナビ）に関する設定　--------------------　*/
.hamburger .hamburger__icon, .hamburger .hamburger__icon::before, .hamburger .hamburger__icon::after{
background-color: #008eec!important;
}
.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 div ul li:last-child{
display: none;
}
.fat-nav li a {
font-size: 1.2rem!important;
border-bottom: 0px solid #fff;
}
.fat-nav{
background: rgba(0, 0, 0, 0.88);
}
.fat-nav li p{
color:#ffffff;
}
.header-nav-sp .fat-nav li .sub_title{
font-size: 0.8rem;
padding-left:0.2rem;
letter-spacing: 0.05rem;
}

/*　==============================　新着情報ページに関する設定　==============================　*/
.news-list .tk_title{
font-size: 1rem!important;
margin-bottom: 1rem!important;
}
.news-list .tk_tags{
color: #ffffff;
padding: 0.2rem 0.5rem!important;
}
.news-list .tk_tags_Tags_01{
background-color: #008eec;
}
.news-list .tk_tags_Tags_02{
background-color: #0058c4;
}
.news-list .tk_tags_Tags_03{
background-color: #45aebb;
}
@media screen and (max-width: 498px) {
.news-list .tk_flex{
padding: 1rem 1rem!important;
}
.news-list .tk_title{
margin-top:0.5rem;
margin-bottom: 0.4rem!important;
}
.news-list .tk_tags{
display: table!important;
margin-bottom: 0.6rem!important;
}
}
.ccm-pagination{
margin-top: 2rem;
}
.ccm-pagination .numbers{
background-color: #f2f2f2;
display: inline-block;
height: 25px;
padding: 5px;
width: 25px;
}
.ccm-pagination .currentPage{
background-color: #008eec;
color: #ffffff;
}
.ccm-pagination .ccm-page-left span, .ccm-pagination .ccm-page-right span{
box-sizing: border-box;
display: block;
height: 30px;
padding-top: 2px;
text-align: center;
text-decoration: none;
width: 30px;
}

/*　==============================　新着情報デフォルトページに関する設定　==============================　*/
#pt101-3-1{
margin: 0rem 2rem 0rem 2rem;
background-color: #ffffff;
max-width: 1136px;
}
#pt101-4-1{
margin: 2.5rem 2rem 0rem 2rem;
background-color: #ffffff;
max-width: 1136px;
}
.news-d-ttl{
margin: 0 auto 1.5rem auto;
padding: 0rem 2rem 1.5rem 2rem;
max-width: 865px;
}
.news-d-read{
margin: 0 auto 2.5rem auto;
padding-bottom: 2.5rem;
max-width: 865px;
}
.news-d-sns{
margin: 0 auto 2.5rem auto;
padding-bottom: 2.5rem;
max-width: 865px;
}
.news-d-bkbtn{
margin: 0 auto 2.5rem auto;
padding-bottom: 2.5rem;
max-width: 865px;
}
.news-d-ttlSub{
margin: 0 auto 0rem auto;
padding: 5rem 0rem 2.5rem 0rem;
max-width: 865px;
}
.news-d-list{
margin: 0 auto 2.5rem auto;
padding-bottom: 2.5rem;
max-width: 865px;
}
@media screen and (max-width: 1215px) {
#pt101-3-1, #pt101-4-1{
width: calc(100% - 4rem);
}
.news-d-ttl{
margin: 0 2rem 1.5rem 2rem;
padding: 0rem 0rem 1.5rem 0rem;
max-width: 865px;
}
.news-d-read{
margin: 0 2rem 2.5rem 2rem;
}
.news-d-sns{
margin: 0 2rem 2.5rem 2rem;
}
.news-d-bkbtn{
margin: 0 2rem 2.5rem 2rem;
}
.news-d-ttlSub{
margin: 0 2rem 2.5rem 2rem;
}
.news-d-list{
margin: 0 2rem 2.5rem 2rem;
}
}

/*　==============================　お問い合わせページに関する設定　==============================　*/
.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-001{
letter-spacing: -0.01rem;
}
.space-005{
letter-spacing: -0.012rem;
}
.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;
}
.line-c{
margin: 0 auto!important;
}
}

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

/*　==============================　装飾に関する設定　==============================　*/

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

/*　==============================　■■デフォルト■■　==============================　*/
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.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;
}