@charset "UTF-8";
/* CSS Document */

/* **ソートリスト**
1__全体設定
2__ページ設定
3__プラグイン制御
*/
@media screen and (min-width: 768px){
/* -基本設定- */
.sp{display:none !important;}



}

@media screen and (max-width:767px){
/*font-size*/
.kaso_visual h2 .jp{font-size:24px;}
.kaso_section_title02,
.kaso_section_title{font-size:19px;}
.pull01 > ul > li > .que > .title,
.flow_list01 .flow_list_box .title p,
.message_list01 ul li{font-size:18px;}
.kaso_visual h2 .en{font-size:16px;}
.pull01 > ul > li > .ans,
.float_list li,
.content_block01 .mov p.caption,
.content_block02 .desc p,
.content_block01 .desc p{font-size:15px;}
.flow_list01 .flow_list_box .desc p{font-size:14px;}
.link_area a,
#page_nav ul li a,
.facility_table01 table td,
.facility_table02 table caption,
.facility_table02 table tbody td,
.flow_list03 .flow_list_box .img.flex_img .inner_img{font-size:13px;}
.subnav > ul > li > a span{font-size:12px;}

/*============================
#1__全体設定
============================*/
/* -基本設定- */
h1{display:none;}
body{min-width:0;padding:60px 0 0 0;}
.pc{display:none !important;}
select,
input{width:100%;box-sizing:border-box;}

/* -header- */
header{min-width:0;width:50%;position: fixed;z-index: 6;}
header.on{}
header .header_inner_block{}
header .header_inner_block .logo,
header > .header_inner_block > .logo{width:100px;padding:9px 10px;float:none;}
header > .header_inner_block > .cv_btn{position:absolute;top:0;float:none;left:110px;top:15px;padding:0;display:none;}

/* -nav- */
nav{width:100%;top:0;height:60px;position: fixed;z-index:5;background:#FFF;border-bottom:2px solid #38519e;}
#gnav.open {overflow: scroll;height:100%;}
#gnav > ul{width:100%;display: none;position: absolute;background:#FFF;border-top:2px solid #38519e;z-index: 3;top:60px;z-index:0;}
#gnav.open > ul{display:block;padding:0;position: absolute;}
#gnav.open > ul > li{float: none;display:block;border-bottom:1px solid #CCC;margin:0;padding:0px;}
#gnav.open > ul > li > a{position:relative;color: #000;text-indent: 2em;line-height:60px;}
#gnav.open > ul > li > a:before{content:"";display:block;
position:absolute;top:42%;left: inherit;right: 23px;border-top: 1px solid #38519e;border-right: 1px solid #38519e;background: none;transform: rotate(45deg);width: 10px;height: 10px;}
.menu-trigger_wrap{position: fixed;top: 13px;right: 20px;margin: auto;height:auto;text-align: center;width:auto;z-index: 1;}
.menu-trigger_wrap span{}
.menu-trigger_wrap .menu{ font-size:10px;display: inline-block;position: absolute;bottom: -15px;-moz-transform: scale(0.9);-ms-transform: scale(0.9);-o-transform: scale(0.9);transform: scale(0.9);-webkit-transform: scale(0.9);font-weight: bold;right: -4px;}
.menu-trigger_wrap p{font-size:14px;color:#38519e;font-weight:bold;}
.menu-trigger_wrap a{ position:relative;}
.menu-trigger_wrap a:before{ position:absolute; content:"";width: 250%;height: 250%;left: -75%;top: -75%;}
.menu-trigger_wrap a,
.menu-trigger_wrap a span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger_wrap a {position: relative;width: 25px;height: 18px;}
.menu-trigger_wrap a span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #38519e;border-radius: 4px;}
.menu-trigger_wrap a span:nth-of-type(1) {top: 0;}
.menu-trigger_wrap a span:nth-of-type(2) {top: 50%;margin: -1px 0 0 0;}
.menu-trigger_wrap a span:nth-of-type(3) {bottom: 0;}

.open .menu-trigger_wrap a span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-315deg);
  transform: translateY(8px) rotate(-315deg);
  }
.open .menu-trigger_wrap a span:nth-of-type(2) {opacity: 0;}
.open .menu-trigger_wrap a span:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(315deg);
  transform: translateY(-8px) rotate(315deg);
  }
/* nav > ul > li.on > .sub_menu{display:block;}*/
nav > ul > li .sub_menu{display: none!important;padding:0 0 1px 0;}
nav > ul > li.on .sub_menu{display: block!important;}
nav > ul > li > .sub_menu{background:#f0f0f0;position:inherit;width:auto;padding:0;transform:none;}
nav > ul > li > .sub_menu a{color:#38519e;}
nav > ul > li > .sub_menu > .title{width:auto;display:none;}
nav > ul > li > .sub_menu > .top_link{width: 100%;position: static;transform: none;display:flex;justify-content: center;align-items: center;padding:0;}
nav > ul > li > .sub_menu > .top_link a{line-height: 35px;margin:0;font-size:12px;margin:2px 1px;}
nav > ul > li > .sub_menu > .top_link a:nth-child(1){margin-left:2px;}
nav > ul > li > .sub_menu > .top_link a:nth-child(2){margin-right:2px;}
nav > ul > li > .sub_menu > .bottom_link{width:auto;display: none;}
nav > ul > li > .sub_menu > ul{width:auto;}
nav > ul > li > .sub_menu > ul > li{width:auto!important;float:none;height: auto !important;margin:0;line-height:40px;border:none;border-bottom:1px solid #fff;margin:0 !important;}
nav > ul > li > .sub_menu > ul > li:last-child{border:none;}
nav > ul > li > .sub_menu > ul > li > a{text-indent: 2em;text-align: left;}
nav > ul > li > .sub_menu > ul > li > a span{position:static;transform: none;font-size: 13px;color:#000}
nav > ul > li > .sub_menu > ul > li > a span br{display:none;}

nav > ul > li > .sub_menu > ul > li.nx_ar:after{display:none;}

/* -main- */
.main_visual{height:80vh;}
.main_visual > .mov{width:auto;}
.main_visual > .layer{}
.main_visual > .layer > .text{width:auto;}
.main_visual > .layer > .text .bottom,
.main_visual > .layer > .text .top{padding:0 30px;}
/* -section- */
#body section .section_inner_block{width:92.5%;margin:0 auto;padding:60px 0;}
.section_title > span.en{letter-spacing: 0;}
/* -pankuzu- */

/* -footer- */
.footer_inner_block{width:92.5%;margin:0 auto;padding:0 0 30px 0;}
.footer_list > li{float:none;margin:0 0 30px 0;width:auto;}
.footer_list > li:nth-child(2){width:auto;}
.footer_logo_area{position:static;text-align: center;}
.footer_bottom_list ul li{line-height: 30px;margin:0 0 10px 0;}
.footer_logo_area .copyright{font-size:10px;text-align:center;}
/*============================
#2__ページ設定
============================*/
/* -各セクションごとの設定- */

/*.link_list{overflow: scroll;display: block;}
.link_list ul{width:680px;position: relative;left: 68px;z-index:1;}
.link_list ul li{padding:30px;background-size:cover !important;}*/
.link_list{display:block;}
.link_list ul li{margin:0;    background-size: cover!important;width:100vw;padding:0;height: 92vw;}
.link_list ul li a{margin:0 auto;height:auto;width:80vw;height:80vw;top: 6vw;left:6vw;vertical-align: middle;display: table-cell;}
.link_list ul li a img{margin:0 auto;width:100px;padding:10px;}

	#page_nav ul li a{padding:0 5px 6px 5px;line-height: 30px;}

.news_block_wrap{width:auto;}
.news_block_wrap .news_block{width:92.5%;float:none;margin:0 auto;}
.news_list li p span.date,
.news_list li a span.date{display:block;margin:0 0 10px 0;float:none;}
	.news_list li p span.title, .news_list li a span.title{
    padding: 0;
}
.news_list li p span.title,
.news_list li a span.title{float:none;width:auto;display:block;}
.news_block_wrap .bnr_block{float:none;width:92.5%;margin:0 auto;text-align:center;}
#news_index .news_list{width:auto;}
#top_news .bg_block{height:150px;background-size:cover !important;
    background-attachment: local;}

.facilities_block .facilities_list li{margin:0 0 50px 0;}
.facilities_block ul li .img{background-size:cover !important;}
.facilities_block .facilities_list .content{width:auto;position:static;padding:20px;transform:none;background:#F4F4F8;}
.facilities_block .facilities_list .content .desc{width:auto;}

.case_block .case_list li{float:none;margin:0 auto;}
.case_block .case_list li a{width:auto;}
.case_block .case_list li .title{padding:0 0 15px;}
.case_block .case_list li .title .name{font-size:20px;}
.case_block .case_list li .noimage img{position:static;transform: none; width: 70%; margin: 0 auto 30px auto; display: block;}
.character03,
.character02,
.character01{width:auto;}

#pankuzu{width:100%;overflow:scroll;}
#pankuzu ol li:nth-child(1) a{text-indent:1em;}

.kaso_visual{height:200px;}
.kaso_visual h2 .en{padding:0 0 8px;margin:0 0 8px;}
.kaso_visual h2 .jp{margin:0;letter-spacing: 2px;}
.kaso_visual .desc{display:none;}

.content_block01 .desc{margin:0 0 30px 0;}
.content_block01 .desc p{text-align:left;}
.content_block01 .desc p br{display:none;}
.content_block01 .desc p.taLeft br{display:block;}
.content_block01 .mov iframe{height:54vw;}
.kaso_section_title{padding: 0 0 10px;margin: 0 0 30px;letter-spacing: 0;}
.subnav > ul {display:flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.subnav > ul > li{float:none;width:120px;height: 65px;border-width: 1px;}
.subnav > ul > li > a span{top:50%;}
.subnav > ul > li > a:after,
.subnav > ul > li.on > a:after, .subnav > ul > li > a:hover:after{display:none;}
#body section .section_inner_block,
#body section:first-child .section_inner_block:first-child{padding:40px 0;}

.company_table01 > table > tbody > tr > td,
.company_table01 > table > tbody > tr > th{display:block;width:100%;box-sizing: border-box;}
.company_table01 > table > tbody > tr > td td:nth-child(1){white-space:nowrap;}

.infomation_list{width:auto;}
.infomation_list li:nth-child(2n),
.infomation_list li{float:none;width:auto;height:auto;}
.infomation_list li .img{height:auto;}
.infomation_list2{width:auto;}
.infomation_list2 li:nth-child(2n),
.infomation_list2 li{float:none;width:auto;height:auto;}

.article01 {
    font-size: 15px;
}

#page_nav{padding:15px;}
#page_nav ul{display:flex;justify-content: center;align-items: center;flex-wrap: wrap;}
#page_nav ul li{margin:5px}

.content_block01{margin:0 0 40px 0;}
.flow_list01{width:auto;}
.flow_list01 .flow_list_box{padding:0 0 0 46px;}
.flow_list01 .flow_list_box .title a,
.flow_list01 .flow_list_box .title p{letter-spacing:0;}
.flow_list01 .flow_list_box .ar:before, .flow_list01 .flow_list_box .right_area:before{left:21px;}
.flow_list01 .flow_list_box .ar:after, .flow_list01 .flow_list_box .right_area:after{ bottom: -20px;left: 17px;}
.flow_list01 .flow_list_box .left_area{width:auto;float:none;}
.flow_list01 .flow_list_box .right_area{width:auto;float:none;}
.content_block01 .mov:after{display:none;}

.content_block02 .right,
.content_block02 .left{width:auto;float:none;position: relative;z-index:1;}
.content_block02 .right{text-align:center;}
.content_block02 .desc{margin:0 0 40px;}
.content_block02 .map:before{opacity:0.25;z-index:0;top:20px;right:0;}

.link_area a{margin:0 0 10px 0;}
.facility_table02{overflow: scroll;}
.facility_table02:before{content:"※横スクロールして、閲覧できます。";display:block;font-size:14px;}
.facility_table02 table{min-width:800px;}
.facility_table01 table th,
.facility_table01 table td{display:block;width:100%;}
.facility_table01 table tr:last-child th, .facility_table01 table tr:last-child td{ border-bottom: 1px dashed #38519e;padding: 10px 0;}

.facilities_block .facilities_list .content .title{margin:0 0 20px 0;}
.gmap #map{height:300px;}
.content_block01 +.flow_list01{margin:40px auto 0 auto;}

.content_block01 .desc + .other_btn{margin:0 0 40px;}
.other_btn li{width:auto;margin:0 0 20px 0;display:block;}
.access_information_block .access_information .list li{width:auto;
    margin: 0 auto;}
	
.flow_list02{width:auto;}
.flow_list02 .flow_list_box br{display:none;}
.flow_list_img{width:auto;}
.flow_list_img p{float:none;margin:0 auto;text-align:center;margin:0 0 10px 0;}

.flow_list03 {width:auto;}
.flow_list03 .flow_list_box{margin:0 0 50px;}
.flow_list03 .flow_list_box:after{bottom:-60px;}
.flow_list03 .flow_list_box .img.flex_img .inner_img{width:46%;min-width: 0;max-width:inherit;}

.news_category_list li a{width:auto;padding:0 20px;}
.other_btn li a{line-height:60px;}
.float_list li{float:none;}
.kaso_section_title02{letter-spacing: 0;}
.pull01{padding:0;}
.pull01 > ul > li{margin:0 0 30px 0;}
.pull01 > ul > li > .que,
.pull01 > ul > li > .ans{padding:10px;}
.pull01 > ul > li > .que > .title{}
.pull01 > ul > li > .ans:before{display: none !important}
.pull01 > ul > li > .que:before{ top: -28px;color: #000;left:0;font-size:22px;}
#company_index .content_block01 .desc p br{display:none;}

#contact .contact_table th,
#contact .contact_table td{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
#contact .contact_table td{
    padding-right: 15px;
}
#contact .contact_table textarea{
    width: 100%;
    box-sizing: border-box;
}
#contact .btn{margin-bottom:10px;}
#contact .btn:last-child{margin-bottom:0;}
.sitemap_list > li{
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
}
.sitemap_inner_block{
    width: 100%;
    box-sizing: border-box;
}
.sitemap_list > li > a{
    margin: 0;
    margin-bottom: 15px;
}
.sitemap_list > li > ul > li{
    display: block;
    float: none !important;
}
.sitemap_list{
    margin-bottom: 20px;
}
.sitemap_bottom_list ul li{margin: 5px;padding-left: 0;margin-left: 0;}
.character01 > img{
    margin-left: 5px;
    width: 101px;
    margin-top: 45px;
}
.infomation_list li .txt_link{
    padding: 0;
    padding-right: 1em;
}
.list01 li{
    padding-left: 40px;
    padding-top: 0;
    margin-bottom: 10px;
}
.num_list li:after{
    left: 0;
}
body#service_ichikawa .content_block01 .desc p.taLeft img{
    float: none;
    display: block;
    margin: 0 auto !important;
}
.content_block02 .img.ecofirst_img{
	margin-right: 0
}
.content_block02 .img.ecofirst_dc{
}
.content_block02 .desc .ecofirst_dc p{
    text-align: center;
}
body#promise_ecofirst .content_block01 .desc p.taLeft{
    text-align: center;
}
body#promise_ecofirst .content_block01 .desc p.taLeft img{
	float: none;
}

#compliance_carbon #body #section03 .carbonlist ul li:nth-child(1),
#body #section01 #Environment-Minister_ecoplant .contents02 ul li:not(:last-child){padding-bottom:0.3rem;}
#body #section01 #Environment-Minister_ecoplant .contents02{margin-bottom:0;}

#promise_ecofirst #body #section02 .content_block01 .contents01{width: 20rem;}
#promise_ecofirst #body #section02 a#title.scroll_point {
 margin-top: -70px;
 padding-top: 70px;
 display: block;}

	

	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td,
*,*:before,*:after,*:hover,*:checked{}

/*============================
#3__プラグイン制御
============================*/
/* -基本設定- */

/* sns area */
.sns_block .inner_block{display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;margin:0 auto;padding: 0 5px;box-sizing: border-box;}
.sns_block a{padding:20px 0px;width:100%}
.sns_block a:last-child{
    margin-right: 0;
}
.character03 img{right:10px;top:100px;z-index:2;}
.footer_logo_area .footer_logo{margin-top:100px;}

/*20251110 お知らせ*/
.article01 .txt .flex_box{
  display: flex;
  flex-direction: column;
}
.label_flex_box{
    width: 91%;
    margin: 0 auto;
}
.article01 .txt .logo_flex_box{
  text-align: right;
  margin: auto 13px;
  margin-bottom: 30px;
}
.sp_size_logo{
    height: 100px;
    width: 100px;
}
.detail_1129_table tr td,
.detail_1129_table tr th{display: block;text-align: left;}

.beach_logo_flex_box{display:block;}
.beach_all_img_flex_box{line-height:1;}
.beach_img_flex_box .in_box img{height:180px;}
.beach_img_flex_box .in_box:nth-child(1){margin-right:10px;}
.sp_size_logo{margin:0 0 0 auto;}
}

@media screen and (max-width:320px){
}