@charset "utf-8";
html {
    overflow: auto;
}
body {
    min-width: 1000px;
    overflow: hidden;
}

/* #contents{
line-height:1.7;
} */

.marugo{
font-family: 'Kosugi Maru', sans-serif;
}

.shingo{font-family: "新ゴ M", Shin Go Medium, sans-serif;}

/*
-----------------------------------------------
SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
body {
    min-width: 100%;
    overflow: hidden;
}
}

/*
-----------------------------------------------
PC用ナビゲーション
----------------------------------------------- */
.navi a:hover {
  transform: translateY(-7px);
  transition: all 0.3s;
  /*   box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08); */
  opacity: 0.7;
}

.main-navi{
position:absolute;
top:0px;
right:45px;
}

.navi{
position:relative;
z-index:100;
}

.navi > li{
display:inline-block;
position:relative;
margin-left:24px;
}

.navi li a{
display:block;
padding:5px 0;
color:#333;
font-size:16px;
}

.navi li a:hover{
text-decoration:none;
}

.navi > li a:hover{
color:#0097e0;
}

.navi > li > a{
padding:12px 0;
margin:0px;
padding-left:10px;
padding-right:10px;
}

/* ドロップダウンメニュー */
.navi li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0px;
  margin: 0;
  padding: 0;
  width:142px;
}
.navi li ul li{
  width: 100%;
}
.navi li ul li a{
  padding: 10px;
  border-bottom: 1px solid #ccc;
  background-color: rgba(216,214,213,0.9);
  text-align: left;
  color:#333;
  font-size:15px;
}

.navi ul li a:hover{
  background-color: rgba(0,160,233,0.8);
  color:#fff;
}

.navi li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
.navi li:hover ul li{
  overflow: visible;
  height: 43px;
}

.navi-span{
font-size:1.2rem;
margin-right:6px;
vertical-align:middle;
}



/*
-----------------------------------------------
SP用ナビゲーション
----------------------------------------------- */
@media screen and (max-width: 768px) {
.navi{
display:none;
}

.fixed {
    overflow: auto;
    height: 100%;
}

.drawer-open #contents{
}

.drawer-dropdown-menu-item{
font-size:1.7rem !important;
padding:0.6em 0 0.6em 2em !important;
line-height:1.0 !important;
}

/* ハンバーガーメニューのMENUの文字 */
.nav-menu{
position:absolute;
top:62%;
left:13px;
font-size:1.2rem;
color:#fff;
}
}

/*
-----------------------------------------------
ヘッダ
----------------------------------------------- */
#head-in{
width:100%;
position:relative;
}

header h1{
margin:0;
margin:25px 0 22px 40px;
width:100px;
}

header h1 img{
margin:0;
padding:0;
width:100%;
height:auto;
}

header{
background:#fff;
}


/*
-----------------------------------------------
ヘッダ　SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
#head-in{
width:100%;
height:60px;
}

header h1{
margin:0;
width:90px;
padding-left:10px;
padding-top:8px;
}


}

/*
-----------------------------------------------
コンテンツ幅
----------------------------------------------- */
.in-box01{
position:relative;
width:1000px;
margin-left:auto;
margin-right:auto;
}

.in-box02{
position:relative;
width:800px;
margin-left:auto;
margin-right:auto;
}


.in-box03{
position:relative;
width:970px;
margin-left:auto;
margin-right:auto;
}



.in-box04{
position:relative;
width:600px;
margin-left:auto;
margin-right:auto;
}

.in-box05{
position:relative;
width:570px;
margin-left:auto;
margin-right:auto;
}

.in-box06{
position:relative;
width:770px;
margin-left:auto;
margin-right:auto;
}

/*
-----------------------------------------------
コンテンツ幅 SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
.in-box01,
.in-box02,
.in-box03,
.in-box04,
.in-box05,
.in-box06{
width:100%;
/* padding-left:15px;
padding-right:15px; */
}
}


/*
-----------------------------------------------
パンクズ
----------------------------------------------- */

.pk{
padding-top:10px;
padding-bottom:10px;
}

.pk-ul li{
line-height:1.3 !important;
display:inline;
}

.pk-ul li i{
margin-right:10px;
margin-left:10px;
}

.pk-ul li a{
color:#333 !important;
}

.pk-ul li a:hover{
text-decoration:underline !important;
}

/*
-----------------------------------------------
パンクズ TAB SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
.pk{
padding-top:10px;
padding-bottom:10px;
font-size:1.2rem !important;
}
}

/*
-----------------------------------------------
見出し
----------------------------------------------- */
.h-type01{
font-size:48px;
color:#fff;
}

/*
-----------------------------------------------
見出し tab
----------------------------------------------- */
@media screen and (max-width: 768px) {
.h-type01{

}
}

/*
-----------------------------------------------
見出し SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
.h-type01{

}


}




/*
-----------------------------------------------
ボタン
----------------------------------------------- */
.btn01{
display:inline-block;
}

.btn01 a{
display:block;
padding:1.2em 0;
font-weight:bold;
width:254px;
line-height:1.0;
text-decoration:none;
}

.btn01 a:hover{
text-decoration:none;
}


.btn02{
display:inline-block;
}

.btn02 a{
display:block;
padding:0.8em 4em;
font-weight:bold;
line-height:1.0;
text-decoration:none;
background-color: transparent;
}

.btn02 a:hover{
text-decoration:none;
}

.btn03 a{
display:block;
padding:1.2em 0;
font-weight:bold;
line-height:1.0;
text-decoration:none;
}

.btn03 a:hover{
text-decoration:none;
}

.btn04 a{
display:inline-block;
padding:0.8em 0em;
line-height:1.0;
text-decoration:none;
border-radius:30px;
width:15em;
text-align:center;
}

.btn04 a:hover{
text-decoration:none;
}
.btn05 {
	display: block;
	width: fit-content;
}
.btn05 a{
display:flex;
align-items: center;
padding: 0 18px;
width: fit-content;
height: 46px;
text-decoration:none;
border-radius:30px;
text-align:center;
}
.btn05 a:hover{
text-decoration:none;
}
.type01 a{
color:#00a0e9;
border:solid 2px #00a0e9;
background:#fff;
}

.type01 a:hover{
background:#e2f4fc;
}

.type02 a,
.type03 a{
color:#fff;
border:solid 1px #fff;
}

.type02 a:hover{
background:#b2131c;
}
.type03 a:hover{
background:#07131a;
}

.type04 a{
color:#133447;
border:solid 1px #133447;
}

.type04 a:hover{
background:#efefec;
}


.type05 a{
color:#fff;
background:#133447;
}

.type05 a:hover{
background:#114b6c;
}

.type06 a{
color:#ee7d1a;
background:#fff;
border:solid 2px #ee7d1a;
}

.type06 a:hover{
background:#f9ece4
}
.type07 a{
color:#ADC730;
background:#fff;
border:solid 2px #ee7d1a;
}

.type07 a:hover{
background:#f9ece4
}

.type08 a{
color:#fff;
background:#b2cf53;
border:solid 2px #b2cf53;
}

.type08 a:hover{
opacity:0.7 !important;
}

.type09 a{
color:#fff;
background:#f5a200;
border:solid 2px #f5a200;
padding: 0 23px !important;
}

.type09 a:hover{
opacity:0.7 !important;
}

/*
-----------------------------------------------
ボタン TAB SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
.btn01 a{
width:auto;
padding:0.5em 1.2em;
}
}

/*
-----------------------------------------------
ボタン SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
.btn02 a{
display:block;
padding:0.8em;
width:100%;
}
}

/*
-----------------------------------------------
TOPページ
----------------------------------------------- */
.slide-wrap{
position:relative;
}

.scroll{
position:absolute;
z-index:1000;
bottom:0;
right:50px;
}

.slide-catch{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 80%;
  height: 3.2rem;
  z-index:100;
top:-180px;
}

.sub-catch{
font-size:18px;
color:#ffffc5;
}

.mv-link{
display:inline-block;
color:#fff;
background:#ff9400;
line-height:1.0;
border-radius:25px;
padding:1em 3em;
font-size:16px;
text-decoration:none;
font-weight:700;
}

.mv-link:hover{
text-decoration:none;
background:#f8b75c;
}

.top-box01{
    padding: 80px 0 120px 0;
    background-color:#fff5da;
    background-image: url(../img/top_bg01.png);
    background-repeat: no-repeat;
    background-position: center 0;
}

.top-box01 p{
line-height:2.4 !important;
padding-bottom:40px;
font-weight:700;
}

.jigyo-read{
font-weight:700;
}

.jigyo-box01{
min-height:620px;
}

.jigyo-div01{
width:380px;
z-index:10;
position:relative;
}

.jigyo-div02{
width:380px;
z-index:10;
position:relative;
margin-bottom:30px;
}

.jigyo-div02b{
width:520px;
z-index:10;
position:relative;
margin-bottom:30px;
}

/* .jigyo-div02b 1000px　項目の並び  */
@media screen and (max-width: 1050px) {
.jigyo-div02b{
width:300px;
}
}


.jigyo-name01,
.jigyo-name02,
.jigyo-name03,
.jigyo-name04{
margin-top:290px;
position:relative;
z-index:10;
}

.jigyo-name01:before{
content: url(../img/jigyo_bg001.png);
display: block;
position:absolute;
left:-120px;
top:-180px;
z-index:1;
}

.jigyo-name02:before{
content: url(../img/jigyo_bg002.png);
display: block;
position:absolute;
left:-220px;
top:-200px;
z-index:1;
}

.jigyo-name03:before{
content: url(../img/jigyo_bg003.png);
display: block;
position:absolute;
left:-120px;
top:-180px;
z-index:1;
}

.jigyo-name04:before{
content: url(../img/jigyo_bg004.png);
display: block;
position:absolute;
left:-220px;
top:-200px;
z-index:1;
}

.jigyo-img01{
position:absolute;
top:0px;
left:440px;
z-index:10;
}

.jigyo-img02{
position:absolute;
top:0px;
left:-210px;
z-index:10;
}

.jigyo-ic{
position:relative;
display:inline-block;
background:#ffff00;
line-height:1.0;
font-family: 'Kosugi Maru', sans-serif;
border-radius:8px;
margin-right:5px;
text-align:center;
margin-bottom:10px;
}

.kome{
display:inline-block;
margin-left:10px;
}


.ic01{
padding:0.5em 1em;
}

.ic02{
width:15em;
padding:0.5em 0;
}

.ic03{
width:11.5em;
padding:0.5em 0;
}

.jigyo-in01{
position:relative;
margin-left:610px;
}



.img-type01{
width:241px;
height:auto;
}

.img-type02{
position:relative;
z-index:10;
width:auto;
height:59px !important;
}

.img-type03{
width:auto;
height:650px;
}

.jigyo-main{
margin-top:100px;
}

.top-jigyo{
width:1000px;
margin-left:auto;
margin-right:auto;
}

.top-en{
margin-top:100px;
margin-bottom:0px;
position:relative;
height:700px;
background:url(../img/pc_en.png) no-repeat top center;
font-family: 'Kosugi Maru', sans-serif;
}

.en-img{
width:auto;
height:69px;
}

.en01 dt,
.en02 dt,
.en03 dt,
.en04 dt{
margin-bottom:25px;
}

.en01 dd li,
.en02 dd li,
.en03 dd li,
.en04 dd li{
position:relative;
margin-bottom:4px;
/* padding-left:14px; */
}

/* .en01 dd li:before,
.en02 dd li:before,
.en03 dd li:before,
.en04 dd li:before{
content:"●";
font-size:8px;
margin-right:5px;
color:#ffff02;
display:block;
position:absolute;
top:7px;
left:0;
} */

.en-txt{
height:20px;
width:auto;
}


.en01{
position:absolute;
top:70px;
left:90px;
}

.en02{
position:absolute;
top:70px;
right:10px;
}
.en03{
position:absolute;
bottom:110px;
right:80px;
}
.en04{
position:absolute;
bottom:110px;
left:90px;
}

.h-img01{
margin-bottom:80px;
padding-top:70px;
}

.slide-catch img{
width:100%;
height:auto;
}


/* 202304追加 */
.insta-btn a{
display:inline-block;
line-height:1.0 !important;
background:#fff;
padding:0.5em 2em;
border-radius:40px;
border:solid 2px #fa912b;
color:#666;
}

.insta-btn a:hover{
text-decoration:none;
opacity:0.7;
}

.insta-btn i{
font-size:36px;
vertical-align:middle;
margin-right:5px;
}

.hoikuen-ban{
margin-top:20px;
width:384px;
height:auto;
}
/*
-----------------------------------------------
TOP TAB
----------------------------------------------- */
@media screen and (max-width: 768px) {



.sp-h01{
padding-left:35%;
padding-right:35%;
}

.sp-h01 img{
width:100%;
height:auto;
}

.tac-tab{
text-align:center !important;
}

.sp-type01{
padding-left:30px;
padding-right:30px;
}

.sp-h02{
padding-left:20%;
padding-right:20%;
}

.top-en{
margin-top:150px;
margin-bottom:0px;
position:relative;
height:700px;
}


.en01{
position:absolute;
top:-115px;
left:70px;
}

.en02{
position:absolute;
top:-115px;
right:10px;
}
.en03{
position:absolute;
bottom:-30px;
right:30px;
}
.en04{
position:absolute;
bottom:-30px;
left:30px;
}



/*SP兼用*/


.jigyo-name01,
.jigyo-name02,
.jigyo-name03,
.jigyo-name04{
margin-top:100px;
margin-bottom:24px;
}

.jigyo-name01 img,
.jigyo-name02 img,
.jigyo-name03 img,
.jigyo-name04 img{
width:auto !important;
height:40px !important;
}

.jigyo-name01:before{
content: '';
display: block;/*忘れずに！*/
width: 150px;/*画像の幅*/
height: 150px;/*画像の高さ*/
background-image: url(../img/sp_ill01.png);
background-size: contain !important;
background-repeat: no-repeat;
position:relative;
left:auto !important;
right:auto !important;
margin-left:auto !important;
margin-right:auto !important;
top:0px;
background-position: center !important;
}

.jigyo-name02:before{
content: '';
display: block;/*忘れずに！*/
width: 150px;/*画像の幅*/
height: 150px;/*画像の高さ*/
background-image: url(../img/sp_ill02.png);
background-size: contain !important;
background-repeat: no-repeat;
position:relative;
left:auto !important;
right:auto !important;
margin-left:auto !important;
margin-right:auto !important;
top:0px;
background-position: center !important;
}

.jigyo-name03:before{
content: '';
display: block;/*忘れずに！*/
width: 150px;/*画像の幅*/
height: 150px;/*画像の高さ*/
background-image: url(../img/sp_ill03.png);
background-size: contain !important;
background-repeat: no-repeat;
position:relative;
left:auto !important;
right:auto !important;
margin-left:auto !important;
margin-right:auto !important;
top:0px;
background-position: center !important;
}

.jigyo-name04:before{
content: '';
display: block;/*忘れずに！*/
width: 150px;/*画像の幅*/
height: 150px;/*画像の高さ*/
background-image: url(../img/sp_ill04.png);
background-size: contain !important;
background-repeat: no-repeat;
position:relative;
left:auto !important;
right:auto !important;
margin-left:auto !important;
margin-right:auto !important;
top:0px;
background-position: center !important;
}


.jigyo-div02b{
margin-left:auto !important;
margin-right:auto !important;
}

.tac-sp{
text-align:center !important;
margin-left:auto !important;
margin-right:auto !important;
}

.jigyo-div01{
width:100%;
padding-left:15px;
padding-right:15px;
text-align:left !important;
}

.jigyo-div02{
width:100%;
margin-bottom:20px;
}

.jigyo-box01{
margin-bottom:0 !important;
padding-bottom:0 !important;
background-color:#fff5da;
position:relative;
}
.jigyo-box01 .in-box01{
top:-60px !important;
}


.jigyo-box01:after{
content:"";
display:block;
height:150px;
background:#fff !important;
margin-top:-200px !important;
}

.jigyo-box01{
min-height:auto;
}

.jigyo-img01{
position:relative;
top:auto;
left:auto;
padding-left:15px;
padding-top:25px;
}

.jigyo-img02{
position:relative;
top:auto;
left:auto;
padding-right:15px;
padding-top:25px;
}

.img-type03{
width:100%;
height:auto;
}

.jigyo-in01{
margin-left:0 !important;
}

}

/*
-----------------------------------------------
TOP SP
----------------------------------------------- */
@media screen and (max-width: 767px) {

.mv-link{
display:inline-block;
color:#fff;
background:#ff9400;
line-height:1.0;
border-radius:25px;
padding:1em 1em;
font-size:14px;
text-decoration:none;

}

.slide-catch{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 90%;
  height: 3.2rem;
  z-index:100;
top:0px;
}


.tac-tab{
text-align:left !important;
}

.img-type01{
width:100%;
height:auto;
}

.sp-h01{
padding-left:28%;
padding-right:29%;
}

.sp-h02{
padding-left:8%;
padding-right:8%;
}

.sp-type01{
padding-left:15px;
padding-right:15px;
}

.h-img01{
margin-bottom:30px;
padding-top:20px;
}

.top-box01 p{
line-height:2.4 !important;
padding-bottom:30px;
font-weight:700;
}

.top-box01{
padding: 40px 0 50px 0;
background-image: none !important;
}

.jigyo-main{
margin-top:40px;
}

.top-en{
margin-top:40px;
margin-bottom:0px;
height:auto;
background:none;
}


.en01{
position:relative;
top:0;
left:0;
font-size:1.1rem;
display:inline-block;
vertical-align:top;
width:40%;
margin-right:6%;
}

.en02{
position:relative;
top:0;
right:0;
font-size:1.1rem;
display:inline-block;
vertical-align:top;
width:54%;
}

.en03{
position:relative;
bottom:0;
right:0;
font-size:1.1rem;
display:inline-block;
vertical-align:top;
width:45%;
margin-right:5%;
}
.en04{
position:relative;
bottom:0;
left:0;
font-size:1.1rem;
display:inline-block;
vertical-align:top;
width:50%;
}

.en-img{
height:40px;
}

.en01 dt,
.en02 dt,
.en03 dt,
.en04 dt{
margin-bottom:10px;
}

.sp-en img{
position:relative;
margin-left:-7% !important;
}

/* .en01 dd li:before,
.en02 dd li:before,
.en03 dd li:before,
.en04 dd li:before{
content:"●";
font-size:5px;
margin-right:2px;
color:#ffff02;
display:block;
position:absolute;
top:3px;
left:0;
} */

.en01 dd li,
.en02 dd li,
.en03 dd li,
.en04 dd li{
position:relative;
margin-bottom:5px;
/* padding-left:7px; */
}

.en-txt{
height:16px;
width:auto;
}


.jigyo-name01,
.jigyo-name02,
.jigyo-name03,
.jigyo-name04{
margin-top:100px;
}

.hoikuen-ban{
width:100%;
height:auto;
}


}

/* --------------------------
        動画
---------------------------*/
.video-wrap{
margin-left:300px;
margin-right:300px;
}

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/*
-----------------------------------------------
動画 SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
.video-wrap{
margin-left:0px;
margin-right:0px;
}
}

/*
-----------------------------------------------
追加
----------------------------------------------- */
.en-only{
display:none;
}

.anime {
 width: 100vw;
 height: 100vh;
 position: relative;
}
 
 /* .anime img {
 padding-left:40%;
 padding-right:40%;
 display: block;
 width: 100%;
 position: absolute;
position:fixed;
 top: 50%;
 left: 50%;
  -webkit-transform: translate(-50%,-50%);
 -moz-transform: translate(-50%,-50%);
 -ms-transform: translate(-50%,-50%);
 -o-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%);
 } */


.anime img {
 display: block;
 width: 300px;
 height:auto;
 position: absolute;
position:fixed;
 top: 50%;
 left: 50%;
  -webkit-transform: translate(-50%,-50%);
 -moz-transform: translate(-50%,-50%);
 -ms-transform: translate(-50%,-50%);
 -o-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%);
}



#loading{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
  }
      
#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #fff;
    z-index: 1;
 }


.w_hoikuen{
width:128px;
height:auto;
}

/*
-----------------------------------------------
追加 SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
.anime{
margin-top:-10%;
}

.anime img {
 padding-left:30%;
 padding-right:30%;
width:100%;
height:auto;
}

}


/*
-----------------------------------------------
フェードイン
----------------------------------------------- */

.fadein {
  opacity: 0; 
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.fadein.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

/*
-----------------------------------------------
フッターの会社案内
----------------------------------------------- */
.foot-company{
padding:120px 0 110px 0;
/* margin-top:160px; */
background:url(../img/okura_bg2.jpg) no-repeat center 60%;
}

.foot-company p{
color:#005bb0;
}

.foot-company-ban{
margin-top:20px;
}

.foot-company-ban li{
width:355px;
display:inline-block;
margin-left:10px;
margin-right:10px;
}

.foot-company-ban li img{
width:100%;
height:auto;
}

/*
-----------------------------------------------
フッターの会社案内 SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.foot-company{
padding:50px 10% 50px 10%;
/* margin-top:50px; */
background-image:url(../img/okura_bg_sp2.jpg) ;
background-size:cover;
background-position:bottom right;
}


.foot-company-ban li{
width:100%;
display:block;
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
padding-left:5%;
padding-right:5%;
}

.foot-company p{
font-size:14px;
}


}


/*
-----------------------------------------------
フッター
----------------------------------------------- */
footer p{
margin:0 0 22px 40px;
}

footer h1{
margin:0;
margin:0 0 8px 40px;
width:100px;
}

footer h1 img{
margin:0;
padding:0;
width:100%;
height:auto;
}

footer{
margin-top:-50px;
padding-top:0;
}




/*
-----------------------------------------------
フッター SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
footer p{
margin:15px;
font-size:1.2rem;
}

footer h1{
margin-left:auto;
margin-right:auto;
text-align:center;
width:100px;
}

footer h1 img{
margin:0;
padding:0;
width:100%;
height:auto;
}

footer{
margin-top:-15px;
padding-top:0;
}


}

/*
-----------------------------------------------
緊急　追加
----------------------------------------------- */
.kinkyu{
padding-left:15px;
padding-right:15px;
}

.kinkyu a{
text-decoration:underline;
}

.kinkyu a:hover{
text-decoration:none;
}

/*
-----------------------------------------------
FLEX BOX
----------------------------------------------- */
.container01{
display:flex;
flex-wrap:wrap;
}

.container02{
display:flex;
flex-wrap:nowrap;
}

.container03{
display:flex;
flex-wrap:wrap-reverse;
}

.c-type01{
justify-content:space-between;
}

.c-type02{
justify-content:space-around;
}

.c-type03{
justify-content:flex-start;
}

.c-type04{
justify-content:center;
}

@media screen and (max-width: 767px) {
.container03{
flex-wrap:wrap-reverse;
}
}



/*
-----------------------------------------------
HEADNEWS
----------------------------------------------- */

.headnews{
position:absolute !important;
bottom:30px;
left:5%;
background:#fff;
border-radius:30px;
padding:15px 30px;
width:750px;
}

.headnews h3{
width:12%;
border-right:dotted 3px;
}

.headnews-p{
width:85%;
}

.headnews-p a{
color:#675b54;
}

.headnews-p a:hover{
text-decoration:underline;
}

/*
-----------------------------------------------
HWADNEWS SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.headnews-sp-wrap{
margin-bottom:0px;
background:#fff5da;
padding-top:20px;
}

.headnews-sp{
background:#fff;
border-radius:10px;
width:90%;
padding:10px;
margin-left:5%;
margin-right:5%;
}

.headnews-sp h3{
position:relative;
}

.headnews-sp h3:after{
content: '';
top:14px;
left:4.5em;
position:absolute;
overflow:hidden;
background-repeat:no-repeat;
display: inline-block;
width: 70%;/*画像の幅*/
  height: 10px;/*画像の高さ*/
  background-image: url(../img/line_mk.png);
}

.headnews-sp a{
font-size:14px;
color:#675b54;
}

.headnews-sp a:hover{
text-decoration:underline;
}



}

/*
-----------------------------------------------
FOOTNEWS
----------------------------------------------- */

.in-box02{
width:900px;
margin-left:auto;
margin-right:auto;
}

.top-foot-news{
background:#fff6db;
margin-top:150px;
padding:90px 0;
}

.top-foot-news h3{
margin-bottom:30px;
}

.news-dl{
margin-bottom:20px;
}


.news-dl dt{
width:100px;
}

.news-dl dd{
width:760px;
}


.news-dl dd a{
color:#675b54;
}

.news-dl dd a:hover{
text-decoration:underline;
}


/*
-----------------------------------------------
FOOTNEWS SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
.in-box02{
width:100%;
padding-left:20px;
padding-right:20px;
}


.top-foot-news{
background:#fff6db;
margin-top:40px;
padding:30px 0;
}

.top-foot-news h3{
margin-bottom:20px;
}

.top-foot-news h3 img{
width:120px;
height:auto;
}


.news-dl{
margin-bottom:20px;
}


.news-dl dt{
width:100px;
}

.news-dl dd{
width:760px;
}


.news-dl dd a{
color:#675b54;
}

.news-dl dd a:hover{
text-decoration:underline;
}
}

/*
-----------------------------------------------
farm to kitchen
----------------------------------------------- */
.ftk_aruko{
margin-top:40px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
}

.ftk_aruko p{
margin-right:20px;
}

@media screen and (max-width: 767px) {
.ftk_aruko p{
margin-right:0;
width:68%;
}

.ftk_aruko div{
width:28%;
}

}