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

img { -ms-interpolation-mode: bicubic; }

.sp{
display: none;
}

.hamburger-menu{
display: none;
}

body{
background: rgba(247,215,148,1.00);
overflow-x: hidden;
}

.cs{
width: 40%;
position: absolute;
top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.h_section{
width: 20%;
text-align: center;
position: fixed;
top: 0;
left: 0;
background: url("../img/top/h_ba.png") no-repeat top center;
background-size: 100% auto;
padding: 0 5% 0 2%;
padding-top: 3%;
z-index: 9;
}

header h1{
width: 70%;
margin: 5% auto 15% auto;
}

.pc_navi{
font-size: 1.7rem;
}

.pc_navi li{
margin-bottom: 6%;
}

.pc_navi li a{
color: #42210b;
}

.h_sns{
width: 25%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 3.5rem;
}

.h_sns li{

}

.h_sns li a{
color: #42210b;
}

.main_section_01{
width: 70%;
position: relative;
padding-top: 6%;
padding-bottom: 6%;
margin: 0 5% 0 auto;
z-index: 99;
}

.top_main_img_section{
position: relative;
}

.top_main_img_section img{
border-radius: 20px;
}

.top_main_img_section h2{

}

.top_main_img_section h2 p{
position: absolute;
top: 2%;
left: 3%;
z-index: 5;
color: #42210b;
font-size: 2.7rem;
display: inline;
padding: 2% 2%;
}


.img_01{
width: 20%;
position: absolute;
top: -15%;
right: -10%;
z-index: 9
}

.img_02{
width: 10%;
position: absolute;
bottom: -5%;
left: -3%;
z-index: 9
}

.community_section_01{
background: url("../img/top/ba_01.png") no-repeat center center;
background-size: 100% 100%;
width: 50%;
padding: 14% 0 5% 0;
margin: -10% -8% 0 auto;
position: relative;
z-index: 9
}

.community_section_01 h2{
width: 60%;
margin: 0 15% 0 auto;
}


.community_btn{
background: url("../img/top/enter01.gif") no-repeat center center;
background-size: 100% 100%;
width: 134px;
height: 101px;
display: block;
margin: 5% 15% 0 auto;
}

.community_btn:hover{
opacity: 1;
background: url("../img/top/enter02.gif") no-repeat center center;
background-size: 100% 100%;
width: 134px;
height: 101px;
}

.img_03{
width: 80%;
position: absolute;
bottom: -10%;
left: 0;
}

.img_04{
width: 12%;
position: absolute;
top: 8%;
right: 18%;
}


.top_info_section{
width: 55%;
margin-top: -20%;
position: relative;
}

.top_info_section h3{
width: 75%;
}

.img_05{
width: 18%;
position: absolute;
top: -10%;
right: 0;
}

.news_dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 2%;
}

.news_dl dt{
width: 20%;
font-size: 1.3rem;
color: #42210b;
}

.news_dl dd{
width: 80%;
font-size: 1.4rem;
margin-bottom: 3%;
color: #42210b;
}

.news_dl dd a{
text-decoration: underline;
color: #42210b;
}

.more_btn_01{
font-size: 1.5rem;
color: #754c24;
position: absolute;
bottom: 0.5em;
right: -6em;
}

.more_btn_01 i{
margin-right: 0.2em;
}

.more_btn_01 b{
text-decoration: underline;
}

.ba_01{
background: url("../img/top/ba_02.png") no-repeat;
background-size: 100% 100%;
z-index: 8;
}

.top_midashi_03{
width: 60%;
position: relative;
z-index: 99;
margin-bottom: 2%;
}

.img_07{
width: 28%;
position: absolute;
top: -7%;
right: 2%;
}

.img_06{
position: relative;
}

.top_honbun_01{
width: 38%;
position: absolute;
top: 66%;
left: 2%;
display: block;
font-size: 1.8rem;
}

.top_link_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 12%;
position: relative;
}

.top_link_01 li{
width: 48%;
}

.img_08{
width: 15%;
position: absolute;
top: 0;
left: 0;
}

.top_midashi_04{
width: 42%;
margin-bottom: 2%;
}

.more_btn_02{
font-size: 1.5rem;
color: #754c24;
display: inline;
}

.more_btn_02 i{
margin-right: 0.2em;
}

.more_btn_02 b{
text-decoration: underline;
}

.right{
text-align: right;
}

.img_10{
width: 20%;
position: absolute;
top: -5%;
right:2%;
}

.img_11{
width: 9%;
position: absolute;
top: 5%;
left: 57%;
}

.top_midashi_05{
width: 10%;
}

.top_link_02{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 2%;
margin-bottom: 5%;
}

.top_link_02::after{
content: " ";
width: 24%;
}

.top_link_02 li{
width: 24%;
}

.ba_03{
width: 160%;
position: absolute;
bottom: 5%;
left: -50%;

}

footer{
text-align: center;
padding: 10% 0;
}

.f_logo{
width: 178px;
margin-bottom: 2%;
}

.f_data{
font-family: setofont-sp,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.0rem;
color: #42210b;
margin-bottom: 5%;
line-height: 1.7em;
}

.copyright{
font-size: 1.0rem;
color: #42210b;
margin-bottom: 10%;
letter-spacing: 0.1em;
}



.news_dl_02{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 2%;
}

.news_dl_02 dt{
width: 20%;
font-size: 1.3rem;
color: #42210b;
margin-bottom: 1.5%;
padding-bottom: 1.5%;
border-bottom: #42210b 1px dotted;
}

.news_dl_02 dd{
width: 80%;
font-size: 1.4rem;
margin-bottom: 1.5%;
padding-bottom: 1.5%;
color: #42210b;
border-bottom: #42210b 1px dotted;
}

.news_dl_02 dd a{
text-decoration: underline;
color: #42210b;
}

.prevnext{
display: flex;
flex-wrap: wrap;
justify-content: center;
font-size: 1.4rem;
width: 100%;
}

.prevnext li{
margin: 2%;
}

.ymd{
font-size: 1.5rem;
margin-top: 2%;
}

.page_news_section_01{
font-size: 1.4rem;
color: #42210b;
}

.page_news_section_01 img{
width: auto;
height: auto;
}