html{
    font-size: 62.5%;
    Overflow-x: hidden;
}
body {
    font-size: 62.5%;
    overflow-x: clip;
}

a {
    color: #000;
    text-decoration: none;
}

ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

img {
    vertical-align: bottom;
}

p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.ls {
    letter-spacing: 0.1em;
}

h1,
h2,
h3 {
    margin: 0;
}

/* googlefont関係 */
.m-plus-1p-thin {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.m-plus-1p-light {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.m-plus-1p-regular {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.m-plus-1p-medium {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.m-plus-1p-bold {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.m-plus-1p-extrabold {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.m-plus-1p-black {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 900;
    font-style: normal;
}


.m-plus-rounded-1c-thin {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.m-plus-rounded-1c-light {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.m-plus-rounded-1c-regular {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.m-plus-rounded-1c-medium {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.m-plus-rounded-1c-bold {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 700;
    font-style: normal;
}
  
.m-plus-rounded-1c-extrabold {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 800;
    font-style: normal;
}
  
.m-plus-rounded-1c-black {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 900;
    font-style: normal;
}


.fugaz-one-regular {
    font-family: "Fugaz One", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.modak-regular {
    font-family: "Modak", system-ui;
    font-weight: 400;
    font-style: normal;
}

/* end - googlefont関係 */



.container{
    width: 100vw;
    height: auto;
}

.body_wrap{
    width: 100%;
    height: 100%;
    padding: 1px 0 125px 0;
    position: relative;
    z-index: 0;
}
.body_wrap::before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #d9edde;
    position: absolute;
    top: 0;
    z-index: -10;

}

h1{
    display: block;
    margin: auto 0;
}
h1 img{
    width: auto;
    height: 65px;
}

.sp_only{
    display: none;
}

.sm_only{
    display: none;
}

/* ヘッダー */
.header_wrap{
    width: 100vw;
    max-width: 1200px;
    height: 150px;
    display: flex;
    margin: 0 auto;
    padding: 25px;
    box-sizing: border-box;
}

/* ヘッダーメニュー */
.menu{
    display: flex;
    flex-direction: column;
    margin: 25px 0 0 auto;
}

.contents{
    display: contents;
    margin: 0 auto;
}

.contents li+li{
    margin-left: 30px;
}

.main_menu{
    font: 700 1.6rem/1.6rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #333333;
    display: flex;
    margin:10px 0 50px 0;
    list-style: none;
}

.main_menu li a,
.footer_navi_main li a{
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #333;
}
/*背景の設定*/
.main_menu li a,
.footer_navi_main li a{
    position: relative;
}

/*  */
/* セキネ スポーツ トップページ */
/* TOP */

.top_hero_wrap{
    width: 80%;
    height: 75vh;
    margin: 0 auto;
    position: relative;
}
.catch{
    width: 100%;
    height: 100%;
    margin: 50px auto 0;
}
.catch img{
    position: absolute;
    top: 50%;
    left: -1px;
    transform: translateY(-50%);
    z-index: 1;
}
.hero{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    /* height: 100vh; */
}
.slideritem01{
    background:url(../img/20241023-bonfire.jpg);
    border-radius: 30px;
}
.slideritem{
    width: 100%;
    height: 75vh;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover ;
}

.what_sekinesports{
    width: 80%;
    height: auto;
    margin: 50px auto 0;
    text-align: center;
}
.what_sekinesports_title{
    font-size: 2.4rem;
    line-height: 3.9rem;
}
.what_sekinesports_caption{
    font-size: 1.6rem;
    line-height: 3.1rem;
}

.news_wrap{
    width: 80%;
    max-width: 1200px;
    height: auto;
    margin: 50px auto 0;
    background-color: #ffffff;
    /* border: 3px solid #2faa4c; */
    border-radius: 30px;
    box-sizing: border-box;
    padding: 20px 40px;
    display: flex;
}
.news_flex{
    display: flex;

}
.news_date{
    font-size: 1.5rem;
    line-height: 3rem;
    display: inline-block;
    margin-top: 1px;
}
.news_contents{
    font-size: 1.8rem;
    line-height: 3rem;

}


.top_card_flex{
    max-width: 1010px;
    margin: 75px auto 0;
}
.top_card_flex ul{
    display: flex;
    margin: 0 auto;
}
.top_card_flex li+li{
    margin-left: 25px;
}

.event_link_wrap,
.rentalspace_link_wrap,
.camp_link_wrap{
    width: 320px;
    height: auto;
    position: relative;
}

.event_title_warp,
.rentalspace_title_warp,
.camp_title_warp{
    position: absolute;
    top: -35px;
    transform: rotate(-5deg);
}

.event_info,
.rentalspace_info,
.canp_info{
    /* display: flex; */
    margin: 25px 0;
}
.top_ph img{
    width: 320px;
    height: 320px;
    object-fit: cover;
    border-radius: 25px;
}

.gopage{
    width: 320px;
    height: 40px;
    margin: 15px auto;
    border: 2px solid #337ab7;
    border-radius: 20px;
    text-align: center;
    transition: background-color 0.5s;
    position: absolute;
}

.gopage p{
    font-size: 2rem;
    font-weight: 700;
    display: inline-block;
    margin-top: 5px;
}
.gopage:hover{
    background-color: #337ab7;
    color: #fff;

}

.contentlink{
    display: inline-block;
    margin-top: 13px;
    font-size: 2rem;
}



/*  */
/* セキネ スポーツ イベントページ */
/* EVENT */
.event_body_wrap{
    width: 100%;
    height: 100%;
    padding: 1px 0 75px 0;
    position: relative;
    z-index: 0;
}
.event_body_wrap::before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #d9edde;
    position: absolute;
    top: 0;
    z-index: -10;
}

.event_top_wrap{
    width: 100%;
    height: 420px;
    position: relative;
}
.event_hero{
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.event_hero li+li{
    margin-left: 35px;
}

.event_hero li img{
    width: 268px;
    height: 357px;
    border-radius: 40px;
}
.event_hero li:nth-child(1){
    transform: rotate(-10deg);
    margin-top: 100px;
}
.event_hero li:nth-child(2){
    transform: rotate(0deg);
    margin-top: 60px;
}
.event_hero li:nth-child(3){
    transform: rotate(10deg);
    margin-top: 100px;
}

.sekinesports_event_caption{
    width: 80%;
    height: auto;
    margin: 50px auto 0;
    text-align: center;
    font-size: 1.6rem;
    line-height: 3.1rem;
}

.evnet_main_wrap{
    width: 100%;
}
.event_list{
    margin-top: 75px;
}

.event_card{
    width: 865px;
    height: 400px;
    margin: 50px auto 0;
    background-color: #ffffff;
    display: flex;
}

.event_ph{
    width: 246px;
    height: 350px;
    margin: 25px;
}

.event_info{
    width: 470px;
    position: relative;
}

.event_date{
    font-size: 2.4rem;
    font-weight: 500;
}

.event_line{
    border: 1px solid #333333;
    margin: 10px 0;
}

.event_caption{
    font-size: 1.6rem;
    font-weight: 500;
}

.event_learnmore{
    width: 470px;
    height: 40px;
    background-color: #008000;
    border-radius: 20px;
    position: absolute;
    bottom: 0;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
}

.event_learnmore p{
    font-size: 1.6rem;
    font-weight: 500;
    color: #ffffff;
}

.past_events{
    text-align: center;
    margin-top: 50px;
}

.past_events p{
    font-size: 1.6rem;
    font-weight: 500px;
    color: #000000;
}


/*  */
/* セキネ スポーツ レンタルスペース */
/* rentalspace */

/* 線の変化 */
.main_menu li a::after,
.footer_navi_main li a::after{
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    /*背景の形状*/
    width: 100%;
    height: 0%;
    background:#0b470a;
    /*アニメーションの指定*/
    transition:all .5s;
    opacity: 0;/*はじめは透過0*/
}

/*現在地とhoverの設定*/
.main_menu li a:hover::after,
.footer_navi_main li a:hover::after{
    /*背景の形状*/
    height: 100%;
    opacity: 1;/*不透明に*/
}

.main_menu li a:hover,
.footer_navi_main li a:hover{
    color: #fff;
}

.sub_menu{
    font: 700 1.4rem/1.4rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #888888;
    display: flex;
    margin: 0 0 0 auto;
}
/* メニューの前後入れ替え */
.menu1{
    order:2;
}
.menu2{
    order:1;
}

/* ヒーローの設定 */
.hero_wrap{
    width: 100%;
    position: relative;
}

.hero_img_text{
    width: 1040px;
    height: 0;
    margin: 0 auto;
    position: relative;
}
.hero_img_text p {
    font: 700 2.5rem / 4.1rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #2a8528;
    z-index: 1;
    position: absolute;
    top: 120px;
    left: 30px;
}

.play_ill_1{
    /* position: relative; */
}
.play_ill_1 img{
    width: 30vw;
    position: absolute;
    top: 30px;
    right: 130px;
}
.play_ill_2{
    /* position: relative; */
}
.play_ill_2 img{
    width: 30vw;
    position: absolute;
    bottom: 330px;
    left: 90px;
}

.anim-box.zoomin.is-animated {
    animation: zoomIn 3.0s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  }
   
  @keyframes zoomIn {
    0% {
      transform: scale(0.8);
      opacity: 0;
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
   


.mask {
    width: 100vw;
    height: 100vh; 
}   

.mask image {
    width: 100%;
    mask-image: url(#customMask);
    mask-size: cover;
    mask-position: center;
}

.mask path {
    fill: #ffffff;
}

.grass_position{
    width: 100%;
    margin-top: -200px;
    position: relative;
    z-index: -1;
}

.slider{
    width:100%;
    margin:0 auto;
}
.slider img{
    width:268px;
    border-radius: 50px;
}
.slider .slick-slide{
    height:auto!important;
}
.odd{
    margin-top: 50px;
}

/* slickの高さ調整 */
.slick-list{
    margin-top: -315px;
}

.sns_wrap{
    width: 100%;
    max-width: 1040px;
    height: auto;
    margin: 0 auto;
    font: 700 2.2rem / 3.7rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #333333;
    text-align: center;
}

.sns_wrap p {
    display: inline-block;
    margin: 125px auto 30px;
}

.sns_box{
    width: 1040px;
    margin: 0 auto;
    display: flex;
}

.sns_face{
    width: 445px;
    height: 500px;
    background-color: #555555;
    margin: 0 auto;
}
.sns_insta{
    width: 445px;
    height: 500px;
    background-color: #555555;
    margin: 0 auto;
}

.access_wrap{
    width: 100%;
    height: auto;
    margin: 75px auto 0;
    padding: 70px;
    box-sizing: border-box;
    background-color: #D7D3C6; 
    font: 700 2.2rem / 3.7rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #333333;
    text-align: center;
}
.access_wrap p {
    display: inline-block;
    margin: 0px auto 30px;
}
.map{
    width: calc(100% - 100px);
    height: 600px;
    margin: 0 auto;
}
.map_radius{
    border-radius: 50px;
}

/*  */
/* 公式line */
/* LINE */
.bus_operator{
    width: 100vw;
    height: auto;
    margin-top: 50px;
    background-color: #eeeeee;
}
.bus_operator_inner{
    width: calc(100% - 200px);
    margin: 0 auto;
    padding: 50px;
}
.bus_operator_headwrap{
    width: 760px;
    display: flex;
    margin: 0px auto;
    padding: 50px 0 ;
}
.bus_operator_text{
    display: block;
    height: auto;
    margin: 25px 0 0 0;
}

.bus_operator_maintext{
    width: 540px; 
    text-align: center;
    font: 900 4.0rem / 5.0rem "Noto Sans Jp", sans-serif;
    margin: 15px;
}
.bus_operator_subtext{
    text-align: center;
    font: 500 2.5rem / 2.5rem "Noto Sans Jp", sans-serif;
}
.bus_operator_qr{
    width: calc(100% - 100px);
    margin: 25px;
    text-align: center;
}
.bus_operator_qr img{
    width: 170px;
    height: 170px;
}

.bus_operator_title{
    width: calc(100% - 300px);
    margin: 0 auto;
    text-align: center;
    font: 700 3.0rem / 3.0rem "Noto Sans Jp", sans-serif;
    position: relative;
}
.bus_operator_title::before{
    content: '';
    width: 350px;
    height: 4px;
    display: inline-block;
    background-color: #008000;
    position: absolute;
    top: calc(50% - 2px);
    left: calc(50% + 160px);
}
.bus_operator_title::after{
    content: '';
    width: 350px;
    height: 4px;
    display: inline-block;
    background-color: #008000;
    position: absolute;
    top: calc(50% - 2px);
    right: calc(50% + 160px);
}
.bus_operator_ill{
    display: flex;
    width: 1000px;
    margin: 50px auto;
}
.bus_operator_ill li+li{
    margin-left: 50px;
}
.bus_operator_ill li {
    text-align: center;
    font: 500 1.8rem / 2.3rem "Noto Sans Jp", sans-serif;
}
.bus_operator_ill li img{
    width: 300px;
    height: auto;
}


/*  */
/* 角渕キャンプ場・バーベーキュー場管理事務所情報 */
/* camp/bbq */
.camp_wrap {
    width: 100%;
    height: auto;
    position: relative;
}
.camp_main_view {
    width: 100%;
    height: 625px;
    margin-top: 25px;
    background-image: url(../img/camp_headerph.jpg);
    background-position: center;
    position: relative;
}
.camp_logo {
    max-width: 1000px;
}
.camp_logo_img {
    width: auto;
    height: 370px;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-115%)
}
.rentalspace_cap{
    width: 100%;
    height: 120px;
    line-height: 10px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 10px;
    background-color: #468228;
}
.rentalspace_cap p{
    font: 700 2.3rem/3.2rem "Noto Sans Jp", sans-serif;
    color: #ffffff;
}
.subtitle_line {
    text-align: center;
}
.subtitle_line::after {
    content: "";
    width: 1025px;
    margin: 0 auto;
    display: block;
    height: 10px;
    background: linear-gradient(to right, #3d6932 0%, #a0c860 50%, #fafe86 100%);
}
.subtitle_wrap{
    max-width: 900px;
    width: 100vw;
    height: 100px;
    display: flex;
    margin: 0 auto;
    font: 700 2.2rem/3.2rem "Noto Sans Jp", sans-serif;
}
.subtitle {
    max-width: 1000px;
    width: 50vw;
    text-align: center;
    margin: auto 0;
}
  
.subtitle > a{
    color: #0044CC;
}
  
  /* 管理事務所情報 */
.office_information{
    width: 950px;
    height: auto;
    margin: 50px auto 0;
    display: flex;
}
.office_information_left{
    display: block;
    width: 475px;
    height: auto;
    text-align: center;
    margin: 15px 0 auto 0;
    position: relative;
}
.detailed_list{
    margin-top: 20px;
    margin-left: 15px;
    display: flex;
    text-align: left;
}
.detailed_list ul+ul{
    margin-left: 15px;
}
.detailed_list_title{
    font: 900 1.6rem / 3.2rem "Noto Sans Jp", sans-serif;
}
.detailed_list_text{
    font: 500 1.6rem / 3.2rem "Noto Sans Jp", sans-serif;
}
  
.office_information_title{
    font: 700 3.5rem/4.5rem "Noto Sans Jp", sans-serif;
    color:#468228;
}
.office_information_title_en{
    font: 700 2rem/2.4rem "Arial", "Noto Sans Jp", sans-serif;
    color:#b3e89d;
}
.office_information_title_line{
    margin-top: -7px;
    border-bottom:solid #238315 5px;
}

.office_information_ph{
    width: 950px;
    margin: 25px auto 0;
    display: flex;
}
.office_information_ph li+li{
    margin-left: auto;
}

.office_ph_tag{
    display: block;
    margin-top: -40px;
}

.office_information_ph >li > p{
    font: 700 1.6rem / 2.4rem "Noto Sans Jp", sans-serif;
    color: #333333;
    display: block;
    margin: -30px 0 0 70px;
}

.office_information_mainph{
    width: 480px;
    height: 320px;
    object-fit: cover;
}
  
/* 管理事務所情報 地図情報 */
.camp_map_wrap {
    width: 100%;
    height: auto;
    background-color:  #f5f5f5;
    margin-top: 70px;
    padding: 90px;
    box-sizing: border-box;
}
  
.camp_map_inner{
    width: 1000px;
    margin: 0 auto;
}

.camp_map_img {
    display: flex;
}

.camp_map_downlode {
    display: flex;
    margin: 90px auto 0;
}
.camp_map_downlode:hover {
    opacity: 0.7; 
}

.youtube > iframe{
    width: 475px;
    height: 270px;
}
  
/* 管理事務所情報 ご利用の流れ */
.usage_flow{
    width: 950px;
    height: auto;
    margin: 50px auto 0;
    display: flex;
}
.usage_flow_left{
    display: block;
    width: 475px;
    height: auto;
    text-align: center;
    margin: 15px 0 auto 0;
    position: relative;
}
.usage_flow_text{
    margin: 20px 15px 0;
    /* display: flex; */
    text-align: left;
    font: 500 1.6rem / 3.2rem "Noto Sans Jp", sans-serif;
}
.usage_flow_text > .ph{
    width: 475px;
    height: 280px;
}
.usage_flow_text > p > a{
    color: #0044CC;
}

.text_red {
    color: #fd2c2c;
}
  
.usage_flow_title{
    font: 700 3.5rem/4.5rem "Noto Sans Jp", sans-serif;
    color:#468228;
}
.usage_flow_title_en{
    font: 700 2rem/2.4rem "Arial", "Noto Sans Jp", sans-serif;
    color:#b3e89d;
}
.usage_flow_title_line{
    margin-top: -7px;
    border-bottom:solid #238315 5px;
}

.usage_flow_ph{
    width: 950px;
    margin: 25px auto 0;
    display: flex;
}

.office_ph_tag{
    display: block;
    margin-top: -40px;
}

.office_information_ph >li > p{
    font: 700 1.6rem / 2.4rem "Noto Sans Jp", sans-serif;
    color: #333333;
    display: block;
    margin: -30px 0 0 70px;
}

.usage_flow_step_wrap{
    width: 1000px;
    height: auto;
    margin: 0 auto;
}
.flow_line{
    width: 100%;
    display: flex;
    margin-top: 100px;
}
.flow_line div+div{
    margin-left: auto;
}
.flow_line_2nd{
    width: 100%;
    display: flex;
}
.flow_line_2nd div+div{
    margin-left: auto;
}

.usage_flow_step{
    width: 300px;
    height: 500px;
    background-color: #ffffff;
    display: flex;
}
/* 2行目のmarginを操作 */
.line_adjust_2nd{
    margin-top: 50px;
}
/* 3行目のmarginを操作 */
.line_adjust_3nd{
    margin-top: 100px;
}

/* 管理事務所情報 ご利用の流れ 文言 */
.step{
    width: 94px;
    height: 110px;
    text-align: center;
    margin-top: -10px;
    font: 700 1.6em / 2.4rem "Noto Sans Jp", sans-serif;
}
/* タイトル1行 */
.step_word1{
    display: inline-block;
    width: 200px;
    height: 30px;
    margin: -15px 0 0 10px;
    font: 700 2.2rem / 3rem "Noto Sans Jp", sans-serif;
}
/* タイトル2行 */
.step_word2{
    display: inline-block;
    width: 200px;
    height: 60px;
    margin: -30px 0 0 10px;
    font: 700 2.2rem / 3rem "Noto Sans Jp", sans-serif;
}
/* タイトル赤 */
.word_red{
    color:#ff2d2d;
}

/* 吹き出し */
.bubble_wrap{
    height: auto;
    font: 700 1.6em / 2.4rem "Noto Sans Jp", sans-serif;
    position: relative;
    background-color: #ffffff;
}
.bubble_wrap::before{
    content: '';
    position: absolute;
    bottom: -10px;
    right: -10px;
    width: 100%;
    height: 100%;
    background-image: repeating-linear-gradient(-45deg, #78c878 0px, #78c878 5px, rgba(0 0 0 / 0) 0%, rgba(0 0 0 / 0) 2%);
    z-index: -10;
}

.bubble_wrap_cancel{
    height: auto;
    font: 700 1.6em / 2.4rem "Noto Sans Jp", sans-serif;
    position: relative;
    background-color: #ffffff;
}
.bubble_wrap_cancel::before{
    content: '';
    position: absolute;
    bottom: -10px;
    right: -10px;
    width: 100%;
    height: 100%;
    background-image: repeating-linear-gradient(-45deg, #ff7887 0px, #ff7887 5px, rgba(0 0 0 / 0) 0%, rgba(0 0 0 / 0) 2%);
    z-index: -10;
    overflow: hidden;
}


.bubble_wrap_title{
    height: auto;
    font: 700 1.6em / 2.4rem "Noto Sans Jp", sans-serif;
}
.bubble_step{
    display: flex;
    position: relative;
}

.bubble{
    position: absolute;
      top: -45px;
      left: -5px;
    text-align: center;
}

.step_content{
    margin-top: -40px;
}
.step_explain{
    width: 100%;
    height: auto;
    padding: 5px 25px;
    box-sizing: border-box;
    font: 500 1.6em / 2.8rem "Noto Sans Jp", sans-serif;
}
.step_explain > a{
    color: #0044CC;
}

.step_explain_bold{
    font: 700 1.1em / 2.8rem "Noto Sans Jp", sans-serif
}

.box{
    width: 260px;
    height: 70px;
    margin: 0 auto;
    padding: 4px 10px;
    box-sizing: border-box;
    border: solid 0.1em #333333;
    font: 500 2rem / 2.8rem "Noto Sans Jp", sans-serif;    
    text-align: center;
}

/* 管理事務所情報 下段 */
.bottom_information_wrap{
    width: 100%;
    height: auto;
    margin-top: 100px;
    background-color: #dcf0b4;
    padding: 45px;
    box-sizing: border-box;
}
.bottom_information{
    width: 950px;
    height: auto;
    margin: 0 auto;
    padding: 25px;
    box-sizing: border-box;
    background-color: #ffffff;
    text-align: center;
}
.bottom_information_title{
    font: 700 3.5rem/4rem "Noto Sans Jp", sans-serif;
    color:#468228;
    margin-bottom: 30px;
}
.bottom_information_title_line{
    border-bottom:solid #238315 3px;
}
.bottom_detailed_list{
    width: 950px;
    height: auto;
    padding: 30px;
    box-sizing: border-box;
    margin: 0 auto;
}
.detailed_text{
    text-align: center;
    font: 500 1.8rem / 3.2rem "Noto Sans Jp", sans-serif;
}
.detailed_text_adjust{
    font: 500 1.4rem / 3.2rem "Noto Sans Jp", sans-serif;
}
/* 管理事務所情報　薪販売 */
.bottom_information_firewood_wrap{
    width: 850px;
    height: 535px; 
    border: solid 10px #d4ac7b;
    margin: 50px auto 25px;
    display: flex;
    position: relative;
}
.bottom_information_firewood_left{
    width: 470px;
    height: auto;
    padding: 25px;
    box-sizing: border-box;
}
.bottom_information_firewood_tittle{
    font: 700 3rem / 3.5rem "Noto Sans Jp", sans-serif;
    color: #b36d15;
    margin: 0 auto 10px;
}
.bottom_information_firewood_explain{
    font: 700 1.6rem / 2.8rem "Noto Sans Jp", sans-serif;
    color: #333333;
    text-align: left;
}
.bottom_information_firewood_explain > a{
    color: #0044CC;
}
.information_paypay{
    width: 275px;
    margin: 10px auto 0;
    font: 700 2rem / 2.5rem "Noto Sans Jp", sans-serif;
    color: #333333;
    display: flex;
    align-items: center;
}
.office_internal{
    margin: 20px auto 0;
}
.information_paypay img{
    height: 48px;
}
.bottom_information_firewood_right{
    position: absolute;
    top: -50px;
    right: -65px;
}


/*  */
/* セキネ スポーツ フッター */
/* footer */

.footer_wrap{
    width: 100%;
    height: 150px;
    margin: 70px auto 0;
    background-color: #D9D9D9;
    padding: 35px;
    box-sizing: border-box;
    position: absolute;
    z-index: -10;
}
.footer_inner{
    width: 1040px;
    height: auto;
    margin: 0 auto;
    display: flex;
}

.footer_logo img{
    width: auto;
    height: 50px;
}
.footer_logo_text{
    font: 900 3.8rem / 3.8rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #B0B0B0;
}

.footer_copylight{
    font: 700 1rem / 1.2rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #555555;
    margin-top: 10px;
}

.footer_navi{
    margin: 10px 0 0 auto;
    text-align: right;
}
.footer_navi li+li{
    margin-left: 30px;
}

.footer_navi_main{
    font: 700 1.6rem / 1.6rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #333333;
    display: flex;
    list-style: none;
}
.footer_navi_sub{
    font: 700 1.4rem / 1.4rem "M PLUS 1p", "Noto Sans JP", sans-serif;
    color: #888888;
    display: inline-flex;
    margin: 15px 0 0 auto;
}