/*
Theme Name: hiwasaki
Author:blueseven.co.jp
*/
/*要素のフォントサイズやマージン・パディングをリセット
html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
img, small, strong, b, i,
dl, dt, dd, ol, ul, li,
table, tbody, tfoot, thead, tr, th, td,
article, aside, figcaption, figure, footer, header, nav, section
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }

body{letter-spacing:0.1em;}
body{font-family: -apple-system, blinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothicM, YuGothic, Meiryo,sans-serif;}

h1,h2,h3,h4,p,a,th,td,span{font-weight:normal;}
a{text-decoration:none;}

ol, ul {list-style: none;}
*/
html{font-size:62.5%;}
body{font-size:1.6rem; line-height: 2; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
main{font-feature-settings: "palt";}

.mincho{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;}
.gothic{font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}

.text-shodow{text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF,  0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}
.drop-shadow{-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 1));-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 1));-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 1));filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 1));}
.drop-shadow2{-webkit-filter:drop-shadow(1px 3px 5px rgba(255, 255, 255, 0.2));-moz-filter:drop-shadow(1px 3px 5px rgba(255, 255, 255, 0.2));-ms-filter:drop-shadow(1px 3px 5px rgba(255, 255, 255, 0.2));filter:drop-shadow(1px 3px 5px rgba(255, 255, 255, 1));}

.page_container .page_visual .text-white{color:#FFF; -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 1));-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 1));-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 1));filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 1));}
.page_container .page_visual .text-black{color:#000;  -webkit-filter:drop-shadow(1px 3px 5px rgba(255, 255, 255, 1));-moz-filter:drop-shadow(1px 3px 5px rgba(255, 255, 255, 1));-ms-filter:drop-shadow(1px 3px 5px rgba(255, 255, 255, 1));filter:drop-shadow(1px 3px 5px rgba(255, 255, 255, 1));}
span.break:before{content: "\A";white-space: pre;}



/*全般*/
#container{width:100%; max-width:1920px; margin:0px auto;}
.header_wrap { padding: 10px 0;margin: 0px 5px;display: flex; justify-content: space-between;}
.header_logo{max-width:150px;}
.header_logo-70th{max-width:200px;}
.header_search {display: none;}
.header_wrap .search_form input[type=search] {width: calc(100% - 4em);}
.header_wrap .search_form input[type=submit]{color: #333; padding: 2px 10px; background-color: #fff; border: 1px solid #ccc; text-align: center; cursor: pointer;}


/*グローバルナビ*/
.header_nav{display:flex; align-items: flex-end; width:100%;}
.header_nav nav{width:100%;}
.header_nav .gnav {display:flex; height: 2rem; margin: 0 auto;}
.header_nav .gnav > li {/*親階層のみ幅を25%にする*/ width: 25%;}

/*全てのリスト・リンク共通*/
.header_nav .gnav li {list-style: none;position: relative;}
.header_nav .gnav li a {background: #FFF;color: #000; display: block; height: 3rem; line-height: 3rem;text-align: center;text-decoration: none; width: 100%; font-weight:bold; z-index:1;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;}

/*子階層以降共通*/
.header_nav .gnav li li {height: 0;overflow: hidden;transition: .5s;}
.header_nav .gnav li li a {}
.header_nav .gnav li:hover > ul > li {height: 3rem; overflow: visible; border-bottom:solid 1px #eee; z-index:1;}


header.front{padding-top:10px; margin-bottom:15px}
.main_img{margin:0px;}

.header_nav{display:none;}
.cp_fullscreenmenu{display:display;}


@media (min-width: 600px) {
.page_visual .text h1 {
    font-size: 2.8rem;
}
}

@media (min-width: 768px) {
  .header_nav{display:flex;}
  .cp_fullscreenmenu{display:none;}
  .header_wrap{margin:0px 15px; padding:20px 0;}
  .header_logo{max-width:256px;}
  .header_logo-70th{max-width:256px;}

  .header_wrap .header_left_wrap { max-width: 768px; width: 100%;}
  .header_wrap .header_search {display: block;}
  .header_wrap .search_form {display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; font-size: 1.4rem; margin: 0 0 10px auto; padding: 0 15px; gap: 0 10px;}
  .header_wrap .search_form > span {flex-shrink: 0;}
  .header_wrap .search_form > div {flex-grow: 1; max-width: 300px;}
}

@media (min-width: 1000px) {
  .header_wrap{margin:0px 75px;}
}


section.front_movie{position: relative; padding-bottom: 50vh; height: 0; overflow: hidden; }
.front_movie video {position: absolute;top: 0;left: 0; width:auto; height:50vh;}
video{width: 100%;height: 100%;}
.video-wrap {position: relative;}
.video-btn {content: ""; position: absolute; top:0; left:0; right:0; bottom:80px; /*コントローラー分下部に余白を*/ cursor: pointer;}

.fm_txt {position: absolute; top:30%; left: 0; right: 0; margin: auto; color:#FFF;}
.fm_txt p{letter-spacing:0.45rem; font-size:2.8rem; text-align:center; line-height:1.4;}
.fm_txt p.eng{letter-spacing:0.45rem; font-size:2.2rem;}
.effect-fade {opacity: 0; transform:translate(0, 45px); transition:all 1550ms;}


.effect-fade.effect-scroll {opacity:1; transform:translate(0, 0);}


.contactform table{width:100%; margin-bottom:25px;}
.contactform th{font-weight:normal; width:100%; display:block; text-align:left;}
th.hissu::after{content:"必須"; margin-left:10px; border-radius:5px; color:#FFF; background-color:#F00; font-size:1.0rem; padding:3px 10px;}
.contactform td, .contactform tr{padding:5px; margin-bottom:15px;}
.contactform td{width:100%; display:block;}
.wpcf7 input{width: 100%; height: 35px;}
.wpcf7 textarea[name="form-naiyo"] {width: 100%; height: 350px;}
#submit_button{font-size:14px; width:100px; height:auto; text-decoration:none; display:block; text-align:center; padding:8px 35px; color:#fff; background-color:#036738; border-radius:5px; box-shadow:none; border: 1px solid #ccc; letter-spacing:0.5rem; transition: .4s; cursor: pointer;}
#submit_button:hover {background: #B0B922;}
@media (min-width: 600px) {
  section.front_movie{padding-bottom:42.5%; height:auto;}
  .front_movie video {width:100%; height:auto;}


  .fm_txt {position: absolute;  top: 40%;  right:18%; left:auto; color:#FFF;}
  .fm_txt p{text-align:left; letter-spacing:1.0rem;}
  .fm_txt p.eng{letter-spacing:1.0rem;}
  

  .contactform th{width:40%; display:table-cell; text-align:right;}
  .contactform td{width:60%; display:table-cell;}
}

@media (min-width: 1280px) {
}


/*フロントページ*/
.front_business{width:100%; max-width:1100px; margin:0px auto; padding-top:95px; text-align:center;}
.front_business h2{font-size:2.2rem; letter-spacing:0.6rem; margin-bottom:35px;}
.front_business ul{display:flex; justify-content:center; flex-wrap: wrap; text-shadow:0px 2px 2px #000000;}
.front_business li{width:45%; max-width:355px; margin:0 1% 15px;}
.front_business li a{height:128px; display:flex; align-items: center; justify-content: center; color:#FFF; font-size:1.4rem; letter-spacing:1rem; font-weight:bold;} 
@media (min-width: 1600px) {
  .front_business{max-width:1600px;}
}

li#li_petroleum{background-image:url(https://hiwasaki.co.jp/wp-content/themes/hiwasaki/img/service_petroleum.png); background-repeat:no-repeat; background-size:cover;}
li#li_gas{background-image:url(https://hiwasaki.co.jp/wp-content/themes/hiwasaki/img/service_gas.png); background-repeat:no-repeat; background-size:cover;}
li#li_renovation{background-image:url(https://hiwasaki.co.jp/wp-content/themes/hiwasaki/img/service_renovation.png); background-repeat:no-repeat; background-size:cover;}
li#li_electricity{background-image:url(https://hiwasaki.co.jp/wp-content/themes/hiwasaki/img/service_electricity.png); background-repeat:no-repeat; background-size:cover;}
li#li_primary_industries{background-image:url(https://hiwasaki.co.jp/wp-content/themes/hiwasaki/img/service_primary_industries.png); background-repeat:no-repeat; background-size:cover;}

.front_news{margin:120px auto 0px; margin-top:60px; max-width:1200px;}
.front_news h2{text-align:center; font-size:2.2rem; font-weight:bold; letter-spacing:0.6rem; margin-bottom:35px;}

.news_list{margin:0px auto 40px; padding:0 15px; color:#333;}
.news_content{display:flex; flex-wrap:wrap;}
.news_img{display:none;}
.news_txt{width:100%; display:flex; flex-wrap:wrap; align-items: center; border-top:dotted 1px #CCC; padding:5px 0;}
.news_date{width:100%; font-size:1.4rem;}
.news_title{width:100%; font-size:1.4rem;}
.news_title a{color:#333;}
.news_link{text-align:center; margin:15px; display:flex; justify-content:center;}
.news_link a{color:#333; display:inline-block; width:100%; max-width: 240px; padding: 12px 30px 12px 30px; background-color: #fff; border: 1px solid #ccc; text-align: center; text-decoration: none;}
.news_next{margin:0 1%;}
.news_perv{margin:0 1%;}
.page_news_flex aside {padding: 0 15px;}
.page_news_flex .sidebar_item {margin-bottom: 1em;}
.page_news_flex .sidebar_item_list li a {display: flex; justify-content:space-between; align-items: center; border-bottom: dotted 1px #CCC; padding: 5px 0; width: 100%;}
.page_news_flex .sidebar_item_list li a::after {display: block; content:""; width: 7px; height: 7px; margin-right: 5px; border-right: 2px solid #28a745; border-bottom: 2px solid #28a745; transform: rotate(-45deg);}
.page_news_flex .to_archive a {display: flex; justify-content:space-between; align-items: center; border-bottom: dotted 1px #CCC; padding: 5px 0; margin-top: 2em; width: 100%;}
.page_news_flex .to_archive a::after {display: block; content:""; width: 7px; height: 7px; margin-right: 5px; border-right: 2px solid #28a745; border-bottom: 2px solid #28a745; transform: rotate(-45deg);}
.news_list .news_content:last-child .news_txt{border-bottom:dotted 1px #CCC;}
#page_news-archive .breadcrumbs {margin: 10px auto 30px;}

.front_img{margin-top:115px; position:relative;}
.fi_txt{padding:0 15px;}
.fi_txt p{color:#000; text-align:center;}
p.fi1{font-size:2.2rem; letter-spacing:0.4rem;}
p.fi2{font-size:1.4rem;}


.front_about{width:100%; max-width:1200px; margin:0px auto 300px; padding-top:120px; text-align:center;}
.front_about h2{text-align:center; font-size:2.5rem; font-weight:bold; letter-spacing:0.5rem; margin-bottom:45px;}
.front_about ul{display:flex; justify-content:center; flex-wrap: wrap; text-shadow:0px 2px 2px #000000;}
.front_about li{width:45%; max-width:355px; margin:0 1% 15px;}
.front_about li a{height:128px; display:flex; align-items: center; justify-content: center; color:#FFF; font-size:1.4rem; letter-spacing:1rem; font-weight:bold;} 
li#li_corporate{background-image:url(https://hiwasaki.co.jp/wp-content/themes/hiwasaki/img/about_corporate.png); background-repeat:no-repeat;}
li#li_csr{background-image:url(https://hiwasaki.co.jp/wp-content/themes/hiwasaki/img/about_csr.png); background-repeat:no-repeat;}
li#li_employment{background-image:url(https://hiwasaki.co.jp/wp-content/themes/hiwasaki/img/about_employment.png); background-repeat:no-repeat;}



@media (min-width: 600px) {
  .front_business li a{height:256px; font-size:calc(1.4rem + ((1vw - 6px) * 0.6061)); letter-spacing:0.6em;}
  .fi_txt{position:absolute; top:17.5%; left:10%; padding:0; transform: translateY(-17.5%) translateX(-10%); -webkit- transform: translateY(-17.5%) translateX(-10%);}
  .fi_txt p{color:#FFF; text-align:left;}
  
  .news_content{margin:10px 0;}
  .news_list{max-width:910px;}
  .news_img{display:block; margin-right:15px; border:1px solid #CCC; padding:5px;}
  .news_img img{width:150px; height:100px; object-fit:cover; }
  .news_txt{display:flex; width:calc(100% - 200px);}
  
  p.fi1{font-size:3.0rem; letter-spacing:0.4rem;}
  p.fi2{font-size:1.7rem;}
  .front_about li a{height:256px; font-size:calc(1.4rem + ((1vw - 6px) * 0.6061)); letter-spacing:0.6em;}

}
@media (min-width: 992px) {
  .page_news_flex {display:flex;}
  .page_news_flex .news_list {width: 80%;}
  .page_news_flex aside {width: 20%;}
  .page_news_flex .sidebar_item_list li a {width: 70%;}
  .page_news_flex .to_archive a {width: 70%;}
}
@media (min-width: 1280px) {
  .header_nav{display:flex;}
  
  .front_business li{width:100%;}
  .front_business li a{height:256px; font-size:2.2rem;}
   
   news_link{text-align:right; margin-right:130px; margin-top:40px;}
  
  .fi_txt{position:absolute; top:35%; left:20%; padding:0; transform: translateY(-35%) translateX(-20%); -webkit- transform: translateY(-35%) translateX(-20%);}
  .front_about{max-width:1200px;}
  .front_about li{width:100%;}
  .front_about li a{height:256px; font-size:2.2rem;}
}


/*フッター*/
.footer_wrap{background-image: url(https://hiwasaki.co.jp/wp-content/themes/hiwasaki/img/footer_sp.png); background-repeat:no-repeat; background-size:cover; padding: 200px 20px 5px;}
.foot_nav{display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin:0 auto; padding:0 15px;}
.foot_nav nav{width:100%;}
.foot_nav li{width:50%; text-align:center; font-size:1.4rem; margin:10px 0;}
.fnav{display:flex; justify-content:space-between; flex-wrap:wrap;}
.fnav a{color:#000;}

.foot_banner img {max-width: 250px; margin: 20px auto;}

.copyright{text-align:center;line-height: 1;}

@media (min-width: 600px) {
  .footer_wrap{background-image:url(https://hiwasaki.co.jp/wp-content/themes/hiwasaki/img/footer.png);}

  .foot_nav li{width:25%; font-size:calc(1.4rem + ((1vw - 6px) * 0.2941)); margin-bottom:0;}
}
@media (min-width: 992px) {
  .footer_wrap_flex{display: flex; max-width:1200px; margin: 0 auto; gap: 30px;}
  .foot_banner{margin-}
}
@media (min-width: 1280px) {
  .foot_nav li{font-size:1.6rem;}
}


/*google map*/
.gmap {height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; }
.gmap iframe {position: absolute; left: 0; top: 0; height: 100%; width: 100%;}


/*子ページ*/



.page_visual{position:relative;}
.page_visual .text{position:absolute; right:50%; top:50%; transform: translateY(-50%) translateX(50%); -webkit- transform: translateY(-50%) translateX(50%);}
.page_visual .text p{font-size:1.5rem; display:none;}
.page_visual .text h1{font-size:2.2rem;} 
.page_visual .image img{margin:0 auto; width:100%; object-fit:cover;} 
.breadcrumbs {font-size:1.4rem; padding: 0 15px; margin: 10px auto 30px;}
.pc{display:none;}
.sp{display:block;}
.inline-block {display: inline-block;}

@media (min-width: 600px) {
  .pc{display:block;}
  .sp{display:none;}
  
  .page_visual .text{position:absolute; right:8%; top:50%; transform: translateY(-50%) translateX(0%); -webkit- transform: translateY(-50%) translateX(0%);}
  .page_visual .text p{display:block;}
  .breadcrumbs {font-size: 1.6rem; max-width: 910px; margin: 20px auto 70px;}

}
@media (min-width: 1280px) {
}



/*会社概要*/
#page_corporate .page_visual .text h1{letter-spacing:0.6em;}
#page_corporate .page_visual .text p{letter-spacing:0.8em;}


.corporate1 .title{margin-bottom:40px;}
.corporate1 .title h2{font-size:2.9rem; letter-spacing:0.6em; text-align:center;}
.corporate1 .content{width:100%; margin:0 auto 100px; padding:0 15px;}
.corporate1 .content dl{display:flex; flex-wrap: wrap;}
.corporate1 .content dt{width:30%; font-size:1.4rem; border-bottom:solid 1px #CCC; display:flex; align-items: center; padding:15px 0; font-weight:bold; text-align:center;}
.corporate1 .content dd{width:70%; font-size:1.4rem; border-bottom:solid 1px #CCC; display:flex; align-items: center; padding:15px 0;}
.corporate1 .content dd span{margin-left:1em;}
.corporate1 .content .kanren{height:auto; display:block;}
.corporate1 .content .kanren a{color:#000;}

.corporate2 .title{margin-bottom:0px;}
.corporate2 .title h2{font-size:2.9rem; letter-spacing:0.6em; text-align:center;}
.corporate2 .content{margin:0 auto 40px; padding:0 15px;}
.corporate2 .content .box{display:flex; justify-content: space-between; flex-wrap:wrap; padding:50px 0; }
.corporate2 .content .box table{width:100%; border: none; border-collapse: separate;}
.corporate2 .content .box table:first-child{border-top: 1px dotted #cdd0d2;}
.corporate2 .content .box table th{width:20%; font-size:1.2rem; padding: 15px 0; border-bottom: 1px dotted #cdd0d2;vertical-align: top; text-align: left;}
.corporate2 .content .box table td{width:80%; font-size:1.2rem; padding: 15px 0; border-bottom: 1px dotted #cdd0d2;}

.corporate3 .content{position:relative; margin-bottom:60px;}
.corporate3 .content .text{position:absolute; left:50%; top:50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);}
.corporate3 .content .text p{font-size:2.2rem; letter-spacing:0.6em; color:#FFF; text-align:center;}

.corporate4 .title{margin-bottom:40px;  border-top:1px solid #CCC; padding-top:40px;}
.corporate4 .title h2{font-size:2.9rem; letter-spacing:0.6em; text-align:center;}
.corporate4 .content{margin:0 auto 40px; padding:0 15px;}
.corporate4 .content .text{font-size:2.0rem; text-align:center; line-height:3; padding:20px 0; border-bottom:1px solid #CCC;}

.corporate5 .title{position:relative; margin-bottom:60px;}
.corporate5 .title .text{position:absolute; left:50%; top:50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);}
.corporate5 .title .text h2{font-size:1.6rem; letter-spacing:0.45em; color:#FFF; text-align:center;}
.corporate5 .title .box .image img{margin:0 auto;}
.corporate5 .heading{margin:0 auto 30px; padding:0 15px;}
.corporate5 .heading h3{font-size:1.6rem; line-height:2.4; font-weight:bold; text-align:center;}
.corporate5 .heading .box{border-top:1px solid #CCC; padding-top:40px;}

.corporate5 .content{margin:0 auto 200px; padding:0 15px;}
.corporate5 .content .text{margin-bottom:60px;}
.corporate5 .content .text h3{font-size:1.6rem; letter-spacing:0.45rem; text-align:center; border-top:1px solid #CCC; margin-bottom:15px; padding-top:15px;}
.corporate5 .content .text p{font-size:1.4rem;}
.corporate5 .content .box{display:flex; justify-content: space-between; flex-wrap:wrap;  padding-bottom:40px;}
.corporate5 .content .box .image{width:100%; margin-bottom:20px;}
.corporate5 .content .box .image img{width:100%; max-width:300px; margin:0 auto 10px;}
.corporate5 .content .box .image figcaption{font-size:1.4rem; font-weight:bold; text-align:center;}
.corporate5 .content .box .text{width:100%; margin-bottom:0;}
.corporate5 .content .box:last-child{border-bottom:1px solid #CCC; align-items:center; }

.corporate6 .title{margin-bottom:40px;}
.corporate6 .title h2{font-size:2.9rem; letter-spacing:0.6em; text-align:center;}
.corporate6 .content{margin-bottom:40px;}

.corporate7 .content{margin:0 auto 40px; padding:0 15px;}
.corporate7 .content .box{display:flex; justify-content: space-between; flex-wrap:wrap;}
.corporate7 .content .box .inner-box{width:100%;}
.corporate7 .content .box .inner-box .item{margin-bottom:2em;}
.corporate7 .content .box .inner-box .item h3{font-size:2.2rem; border-bottom:1px solid #CCC; margin-bottom:20px;}
.corporate7 .content .box .inner-box .item h3::before{content:'▷'; margin-right:0.25em;}
.corporate7 .content .box .inner-box .item dl{margin-left:1em; margin-bottom:1em;}
.corporate7 .content .box .inner-box .item dt{font-size:1.6rem; font-weight:bold; line-height:1.5;}
.corporate7 .content .box .inner-box .item dd{font-size:1.2rem; margin-bottom:1em; line-height:1.5;}
.corporate7 .content .box .inner-box .item .mb-none {margin-bottom:0;} 

@media (min-width: 600px) {
  #page_corporate .page_visual .text{top:25%; transform: translateY(-25%); -webkit- transform: translateY(-25%);}
  #page_corporate .page_visual .text p{letter-spacing:0.4em;}

  .corporate1 .content{max-width:910px;}
  
  .corporate1 .content dt{width:20%; font-size:calc(1.4rem + ((1vw - 6px) * 0.6061));}
  .corporate1 .content dd{width:80%; font-size:calc(1.4rem + ((1vw - 6px) * 0.1515));}
  
  .corporate2 .content{max-width:910px;}
  .corporate2 .content .box table{width:49%; border-top: 1px dotted #cdd0d2;}
  .corporate2 .content .box table th{font-size:calc(1.2rem + ((1vw - 6px) * 0.1515));}
  .corporate2 .content .box table td{font-size:calc(1.2rem + ((1vw - 6px) * 0.1515));}

  .corporate4 .content{max-width:910px; margin-bottom:200px;}
  .corporate4 .content .text{font-size:2.4rem; text-align:center; line-height:3; letter-spacing:0.45em;}
  
  .corporate5 .content{max-width:910px;}
  .corporate5 .title .text h2{font-size:calc(1.6rem + ((1vw - 6px) * 0.4545)); letter-spacing:0.6em;}
  .corporate5 .heading{max-width:910px;}
  .corporate5 .heading h3{font-size:calc(1.6rem + ((1vw - 6px) * 0.4545)); letter-spacing:0.45em;}
  
  .corporate5 .content .text h3{font-size:calc(1.6rem + ((1vw - 6px) * 0.4545)); letter-spacing:0.45em;}
  .corporate5 .content .box{flex-direction: row-reverse; flex-wrap:nopwrap; }
  .corporate5 .content .box .image{width:35%;}
  .corporate5 .content .box .text{width:61%;}
  .corporate5 .content .box .text h3{text-align:left;}
  
  .corporate7 .content{max-width:910px;}
  .corporate7 .content .box .inner-box{width:48%;}
}
@media (min-width: 1280px) {
  #page_corporate .page_visual .text p{letter-spacing:0.8em;}

  .corporate1 .content{width:880px; padding:0;}
  .corporate1 .content dt{font-size:2.2rem;}
  .corporate1 .content dd{font-size:1.6rem;}
  
  .corporate2 .content .box table th{font-size:1.4rem;}
  .corporate2 .content .box table td{font-size:1.4rem;}
  
  .corporate5 .title .text h2{font-size:2.2rem;}
  .corporate5 .heading h3{font-size:2.2rem; letter-spacing:0.6m;}
  .corporate5 .content .text h3{font-size:2.2rem;}
  .corporate7 .content .box .inner-box{width:32%;}
}

/*oil*/
/*石油事業*/
#page_oil .page_visual .text{color:#fff;}
#page_oil .page_visual .text h1{letter-spacing:0.6em;}
#page_oil .page_visual .text p{letter-spacing:0.8em;}

.oil1 .title{margin-bottom:40px;}
.oil1 .title h2{font-size:2.9rem; letter-spacing:0.6em; text-align:center;}
.oil1 .heading{margin:0 auto 100px; padding:0 15px;}
.oil1 .heading p{font-size:1.8rem; text-align:center; font-weight:bold;}

.oil2 .content{margin:0 auto 40px; padding:0 15px;}
.oil2 .content .box .inner-box{display:flex; justify-content: space-between; flex-wrap:wrap; align-items:center; border-top:1px solid #221714; padding:50px 0; }
.oil2 .content .box .inner-box .image{width:100%;}
.oil2 .content .box .inner-box .image img{margin:0 auto; width:100%; height:150px; object-fit:cover;}
.oil2 .content .box .inner-box .text h3{font-size:2.2rem; letter-spacing:0.15rem; margin-bottom:20px; text-align:center;}
.oil2 .content .box .inner-box .text li{font-size:1.4rem; margin-bottom:1em;}
.oil2 .content .box .text p{font-size:1.4rem; margin-bottom:1em;}
.oil2 .content .box .text p{margin-bottom:30px;}

.oil3 .content{margin-bottom:60px;}
.oil3 .content .box{position:relative;}
.oil3 .content .box .text{position:absolute; width:100%;left:0%; top:50%; transform: translateY(-50%) translateX(0%); -webkit- transform: translateY(-50%) translateX(0%);}
.oil3 .content .box .text p{color:#FFF; text-align:center;}
.oil3 .content .box .image img{margin:0 auto;}

.oil4 .title{margin-bottom:40px;}
.oil4 .title h2{font-size:2.4rem; letter-spacing:0.15em; text-align:center;}
.oil4 .content{margin:0 auto 100px; padding:0 15px;}
.oil4 .content .image{margin-bottom:40px;}
.oil4 .content .mapComment {display:none;}
.oil4 .content .mapMark {color:#EC9258;}
.oil4 .content .box{display:flex; justify-content: space-between; flex-wrap:wrap; margin:0 auto;}
.oil4 .content .box .text{width:100%; font-size:1.4rem;}
.oil4 .content .box dd{text-indent:1em;}
.oil4 .content .box h3::before{content:'●';}
.oil4 .content .box dt::before{content:'○';}
.oil4 .content .box .inner-box{margin-bottom:20px;}
.oil4 .content .box .inner-box .sp{display:inline-block;}
.oil4 .content .box .inner-box li{position:relative; padding:15px 0;}
.oil4 .content .box .inner-box span{position:absolute; right:0; background:#B0B922; border-radius:3px; padding:3px 6px;}
.oil4 .content .box .inner-box a{color:#FFF;}
@media (min-width:768px) {
	.oil4 .content .mapComment {display:block;}
}
.oil5 .title{margin:0 auto 100px; border-top:1px solid #221714; padding-top:50px;}
.oil5 .title h2{font-size:2.9rem; letter-spacing:0.6em; text-align:center;}
.oil5 .content{margin:0 auto 100px; padding:0 15px;}
.oil5 .content .text p{font-size:1.6rem; letter-spacing:0.15em; text-align:center; font-weight:bold;}
.oil5 .content .text a{color:#000;}

.north{
  z-index:10;
}
.description1 {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #000;
    width: 150px;
    z-index:5;
}
.description1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border: 10px solid transparent;
    border-top: 10px solid #000;
    margin-left: -15px;
}
.tool1:hover .description1{
    display: inline-block;
    top: 195px;
    left: 110px;
}

.tool2:hover .description1{
    display: inline-block;
    top: 70px;
    left: 320px;
}

.tool3:hover .description1{
    display: inline-block;
    top: 75px;
    left: 340px;
}

.tool4:hover .description1{
    display: inline-block;
    top: 120px;
    left: 355px;
}

.tool5:hover .description1{
    display: inline-block;
    top: 50px;
    left: 365px;
}


.tool6:hover .description1{
    display: inline-block;
    top: 75px;
    left: 387px;
}

.tool7:hover .description1{
    display: inline-block;
    top: 57px;
    left: 405px;
}

.tool8:hover .description1{
    display: inline-block;
    top: 85px;
    left: 450px;
}

.tool9:hover .description1{
    display: inline-block;
    top: 95px;
    left: 530px;
}


.tool10:hover .description1{
    display: inline-block;
    top: 135px;
    right: -5px;
}

.tool11:hover .description1{
    display: inline-block;
    top: -40px;
    right: -10px;
}


.tool12:hover .description1{
    display: inline-block;
    top: -40px;
    right: -40px;
}


@media (min-width: 600px) {
  .oil1 .heading p{font-size:calc(1.8rem + ((1vw - 6px) * 0.5882));  letter-spacing:0.45em;}
   
  .oil2 .content{max-width:910px;}
  .oil2 .content .box .inner-box{flex-direction: row-reverse; flex-wrap:nowrap;}
  .oil2 .content .box .inner-box .image{width:30%;}
  .oil2 .content .box .inner-box .image img{height:auto;}
  .oil2 .content .box .inner-box .text{width:65%;}
  .oil2 .content .box .inner-box .text h3{text-align:left; letter-spacing:0.45em;}
  .oil2 .content .box .inner-box .text li{font-size:calc(1.4rem + ((1vw - 6px) * 0.2941));}
  .oil2 .content .box .text p{font-size:calc(1.4rem + ((1vw - 6px) * 0.2941)); }
  
  .oil3 .content .text{left:50%; top:50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);}
  .oil3 .content .text p{font-size:calc(1.6rem + ((1vw - 6px) * 0.8824)); letter-spacing:0.45em;}
  
  .oil4 .title h2{font-size:calc(2.4rem + ((1vw - 6px) * 0.8824)); letter-spacing:0.6em;}
  .oil4 .content{max-width:900px; margin-bottom:280px;}
  .oil4 .content .box{max-width:800px;}
  .oil4 .content .box .text{width:47%; font-size:calc(1.2rem + ((1vw - 6px) * 0.5882));}
  .oil4 .content .box .inner-box .sp{display:none;}
  .oil4 .content .box .inner-box li{padding:0;}
  .oil4 .content .box .inner-box.osaka li + li {margin-top: 1em;}
  
  .oil5 .title{max-width:910px;}
  .oil5 .content .text p{font-size:calc(1.6rem + ((1vw - 6px) * 0.4545)); letter-spacing:0.60em;}
}

@media (min-width: 1280px) {
  .oil1 .heading p{font-size:2.2rem; letter-spacing:0.6em;}
  
  .oil2 .content .box .text li{font-size:1.6rem;}
  .oil2 .content .box .text p{font-size:1.6rem;}
  
  .oil3 .content .text p{font-size:2.2rem; letter-spacing:0.6em;}

  .oil4 .title h2{font-size:3.0rem; letter-spacing:0.6em; text-align:center;}
  .oil4 .content .box .text{font-size:1.6rem;}
  .oil5 .content .text p{font-size:2.2rem;}

}


/*gas*/
/*ガス事業*/
#page_gas .page_visual .text h1{letter-spacing:0.6em;}
#page_gas .page_visual .text p{letter-spacing:0.8em;}

.gas1 .title{margin-bottom:40px;}
.gas1 .title h2{font-size:2.9rem; letter-spacing:0.6em; text-align:center;}
.gas1 .heading{margin:0 auto 60px; padding:0 15px;}
.gas1 .heading p{font-size:1.8rem; text-align:center; font-weight:bold;}
.gas1 dl.license {max-width:910px; margin:0 auto 50px;}
.gas1 dl.license dt{font-size:1.8rem; font-weight: 700; text-align: center; margin-bottom: 1em;}
.gas1 dl.license dd .box{max-width:300px; margin: 0 auto 20px;}
.gas1 dl.license dd figcaption {font-weight: 700; text-align: center;}
.gas1 .modal_box img {margin-top: 60px;}

.gas2 .content{margin:0 auto 40px; padding:0 15px;}
.gas2 .content .box{border-top:1px solid #221714; padding:50px 0; }
.gas2 .content .box .text h3{font-size:2.2rem; letter-spacing:0.15rem; text-align:center; margin-bottom:20px;}
.gas2 .content .box .text ul{margin-bottom:20px;}
.gas2 .content .box .text li{font-size:1.4rem; margin-bottom:1em;}
.gas2 .content .box .image figure {margin-bottom: 10px;}
.gas2 .content .box .image figcaption{font-size:1.2rem; font-weight:bold; text-align:center;}
.gas2 .content .box .col-3{max-width:450px; margin:0 auto; }

.gas2 .content .box .inner-box{display:flex; justify-content: space-between; flex-wrap:wrap;}
.gas2 .content .box .inner-box .text{width:100%; margin-bottom:10px;}
.gas2 .content .box .inner-box .text p{font-size:1.4rem;}
.gas2 .content .box .inner-box .image{width:100%;}
.gas2 .content .box .text.optimization h4 {letter-spacing:0.15rem; margin: 2em 0 0.5em;}
.gas2 .content .box .text.optimization section:nth-of-type(1) h4::before {display: inline-block; content:""; width:2em; height:2em; margin: 0 0.5em -0.3em 0; background: url(https://hiwasaki.co.jp/wp-content/themes/hiwasaki/img/gas/icon-lock.svg) no-repeat center/ contain;}
.gas2 .content .box .text.optimization section:nth-of-type(2) h4::before {display: inline-block; content:""; width:2em; height:2em; margin: 0 0.5em -0.3em 0; background: url(https://hiwasaki.co.jp/wp-content/themes/hiwasaki/img/gas/icon-light.svg) no-repeat center/ contain;}
.gas2 .content .box .text.optimization section:nth-of-type(3) h4::before {display: inline-block; content:""; width:2em; height:2em; margin: 0 0.5em -0.3em 0; background: url(https://hiwasaki.co.jp/wp-content/themes/hiwasaki/img/gas/icon-building.svg) no-repeat center/ contain;}
.gas2 .content .box .text.optimization section:nth-of-type(4) h4::before {display: inline-block; content:""; width:2em; height:2em; margin: 0 0.5em -0.3em 0; background: url(https://hiwasaki.co.jp/wp-content/themes/hiwasaki/img/gas/icon-plant.svg) no-repeat center/ contain;}
.gas2 .content .box .text.optimization li {text-indent: -0.7em; text-align: left; margin-bottom: 0.5em; padding-left: 1.5em;}
.gas2 .content .box .text.optimization li::before {display: inline-block; content:"〇"; margin-right: 0.5em;}
.gas2 .content .box .text.optimization .last-text {margin-top: 2.5em;}
/*add20200918*/
.gas2 .content .box .inner-box .logo{margin-left:auto; margin-right:auto; margin-top:40px;}

.gas3 .content{margin-bottom:60px;}
.gas3 .content .box{position:relative;}
.gas3 .content .box .text{position:absolute; width:100%; right:0%; top:50%; transform: translateY(-50%) translateX(0%); -webkit- transform: translateY(-50%) translateX(0%);}
.gas3 .content .box .text p{color:#000; text-align:center;filter: drop-shadow(0 0 2px #FFF) drop-shadow(0 0 2px #FFF);}
.gas3 .content .box .image img{margin:0 auto;}

.gas4 .title{margin-bottom:40px;}
.gas4 .title h2{font-size:2.2rem; letter-spacing:0.10em; text-align:center;}
.gas4 .content{margin:0 auto 100px; padding:0 15px;}
.gas4 .content .image{margin-bottom:40px;}
.gas4 .content .box{display:flex; justify-content: space-between; flex-wrap:wrap; margin:0 auto;}
.gas4 .content .box .text{width:100%; font-size:1.4rem;}
.gas4 .content .box .text h3::before{content:'●';}
.gas4 .content .box .inner-box{margin-bottom:20px;}
.gas4 .content .box .inner-box dl div{display:flex; flex-wrap:wrap;}
.gas4 .content .box .inner-box dt{padding: 0 1em;}
.gas4 .content .box .inner-box dd{margin: 0 0 0 auto;}
.gas4 .content .box .inner-box p{padding-left:1em;}


.gas5 .title{margin:0 auto 100px; border-top:1px solid #221714; padding-top:50px;}
.gas5 .title h2{font-size:2.9rem; letter-spacing:0.6em; text-align:center;}
.gas5 .content{margin:0 auto 100px; padding:0 15px;}
.gas5 .content .text p{font-size:min(4vw,1.6rem); letter-spacing:0.15em; text-align:center; font-weight:bold;}
.gas5 .content .text a{color:#000;}

@media (min-width: 600px) {
  .gas1 .heading p{font-size:calc(1.8rem + ((1vw - 6px) * 0.5882));  letter-spacing:0.40em;}
  .gas1 dl.license dt{font-size:2.2rem;}
  .gas1 dl.license dd{display: flex; justify-content: space-between;}
  .gas1 dl.license dd .box{width:23%;cursor: pointer;}

  .gas2 .content{max-width:910px;}
  .gas2 .content .box .text h3{letter-spacing:0.6em;}
  .gas2 .content .box .text.gold-certification h3 {letter-spacing: 0.1em;}
  .gas2 .content .box .text.optimization h3 {letter-spacing: 0.4em;}
  .gas2 .content .box .text li{font-size:calc(1.4rem + ((1vw - 6px) * 0.5882)); text-align:center;}
  .gas2 .content .box .image figcaption{font-size:calc(1.2rem + ((1vw - 6px) * 0.2941));}
  .gas2 .content .box .inner-box{flex-direction: row-reverse; flex-wrap:nowrap; max-width:600px; margin:0 auto 15px;}
  .gas2 .content .box .inner-box .text p{font-size:calc(1.4rem + ((1vw - 6px) * 0.2941));}
  .gas2 .content .box .inner-box .text{width:47%;}
  .gas2 .content .box .inner-box .image{width:47%;}
  /*add20200918*/
  .gas2 .content .box .inner-box .logo{margin-left:auto; margin-right:0;}
  
  .gas3 .content .box .text{width:50%; right:10%; top:50%; transform: translateY(-50%) translateX(10%); -webkit- transform: translateY(-50%) translateX(10%);}
  .gas3 .content .box .text p{font-size:calc(1.6rem + ((1vw - 6px) * 0.8824)); letter-spacing:0.45em; text-align:right; filter:none;}
  
  .gas4 .content{max-width:900px; margin-bottom:280px;}
  .gas4 .content .box{max-width:800px;}
  .gas4 .content .box .text{width:47%; font-size:calc(1.4rem + ((1vw - 6px) * 0.2941));} 
  
  .gas5 .title{max-width:910px;}
  .gas5 .content .text p{font-size:calc(1.6rem + ((1vw - 6px) * 0.4545)); letter-spacing:0.60em;}

}
@media (min-width: 768px) {
  .gas2 .content .box .col-3{display:flex; justify-content: space-between; flex-wrap:wrap; max-width: 100%;}
  .gas2 .content .box .col-3 figure{width:30%;}
  .gas2 .content .box .col-3 figure:nth-child(1) figcaption {flex:1; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);}
}
@media (min-width: 1280px) {
  .gas1 .heading p{font-size:2.2rem; letter-spacing:0.6em;}

  .gas2 .content .box .text li{font-size:1.6rem;}
  .gas2 .content .box .inner-box .text p{font-size:1.6rem;}
  .gas2 .content .box .image figcaption{font-size:1.4rem;}
  
  .gas3 .content .text p{font-size:2.2rem; letter-spacing:0.6em;}
  
  .gas4 .title h2{font-size:3.0rem; letter-spacing:0.6em; text-align:center;}
  .gas4 .content .box .text{font-size:1.6rem;}
  
  .gas5 .content .text p{font-size:2.2rem;}


}





/*renovation*/
/*リフォーム事業*/
#page_renovation .page_visual .text h1{letter-spacing:0.3em;}
#page_renovation .page_visual .text p{letter-spacing:0.3em;}

.renovation1 .title{margin-bottom:40px;}
.renovation1 .title h2{font-size:2.9rem; letter-spacing:0.6em; text-align:center;}
.renovation1 .heading{margin:0 auto 100px; padding:0 15px;}
.renovation1 .heading p{font-size:1.8rem; text-align:center; font-weight:bold;}

.renovation2 .title h3{font-size:2.2rem; letter-spacing:0.6rem; text-align:center; margin-bottom:20px;}
.renovation2 .content{margin:0 15px 40px;}
.renovation2 .content .box{border-bottom:1px solid #221714; padding:40px 0; align-items:center;}
.renovation2 .content .box:first-child{border-top:1px solid #221714;}
.renovation2 .content .box .title{display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; margin-bottom:20px;}
.renovation2 .content .box .title h4{font-size:2.2rem; letter-spacing:0.6rem; margin-left:20px;}
.renovation2 .content .box .inner-box .navigation{width:100%; text-align:center; font-weight:bold;}
.renovation2 .content .box .inner-box .before{width:100%; height:auto; margin:0 auto 30px;}
.renovation2 .content .box .inner-box .after{width:100%; height:auto; margin:0 auto 30px;}
.renovation2 .content .box .inner-box img{width:100%; object-fit:cover; border-radius:5px 5px 0 0;}
.renovation2 .content .box .inner-box .before p{font-size:2.4rem; font-weight:bold; text-align:center; color:#333; background:#B0B922; border-radius:0 0 5px 5px;}
.renovation2 .content .box .inner-box .after p{font-size:2.4rem; font-weight:bold; text-align:center;  color:#FFF; background:#036738; border-radius:0 0 5px 5px;}
.renovation2 .content .box .inner-box .before img{max-height:320px;}
.renovation2 .content .box .inner-box .after img{max-height:320px;}


.renovation3 .title h3{font-size:2.2rem; letter-spacing:0.6rem; text-align:center; margin-bottom:20px;}
.renovation3 .content{margin:0 15px 40px;}
.renovation3 .campaign_list{border-top:1px solid #221714; padding:40px 0; align-items:center;}
.renovation3 .campaign_box{border-bottom:1px dotted #221714; padding:20px 0;}

.gallery_wrap .return{text-align:center;}
.gallery_wrap .button{font-size: 14px; height: auto; text-decoration: none; text-align: center; padding: 8px 35px; color: #fff; background-color: #036738; border-radius: 5px; box-shadow: none; border: 1px solid #ccc; letter-spacing: 0.5rem; transition-duration: 0.2s; }
.gallery_wrap .button:hover{background:#B0B922; color:#333;}


@media (min-width: 600px) {
  #page_renovation .page_visual .text h1{letter-spacing:0.6em;}
  .renovation1 .heading p{font-size:calc(1.8rem + ((1vw - 6px) * 0.5882));  letter-spacing:0.40em;}
  .renovation2 .content{max-width:910px; margin:0 auto 40px;}
  .renovation2 .content .box{flex-wrap:nowrap;}
  .renovation2 .content .box .inner-box{display:flex; justify-content:space-around; flex-wrap:wrap; align-items:center;}
  .renovation2 .content .box .inner-box .navigation{width:15%; text-align:center;}
  .renovation2 .content .box .inner-box .before{width:48%;}
  .renovation2 .content .box .inner-box .after{width:48%;}
  
  .renovation3 .content{max-width:910px; margin:0 auto 40px;}

}
@media (min-width: 1280px) {
  .renovation1 .heading p{font-size:2.2rem; letter-spacing:0.6em;}
  .renovation2 .content .box h4{letter-spacing:0.45rem;}
  .renovation2 .content .box .title{justify-content:flex-start;}
  .renovation2 .content .box .inner-box .navigation{width:15%;}
  .renovation2 .content .box .inner-box .before{width:40%;}
  .renovation2 .content .box .inner-box .after{width:40%;}
}

.renovation2 .content .box .navigation .btn {
  display: inline-block;
  text-decoration: none;
  background: #B0B922;
  color: #231815;
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  transition: .4s;
}

.renovation2 .content .box .navigation .btn:hover {
  background: #036738;
  color:#FFF;
}



/*alternative-energy*/
/*電力事業*/
#page_alternative-energy .page_visual .text h1{letter-spacing:0.6em;}
#page_alternative-energy .page_visual .text p{letter-spacing:0.25em;}

.alternative-energy1 .title{margin-bottom:40px;}
.alternative-energy1 .title h2{font-size:2.9rem; letter-spacing:0.6em; text-align:center;}
.alternative-energy1 .heading{margin:0 auto 100px; padding:0 15px;}
.alternative-energy1 .heading p{font-size:1.8rem; text-align:center; font-weight:bold;}

.alternative-energy2 .content{margin:0 auto 40px; padding:0 15px;}
.alternative-energy2 .content .box{display:flex; justify-content: space-between; flex-wrap:wrap; border-top:1px solid #221714; padding:50px 0;}
.alternative-energy2 .content .box:last-child{border-bottom:1px solid #221714;}
.alternative-energy2 .content .box h3{font-size:2.2rem; letter-spacing:0.6rem; text-align:center; margin-bottom:20px; }
.alternative-energy2 .content .box h4{font-weight:bold; text-align:center; margin-bottom:20px;}
.alternative-energy2 .content .box p{font-size:1.4rem; margin-bottom:20px;}
.alternative-energy2 .content .box .text{width:100%; margin-bottom:10px;}
.alternative-energy2 .content .box .text .inner-box{display:block; text-align:center;}
.alternative-energy2 .content .box .image{width:100%;}
.alternative-energy2 .content .box .image figcaption{font-size:1.2rem; font-weight:bold; text-align:center;}
.alternative-energy2 #retail a.to-yonden {font-weight:bold; text-decoration:underline;}
.alternative-energy2 #retail a.to-yonden:hover {text-decoration:none;}

.alternative-energy_wrap .button{width:100%; border-radius:3px;  transition-duration: 0.2s; ; margin:0 auto 20px; padding:5px 10px; display:flex;  justify-content: center; align-items:center;}
.alternative-energy_wrap .button a{display: block; color: #FFF; font-size:1.4rem; font-weight:bold; text-align: center; text-decoration: none; border-radius:3px;  transition-duration: 0.2s;}
.alternative-energy_wrap .button:hover{cursor: pointer; text-decoration: none;}
.alternative-energy_wrap .blue{background-color: #007bff;}
.alternative-energy_wrap .green{background-color: #28a745;}
.alternative-energy_wrap .yellow{background-color:#ffc107;}
.alternative-energy_wrap .red{background-color: #dc3545;}

.alternative-energy_wrap .blue a{color: #fff; }
.alternative-energy_wrap .green a{color: #fff; }
.alternative-energy_wrap .yellow a{color: #212529; }
.alternative-energy_wrap .red a{color: #fff; }

.alternative-energy_wrap .blue:hover{background-color:#0062cc;}
.alternative-energy_wrap .green:hover{background-color:#036738;}
.alternative-energy_wrap .yellow:hover{background-color:#d39e00;}
.alternative-energy_wrap .red:hover{background-color:#bd2130;}



@media (min-width: 600px) {
  .alternative-energy1 .heading p{font-size:calc(1.8rem + ((1vw - 6px) * 0.5882));  letter-spacing:0.40em;}
  
  .alternative-energy2 .content{max-width:910px;}
  .alternative-energy2 .content .box{flex-direction: row-reverse; flex-wrap:nowrap;}
  .alternative-energy2 .content .box .image{width:41%;}
  .alternative-energy2 .content .box .text{width:55%;}
  .alternative-energy2 .content .box h3{text-align:left;}
  .alternative-energy2 .content .box p{font-size:calc(1.4rem + ((1vw - 6px) * 0.2941));}
}
@media (min-width: 1280px) {
  .alternative-energy1 .heading p{font-size:2.2rem; letter-spacing:0.6em;}
  .alternative-energy2 .content .box p{font-size:1.6rem;}
  .alternative-energy2 .content .box h4{letter-spacing:0.45rem;}
  .alternative-energy2 .content .box .text .inner-box{display:flex; justify-content: space-around; flex-wrap:wrap;}
  .alternative-energy_wrap .button{width:49%; }
}

/*primary-industries*/
/*一次産業事業*/
#page_primary-industries .page_visual .text h1{letter-spacing:0.15em;}
#page_primary-industries .page_visual .text p{letter-spacing:0.25em;}

.primary-industries1 .title{margin-bottom:40px;}
.primary-industries1 .title h2{font-size:2.9rem; letter-spacing:0.6em; text-align:center;}
.primary-industries1 .heading{margin:0 auto 100px; padding:0 15px;}
.primary-industries1 .heading p{font-size:1.8rem; text-align:center; font-weight:bold;}

.primary-industries2 .content{margin:0 auto 40px; padding:0 15px;}
.primary-industries2 .content .box{border-top:1px solid #221714; padding-top:40px;}
.primary-industries2 .content .box .text p{font-size:1.4rem;}

.primary-industries3 .content{margin:0 auto 40px; padding:0 15px;}
.primary-industries3 .content .box{margin-bottom:30px; border-top:1px solid #221714; padding-top:40px;}
.primary-industries3 .content .box .text{margin-bottom:30px;}
.primary-industries3 .content .box .text h3{font-size:2.2rem; letter-spacing:0.15em; text-align:center; font-weight:bold;}
.primary-industries3 .content .box .text p{font-size:2.2rem; text-align:center;}
.primary-industries3 .content .box .inner-box .text{width:100%; margin-bottom:10px;}
.primary-industries3 .content .box .inner-box .text p{font-size:1.4rem; text-align:left; letter-spacing:0;}
.primary-industries3 .content .box .inner-box figure{margin:0 15px;}
.primary-industries3 .content .box .inner-box figure img{width: 100%; max-width: 400px; height: auto; max-height:300px; object-fit: cover;}
.primary-industries3 .content .box .inner-box figure figcaption{font-size:1.4rem; text-align:center;}

#page_primary-industries .pc{display:none;}
#page_primary-industries .sp{display:block;}
@media (min-width: 600px) {
  #page_primary-industries .pc{display:block;}
  #page_primary-industries .sp{display:none;}

  .primary-industries1 .heading p{font-size:calc(1.8rem + ((1vw - 6px) * 0.5882));  letter-spacing:0.40em;}
  
  .primary-industries2 .content{max-width:910px;}
  .primary-industries2 .content .box .text p{font-size:calc(1.4rem + ((1vw - 6px) * 0.2941)); text-align:center;}
  
  .primary-industries3 .content{max-width:910px;}
  .primary-industries3 .content .box .text h3{letter-spacing:0.45em;}
  .primary-industries3 .content .box .text p{letter-spacing:0.45em;}
  .primary-industries3 .content .box .inner-box{flex-direction: row-reverse; flex-wrap:nowrap;}
  .primary-industries3 .content .box .inner-box .text p{font-size:calc(1.4rem + ((1vw - 6px) * 0.2941)); text-align:center; line-height:2.5; letter-spacing:0.15em;}
  .primary-industries3 .content .box .inner-box .image .caption figcaption{font-size:calc(1.2rem + ((1vw - 6px) * 0.2941));}

}
@media (min-width: 1280px) {
  .primary-industries1 .heading p{font-size:2.2rem; letter-spacing:0.6em;}
  
  .primary-industries2 .content .box .inner-box .text p{font-size:1.6rem; text-align:center;}
  
  .primary-industries3 .content .box .inner-box .text p{font-size:1.6rem; }
  .primary-industries3 .content .box .inner-box h4{letter-spacing:0.45rem;}
}


/*csr*/
#page_csr .page_visual .text h1{letter-spacing:0.6em;}
#page_csr .page_visual .text p{letter-spacing:0.45em;}


.csr1 .content{margin:0 auto 60px; padding:0 15px;}
.csr1 .content .box{border-bottom:1px solid #221714; padding-bottom:40px;}
.csr1 .content .box .text p{font-size:1.6rem; letter-spacing:0.3em; text-align:center;}

.csr2 .title{margin-bottom:40px;}
.csr2 .title h2{font-size:2.9rem; letter-spacing:0.6em; text-align:center;}
.csr2 .heading{margin:0 auto 40px; padding:0 15px;}
.csr2 .heading p{font-size:1.6rem; text-align:center; font-weight:bold;}

.csr3 .content{margin:0 auto 100px;}
.csr3 .content .box{height:320px; border:1px solid #B7B8B8; margin:0 5px;}
.csr3 .content .box .image{margin:10px;}
.csr3 .content .box .text{margin:10px 15px;}
.csr3 .content .box .text h3{font-size:1.6rem; font-weight:bold; line-height:1.5;}
.csr3 .content .box .text p{font-size:1.2rem; line-height:1.5;}


.csr4 .title{margin:0 auto 100px; border-top:1px solid #221714; padding-top:50px;}

.csr4 .title{margin:0 auto 20px; padding:60px 15px 0; border-top:1px solid #221714;}
.csr4 .title h2{font-size:2.2rem; letter-spacing:0.15em; text-align:center;}
.csr4 .heading{margin-bottom:30px; padding:0 15px;}
.csr4 .heading p{font-size:1.5rem; line-height:2.4; font-weight:bold; text-align:center;}
.csr4 .content{margin:0 auto 60px; padding:0 15px;}
.csr4 .content h3{font-size:1.6rem; text-align:center; margin-bottom:1em;}
.csr4 .content p{font-size:1.4rem;}
.csr4 .content ol{list-style-type:decimal; list-style-position:outside;}
.csr4 .content li{margin-bottom:40px;}
.csr4 .content .box{display:flex; justify-content: space-between; flex-wrap:wrap; align-items:center; margin-bottom:40px;}
.csr4 .content .box .text{width:100%; margin-bottom:10px;}
.csr4 .content .box .text span{font-size:2.8rem; margin-right:0.5em; text-align:center;}
.csr4 .content .box .image{width:100%;}
.csr4 .content .box .image img{margin:0 auto;}
.csr4 .content .reverse{flex-direction:row-reverse;}

.csr5 .content{margin:0 auto 80px; border-bottom:1px solid #221714;  padding-bottom:40px;}
.csr5 .content .image{margin:0 20px;}
.csr5 .content .image img{width:100%; max-width:400px; height:auto; object-fit:cover;}

.slider{
  opacity: 0;
  transition: opacity .3s linear;
}
.slider.slick-initialized{
  opacity: 1;
}

.slick-prev{height:100px;}
.slick-next{height:100px;}


@media (min-width: 600px) {
  .csr1 .content{max-width:910px;}
  .csr1 .content .box .text p{font-size:calc(1.8rem + ((1vw - 6px) * 0.8824)); letter-spacing:0.45em;}
  
  .csr3 .content{max-width:910px;}
  
  .csr4 .title{max-width:910px;}
  .csr4 .content{max-width:910px;}
  .csr4 .content h3{text-align:left; font-size:calc(1.4rem + ((1vw - 6px) * 0.1515));}
  .csr4 .content p{font-size:calc(1.4rem + ((1vw - 6px) * 0.2941));}
  .csr4 .content .box .text{width:66%;}
  .csr4 .content .box .image{width:32%;}
  .csr5 .content{max-width:910px;}
  
}
@media (min-width: 1280px) {
  .csr1 .content .box .text p{font-size:2.2rem; letter-spacing:0.6em;}

  .csr4 .content p{font-size:1.4rem;}
  .csr4 .content .box .text span{font-size:3.8rem;}
  .csr4 .content h3{font-size:1.6rem;}

  .slick-prev::before{content:url(https://hiwasaki.co.jp/wp-content/themes/hiwasaki/images/prevArrow.png);}
  .slick-next::before{content:url(https://hiwasaki.co.jp/wp-content/themes/hiwasaki/images/nextArrow.png);}
  
}

/*employment*/
/*採用情報*/
#page_employment .page_visual .text h1{letter-spacing:0.6em;}
#page_employment .page_visual .text p{letter-spacing:0.25em;}

.employment_content{padding-top:80px;}

.employment1 .title{margin-bottom:70px;}
.employment1 .title h2{font-size:2.2rem; letter-spacing:0.15em; text-align:center;}
.employment1 .title p{font-size:1.6rem; color:#525252; text-align:center;}

.employment1 .heading{margin:0 auto 30px; padding:0 15px;}
.employment1 .heading p{font-size:1.6rem; line-height:2.4; font-weight:bold; text-align:center;}
.employment1 .heading .box{border-top:1px solid #CCC; padding-top:40px;}

.employment2 .content{margin:0 auto 40px; padding:0 15px; border-bottom:solid 1px #CCC;}
.employment2 .content p{font-size:1.4rem;}
.employment2 .content .box{display:flex; justify-content: space-between; flex-wrap:wrap; align-items:center;}
.employment2 .content .box .text{width:100%;}
.employment2 .content .box .image{width:100%; margin-bottom:20px;}
.employment2 .content .box .image img{width:100%; max-width:300px; margin:0 auto 10px;}
.employment2 .content .box .image figcaption{font-size:1.4rem; font-weight:bold; text-align:center;}

.employment2 .navigation{margin:75px auto 100px; padding-top:40px; display: flex; justify-content: space-around; flex-wrap: wrap;}
.employment2 .navigation div{margin:15px;}
.employment2 .navigation p{font-size:2.2rem; letter-spacing:0.6rem; text-align:center; line-height:1;}
.employment2 .navigation span{font-size:1.5rem; letter-spacing:0;}

.employment3 .title{margin-bottom:20px;}
.employment3 .title h2{font-size:2.2rem; letter-spacing:0.15em; text-align:center;}
.employment3 .title p{font-size:1.6rem; color:#525252; text-align:center;}

.employment3 .content{margin:0 auto 100px; padding:40px 15px 0;}
.employment3 .movie{margin-bottom:60px;}
.employment3 .content .box{display:flex; justify-content: space-between; flex-wrap:wrap; padding:50px 0 50px;}
.employment3 .content .item{width:30%; margin:0 auto 60px;}
.employment3 .content .image{margin-bottom:10px;}
.employment3 .content .image img{margin:0 auto;}
.employment3 .content .text{text-align:center;}
.employment3 .content .text p{font-size:1.2rem; color:#000;}

.employment3 .content .item{text-decoration: none; transition-duration: 0.2s;}
.employment3 .content .item:hover {color: #fff; background: #B0B922; cursor: pointer; text-decoration: none; transition-duration: 0.2s;}

.employment4 .title{margin-bottom:80px;}
.employment4 .title h2{font-size:2.2rem; letter-spacing:0.6rem; text-align:center;}
.employment4 .title p{font-size:1.5rem; color:#525252; text-align:center;}

.employment4 .top{text-align:center; border-top:1px solid #221714; margin:0 180px; padding:40px 0;}
.employment4 .content{margin:0 180px 300px; border-top:1px solid #221714; padding-top:50px;}

.employment4 .navigation{margin:75px auto 150px;}
.employment4 .navigation p{font-size:2.2rem; letter-spacing:0.6rem; text-align:center; line-height:1;}
.employment4 .navigation span{font-size:1.5rem; letter-spacing:0;}

.employment_wrap .button a{display: inline-block; text-align: center; text-decoration: none; color: #1B1B1B; background: #B0B922; border-radius:3px;  transition-duration: 0.2s; margin:0 auto; padding:40px 10px 30px; }
.employment_wrap .button a:hover {color: #fff; background: #036738; cursor: pointer; text-decoration: none; transition-duration: 0.2s;}

@media (min-width: 600px) {
  
  .employment1 .title h2{letter-spacing:0.6em;}
  .employment1 .heading{max-width:910px;}
  .employment1 .heading p{font-size:calc(1.6rem + ((1vw - 6px) * 0.4545)); letter-spacing:0.45em;}
  
  .employment2 .content{max-width:910px;}
  .employment2 .content .box{flex-direction: row-reverse; flex-wrap:nowrap;}
  .employment2 .content .box .image{width:35%}
  .employment2 .content .box .text{width:61%;}
  .employment2 .navigation{max-width:910px;}

  .employment3 .content{max-width:910px;}
  .employment3 .content .box{flex-wrap:nowrap;}
  .employment3 .content .item{width:30%;}
  .employment3 .content .text p{font-size:calc(1.2rem + ((1vw - 6px) * 0.1515));}

  .employment_wrap .button a{padding:40px 30px 30px; }

}
@media (min-width: 1280px) {
  .employment_wrap .button a{padding:40px 50px 30px; }
  .employment1 .heading p{font-size:2.2rem; letter-spacing:0.6m;}
  .employment3 .content .text p{font-size:1.4rem;}

}

/*senior-voice*/
/*先輩の声*/
#page_senior-voice .page_visual .text h1{letter-spacing:0.6em;}
#page_senior-voice .page_visual .text p{letter-spacing:0.6em;}

.senior-voice1 .title{margin-bottom:80px;}
.senior-voice1 .title h2{font-size:2.2rem; letter-spacing:0.15rem; text-align:center;}

.senior-voice2 .content{margin:0 auto 80px; padding:0 15px;}
.senior-voice2 .content .box{display:flex; justify-content: space-between; flex-wrap:wrap; border-top:1px solid #CCC; padding:80px 0;}
.senior-voice2 .content .image{width:100%; max-width:275px; text-align:center; margin:0 auto 30px;}
.senior-voice2 .content .image img{margin:0 auto 15px;}
.senior-voice2 .content .image p{font-size:1.4rem; font-weight:bold; text-align:center;}
.senior-voice2 .content .text{width:100%; margin-bottom:10px;}
.senior-voice2 .content .text dt{font-size:1.4rem; color:#1B1B1B; font-weight:bold;}
.senior-voice2 .content .text dd{font-size:1.4rem; color:#1B1B1B; margin-bottom:20px; }
.senior-voice2 .content .text dt::before{content:'Q,';}
.senior-voice2 .content .text dd::before{content:'A,';}

.senior-voice2 .navigation{margin:75px auto 150px; border-top: 1px solid #CCC; padding-top: 40px;}
.senior-voice2 .navigation p{font-size:2.2rem; letter-spacing:0.6rem; text-align:center; line-height:1;}
.senior-voice2 .navigation span{font-size:1.5rem; letter-spacing:0;}

.senior-voice_wrap .button a{display: inline-block; text-align: center; text-decoration: none; color: #1B1B1B; background: #B0B922; border-radius:3px;  transition-duration: 0.2s; margin:0 auto; padding:40px 10px 30px; }
.senior-voice_wrap .button a:hover {color: #fff; background: #036738; cursor: pointer; text-decoration: none; transition-duration: 0.2s;}


@media (min-width: 600px) {
  .senior-voice1 .title h2{letter-spacing:0.6rem;}
  .senior-voice2 .content{max-width:910px;}
  .senior-voice2 .navigation{max-width:910px;}
  
  .senior-voice2 .content .box{flex-wrap:nowrap;}
  .senior-voice2 .content .image{width:33%; text-align:center;}
  .senior-voice2 .content .text{width:62%;}
  .senior-voice2 .content .text dt{font-size:calc(1.4rem + ((1vw - 6px) * 0.1515));}
  .senior-voice2 .content .text dd{font-size:calc(1.4rem + ((1vw - 6px) * 0.1515));}

  .senior-voice_wrap .button a{padding:40px 30px 30px; }
}
@media (min-width: 1280px) {
  .senior-voice_wrap .button a{padding:40px 50px 30px; }
  .senior-voice2 .content .text dt{font-size:1.6rem;}
  .senior-voice2 .content .text dd{font-size:1.6rem;}


}


/*requirement*/
/*募集要項*/
#page_requirement .page_visual .text h1{letter-spacing:0.6em;}
#page_requirement .page_visual .text p{letter-spacing:0.6em;}

#page_requirement .requirement_wrap a{color:#FFF;background-color:#259df8; border-radius: 3px; padding:2px 5px; transition: all .25s;}
#page_requirement .requirement_wrap a:hover{color:#333; background:#ffc147;}

#page_requirement .requirement_wrap a[href*="tel:"] {color:#259df8;background-color:transparent; border-radius: 0; padding:0; text-decoration: underline;}
#page_requirement .requirement_wrap a[href*="mailto:"] {color:#259df8;background-color:transparent; border-radius: 0; padding:0;text-decoration: underline;}



.requirement1 .title{margin-bottom:80px;}
.requirement1 .title h2{font-size:2.2rem; letter-spacing:0.15rem; text-align:center;}
.requirement1 .title p{font-size:1.6rem; color:#525252; text-align:center;}


.requirement2{background-color:#B0B922; margin-bottom:40px; padding:40px 15px;}
.requirement2 .content{max-width:910px; margin:0 auto;}
.requirement2 .content .box{background-color:#FFF; border-radius:5px; padding:40px 15px;}
.requirement2 .content .box h3{font-size:1.8rem; text-align:center; border-bottom:1px solid #CCC; margin-bottom:50px;}
.requirement2 .content .box dd{font-size:1.4rem; margin-left:1em; margin-bottom:1em;}
.requirement2 .content .box dt::before{content:'■';}


.requirement3{background-color:#378E49; margin-bottom:40px; padding:40px 15px;}
.requirement3 .content{max-width:910px; margin:0 auto;}
.requirement3 .content .box{background-color:#FFF; border-radius:5px; padding:40px 15px;}
.requirement3 .content .box h3{font-size:1.8rem; text-align:center; border-bottom:1px solid #CCC; margin-bottom:50px;}
.requirement3 .content .box dd{font-size:1.4rem; margin-left:1em; margin-bottom:1em;}
.requirement3 .content .box dt::before{content:'■';}


.requirement4{background-color:#036738; margin-bottom:200px; padding:40px 15px;}
.requirement4 .content{max-width:910px; margin:0 auto;}
.requirement4 .content .box{background-color:#FFF; border-radius:5px; padding:40px 15px;}
.requirement4 .content .box h3{font-size:1.8rem; text-align:center; border-bottom:1px solid #CCC; margin-bottom:50px;}
.requirement4 .content .box dd{font-size:1.4rem; margin-left:1em; margin-bottom:1em;}
.requirement4 .content .box dt::before{content:'■';}




@media (min-width: 769px) {
  #page_requirement .requirement_wrap a[href*="tel:"] {color:#545454; background-color:transparent; bpointer-events: none; cursor: default; text-decoration: none;}
/*
  #page_requirement .requirement_wrap a[href*="mailto:"] {color:#545454; background-color:transparent; pointer-events: none; cursor: default; text-decoration: none;}
*/
}
@media (min-width: 600px) {

  .requirement1 .title h2{letter-spacing:0.6em;}
  .requirement1 .heading{max-width:910px;}
  .requirement1 .heading p{text-align:center;}
  
  .requirement2 .content{max-width:910px;}
  .requirement2 .content .box{padding:40px 60px;}
  .requirement2 .content .box h3{font-size:calc(1.8rem + ((1vw - 6px) * 1.2121));}
  .requirement2 .content .box dd{font-size:calc(1.4rem + ((1vw - 6px) * 0.2941));}
  
  .requirement3 .content{max-width:910px;}
  .requirement3 .content .box{padding:40px 60px;}
  .requirement3 .content .box h3{font-size:calc(1.8rem + ((1vw - 6px) * 1.2121));}
  .requirement3 .content .box dd{font-size:calc(1.4rem + ((1vw - 6px) * 0.2941));}
  
  .requirement4 .content{max-width:910px;}
  .requirement4 .content .box{padding:40px 60px;}
  .requirement4 .content .box h3{font-size:calc(1.8rem + ((1vw - 6px) * 1.2121));}
  .requirement4 .content .box dd{font-size:calc(1.4rem + ((1vw - 6px) * 0.2941));}

}
@media (min-width: 1280px) {
  .requirement2 .content .box h3{font-size:3.2rem;}
  .requirement2 .content .box dd{font-size:1.6rem;}
  
  .requirement3 .content .box h3{font-size:3.2rem;}
  .requirement3 .content .box dd{font-size:1.6rem;}
  
  .requirement4 .content .box h3{font-size:3.2rem;}
  .requirement4 .content .box dd{font-size:1.6rem;}

}

/*contact*/
/*お問い合わせ*/
#page_contact .page_visual .text h1{letter-spacing:0.15em;}
#page_contact .page_visual .text p{letter-spacing:0.6em;}

.contact_content{padding-top:80px;}

.contact-nav {padding: 15px;}
.contact-nav ul {display: flex; flex-wrap: wrap; margin: -2em auto 4em; gap: 10px 2%;}
.contact-nav ul li {width: 49%;}
.contact-nav ul li a { display: flex; color: #FFF; font-size: 70%; line-height: 1.2; justify-content: space-between; align-items: center; height: 3.5em; padding: 0 0.7em; gap: 10px; background: #036738; border-radius: 5px; transition: .4s;}
.contact-nav ul li a::after { content: ""; display: block; width: 7px; height: 7px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; transform: rotate(-45deg);}

.contact1 .title{margin-bottom:80px;}
.contact1 .title h2{font-size:2.2rem; letter-spacing:0.15rem; text-align:center;}

.contact2 .content{margin:0 auto 80px; padding:0 15px;}
.contact2 .content .box{display:flex; justify-content: space-between; flex-wrap:wrap; border-top:1px solid #CCC; padding:10px 0;}
.contact2 .content .box:last-child{border-bottom:1px solid #CCC;}
.contact2 .content .box .tel{font-size:2.4rem; color:#378E49;}
.contact2 .content .box .text h3{font-size:2.0rem; font-weight:700; text-align:center;}
.contact2 .content .box .text h4{font-size:1.6rem; font-weight:normal; text-align:center;}
.contact2 .content .box .text p{text-align:center;}
.contact2 .content .image{width:100%}
.contact2 .content .text{width:100%;}
.contact2 .content .office{display:flex; justify-content: space-between; flex-wrap:wrap; align-items:center; margin-bottom:10px;}
.contact2 .content .office h4{width:100%;}
.contact2 .content .office p{width:100%;}
.contact2 .content #gs-list-check {display: none;}
.contact2 .content .gs-list-label {display:block; text-align: center; margin-bottom: 1em;}
.contact2 .content .gs-list-label span {text-decoration: underline; cursor: pointer;}
.contact2 .content .gs-list-label span:hover {text-decoration: none;}
.contact2 .content .gs-list-label::after {content:"▶"; color: #378E49; padding-left: 0.3em;}
.contact2 .content .gs-list-box {text-align: center;line-height: 0; height: 0; opacity: 0; overflow:hidden; transition: line-height 0.4s ease-out 0s, padding-top 0.4s ease-out 0s, opacity 0.6s 0.3s; padding: 0;}
.contact2 .content #gs-list-check:checked ~.gs-list-box {line-height: 1.2; height: auto; opacity: 1;}
.contact2 .content #gs-list-check:checked ~.gs-list-label::after {content:"▼";color: #378E49;}
.contact2 .content .gs-list-box .office {flex-direction: column;}
.contact2 .content .gs-list-box .office dd {margin: 0.5em 0 1em;}
.contact2 .content .info-text {margin-bottom: 1em;}
.contact2 .content .form-btn {text-align: center;}
.contact2 .content .form-btn a {display: inline-block; color: #333; font-size: 100%; padding: 0 0.5em; margin-bottom: 1em; border: 1px solid;}

.contact3 .title{margin-bottom:80px;}
.contact3 .title h2{font-size:2.2rem; letter-spacing:0.6rem; text-align:center;}
.contact3 .content{margin:0 auto 80px; padding:0 15px;}
.contact3 .content p{font-size:1.4rem;}

@media (min-width: 600px) {
  .contact1 .title h2{letter-spacing:0.6rem;}
  .contact2 .content{max-width:910px;}
  .contact2 .content .box{flex-direction: row-reverse; flex-wrap:nowrap;}
  .contact2 .content .box .image{width:30%}
  .contact2 .content .box .text{width:65%;}
  .contact2 .content .box .tel{font-size:3.0rem;}
  .contact2 .content .box .text h3{font-size:2.0rem; text-align:left;}
  .contact2 .content .box .text h4{font-size:1.6rem; text-align:left;}
  .contact2 .content .box .text p{text-align:left;}
  .contact2 .content .office h4{width:50%;}
  .contact2 .content .office p{width:50%;}
  .contact2 .content .office .tel{font-size:2.1rem;}
  .contact2 .content .office{margin:10px 0 0;}
  .contact2 .content .gs-list-label {text-align: left}
  .contact2 .content #gs-list-check:checked ~.gs-list-box {text-align: left; padding-bottom: 2em; margin-left: 1em; }
  .contact2 .content .gs-list-box .office {flex-direction: row;}
  .contact2 .content .gs-list-box .office dt {width: 50%;}
  .contact2 .content .gs-list-box .office dd {width: 50%; margin: 0;}
  .contact2 .content .form-btn {text-align: left;}
  .contact2 .content .form-btn a {font-size: 90%; margin-top: 0.5em;}

  .contact3 .content{max-width:910px;}
  .contact3 .content p{font-size:calc(1.4rem + ((1vw - 6px) * 0.2941));}

}
@media (min-width: 768px) {
  .contact-nav ul { max-width: 910px; margin: -2em auto 4em; gap: 1em 2em;}
  .contact-nav ul li {width: auto;}
  .contact-nav ul li a { font-size: 100%; padding: 0.5em 1em;}
  .contact-nav ul li a:hover { background: #B0B922;}
}
@media (min-width: 1280px) {
  .contact3 .content p{font-size:1.6rem;}

}

/*personal-information*/
/*個人情報の取り扱いについて*/
#page_personal-information .page_visual .text h1{letter-spacing:0.25em;}
#page_personal-information .page_visual .text p{letter-spacing:0.25em;}

.personal-information1 .title{margin-bottom:70px;}
.personal-information1 .title h2{font-size:2.2rem; letter-spacing:0.15em; text-align:center;}

.personal-information1 .heading{margin:0 auto 30px; padding:0 15px;}
.personal-information1 .heading p{font-size:1.5rem; line-height:2.4; font-weight:bold; text-align:left;}
.personal-information1 .heading .box{border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:40px 0;}


.personal-information2 .content{margin:0 auto; padding:0 15px;}
.personal-information2 .content .box h3{font-size:1.7rem;}
.personal-information2 .content .box p{font-size:1.4rem;}
.personal-information2 .content .box ol{list-style-type:decimal; list-style-position:outside; margin-left:1em;}
.personal-information2 .content .box ol li{margin-bottom:40px;}
.personal-information2 .content .box ol li::last-child{margin-bottom:20px;}

.personal-information3 .content{margin:0 auto 80px; border-bottom:1px solid #CCC;  padding-bottom:40px;}
.personal-information3 .content .box{padding:0 15px;}
.personal-information3 .content .box h3{font-size:1.4rem;}
.personal-information3 .content .box p{font-size:1.4rem;}

@media (min-width: 600px) {
  .personal-information1 .title h2{letter-spacing:0.6em;}
  .personal-information1 .heading{max-width:910px;}
  .personal-information1 .heading p{text-align:center;}
  
  .personal-information2 .content{max-width:910px;}
  .personal-information2 .content .box p{font-size:calc(1.4rem + ((1vw - 6px) * 0.2941));}
  
  .personal-information3 .content{max-width:910px;}

}
@media (min-width: 1280px) {
  .personal-information2 .content .box p{font-size:1.6rem;}
}


/*石油事業 GS*/
.acf-map {width: 100%; height: 220px; border: #ccc solid 1px;}
.acf-map img {max-width: inherit !important;}
    
.gs1 .content{max-width:910px; margin:0 auto;}
.gs1 .content h1{font-size:1.8rem; width:100%; margin-bottom:10px;}
.gs1 .content .box{display:flex; justify-content:center; flex-wrap: wrap; padding:20px 10px 0;}
.gs1 .content .box .inner-box{width:100%; margin-bottom:20px;}
.gs1 .content .box .inner-box dl{display:flex; flex-wrap: wrap; justify-content: space-between; align-items:flex-start; margin-bottom:5px;}
.gs1 .content .box .inner-box dt{font-size:1.2rem; width:20%; text-align:center; background:#CFE3EB; border-radius:3px; margin-bottom:5px; padding:1px;}
.gs1 .content .box .inner-box dd{font-size:1.4rem; width:78%; margin-bottom:5px; }
.gs1 .content .box .inner-box ul{display:flex; flex-wrap: nowrap;}
.gs1 .content .box .inner-box li{margin:0 0.5%; max-width:45px;}
.gs1 .content .box .inner-box li img{width:100%;}

@media (min-width: 600px) {
  .gs1 .content h1{font-size:2.2rem; width:100%; margin-bottom:10px;}

  .gs1 .content .box{padding:20px 25px 0;}
  .gs1 .content .box .inner-box{width:49%;}
}
@media (min-width: 1280px) {
  .gs1 .content h1{font-size:2.2rem;}
  .gs1 .content .box{padding:20px 50px 0;}
}


@media (min-width: 769px) {
  a[href*="tel:"] {pointer-events: none; cursor: default; text-decoration: none;}
}

/*お知らせ*/
#page_news-archive .page_visual .text h1{letter-spacing:0.6em;}
#page_news_search .page_visual .text h1{letter-spacing:0.6em;}
#page_news-archive .page_visual .text p{letter-spacing:0.8em;}
#page_news_search .page_visual .text p{letter-spacing:0.8em;}

#page_news-single .page_visual .text h1{letter-spacing:0.6em;}
#page_news-single .page_visual .text p{letter-spacing:0.8em;}

#page_news-single h2{font-size:1.8rem;}
#page_news-single p{margin-bottom:1rem;}
#page_news-single .newslist_text{margin:15px 0 30px;}
#page_news-single .newslist_text img{object-fit:contain; height:auto;}
#page_news-single .pdf::before{content:url(https://hiwasaki.co.jp/wp-content/themes/hiwasaki/img/icon_pdf.png); margin-right:0.5rem}
@media (min-width: 600px) {
  #page_news-single h2{font-size:calc(1.8rem + ((1vw - 6px) * 0.882));}
}
@media (min-width: 1280px) {
  #page_news-single h2{font-size:2.4rem;}
}


/*ギャラリー*/
.gallery1 .content{margin:0 auto; padding:0 15px;}


/*お知らせのバッジ*/
.badge{display: inline-block; padding: .4em .4em .25em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; margin-left:1em;}

.c1{color: #fff; background-color: #28a745;}
.c2{color: #fff; background-color: #007bff;}
.c3{color: #fff; background-color: #17a2b8;}
.c4{color: #212529; background-color:#ffc107;}
.c5{color: #fff; background-color: #dc3545;}
.new{color:#fff; background-color:#dc3545;}

/*20210101*/
.pum-content img{height:auto;}

/*Pagenation*/
.wp-pagenavi {
	display: flex;
  flex-wrap: wrap;
  justify-content: center;
	text-align:center;
	margin-top:30px;
  gap: 5px 0;
}
.wp-pagenavi a, .wp-pagenavi span {
	color: #fff;
	font-size: 1.4rem;
	background-color: #28a745;
	border: 1px solid #12653E;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}
.wp-pagenavi a:hover{
	color: #FFF;
	opacity:0.6;
	border: 1px solid #28a745;
    }
.wp-pagenavi span.current{
	color: #FFF;
	background-color: #12653E;
	border: 1px solid #12653E;	
    }

/*検索結果*/
.search_result {margin-bottom: 2em;}
.page_search .news_content {margin: 0;}
.page_search .news_txt {padding:10px 0;}
.page_search .news_txt .title {font-weight: 700;}


/*event イベント*/
#page_event .page_visual .text p {letter-spacing: 0.8em;}
.event-top .title{margin-bottom:40px;}
.event-top .title p{font-size:2.9rem; letter-spacing:0.6em; text-align:center;}
.event-top .heading{margin:0 auto 100px; padding:0 15px;}
.event-top .heading p{font-size:1.8rem; text-align:center; font-weight:bold;}
.event-section-title .mincho {font-size: 2.2rem; text-align:center; letter-spacing: 0.15rem; margin-bottom: 20px; text-align: center;}
.event-now .content {text-align: center; margin: 0 auto 40px; padding: 0 15px 40px; border-bottom:1px solid #221714;}
.event-now .content .event-title {font-size: 2.2rem;}
.event-now .content img {margin: 0 auto 20px;}
.event-past .content {text-align:center; margin: 0 auto 40px; padding: 0 15px;}
.event-past .box .item {display: flex; justify-content:center; margin-bottom:35px; gap: 4%;}
.event-past .box .item .img-box {width: 30%;}
.event-past .box .item img {width:100%; height:100%; object-fit:cover;}
.event-past .inner-box {width:min(66%,240px);}
#page_event .btn-box a {color:#333; display:inline-block; width:100%; max-width: 240px; padding: 0 1em; background-color: #fff; border: 1px solid #ccc; text-decoration: none;}

@media (min-width: 600px) {
  #page_event .page_visual .text h1{letter-spacing:0.6em;}
  .event1 .heading p{font-size:calc(1.8rem + ((1vw - 6px) * 0.5882));  letter-spacing:0.40em;}
  .event-now .content {max-width: 910px;}
  .event-past .content {max-width: 910px;}
  .event-past .box {display:flex;gap:20px;}
  .event-past .box .item {display:block; width: calc(100% / 3);}
  .event-past .box .item .img-box {width: 100%;}
  .event-past .inner-box {width:100%;}
  #page_event .btn-box a {padding: 0.5em 1em;}
}
@media (min-width: 1280px) {
  .event1 .heading p{font-size:2.2rem; letter-spacing:0.6em;}
}

/*event 告知*/
.event-pre {text-align: center;}
.event-pre p:first-child {font-size: clamp(2.8rem,3.5vw,5rem); padding: 100px 15px 50px;}
.event-pre p:nth-child(2) {font-size: clamp(1.6rem, 2.5vw, 3rem); text-align: left; width: fit-content; padding: 0 15px; margin: 0 auto;}
.event-pre p>span {display: inline-block;}
.event-pre a {display: inline-block;}
.event-pre img { padding: 0 5px; margin: 5% auto 0;}
.event-pre .pdf-text {margin-bottom: 2em;}

/*pdfビュー*/
#page_pdf_view .df-icon-share {display: none;}
#page_pdf_view .cmdShare {display: none;}
#page_pdf_view .bg{position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:#fff; z-index:-1; overflow:scroll; background-image:repeating-linear-gradient(to bottom, transparent 25px, #fff5d9 26px, #fff5d9 26px, transparent 27px, transparent 51px, #fff5d9 52px, #fff5d9 52px, transparent 53px, transparent 77px, #fff5d9 78px, #FFF5D9 78px, transparent 79px, transparent 103px, #fff5d9 104px, #fff5d9 104px, transparent 105px, transparent 129px, #fff5d9 130px, #fff5d9 130px), repeating-linear-gradient(to right, transparent 25px, #FFF5D9 26px, #FFF5DA 26px, transparent 27px, transparent 51px, #fff5d9 52px, #fff5d9 52px, transparent 53px, transparent 77px, #fff5d9 78px, #fff5d9 78px, transparent 79px, transparent 103px, #fff5d9 104px, #fff5d9 104px, transparent 105px, transparent 129px, #fff5d9 130px, #fff5d9 130px);}
#page_pdf_view .plusassist-title {color:#58ba47; font-size:1.8rem; font-weight:700; text-align: center; width:19em; margin:30px auto 10px; padding:0 0.5em; border-bottom:2px solid #58ba47;}
#page_pdf_view .content.plusassist {max-width:1200px; margin:0 auto; padding:0 5px;}
#page_pdf_view .content.plusassist .dflip {text-align:center;}
#page_pdf_view .content.plusassist .dflip .df-popup-thumb {width:min(45%,300px);margin-bottom:-10px;}
#page_pdf_view .content.plusassist .text {max-width:570px; margin:30px auto 90px;}
#page_pdf_view .content.plusassist .text .present-block {margin:35px 0 30px; padding:15px; background:#FFF3BF; border-radius:15px; position:relative;}
/*.content.plusassist .text .present-block::before {content:""; display:block; width:0; height:0; border:30px solid transparent; border-bottom-color:#FFF3BF; position:absolute; bottom:100%; left:50%; transform: translateX(-50%);}*/
.content.plusassist .text {text-align:left;}
#page_pdf_view .content.plusassist .text .present-block p.large {font-size:2rem;}
#page_pdf_view .content.plusassist .text .present-block ul {margin:5px 15px; padding:15px; background:#FFF; border-radius:15px;}
#page_pdf_view .content.plusassist .text .present-block ul li {color:#F25A27; font-family: "ヒラギノ丸ゴ ProN W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HG丸ｺﾞｼｯｸM-PRO, HGMaruGothicMPRO, Meiryo, sans-serif;font-weight:700; line-height:1.5;}
#page_pdf_view .content.plusassist .text .present-block ul li+li {margin-top:0.7em; padding-top:0.7em; border-top:1px solid #F25A27;}
#page_pdf_view .content.plusassist .text .present-block ul li span.number {color:#000;}
#page_pdf_view .content.plusassist .text .present-block ul li span.france {color: #F25A27; font-family: ＭＳ Ｐゴシック, ヒラギノ角ゴ Pro W3, sans-serif;}
#page_pdf_view .content.plusassist .text .present-block ul li small {display:block; color:#000; font-size:10px; line-height:1.3;}
#page_pdf_view .content.plusassist .text .btn {display:block; color:#fff; font-weight:700; text-align: center; width:19em; margin:0 auto 1.5em; padding:0.5em 1em; background:#58ba47; border-radius:9999px; text-decoration:none; transition:.4s;}
#page_pdf_view .content.plusassist a.btn:hover {background:#B0B922;}
#page_pdf_view .content.plusassist .text .btn.end {opacity:0.5;}
#page_pdf_view .content.plusassist .text .end-comment {text-align: center; margin:-1em 0 1em;}
#page_pdf_view .content.research {max-width:1000px; margin:0 auto; padding:0 5px;}
#page_pdf_view .content.research .section-title {color:#58ba47; font-size:2.3rem; font-weight:700; width:fit-content; margin:40px auto; padding:0 0.5em; border-bottom:2px solid #58ba47;}
#page_pdf_view .content.research dl {counter-reset:count 0;}
#page_pdf_view .content.research dl dt {display:flex; align-items: self-start; margin-bottom:1em;}
#page_pdf_view .content.research dl dt::before {content:"Q"counter(count); counter-increment:count 1; color:#FFF; line-height:1.3; margin:0 0.5em 0 0; padding:0.3em; background:#2c2c2c; border-radius:5px;}
#page_pdf_view .content.research dl dd{margin-bottom:3em; padding: 0 5px;}
#page_pdf_view .content.research dl dd:nth-child(2){max-width:300px; margin-left:1em;}
#page_pdf_view .content.research .wpcf7-radio .wpcf7-list-item{display:block; margin-right:1em;}
#page_pdf_view .content.research #age.wpcf7-radio .wpcf7-list-item{display:inline-block;}
#page_pdf_view .content.research .wpcf7-radio label{display:flex; align-items:center;}
#page_pdf_view .content.research .wpcf7 input[type="radio"] {width:auto; margin:0 5px 0 0;}
#page_pdf_view .content.research .wpcf7 textarea {width:100%;}
#page_pdf_view .content.research table {border-spacing: 0 12px;}
#page_pdf_view .content.research .attention {max-width:52em; margin:0 0 1em auto;}
#page_pdf_view .content.research #submit_button {margin:0 auto 50px; background:#58ba47;}
#page_pdf_view .wpcf7-response-output {display:none;}
#page_pdf_view .plusassist-thanks-content {text-align: center; margin: 40px auto 70px;padding: 0 10px;}
#page_pdf_view .plusassist-thanks-content img {margin:10px auto;}
#page_pdf_view .plusassist-thanks-content a {text-decolation:underline;}
#page_pdf_view .plusassist-thanks-content a:hover {text-decolation:none;}
@media (min-width: 768px) {
  #page_pdf_view .content.research .section-title {margin:100px auto 40px;}
  #page_pdf_view .content.research dl dd:nth-child(2){max-width:100%;}
  #page_pdf_view .content.research .wpcf7-radio .wpcf7-list-item{display:inline-block;}
  #page_pdf_view .content.research .contactform th{width:23%; padding-right:1em;}
  #page_pdf_view .plusassist-thanks-content {margin: 100px auto}
  #page_pdf_view .plusassist-thanks-content p {font-size: 2rem;}
}
@media (min-width:992px) {
  #page_pdf_view .plusassist-title {font-size:2.7rem; margin-bottom:40px;}
  #page_pdf_view .content.plusassist {display:flex;gap:4%; position:relative;}
  #page_pdf_view .content.plusassist .dflip {width: 40%; margin:0 auto;}
  #page_pdf_view .content.plusassist .dflip .df-popup-thumb {width:100%; max-width: 350px;}
  #container .df-icon-close:before{background:#FFF;}
  #container .df-lightbox-wrapper .df-lightbox-close:before {color:#444;}
  #page_pdf_view .content.plusassist .text {width: 100%; margin-top:20px;}
  #page_pdf_view .content.plusassist .text .present-block p.large {font-size:2.4rem;}
  #page_pdf_view .content.plusassist .text .present-block p.medium {font-size:1.8rem;}
  #page_pdf_view .content.plusassist .text .present-block ul li {font-size:2.4rem;}
  #page_pdf_view .content.plusassist .text .present-block ul li small {font-size:12px;}
}

/*404エラー*/
section.error-404 {max-width: 910px; margin: 40px auto; padding:0 10px;}
@media (min-width:992px) {
  section.error-404 {height:calc(100vh - 530px);}
}