@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(34,59,107,1.00)}a:hover { color:#009FE8}
/* css setting */
/*　==============================　home　==============================　*/

/*　home area02　*/

.home_area02 {
     margin:4rem 0 0 0 ;
     padding:3rem 0 2rem 0 ;
}
@media screen and (max-width:1024px) {
.home_area02 {
     background-size: cover!important;
}}
@media screen and (max-width:768px) {
.home_area02 {
     margin:7rem 0 3rem 0 ;
     padding:2rem 0 6rem 0 ;
}}
@media screen and (max-width:480px) {
.home_area02 {
     margin:1rem 0 2rem 0 ;
     padding:3rem 0 6rem 0 ;
}}

@media screen and (min-width:481px) {
.area02_text {
     margin-left: 2rem ;
}}

.home_area02_text {
     font-weight: bold;
     letter-spacing: 0.2rem;
     padding:1rem 0 4rem 3rem;
}
@media screen and (max-width:480px) {
.home_area02_text {
     letter-spacing: 0.1rem;
     padding:0 0 4rem 3rem;
}}

/*　メンバー - 写真　*/

.home_area02_img {
     margin: 0 18% -480px 0;
     padding: 600px 0 0 0;
}
@media screen and (max-width:1600px) {
.home_area02_img {
     margin: 0 10% -480px 0;
}}
@media screen and (max-width:1280px) {
.home_area02_img {
     margin: 0 5% -480px 0;
}}
@media screen and (max-width:768px) {
.home_area02_img {
     margin: 0 0 -440px 0;
     padding: 480px 0 0 0;
    background-size: 100%!important;
    background-position: right -25px top 0px!important;
}}
@media screen and (max-width:480px) {
.home_area02_img {
     margin: 0 0 3rem 0 ;
     padding: 320px 0 0 0;
    background-size: contain!important;
    background-position: left 15px top 0px!important;
}}


/*　コンテンツ- タイトル　*/

.home_contents_tittle {
     width: calc(100% - 10%);
     margin-left: auto!important;
}
@media screen and (max-width:768px) {
.home_contents_tittle {
     width: 100%;
}}

.home_contents_area {
     margin:-35rem 4rem 0 0  ;
}
@media screen and (max-width:768px) {
.home_contents_area {
     margin:-32rem 0 0 0;
}}
@media screen and (max-width:480px) {
.home_contents_area {
     margin:-2rem 0 0 0;
}}

.home_contents_text  {
     width: calc(100% - 30%);
     margin: auto!important;
}
@media screen and (max-width:1600px) {
.home_contents_text  {
     width: calc(100% - 20%);
     margin-right: auto!important;
}}
@media screen and (max-width:1200px) {
.home_contents_text  {
     width: calc(100% - 10%);
     margin-right: auto!important;
}}
@media screen and (max-width:768px) {
.home_contents_text  {
     width: 100%;
     margin-right: auto!important;
}}


.home_contents_area_R {
     width: calc(100% - 45%);
     margin-left: auto!important;
     -moz-border-radius: 1rem;
     -webkit-border-radius: 1rem;
     -o-border-radius: 1rem;
     -ms-border-radius: 1rem;
}
@media screen and (max-width:768px) {
.home_contents_area_R {
     -moz-border-radius: 1rem 0 0 1rem ;
     -webkit-border-radius: 1rem 0 0 1rem ;
     -o-border-radius: 1rem 0 0 1rem ;
     -ms-border-radius: 1rem 0 0 1rem ;
}}
@media screen and (max-width:480px) {
.home_contents_area_R {
     width: 100%;
     margin-left: auto!important;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     -o-border-radius: 0;
     -ms-border-radius: 0;
}}


/*　コンテンツ - イメージ　*/

.home_contents_img {
     padding:28rem 0 0 0;
     -moz-border-radius: 1rem ;
     -webkit-border-radius: 1rem ;
     -o-border-radius: 1rem ;
     -ms-border-radius: 1rem ;
}

.home_contents_img02 {
     padding:28rem 0 0 0;
}

.home_contents_img_L ,
.home_contents_img_L02 {
     margin:0 0 0 4rem;
}
.home_contents_img_R {
     margin:0 4rem 0 0;
}

.home_com_area {
     -moz-border-radius: 1rem ;
     -webkit-border-radius: 1rem ;
     -o-border-radius: 1rem ;
     -ms-border-radius: 1rem ;
}

@media screen and (max-width:768px) {
.home_contents_img {
     padding:35rem 0 0 0;
}
.home_contents_img_L ,
.home_contents_img_L02 {
     margin:0 2rem 0 0;
     -moz-border-radius: 0 1rem 1rem 0 ;
     -webkit-border-radius: 0 1rem 1rem 0 ;
     -o-border-radius: 0 1rem 1rem 0 ;
     -ms-border-radius: 0 1rem 1rem 0 ;
}
.home_contents_img_R {
     margin:0 2rem 0 2rem;
}}

@media screen and (max-width:480px) {
.home_contents_img {
     padding:18rem 0 0 0;
     -moz-border-radius: 1rem 0 0 1rem ;
     -webkit-border-radius: 1rem 0 0 1rem ;
     -o-border-radius: 1rem 0 0 1rem ;
     -ms-border-radius: 1rem 0 0 1rem ;
}
.home_contents_img_L , .home_contents_img_R {
     margin:0 0 0 2rem;
}
.home_contents_img_L02 {
     margin:0;
}
.home_com_area {
     -moz-border-radius: 0rem ;
     -webkit-border-radius: 0rem ;
     -o-border-radius: 0rem ;
     -ms-border-radius: 0rem ;
}}


/*　コンテンツボタン　*/

.home_con_btn .fs_btn_text_main {
    font-size: 1rem;
    letter-spacing: 0.2rem;
}

.home_con_btn .fs_btn_text_sub {
    font-size: 0.8rem;
    letter-spacing: 0.1rem;
}

.home_con_btn .fs_btn {
    border-radius: 1rem;
        transition:0.5s!important;
}
.home_con_btn .fs_btn:hover {
    border-radius: 3rem;
    transition:0.5s!important;
}

/*　ホーム用 PCナビ　*/

.home_pc_navi .fsNavMenuList li a {
    padding: 3.2rem 0 0 0!important;
    margin-right:2rem!important;
    color: #fff ;
}
@media screen and (max-width: 1400px) {
.home_pc_navi .fsNavMenuList li {
     font-size: 0.8rem!important;
}}
@media screen and (max-width: 1200px) {
.home_pc_navi .fsNavMenuList li a {
    margin-right:1.5rem!important;
}}

.home_pc_navi .fsNavMenuList li:first-child ,
.home_pc_navi .fsNavMenuList li:nth-child(4) ,
.home_pc_navi .fsNavMenuList li:nth-child(5) ,
.home_pc_navi .fsNavMenuList li:nth-child(8)  {
     display:none;
}

.home_pc_navi a {
  position: relative;
  display: inline-block;
  transition: .3s;
}
.home_pc_navi a::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 0;
  height: 5px;
  background: #ffff00;
  transition: .3s;
}
.home_pc_navi a:hover::after {
  width: 100%;}

/*　—————　HOME - トップ　—————　*/

/*　—　officialsite ロゴ　—　*/

.home_logo {
     padding-top: 6rem ;
     margin: 1rem 3rem 3rem 0 ;
}
@media screen and (max-width: 1024px) {
.home_logo {
     padding-top: 5rem ;
     margin: 1rem 3rem 0 0 ;
}}
@media screen and (max-width: 768px) {
.home_logo {
     margin: 2rem 0 0 2rem ;
     background-position: left!important;
}}
@media screen and (max-width: 480px) {
.home_logo {
     padding-top: 4rem ;
     margin: 2rem 0 0 2rem ;
}}

/*　—　キャッチ／スクロールボタン　—　*/

.home_catch_01 {
     padding-top: 40vh ;
     margin: 2vh 0 14vh 0 ;
     background-position: center!important;
}
.scroll_top {
     text-align: center!important;
}

@media screen and (max-width: 1200px) {
.home_catch_01 {
     margin: 3vh 0 15vh 0 ;
}}
@media screen and (max-width: 1024px) {
.home_catch_01 {
     margin: 3vh 0 9vh 0 ;
}}
@media screen and (max-width: 768px) {
.home_catch_01 {
     margin: 10vh 0 21vh 0 ;
     padding-top: 32vh ;
}}
@media screen and (max-width: 480px) {
.home_catch_01 {
     margin: 14vh 0 8vh 0 ;
     padding-top: 28vh ;
}}


/*
.home_catch_01 {
     padding-top: 36vh ;
     margin: 6vh 0 10vh 15% ;
}
.scroll_top {
     margin-left: 23% ;
}

@media screen and (max-width: 1200px) {
.home_catch_01 {
     margin: 6vh 0 12vh 12% ;
     }
.scroll_top {
     margin-left: 24% ;
}}
@media screen and (max-width: 1024px) {
.home_catch_01 {
     margin: 6vh 0 6vh 10% ;
     }
.scroll_top {
     margin-left: 20% ;
}}
@media screen and (max-width: 768px) {
.home_catch_01 {
     margin: 17vh 0 14vh 8% ;
     padding-top: 30vh ;
     }
.scroll_top {
     margin-left: 25% ;
}}
@media screen and (max-width: 480px) {
.home_catch_01 {
     margin: 14vh 0 6vh 8% ;
     padding-top: 26vh ;
     }
.scroll_top {
     margin-left: 25% ;}}
*/

/*　—　新着 ティッカー　—　*/

.top_news_slide .ticker {
     padding: 1rem 0 0 1rem;
     font-size: 0.9rem;
}

.top_news_slide .tk_tags_Tags_03 ,
.top_news_slide .tk_tags_Tags_04,
.top_news_slide .tk_tags_Tags_05 {
     font-size: 60%;
     color: #fff;
}
.top_news_slide .tk_tags_Tags_03 {
     background: #027fb4 ;
}
.top_news_slide .tk_tags_Tags_04 {
     background: #003f81 ;
}
.top_news_slide .tk_tags_Tags_05 {
     background: #f5a200 ;
}

.home_news_list_area {
     -moz-border-radius: 1rem 0 0 0 ;
     -webkit-border-radius: 1rem 0 0 0 ;
     -o-border-radius: 1rem 0 0 0 ;
     -ms-border-radius: 1rem 0 0 0 ;
     width: calc(100% - 40%);
     margin-left: auto!important;
}
@media screen and (max-width: 1600px) {
.home_news_list_area {
     width: calc(100% - 30%);
     }}
@media screen and (max-width: 1200px) {
.home_news_list_area {
     width: calc(100% - 20%);
     }}
@media screen and (max-width: 1024px) {
.home_news_list_area {
     width: calc(100% - 15%);
     }}
@media screen and (max-width: 480px) {
.home_news_list_area {
     width: calc(100% - 2rem);
     }}

/*　==============================　about　==============================　*/

/*　company - img　*/

.about_com_img {
     padding-top:400px;
     margin:0 0 -250px 50%;
     -moz-border-radius: 1rem 0 0 1rem ;
     -webkit-border-radius: 1rem 0 0 1rem ;
     -o-border-radius: 1rem 0 0 1rem ;
     -ms-border-radius: 1rem 0 0 1rem ;
}
@media screen and (max-width: 1024px) {
.about_com_img {
     padding-top: 300px;
     margin: 0 0 -220px 40%;
}}
@media screen and (max-width: 768px) {
.about_com_img {
     padding-top: 300px;
     margin: 0 0 -200px 45%;
}}
@media screen and (max-width: 480px) {
.about_com_img {
     padding-top: 200px;
     margin: 0 ;
     -moz-border-radius: 0 ;
     -webkit-border-radius: 0 ;
     -o-border-radius: 0 ;
     -ms-border-radius: 0 ;
}}


.tittle_about_bg {
     padding:10rem 0  2rem 0;
     margin:0 3rem 0 0;
}
@media screen and (max-width: 480px) {
.tittle_about_bg {
     padding: 4rem 0 0 0;
     margin:0 2rem 0 0;
}}

.about_philo {
     font-size:2.4rem;
     letter-spacing: 0.2rem;
     padding: 2rem 2rem 50vh 2rem;
}
@media screen and (max-width: 1600px) {
#pt004-1Parent {
     background-size: 120%!important;
     }
.about_philo {
     padding: 2rem 2rem 45vh 2rem;
     }}
@media screen and (max-width: 1400px) {
#pt004-1Parent {
     background-size: 125%!important;
     }
.about_philo {
     padding: 2rem 2rem 40vh 2rem;
     }}
@media screen and (max-width: 1200px) {
#pt004-1Parent {
     background-size: 130%!important;
     }
.about_philo {
     padding: 2rem 2rem 35vh 2rem;
     }}
@media screen and (max-width: 1024px) {
#pt004-1Parent {
     background-size: 140%!important;
     background-attachment: scroll!important;
     background-position: bottom!important;
     }
.about_philo {
     font-size:2.4rem;
     padding: 2rem 2rem 30vh 2rem;
     }}
@media screen and (max-width: 768px) {
#pt004-1Parent {
     background-size: 200%!important;
     background-position: center!important;
     }
.about_philo {
     font-size:2.2rem;
     padding: 2rem 2rem 35vh 2rem;
     letter-spacing: 0.1rem;
     }}
@media screen and (max-width: 480px) {
#pt004-1Parent {
     background-size: cover!important;
     background-position: top!important;
     }
.about_philo {
     font-size:1.9rem;
     padding: 3rem 0 38vh 2rem;
     }}


/*　==============================　事業内容　==============================　*/

/*　　事業内容 - トップ3ボタン　　*/

.bus_tittle_a {
　display: block;
    background-color: #fff;
    color: #233b6c;
    padding: 2rem 3em 1rem 0;
    font-size: 1.2rem;
    letter-spacing:0.2rem;
     -moz-border-radius: 0 1rem 0 0 ;
     -webkit-border-radius: 0 1rem 0 0 ;
     -o-border-radius: 0 1rem 0 0 ;
     -ms-border-radius: 0 1rem 0 0 ;
}
@media screen and (max-width: 980px) {
.bus_tittle_a {
    padding: 2rem 2em 1rem 0;
    font-size: 1.1rem;
    letter-spacing:0rem;
    }}
@media screen and (max-width: 480px) {
.bus_tittle_a {
    padding: 2rem 3em 1rem 0;
    font-size: 1.2rem;
    letter-spacing:0.2rem;
    }}

.bus_top_btn {
     margin:-60px 0 0 0;
}

/*　事業内容ボタン　*/

.bus_img_btn .fs_btn_text_main {
    font-size: 1.4rem;
    letter-spacing: 0.2rem;
    text-align: right;
    padding: 17rem 1rem 1rem 0;
}
@media screen and (max-width: 768px) {
.bus_img_btn .fs_btn_text_main {
    padding: 12rem 1rem 1rem 0;
     }}
@media screen and (max-width: 768px) {
.bus_img_btn .fs_btn_text_main {
    padding: 14rem 1rem 1rem 0;
     }}

.bus_img_btn .fs_btn_text_sub {
    font-size: 0.8rem;
    letter-spacing: 0.1rem;
}

.bus_img_btn .fs_btn ,
.bus_img_btn {
     border-radius: 1rem;
     transition:0.5s!important;
}

.bus_img_btn .fs_btn:hover ,
.bus_img_btn:hover  {
    border-radius: 3rem;
    transition:0.5s!important;
}

.bus_img_btn .fs_btn:hover {
    background-color: rgba(83,178,219,0.35);
}

/*　事業 - イメージ　*/

.bus_img_space {
     padding:28rem 0 0 0;
     -moz-border-radius: 1rem ;
     -webkit-border-radius: 1rem ;
     -o-border-radius: 1rem ;
     -ms-border-radius: 1rem ;
}
.bus_img_L {
     margin:0 2rem -25rem 10rem;
}
.bus_img_R {
     margin:0 10rem -25rem 2rem;
}

@media screen and (max-width:1400px) {
.bus_img_L {
     margin:0 2rem -25rem 4rem;
}
.bus_img_R {
     margin:0 4rem -25rem 2rem;
}}

@media screen and (max-width:768px) {
.bus_img_space {
     padding:30rem 0 0 0;
}
.bus_img_L {
     margin:0 2rem -27rem 2rem;
}
.bus_img_R {
     margin:0 2rem -27rem 2rem;
}}

@media screen and (max-width:480px) {
.bus_img_space {
     padding:18rem 0 0 0;
     -moz-border-radius: 0rem ;
     -webkit-border-radius: 0rem ;
     -o-border-radius: 0rem ;
     -ms-border-radius: 0rem ;
}
.bus_img_L ,.bus_img_R {
     margin:0 0 0 0;
}
.bus_text_01 {
     padding:3rem 0 0.5rem 1.5rem!important;
}
.bus_text_02 {
     padding: 0.5rem 0 3rem 1.5rem!important;
}}

.bus_text {
     padding:0 2rem 2rem 2rem;
}
@media screen and (max-width:1200px) {
.bus_text {
     padding:0 1rem 2rem 1rem;
}}
@media screen and (max-width:768px) {
.bus_text {
     padding:0 0 0 0;
}}

/*　==============================　設備紹介　==============================　*/

/*　設備リスト　*/

.fac_list {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-start;/*左寄せ*/
border-bottom:1px solid #f5f5f5;
}
.fac_list:last-child{
border: none;
}
.fac_list li{
letter-spacing: 0rem;
line-height: 1.5rem;/*列の文字の高さ*/
}
.fac_list li:nth-child(1){
flex: 3.3;/*左の比率*/
padding: 1.5rem 0 1.5rem 1rem;/*列のパッディング*/
}
.fac_list li:nth-child(2){
flex: 7.5;/*真ん中の比率*/
padding: 1.5rem 0 1.5rem 0.5rem;/*列のパッディング*/
}
.fac_list li:nth-child(3){
flex: 1;/*右の比率*/
padding: 1.5rem 0 1.5rem 0.5rem;/*列のパッディング*/
}

/*
@media screen and (max-width: 640px) {
.fac_list{
flex-direction: column;
margin-bottom: 1rem;
}
.fac_list li{
padding: 0rem 0rem 0.1rem 0rem;
}
}
*/

/*　==============================　施工実績　==============================　*/

/*　検索 - ポジション　*/

.work_serch {
     margin:-88px 2rem 0 2rem;
}
@media screen and (max-width: 480px) {
.work_serch {
     margin:0 2rem 0 2rem;
}
.po_page_search_oogyu dl {
    padding: 0!important;
}
.po_page_search_oogyu dl dt {
     padding: 0.2rem 0.5rem 1rem 0.5rem!important;
}}

/*　検索 - ブロック　*/

.po_page_search_oogyu dl  {
     border-top: 0px solid #ffffff;
     padding: 1rem 0rem 0 0rem;
}
.po_page_search_oogyu dl:last-of-type  {
     border-bottom: 0px solid #ffffff;
}

.po_page_search_oogyu input[type="submit"] {
     margin: 2rem auto 0rem auto;
     background-color: #53b2db;
}

.po_page_search_oogyu input[type="checkbox"].checkbox02:checked + label {
    background-color: #53b2db;
    color: #fff!important;
     border: 1px solid #53b2db;
}

.po_page_search_oogyu .checkbox {
     border: 1px solid #ffffff;
     border-radius: 1rem;
}

/*　==============================　検索結果　==============================　*/

.po_page_searchresult_oogyu {
     background: #fff;
     border-radius: 1rem;
}

.po_page_searchresult_oogyu li {
    border-bottom: 1px solid #f5f5f5;
}

.searchresult_oogyu_tb_listH {
    background-color: #223b6b;
    font-size: 0.9rem;
         border-radius: 1rem 1rem 0 0 ;
}

/*　検索窓 - 非表示　*/

.work_result .po_page_search_oogyu dl ,
.work_result .po_page_search_oogyu input[type="submit"]
{
   display:none;
}

/*　年度別施工事例リスト　*/

.pg-list_oogyu_tb_list a ,
.work_result a {
     color:#027fb4;
     font-weight: bold; 
}

.pg-list_oogyu_tb_list a:hover ,
.work_result a:hover {
     color:#009fe8;
     transition:0.6s;
}

.po_page_pg-list_oogyu li {
    border-bottom: 1px solid #f5f5f5;
}

.pg-list_oogyu_tb_listH {
    background-color: #233b6c;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 1rem 0rem;
   -moz-border-radius: 1rem 1rem 0 0;
   -webkit-border-radius: 1rem 1rem 0 0;
   -o-border-radius: 1rem 1rem 0 0;
   -ms-border-radius: 1rem 1rem 0 0;
}

.pg-list_oogyu_tb_list {
    padding: 1.5rem 0rem;
}

.po_page_pg-list_oogyu li:last-child {
    border-bottom: 0px solid #f5f5f5;
}



/*　==============================　企業情報　==============================　*/

/*　企業情報トップ　*/

.com_top_space {
     padding-top:25vh;
}
@media screen and (max-width: 768px) {
.com_top_space {
     padding-top:25vh;
     }}
@media screen and (max-width: 480px) {
.com_top_space {
     padding-top:15vh;
     }}

/*　理念　*/

/*　左インデント - 1文字　*/
.int_left li {
    margin-left: 1rem;
    text-indent: -1rem;
}

/*　理念 - 挨拶文字のイメージ　*/
.com_img {
     margin:100px  4rem -460px 0 ;
     padding-top: 360px ;
     -moz-border-radius: 0 1rem 1rem 0 ;
     -webkit-border-radius: 0 1rem 1rem 0 ;
     -o-border-radius: 0 1rem 1rem 0 ;
     -ms-border-radius: 0 1rem 1rem 0 ;
}
@media screen and (max-width: 1024px) {
.com_img {
     margin:100px  2rem -460px 0 ;
     }}

.com_img_02 {
     margin:-200px  0 ;
     padding-top: 500px ;
     -moz-border-radius: 1rem ;
     -webkit-border-radius: 1rem ;
     -o-border-radius: 1rem ;
     -ms-border-radius: 1rem ;
}
@media screen and (max-width: 768px) {
.com_img_02 {
     margin:-180px  0 -160px 0;
     padding-top: 320px ;
     }}

@media screen and (max-width: 480px) {
.com_img , .com_img_02 {
     margin:4rem  0 4rem 2rem ;
     padding-top: 200px ;
     -moz-border-radius: 1rem 0 0 1rem ;
     -webkit-border-radius: 1rem 0 0 1rem ;
     -o-border-radius: 1rem 0 0 1rem ;
     -ms-border-radius: 1rem 0 0 1rem ;
     }}



/*　組織図　*/

.organization {
     padding-top:500px;
     margin: -1rem 2rem 7rem 2rem;
}
@media screen and (max-width: 1024px) {
.organization {
     padding-top:400px;
     margin: -2rem 2rem 5rem 2rem;
     }}
@media screen and (max-width: 768px){
#archiveBoxesC4-cardA .archiveBoxesC4-cardA-list {
     width: 48%;
     margin: 0 2% 7% 0!important;
     }}
@media screen and (max-width: 480px) {
.organization {
     padding-top:260px;
     margin: 0 2rem 5rem 2rem;
     }}

/*　事業所・施設一覧 - イメージ　*/

.address_img {
     padding-top:360px;
     margin: 0 2rem 1rem 2rem;
}
@media screen and (max-width: 1200px) {
.address_img {
     padding-top:300px;
     }}
@media screen and (max-width: 768px) {
.address_img {
     padding-top:200px;
     }}

/*　==============================　採用情報　==============================　*/

.rec_tittle_bg {
     padding:1rem 0 36vh 0 ;
}
@media screen and (max-width: 1024px) {
.rec_tittle_bg {
     padding:2rem 0 26vh 0 ;
}}
@media screen and (max-width: 768px) {
.rec_tittle_bg {
     padding:3rem 0 21vh 0 ;
}}
@media screen and (max-width: 480px) {
.rec_tittle_bg {
     padding: 5rem 0 12rem 0;
}}

/*　トップ - 3ボタン　*/
.rec_top_btn {
     margin:-60px 0 0 0;
     padding:0 1.5rem;
}
@media screen and (max-width: 480px) {
.rec_top_btn {
     margin:0;
     padding:2rem 1.5rem 0 1.5rem;
     }}

/*　　社長　　*/

.rec_message_space {
     margin:0 2rem -200px 0;
     padding:400px 0 0 0;
     -moz-border-radius: 1rem ;
     -webkit-border-radius: 1rem ;
     -o-border-radius: 1rem ;
     -ms-border-radius: 1rem ;
}
@media screen and (max-width: 768px) {
.rec_message_space {
     margin:0 0 -200px 0;
     padding:400px 0 0 0;
     -moz-border-radius: 1rem 0 0 1rem ;
     -webkit-border-radius:  1rem 0 0 1rem ;
     -o-border-radius:  1rem 0 0 1rem ;
     -ms-border-radius:  1rem 0 0 1rem ;
     }}
@media screen and (max-width: 480px) {
.rec_message_space {
     margin:0 0 0 2rem;
     padding:240px 0 0 0;
     }}

/*　メッセージ - タイトルエリア　*/

.rec_message_text {
     padding:5rem;
     margin: 0 15%;
     color: #53b2db;
     background-color: #ffffff;
     -moz-border-radius: 1rem ;
     -webkit-border-radius: 1rem ;
     -o-border-radius: 1rem ;
     -ms-border-radius: 1rem ;
}
@media screen and (max-width: 768px) {
.rec_message_text {
     padding:5rem;
     margin: 0 10%;
     }}
@media screen and (max-width: 480px) {
.rec_message_text {
     padding:2rem;
     margin: 0 2rem;
     }}

/*　メッセージ - テキストエリア　*/
.rec_message_tittle {
     margin: 0 0 0 19%;
     }
@media screen and (max-width: 480px) {
.rec_message_tittle {
     margin: 0 0 0 2.5rem;
     }}

/*　==============================　インタビュー　==============================　*/

/*　インタビュー - トップ　*/

#archiveBoxesC4-cardA .archiveBoxesC4-cardA-list {
    width: 32%;
    margin: 0% 2% 5% 0%;
}

@media screen and (max-width: 976px) {
#archiveBoxesC4-cardA .archiveBoxesC4-cardA-list {
    width: 48%;
    margin: 0% 2% 7% 0%;
}}
@media screen and (max-width: 480px) {
#archiveBoxesC4-cardA .archiveBoxesC4-cardA-list {
    width: 100%;
    margin: 0% 0% 10% 0%;
}}

/*　インタビュー - スライドスペース　*/

.int_top_space {
     -moz-border-radius: 1rem 0 0 1rem;
     -webkit-border-radius: 1rem 0 0 1rem;
     -o-border-radius: 1rem 0 0 1rem;
     -ms-border-radius: 1rem 0 0 1rem;
     padding: 520px 0 0 0;
     margin: -300px 0 0 0;
}
@media screen and (max-width: 1024px) {
.int_top_space {
     padding: 400px 0 0 0;
     margin: -300px 0 0 0;
     }}
@media screen and (max-width: 480px) {
.int_top_space {
     margin: -7rem 0 3rem 0;
     padding: 18rem 0 0 0;
}}

/*　その他のインタビュー　*/

#archiveBoxesC4-slidecardA .archiveCardA-list-txt ,
#archiveBoxesC4-cardA .archiveCardA-list-txt {
    width: 62%;
    text-align: justify;
    background-color: rgba(34,60,107,0.9);
    border-radius: 0 1rem 0 1rem;
    margin:0 0 0 2rem;
}
@media screen and (max-width:1024px) {
#archiveBoxesC4-slidecardA .archiveCardA-list-txt ,
#archiveBoxesC4-cardA .archiveCardA-list-txt {
    width: 75%;
}}
@media screen and (max-width:480px) {
#archiveBoxesC4-slidecardA .archiveCardA-list-txt ,
#archiveBoxesC4-cardA .archiveCardA-list-txt {
    width: 55%;
}}

#archiveBoxesC4-slidecardA .archiveCardA-txt-ttl ,
#archiveBoxesC4-cardA .archiveCardA-txt-ttl {
     font-size: 0.8rem;
     letter-spacing: 0.2rem;
     padding: 2rem 0 1rem 2rem;
}

#archiveBoxesC4-slidecardA .archiveCardA-txt-read ,
#archiveBoxesC4-cardA .archiveCardA-txt-read {
    font-size: 1.4rem;
    padding: 0 0 2rem 2rem;
    font-family: serif;
    letter-spacing: 0.2rem;
}
@media screen and (max-width:480px) {
#archiveBoxesC4-slidecardA .archiveCardA-txt-read ,
#archiveBoxesC4-cardA .archiveCardA-txt-read {
    font-size: 1.6rem;
}}

#archiveBoxesC4-slidecardA .archiveCardA-list-img ,
#archiveBoxesC4-cardA .archiveCardA-list-img {
    height: 40vh;
    width: 80%;
    margin: 0 0 3rem 0;
    background-position: top;
    border-radius: 1rem 0 1rem 0;
}
@media screen and (max-width:768px) {
#archiveBoxesC4-slidecardA .archiveCardA-list-img ,
#archiveBoxesC4-cardA .archiveCardA-list-img {
    height: 30vh;
}}
@media screen and (max-width:480px) {
#archiveBoxesC4-slidecardA .archiveCardA-list-img ,
#archiveBoxesC4-cardA .archiveCardA-list-img {
    height: 45vh;
    width: 85%;
    margin: 0 1rem 2rem 4rem;
}}


/*　インタビュー - イメージ　*/

.int_img_space {
     padding:28rem 0 0 0;
}
.int_img_L {
     margin:0 2rem -20rem 0;
}
.int_img_R {
     margin:0 0 -20rem 2rem;
}

.int_last {
     font-size:3rem;
     padding: 18rem 0 3rem 4rem ;
     margin: 5rem 1rem 3rem 1rem ;
}

@media screen and (max-width:480px) {
.int_img_space {
     padding:18rem 0 0 0;
}
.int_img_L {
     margin:0 2rem 3rem 0;
}
.int_img_R {
     margin:0 0 3rem 2rem;
}
.int_last {
     padding: 8rem 2rem 2rem 2rem ;
     margin: 5rem 1rem 3rem 1rem ;
     font-size:2.2rem;
}}


/*　ワイド - 12カラム　*/

.int_area_wide , .bus_area_wide {
     margin: auto!important;
}

@media screen and (min-width:1601px) {
.int_area_wide , .bus_area_wide {
     width: calc(100% - 35%);
     }}
@media screen and (max-width:1600px) {
.int_area_wide , .bus_area_wide {
     width: calc(100% - 25%);
     }}
@media screen and (max-width:1200px) {
.int_area_wide , .bus_area_wide {
     width: calc(100% - 15%);
     }}
@media screen and (max-width:768px) {
.int_area_wide , .bus_area_wide {
     width: calc(100% - 10%);
     }}
@media screen and (max-width:480px) {
.int_area_wide , .bus_area_wide {
     width: 100%;
     }}


/*　名前 - 部分　*/

@media screen and (min-width:769px) {
.int_name_position {
     width: calc(100% - 20%);
     margin-left: auto!important;
  }}
@media screen and (max-width:768px) {
.int_name_position {
     width: calc(100% - 30%);
     margin-left: auto!important;
  }}
@media screen and (max-width:480px) {
.int_name_position {
     width: calc(100% - 2rem);
     margin-left: auto!important;
  }}

.int_name_eiji {
     font-size: 4rem;
     line-height: 5rem;
     padding: 1rem 0 ;
}

@media screen and (max-width:1200px) {
.int_name_eiji {
     font-size: 3.5rem;
     line-height: 4.5rem;
  }}
@media screen and (max-width:1024px) {
.int_name_eiji {
     font-size: 3rem;
     line-height: 4rem;
  }}
@media screen and (max-width:768px) {
.int_name_eiji {
     font-size: 2rem;
     line-height: 3rem;
  }}


/*　メインコピー　*/

.int_main_copy {
     color: #223b6b;
     position: relative;
     padding: 0 0 3rem 0 ;
     margin-left: auto!important;
}

@media screen and (min-width:1601px) {
.int_main_copy {
     width: calc(100% - 37%);
     font-size:4rem;
     }}
@media screen and (max-width:1600px) {
.int_main_copy {
     width: calc(100% - 31%);
     font-size:3.6rem;
     }}
@media screen and (max-width:1400px) {
.int_main_copy {
     width: calc(100% - 25%);
     font-size:3.4rem;
     }}
@media screen and (max-width:1200px) {
.int_main_copy {
     width: calc(100% - 10%);
     font-size:3.2rem;
     }}
@media screen and (max-width:768px) {
.int_main_copy {
     width: calc(100% - 2rem);
     font-size:3rem;
     }}
@media screen and (max-width:480px) {
.int_main_copy {
     font-size:2.4rem;
     padding: 0 0 1rem 0 ;
     }}


/*　==============================　募集要項　==============================　*/

/*　募集要項ボタン　*/

.home_img_btn .fs_btn_text_main,
.guideline_img_btn .fs_btn_text_main,
.guideline_btn .fs_btn_text_main {
    font-size: 1.2rem;
    letter-spacing: 0.2rem;
    margin-left: 1.2rem;
}

.home_img_btn .fs_btn_text_sub ,
.guideline_img_btn .fs_btn_text_sub ,
.guideline_btn .fs_btn_text_sub {
    font-size: 0.8rem;
    letter-spacing: 0.1rem;
}

.home_img_btn .fs_btn ,
.guideline_img_btn .fs_btn {
    background-color: rgba(83,178,219,0.85);

}

.home_img_btn .fs_btn:hover ,
.guideline_img_btn .fs_btn:hover {
    background-color: rgba(83,178,219,0.55);
    border-radius: 2rem;
}

.home_img_btn .fs_btn ,
.home_img_btn ,
.guide_btn .fs_btn ,
.guideline_btn .fs_btn ,
.guideline_img_btn .fs_btn ,
.guideline_img_btn {
    border-radius: 1rem;
        transition:0.5s!important;
}
.home_img_btn .fs_btn:hover ,
.home_img_btn:hover ,
.guide_btn .fs_btn:hover ,
.guideline_btn .fs_btn:hover ,
.guideline_img_btn .fs_btn:hover ,
.guideline_img_btn:hover  {
    border-radius: 3rem;
    transition:0.5s!important;
}

.home_img_btn .fs_btn_text {
padding:2rem 0; }

.guideline_img_btn .fs_btn_text {
padding:4rem 0; }

/*　募集要項 - ポジション　*/

.rec_list {
     position: relative;
     margin:-89px 0 0 0;
     -moz-border-radius: 1rem 0 0 1rem ;
     -webkit-border-radius: 1rem 0 0 1rem ;
     -o-border-radius: 1rem 0 0 1rem ;
     -ms-border-radius: 1rem 0 0 1rem ;
}
.rec_jap {
     border-bottom: 1px solid #009fe8;
}
@media screen and (max-width: 480px){
.rec_list {
     margin:0 0 0 2rem;
}
.rec_jap {
     border-bottom: 0px solid #009fe8;
}}


/*　募集要項 - テーブル　*/
.guideline_wrapper{
   /* width: calc(100% - 5%);*/
}
.guideline_item {
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%;
}
.guideline_item dt{
padding: 2rem 1rem 2rem 0rem;
width: 160px;
border-top: 1px solid #f5f5f5;
position: relative;
font-weight: bold;
font-size:0.9rem;
color:#53b2db;
text-align: center;
}
.guideline_item dd{
text-align: justify;
line-height: 1.7rem;
padding: 1.8rem 0rem 1.8rem 1rem ;
width: calc(100% - 160px);
border-top: 1px solid #f5f5f5;
}
@media screen and (max-width: 768px){
/*.guideline_wrapper{
    width: 100%;
}*/
.guideline_item {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.guideline_item dt{
font-size: 95%;
font-weight: bold;
padding: 2rem 2rem 0.5rem 2rem;
width: calc(100% - 4rem);
border-top: 0px solid #ffffff;
text-align: justify;
}
.guideline_item dt:after{
content: "";
display: block;
line-height: 0;
overflow: hidden;
position: absolute;
left: 0;
top: -1px;
width: 100%;
border-top: 1px solid #f5f5f5;
}
.guideline_item dt:after:first-child {
border-top: 0px solid #f5f5f5;
}
.guideline_item dd{
font-size: 1rem;
padding: 0rem 2rem 2rem 2rem;
width: calc(100% - 4rem);
border: none;
}
}
@media screen and (max-width: 480px){
.guideline_wrapper{
    width: 100%;
    margin: 0rem auto 0 auto!important;
}
}

/*　募集要項下部 - お問い合わせ　*/

/*　イメージスペース　*/
.guideline_contact_space {
 padding-top:400px;
}
@media screen and (max-width: 1200px){
.guideline_contact_space {
     padding-top:300px;
}}
@media screen and (max-width: 768px){
.guideline_contact_space {
     padding-top:200px;
}}

/*　コンタクトボタン - about-culture-member　*/
.guideline_contact_btn .fs_btn_text_main ,
.acm_btn .fs_btn_text_main 
{
    font-size:1.6rem;
    letter-spacing:0.2rem;
}

.guideline_contact_btn .fs_btn {
    width: 540px;
}
@media screen and (max-width: 768px){
.guideline_contact_btn .fs_btn {
    width: 100%;
}}

/*　==============================　お知らせ　==============================　*/

/*　フォント - カラー　*/

#pt101-1Parent , #pt102-1Parent {
     color: #223b6b;
}

/*　ニュース - リスト　*/

.latest_news_list #fsInfoBlock dl {
    border-bottom: 1px solid #ededed;
}
.latest_news_list #fsInfoBlock dl:last-child {
    border-bottom: 0px solid #ededed;
}

.latest_news_list #fsInfoBlock dd {
    border-left: 0px solid #bbb;
    padding-left: 0%;
}

.latest_news_list #fsInfoBlock a ,
.latest_news_list #fsInfoBlock .entryData {
    font-weight: bold;
}

@media screen and (max-width: 480px) {
.latest_news_list #fsInfoBlock .entryData ,
.latest_news_list #fsInfoBlock dd {
    width: 100%;
}}

/*　———　表彰 - リスト　———　*/

#fsInfoBpager .numbers {
    background: #53b2db;
}

#fsInfoBpager .currentPage {
     background: #f5f5f5;
     color:233b6c;
}

#fsInfoBpager .ccm-page-left a, #fsInfoBpager .ccm-page-right a {
    background: #53b2db;
}

/*　———　シェアボタン　———　*/

.fs-snsbutton-color1 .twitter-btn-icon,
.fs-snsbutton-color1 .facebook-btn-icon ,
.fs-snsbutton-color1 .line-btn-icon{
    background-color: #53b2db;
    color:#fff;
}

.fs-snsbutton-color1 .twitter-btn-icon:hover ,
.fs-snsbutton-color1 .facebook-btn-icon:hover ,
.fs-snsbutton-color1 .line-btn-icon:hover{
    background-color: #fff;
        transition:0.5s;
    background-color: #009fe8;
}

/*　==============================　お問い合わせ　==============================　*/


.formBlockSurveyTable dl dd select {
    vertical-align: middle;
    width: 99%;
    border-radius: 1rem;
    padding: 1rem;
    border: 0px solid #f5f5f5;
}

.formBlockSurveyTable dl dt {
    text-align: left;
    width: 100%;
    margin-right: 0%!important;
    font-weight: bold;
    font-size: 1rem;
    margin-top: 1rem;
    padding: 2px 0 0.5% 1rem;
}
.formBlockSurveyTable dl dd {
    text-align: center;
    width: 100%;
}
.formBlockSurveyTable dl {
    padding: 0.5% 0;
}
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
    width: 96%;
    resize: none;
    border-radius: 0;
    padding: 1rem;
    border: 0px solid #f5f5f5;
    border-radius: 1rem;
}

/*　ボタン　*/

.formBlockSubmitButton {
    width:180px!important;
    text-align:center!important;
    background-color: #53b2db!important;
    color:#fff;
    border:1px solid #53b2db!important;
}
@media screen and (max-width: 480px) {
.formBlockSubmitButton {
    width:100%!important;
}}
.formBlockSubmitButton:hover {
    transition:0.6s;
    background-color: #009fe8!important;
    border:1px solid #009fe8!important;
    color:#fff;
}
.on-pointer input {
    cursor: pointer;
}
@media screen and (max-width: 498px) {
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
    width: 100%;
}
}


/*　==============================　共通タイトル　==============================　*/

.tittle_text_bg {
     -moz-border-radius: 0 1rem 1rem 0;
     -webkit-border-radius: 0 1rem 1rem 0;
     -o-border-radius: 0 1rem 1rem 0;
     -ms-border-radius: 0 1rem 1rem 0;
     /*background-color: #223b6b #fff;*/
     padding:10rem 0 ;
     margin:0 3rem 0 0;
}

.tittle_img_bg , .tittle_img_bg_02 {
     -moz-border-radius: 1rem 0 0 1rem;
     -webkit-border-radius: 1rem 0 0 1rem;
     -o-border-radius: 1rem 0 0 1rem;
     -ms-border-radius: 1rem 0 0 1rem;
     padding: 400px 0 0 0;
}
.tittle_img_bg {
     margin: -300px 0 5rem 0;
}
.tittle_img_bg_02 {
     margin: -300px 0 0 0;
}

.tittle_img_bg_width {
         width: calc(100% - 40%);
         margin-left: auto!important;
}

@media screen and (max-width: 480px) {
.tittle_text_bg {
     padding: 4rem 0 10rem 0;
     margin:0 2rem 0 0;
}
.tittle_img_bg , .tittle_img_bg_02 {
     margin: -7rem 0 3rem 2rem;
     padding: 17rem 0 0 0;
}
.tittle_img_bg_width {
         width: calc(100% - 0rem);
}}

.tittle_text {
     color: #223b6b;
     position: relative;
}

@media screen and (min-width:1701px) {
.tittle_text  {
   width: calc(100% - 20%);
  margin-left: auto!important;}}
@media screen and (max-width:1700px) {
.tittle_text  {
   width: calc(100% - 18%);
  margin-left: auto!important;}}
@media screen and (max-width:1500px) {
.tittle_text  {
   width: calc(100% - 16%);
  margin-left: auto!important;}}
@media screen and (max-width:1400px) {
.tittle_text  {
   width: calc(100% - 10%);
  margin-left: auto!important;}}
@media screen and (max-width:1200px) {
.tittle_text  {
   width: calc(100% - 0%);
  margin-left: auto!important;}}


/*　==============================　背景　==============================　*/

.contents_position {
    margin:-100px 0 0 0;
    padding-top:175px;
    background:#f5f5f5;
}
@media screen and (max-width:480px) {
.contents_position {
    margin:-100px 0 0 0;
    padding-top:105px;
}}

/*　==============================　ヘッダー　==============================　*/

header {
    box-shadow: 0px 4px 4px -1px rgba(0,0,0,0.1);
   /* position: relative;*/
}


/*　ホーム - リクルートトップ用ヘッダー　*/
.body-pt001 #header-2Parent ,
.body-pt005 #header-2Parent {
     display:none;
}

/*　PC - ナビ　*/

.h_pc_navi .fsNavMenuList li a {
    padding: 3.2rem 0 0 0!important;
    margin-right:2rem!important;
}
@media screen and (max-width: 1400px) {
.h_pc_navi .fsNavMenuList li {
     font-size: 0.8rem!important;
}}
@media screen and (max-width: 1200px) {
.h_pc_navi .fsNavMenuList li a {
    margin-right:1.5rem!important;
}}

.h_pc_navi a {
  position: relative;
  display: inline-block;
  transition: .3s;
}
.h_pc_navi a::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 0;
  height: 5px;
  background: #53b2db;
  transition: .3s;
}
.h_pc_navi a:hover::after {
  width: 100%;}


/*　TOP - logo　*/

#top_logo .fs_btn {
     padding-top: 3rem;
}
#top_logo {
     margin:1.5rem 3rem 1.5rem 0;
}

@media screen and (max-width: 1200px) {
#top_logo {
     margin:1.5rem 1rem;
     background-position: center!important;
}}

@media screen and (max-width: 768px) {
#top_logo .fs_btn {
     padding-top: 3rem;
}
#top_logo {
     margin:1rem;
}}

@media screen and (max-width: 480px) {
#top_logo .fs_btn ,
.h_logo_white .fs_btn {
     padding-top: 3rem!important;
}
#top_logo ,
.h_logo_white {
     margin:1.5rem!important;
     background-position: left!important;
}}

/*　--------------------　SP用（Fatナビ）に関する設定　--------------------　*/

.fat-nav  {
    background: rgba(83,178,219,0.98);
}
.fat-nav li {
    list-style-type: none;
    text-align: left;
    padding: 0 0 1.2rem 0;
    font-size: 1.2rem;
    border-bottom: none;
    border-bottom: 0px solid #53b2db;
}

.fat-nav ul {
    padding: 0 0 10rem 5rem;
}

.sp_h_navi .fat-nav li:first-child .sub_title  {
    display: none!important;
}

.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after ,
.hamburger.active .hamburger__icon:after, .hamburger.active .hamburger__icon:before
 {
     background: #003f82;
}

.body-pt001 .hamburger .hamburger__icon,.body-pt001 .hamburger .hamburger__icon:before, .body-pt001 .hamburger .hamburger__icon:after ,
.body-pt001 .hamburger.active .hamburger__icon:after, .body-pt001 .hamburger.active .hamburger__icon:before ,
.body-pt005 .hamburger .hamburger__icon,.body-pt005 .hamburger .hamburger__icon:before, .body-pt005 .hamburger .hamburger__icon:after ,
.body-pt005 .hamburger.active .hamburger__icon:after, .body-pt005 .hamburger.active .hamburger__icon:before
 {
     background: #fff;
}

.hamburger.active .hamburger__icon:after, .hamburger.active .hamburger__icon:before {
    background-color: #fff;
}

.fat-nav{
    background-image: url(../../../../files/4315/8383/4299/ogyu_sp_navi_bg.jpg);
    background-position: bottom;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
}

.fat-nav li p{
    color:#fff;
}
.topfix_A {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
}
.topfix_B {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
}

.body-pt001 .topfix_B , 
.body-pt005 .topfix_B  {
     color:#fff!important;
}

/*　==============================　フッター　==============================　*/

footer {
    padding-top: 3rem;
}
@media screen and (max-width: 480px) {
footer {
    padding-top: 1rem;
    background-color: #f5f5f5!important;
}}

/*　ホーム用フッター　*/
.body-pt001 .pagetop_btm {
     display:none;
}

/*　コンタクトボタン - ヴィクトリーナ　*/

.f_contact_btn .fs_btn {
      border-radius: 0 0 1rem 1rem;
}

.f_contact_btn .fs_btn:hover  {
    border-radius: 0 0 2rem 2rem;
    transition:0.5s!important;
}

.f_contact_btn .fs_btn {
  width: calc(100% - 20%);
  margin-right: auto;
}

.f_vic_bunner {padding:1rem 20% 0 0; }
.f_vic_bunner img{max-width:100px; }


@media screen and (max-width: 1200px) {
.f_contact_btn .fs_btn { width: calc(100% - 10%);}
.f_vic_bunner {padding:1rem 10% 0 0; }
.f_vic_bunner img{max-width:80px; }
}
@media screen and (max-width: 480px) {
.f_contact_btn .fs_btn { width: calc(100% - 4rem); margin: 2rem 0 1rem 2rem; border-radius: 1rem;}
.f_vic_bunner {padding:1rem 0 2rem 0; }
}

/*　　お知らせ - ボタン　　*/

.f_info_btn_01 .fs_btn {
     border-top:2px solid #53b2db!important;
}
.f_info_btn_02 .fs_btn {
     border-radius: 0 0 0 1rem!important;
}

.f_info_btn .fs_btn {
     width: 300px;
}

@media screen and (max-width: 1024px) {
.f_info_btn .fs_btn {
     width: 200px;
}}

/*　左側 - 背景　*/

@media screen and (min-width: 481px) {
#footer-1-1 , #footer-2-1 , #footer-3-1 , #footer-4-1 , #footer-4-1 {
     background: #233b6c;
}}

#footer-1-1 {
     -moz-border-radius: 0 2rem 0 0;
     -webkit-border-radius: 0 2rem 0 0;
     -o-border-radius: 0 2rem 0 0;
     -ms-border-radius: 0 2rem 0 0;
}

/*　フッターロゴに関する設定　*/
@media screen and (min-width: 769px) {
.f_logo .fs_btn {
    padding: 1.4rem 0;
}
.f_logo {
    background-position: right;
}}

@media screen and (max-width: 768px) {
.f_logo .fs_btn {
padding: 1.2rem 0;
}}

@media screen and (max-width: 480px) {
.f_logo .fs_btn {
padding: 1.4rem 0;
}
.f_logo {
    background-position: left;
}}

/*　———　フッター用サイトマップ　———　*/

.f_navi .fsNavMenuList li:first-child ,
.f_navi .fsNavMenuList li:nth-child(8) {
     display:none;}

.f_navi .fsNavMenuList li a {
    padding: 1rem !important;
}
@media only screen and (max-width: 1000px) {
.f_navi .fsNavMenuList li a {
    padding: 1rem 0 0 1rem !important;
}}
@media only screen and (max-width: 480px) {
.f_navi .fsNavMenuList li {
     width: 46%!important;
     background-color: #223c6b!important;
     border-radius: 0.5rem;
     margin:1px!important;
}
.f_navi .fsNavMenuList li a {
     color:#fff;
     padding: 1.5rem 0.5rem!important;
}
.f_navi {
     text-align: center!important;
}
.f_navi ul.slimmenu li a {
    font-weight: bold;
    text-shadow: 0 0 0 rgba(255,255,255,0.2);
}
}

@media only screen and (min-width: 481px){
.space_none {
     display:none;
}}


/*　———　ページトップボタン　———　*/

@media screen and (max-width: 480px) {
.pagetop_btm{
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}}

@media screen and (min-width: 481px) {
.pagetop_btm .fs_btn{ padding: 0.5rem 0; width: 70px;}}
@media screen and (max-width: 480px) {
.pagetop_btm .fs_btn{ padding: 0.6rem 0; width: 50px;}}


/*　パンくずリスト　*/
.fs_breadcrumb { letter-spacing: 0.1rem; }
@media screen and (max-width: 480px) {
.fs_breadcrumb { letter-spacing: 0.05rem; }}

/*　==============================　大給くん　==============================　*/

.sitepolicy_ogyukun {
     padding-top:240px;
     margin:-160px 0 3rem 0;
}
@media screen and (max-width: 1024px) {
.sitepolicy_ogyukun {
     padding-top:120px;
     margin:-60px 0 3rem 0;
}}


/*　==============================　文字に関する設定　==============================　*/

.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}
.space_05{
    letter-spacing: 0.05rem;
}
.space_1{
    letter-spacing: 0.1rem;
}
.space_2{
    letter-spacing: 0.2rem;
}
.space_3{
    letter-spacing: 0.3rem;
}
.space_4{
    letter-spacing: 0.4rem;
}

/*　Googlefont　*/

.eiji {
  font-family: 'Montserrat', /*'Noto Sans Japanese',*/  游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.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: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.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: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.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;
}

/*　==============================　デフォルト　==============================　*/

a { text-decoration:none; }

h1 , h2 , h3 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    margin-top: 0px;
}

hr {
     border-top: 1px solid #f0f0f0;
}

/*　———　ホバー時半調　———　*/

.hover_opacity a:hover{
    opacity: 0.6;
    transition:0.6s;
}

.hover_opacity_img img:hover {
    opacity:0.7;
    transition:0.6s;
}


/* ----------　ポジションリラティブ　---------- */

.pos_rel{position: relative;}

/*　———　telリンク - スマホ版のみ　———　*/

@media screen and (min-width: 768px) {
a[href^="tel:"] {
	pointer-events: none;
}
}

/*　———　マルチイメージ、スリックスライドのポインター無　———　*/
.cuosor {
  pointer-events: none ;
  cursor: default ;
}

/*　———　SP版センター　———　*/

@media screen and (max-width: 480px) {
     .sp_center {  text-align: center!important; }}

/*　———　SP版左　———　*/

@media screen and (max-width: 480px) {
     .sp_left {  text-align: justify!important; }}

/*　———　タブレット縦版左　———　*/

@media screen and (max-width: 768px) {
     .tb_left {  text-align: justify!important; }}

/*　———　SP版右　———　*/

@media screen and (max-width: 480px) {
     .sp_right {  text-align: right!important; }}

/*　———　スマホ時改行なし　———　*/
@media screen and (max-width: 480px){
.sp_br_none br { display:none; }}
/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 480px){
.sp_br br { display:none;}}

/*　———　タブレット縦時改行あり　———　*/
@media only screen and (min-width: 769px){
.tb_br br { display:none;}}

/*　———　タブレット縦時改行なし　———　*/
@media screen and (max-width: 768px){
.tb_br_none br { display:none; }}

/*　スマホ時バックグラウンドイメージ非表示　*/
@media screen and (max-width: 480px) {
.sp_bg_none{background-image: none!important; }}

/*　スマホ時バックグラウンドイメージ表示　*/
@media screen and (min-width: 481px) {
.sp_bg_show{background-image: none!important; }}

/*　タブレット縦時バックグラウンドイメージ非表示　*/
@media screen and (max-width: 768px) {
.tb_bg_none{background-image: none!important; }}

/*　タブレット横時バックグラウンドイメージ非表示　*/
@media screen and (max-width: 1024px) {
.tb_bg_w_none{background-image: none!important; }}

/*　タブレット横時スクロール　*/
@media screen and (max-width: 1024px) {
.tb_bg_scroll{background-attachment: scroll!important; }}

/*　タブレット時カバー　*/
@media screen and (max-width: 1024px) {
.tb_bg_cover{background-size: cover!important; }}

/*　タブレット時コンテイン　*/
@media screen and (max-width: 768px) {
.tb_bg_contain{background-size: contain!important; }}


/*　==============================　レイアウトポジション　==============================　*/

/*　80%中央寄せ　*/
@media screen and (min-width:1281px) {
.w80_center {
   width: calc(100% - 20%);
  margin: auto!important;}}

/*　90%中央寄せ　*/
@media screen and (min-width:1281px) {
.w90_center {
   width: calc(100% - 10%);
  margin: auto!important;}}

/*　85%右寄せ　*/
@media screen and (min-width:1281px) {
.w85_right {
   width: calc(100% - 15%);
  margin-left: auto!important;}}

/*　80%右寄せ　*/
@media screen and (min-width:1281px) {
.w80_right {
   width: calc(100% - 20%);
  margin-left: auto!important;}}

/*　85%左寄せ　*/
@media screen and (min-width:1281px) {
.w85_left {
   width: calc(100% - 15%);
  margin-right: auto!important;}}

/*　90%右寄せ　*/
@media screen and (min-width:1281px) {
.w90_right {
   width: calc(100% - 10%);
  margin-left: auto!important;}}

/*　80%左寄せ　*/
@media screen and (min-width:1281px) {
.w80_left {
   width: calc(100% - 20%);
  margin-right: auto!important;}}

/*　90%左寄せ　*/
@media screen and (min-width:1281px) {
.w90_left {
   width: calc(100% - 10%);
  margin-right: auto!important;}}

/*　———　ボーダーラディウス　———　*/

.border-radius_top {
     -moz-border-radius: 1rem 1rem 0 0;
     -webkit-border-radius: 1rem 1rem 0 0;
     -o-border-radius: 1rem 1rem 0 0;
     -ms-border-radius: 1rem 1rem 0 0;
}

.border-radius_bottom {
     -moz-border-radius: 0 0 1rem 1rem;
     -webkit-border-radius: 0 0 1rem 1rem;
     -o-border-radius: 0 0 1rem 1rem;
     -ms-border-radius: 0 0 1rem 1rem;
}

.border-radius_all {
     -moz-border-radius: 1rem;
     -webkit-border-radius: 1rem;
     -o-border-radius: 1rem;
     -ms-border-radius: 1rem;
}

.border-radius_right {
     -moz-border-radius: 0 1rem 1rem 0;
     -webkit-border-radius: 0 1rem 1rem 0;
     -o-border-radius: 0 1rem 1rem 0;
     -ms-border-radius: 0 1rem 1rem 0;
}

.border-radius_left {
     -moz-border-radius: 1rem 0 0 1rem ;
     -webkit-border-radius: 1rem 0 0 1rem ;
     -o-border-radius: 1rem 0 0 1rem ;
     -ms-border-radius: 1rem 0 0 1rem ;
}

/*　==============================　編集時 - margin　==============================　*/

.ccm-edit-mode .home_contents_area ,
.ccm-edit-mode .bus_top_btn ,
.ccm-edit-mode .rec_top_btn ,
.ccm-edit-mode .rec_list ,
.ccm-edit-mode .contents_position ,
.ccm-edit-mode .work_serch ,
.ccm-edit-mode .tittle_img_bg ,
.ccm-edit-mode .tittle_img_bg_02 ,
.ccm-edit-mode .com_img_02  {
     margin-top: 0rem!important;
}

.ccm-edit-mode .com_img ,
.ccm-edit-mode .com_img_02
{
     margin-bottom: 0rem!important;
}

/*　202404 HOME 動画追加　*/
.home_movie { padding:0 2rem; margin:0 10%; }
.home_movie_area { background:#009FE8; padding:5rem 0;  margin:0; border-top:2px solid #fff; } 

.anni_logo img { max-width:420px; }
.anni_logo { margin:0 3rem 2rem 3rem; }

.player-wrap { padding-bottom: 56.5%; }
.player-wrap iframe {
    width: calc(100% - 6px) !important;
    height: calc(100% - 6px) !important;
    border-radius: 1rem;
    border: 3px solid #fff;
}

@media screen and (max-width:768px) {
.home_movie { margin:0 3rem; }
}

@media screen and (max-width:480px) {
.home_movie { margin:0; }
}
