@charset "UTF-8";
/* CSS Document */
/*--------------------
01.共通
02.
--------------------*/

/*----------
01.共通
----------*/
body{
margin: 0;
}

.pc{
display: block;
}

.sp{
display: none;
}

.contents_in{
max-width: 1016px;
width: 100%;
margin: 0 auto;
}

a{
color: #333;
}

a:hover{
color:#333;
}

a:link{
color:#333;
}

img{
width: 100%;
height: auto;
}

#edeufuru{
font-family: 'Kosugi Maru', sans-serif;
color: #6a3906;
padding-bottom: 88px;
}

#edeufuru #mainv_area{
width: 100%;
margin: 0 auto 39px;
}

#edeufuru .cnt_area .first_text{
font-size:20px;
line-height: 35px;
text-align: center;
margin-bottom: 28px;
}
#edeufuru #about_area {
padding: 0 0 100px;
}
#edeufuru #about_area h2{
max-width: 526px;
margin: 0 auto 37px;
}
#edeufuru #about_area .point_box{
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 39px 33px;
max-width: 860px;
width: 94%;
margin: 0 auto 20px;
border: 3px solid #F8E5A6;
border-radius: 30px;
box-sizing: border-box;
}

#edeufuru #about_area .point_box .cnt_text{
max-width: 220px;
width: 27.7%;
text-align: center;
}
#edeufuru #about_area .point_box .cnt_text .point{
max-width: 70px;
margin: 0 auto 5px;
}
#edeufuru #about_area .point_box .cnt_text .maintext{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 23px;
line-height: 29px;
font-weight: 700;
}
#edeufuru #about_area .point_box .cnt_text .subtext{
font-size: 14px;
line-height: 17px;
padding-top: 4px;
}
#edeufuru #about_area .point_box .cnt_img{
max-width: 547px;
width: 68.8%;
}

#edeufuru #howto_area {
padding: 42px 0 78px;
background: url("../img/edeufuru/bg02_howto.png") no-repeat center;
background-size: cover;
margin-bottom: 105px;
}
#edeufuru #howto_area h2{
max-width: 339px;
margin: 0 auto 38px;
}
#edeufuru #howto_area .cnt_g01{

}
#edeufuru #howto_area .cnt_g01 .top_box{
display: flex;
justify-content: center;
align-items: flex-start;
position: relative;
max-width:860px;
width: 94%;
padding-bottom: 96px;
margin: 0 auto ;
}
#edeufuru #howto_area .cnt_g01 .top_box::after{
content:'';
display: block;
width: 100%;
height: 65px;
background: url("../img/edeufuru/arrow01_howto.png") no-repeat center;
background-size: contain;
position: absolute;
bottom: 10px;
left: 0;
}
#edeufuru #howto_area .cnt_g01 .top_box .cnt_img{
max-width: 237px;
width: 27.6%;
}
#edeufuru #howto_area .cnt_g01 .top_box .cnt_text{
max-width: 345px;
width: 40.2%;
margin-left: 42px;
}

#edeufuru #howto_area .cnt_g01 .top_box .cnt_text .maintext{
font-size:20px;
line-height: 35px;
text-align: center;
background: #f8e5a6;
border: 3px solid #fff;
padding:14px 10px;
max-width: 345px;
box-sizing: border-box;
margin-bottom: 40px;
position: relative;
}
#edeufuru #howto_area .cnt_g01 .top_box .cnt_text .maintext::before{
content:'';
display: block;
width: 27px;
height: 21px;
background: url("../img/edeufuru/fukidasi01.png") no-repeat center;
background-size: contain;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -27px;
}
#edeufuru #howto_area .cnt_g01 .top_box .cnt_text .maintext::after{
content:'';
display: block;
width: 126px;
height: 119px;
background: url("../img/edeufuru/icon01_howto.png") no-repeat center;
background-size: contain;
position: absolute;
top: -36px;
right: -65px;
}
#edeufuru #howto_area .cnt_g01 .top_box .cnt_text .maintext span{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 35px;
line-height: 44px;
font-weight: 700;
display: block;
padding-bottom: 9px;
}
#edeufuru #howto_area .cnt_g01 .top_box .cnt_text .date{
display: block;
box-sizing: border-box;
width: 274px;
height: 274px;
background: #fff;
border: 3px solid #f8e5a6;
border-radius: 50%;
margin: 0 auto;
font-size:20px;
line-height: 35px;
text-align: center;
padding: 58px 0 60px;
}
#edeufuru #howto_area .cnt_g01 .top_box .cnt_text .date span{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 25px;
line-height: 29px;
font-weight: 700;
display: inline-block;
padding-bottom: 5px;
border-bottom: 2px dashed #6A3906;
margin-bottom: 37px;
}
#edeufuru #howto_area .cnt_g01 .bottom_box{
max-width:794px;
width: 94%;
margin: 0 auto 82px;
}

#edeufuru #howto_area .cnt_g02 {
box-sizing: border-box;
max-width:860px;
width: 94%;
margin: 0 auto;
background: url("../img/edeufuru/bg01_howto.png") no-repeat center;
background-color: #fff;
background-size: cover;
padding: 48px 48px 11px;
border-radius: 50px;
}

#edeufuru #howto_area .cnt_g02 .top_box{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 50px;
}

#edeufuru #howto_area .cnt_g02 .top_box .cnt_text{
max-width: 514px;
width: 67.3%;
}

#edeufuru #howto_area .cnt_g02 .top_box .cnt_text h3{
max-width: 514px;
margin: 0;
padding-bottom: 43px;
}
#edeufuru #howto_area .cnt_g02 .text_fukidashi{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 25px;
line-height: 29px;
font-weight: 700;
padding: 7px 38px;
background: #f8e5a6;
display: inline-block;
position: relative;
}
#edeufuru #howto_area .cnt_g02 .text_fukidashi::after{
content:'';
display: block;
width: 23px;
height: 15px;
background: url("../img/edeufuru/fukidasi02.png") no-repeat center;
background-size: contain;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -23px;
}

#edeufuru #howto_area .cnt_g02 .top_box .cnt_img{
max-width: 215px;
width: 28.2%;
}

#edeufuru #howto_area .cnt_g02 .middle_box{
max-width: 608px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-flow: wrap;
}

#edeufuru #howto_area .cnt_g02 .middle_box .cnt_box{
max-width: 237px;
width: 46%;
margin-bottom: 49px;
text-align: center;
}

#edeufuru #howto_area .cnt_g02 .middle_box .cnt_box .title{
max-width: 128px;
width: 54%;
margin: 0 auto 11px;
}

#edeufuru #register_area {

}
#edeufuru #register_area h2{
max-width: 402px;
margin: 0 auto 36px;
}

#edeufuru #register_area .first_text span{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 30px;
line-height: 30px;
font-weight: 700;
display: inline-block;
margin-bottom: 20px;
background:linear-gradient(transparent 60%, #F8E5A6 60%);
}
#edeufuru #register_area .first_text{
margin-bottom: 68px;
}

#edeufuru #register_area h3{
width: 100%;
margin: 0 0 48px;
}

#edeufuru #register_area .cnt_g01{
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 776px;
width: 94%;
margin: 0 auto 80px;
position: relative;
}

#edeufuru #register_area .cnt_g01::before{
content:'';
display: block;
width: 2px;
height: 100%;
border-right: 2px dotted #6A3906;
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0 auto;
}

#edeufuru #register_area .cnt_g .cnt_box{
max-width: 302px;
width: 46%;
text-align: center;
}

#edeufuru #register_area .cnt_g .cnt_box .title{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 30px;
line-height: 30px;
font-weight: 700;
padding: 12px 0;
width: 100%;
background: #f8e5a6;
border-radius: 10px;
margin-bottom: 39px;
}

#edeufuru #register_area .cnt_g .cnt_box .cnt_img{
display: block;
max-width: 261px;
margin: 0 auto 19px;
}

#edeufuru #register_area .cnt_g .cnt_box .text{
font-size: 20px;
line-height: 35px;
padding-bottom: 55px;
position: relative;
}

#edeufuru #register_area .cnt_g .cnt_box .text::after{
content:'';
display: block;
width: 33px;
height: 18px;
background: url("../img/edeufuru/arrow_bottom.png")no-repeat center;
background-size: contain;
position: absolute;
bottom: 20px;
right: 0;
left: 0;
margin: 0 auto;
}

#edeufuru #register_area .cnt_g .cnt_box .finish{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 30px;
line-height: 30px;
font-weight: 700;
}

#edeufuru #register_area .mail_img{
max-width: 800px;
width: 94%;
margin: 0 auto 67px;
}

#edeufuru #register_area .first_text.text02{
margin-bottom: 38px;
}

#edeufuru #register_area .btn{
max-width: 548px;
width: 94%;
margin: 0 auto;
border: 1px solid #6A3906;
transition: .4s ease;
}

#edeufuru #register_area .btn a{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 30px;
line-height: 30px;
font-weight: 700;
color: #6A3906;
padding: 25px 0;
text-align: center;
display: block;
width: 100%;
box-sizing: border-box;
text-decoration: none;
position:relative;
transition: .4s ease;
}

#edeufuru #register_area .btn a::after{
content:'';
display: block;
width: 11px;
height: 22px;
background: url("../img/edeufuru/arrow_right01.png") no-repeat center;
background-size: contain;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 36px;
transition: .4s ease;
}

#edeufuru #register_area .btn:hover{
background: #6A3906;
}
#edeufuru #register_area .btn:hover a{
color:#fff;
}
#edeufuru #register_area .btn:hover a::after{
background: url("../img/edeufuru/arrow_right02.png") no-repeat center;
background-size: contain;
}

@media only screen and (max-width:1024px){
/*----------
01.共通
----------*/

#edeufuru .cnt_area .first_text{
margin: 0 auto 28px;
width: 94%;
}
#edeufuru #about_area .point_box .cnt_text{
margin-right: 15px;
min-width: 210px;
}
#edeufuru #howto_area .cnt_g01 .top_box .cnt_text{
min-width: 310px;
}

/*----------
02.
----------*/


}

@media only screen and (max-width:750px){

/*----------
01.共通
----------*/

.pc{
display: none;
}

.sp{
display: block;
}

#edeufuru #mainv_area{
margin-bottom: 50px;
}

#edeufuru #about_area{
padding-bottom: 50px;
}
#edeufuru .cnt_area .first_text{
margin-bottom: 60px;
font-size: 11px;
line-height: 19px;
width: 92%;
}
#edeufuru #about_area h2{
margin: 0 auto 11px;
width: 70%;
}
#edeufuru #about_area .point_box{
margin-bottom: 10px;
padding: 10px 7px 7px;
border: 2px solid #F8E5A6;
border-radius: 15px;
display: block;
width: 92%;
}
#edeufuru #about_area .point_box .cnt_text{
margin-bottom: 7px;
align-items: center;
display: flex;
text-align: left;
max-width: none;
width: 100%;
}
#edeufuru #about_area .point_box .cnt_text .point{
margin: 0 6px 0 9px;
max-width: 42px;
}
#edeufuru #about_area .point_box .cnt_text .maintext{
font-size: 13px;
line-height: 16px;
}
#edeufuru #about_area .point_box .cnt_text .subtext{
font-size: 8px;
}
#edeufuru #about_area .point_box .cnt_img{
max-width: none;
width: 100%;
}

#edeufuru #howto_area{
margin-bottom: 53px;
padding: 17px 0 15px;
}
#edeufuru #howto_area h2{
margin: 0 auto 18px;
width: 50%;
}
#edeufuru #howto_area .cnt_g01 .top_box{
padding-bottom: 18%;
width: 92%;
}
#edeufuru #howto_area .cnt_g01 .top_box::after{
background: url("../img/edeufuru/arrow01_howto_sp.png") no-repeat center;
background-size: contain;
bottom: 0;
height: 20%;
}
#edeufuru #howto_area .cnt_g01 .top_box .cnt_img{
    margin-right: 5%;
width: 40%;
}
#edeufuru #howto_area .cnt_g01 .top_box .cnt_text{
margin-left: 0;
max-width: none;
min-width: auto;
width: auto;
}
#edeufuru #howto_area .cnt_g01 .top_box .cnt_text .maintext{
margin-bottom: 5px;
padding: 15px;
border: 2px solid #fff;
font-size: 10px;
line-height: 13px;
text-align: left;
}
#edeufuru #howto_area .cnt_g01 .top_box .cnt_text .maintext span{
padding-bottom: 5px;
font-size: 17px;
line-height: 22px;
}
#edeufuru #howto_area .cnt_g01 .top_box .cnt_text .maintext::before{
left: -16px;
width: 19px;
height: 10px;
}
#edeufuru #howto_area .cnt_g01 .top_box .cnt_text .maintext::after{
top: -16px;
right: -16px;
width: 66px;
height: 62px;
}
#edeufuru #howto_area .cnt_g01 .top_box .cnt_text .date{
margin: 0;
padding: 27px 0 0;
border: 2px solid #f8e5a6;
font-size: 10px;
line-height: 17px;
width: 137px;
height: 137px;
}
#edeufuru #howto_area .cnt_g01 .top_box .cnt_text .date span{
margin-bottom: 16px;
border-bottom: 1px dashed #6A3906;
font-size: 12px;
line-height: 14px;
}
#edeufuru #howto_area .cnt_g01 .bottom_box{
width: 80%;
}

#edeufuru #howto_area .cnt_g02 {
padding: 21px 11px;
background: url("../img/edeufuru/bg01_howto_sp.png") no-repeat center;
background-color: #fff;
background-size: cover;
border-radius: 25px;
width: 92%;
}
#edeufuru #howto_area .cnt_g02 .top_box{
margin-bottom: 26px;
}
#edeufuru #howto_area .cnt_g02 .top_box .cnt_text{
max-width: none;
width: 100%;
}
#edeufuru #howto_area .cnt_g02 .top_box .cnt_text h3{
margin: 0 auto;
padding-bottom: 0;
width: 90%;
}
#edeufuru #howto_area .cnt_g02 .text_fukidashi.fukidashi_01{
display: none;
}
#edeufuru #howto_area .cnt_g02 .middle_box{
justify-content: space-around;
}
#edeufuru #howto_area .cnt_g02 .middle_box .cnt_box{
margin-bottom: 25px;
width: 48%;
}

#edeufuru #howto_area .cnt_g02 .bottom_box{
align-items: flex-end;
display: flex;
justify-content: center;
}
#edeufuru #howto_area .cnt_g02 .text_fukidashi{
margin: 0 20px 15px 0;
padding: 15px;
font-size: 12px;
line-height: 14px;
text-align: center;
}
#edeufuru #howto_area .cnt_g02 .cnt_img{
width: 48%;
}
#edeufuru #howto_area .cnt_g02 .text_fukidashi::after{
top: 67%;
right: -12px;
width: 12px;
height: 8px;
}

#edeufuru #register_area h2{
margin: 0 auto 18px;
width: 60%;
}
#edeufuru #register_area .first_text{
margin-bottom: 24px;
font-size: 11px;
line-height: 19px;
}
#edeufuru #register_area .first_text span{
margin-bottom: 5px;
font-size: 16px;
line-height: 15px;
}
#edeufuru #register_area h3{
margin: 0 0 24px;
}
#edeufuru #register_area .cnt_g01{
margin-bottom: 60px;
width: 92%;
}
#edeufuru #register_area .cnt_g .cnt_box{
width: 47%;
}
#edeufuru #register_area .cnt_g .cnt_box .title{
margin-bottom: 15px;
padding: 5px 0;
border-radius: 5px;
font-size: 13px;
line-height: 14px;
}
#edeufuru #register_area .cnt_g .cnt_box .cnt_img{
margin-bottom: 9px;
}
#edeufuru #register_area .cnt_g .cnt_box .text{
padding-bottom: 27px;
font-size: 10px;
line-height: 17px;
}
#edeufuru #register_area .cnt_g .cnt_box .text::after{
bottom: 9px;
width: 16px;
height: 9px;
}
#edeufuru #register_area .cnt_g .cnt_box .finish{
font-size: 15px;
line-height: 15px;
}
#edeufuru #register_area .first_text.text02{
margin-bottom: 25px;
}

#edeufuru #register_area .mail_img{
margin-bottom: 25px;
border: 1px solid #000;
width: 60%;
}

#edeufuru #register_area .btn{
width: 85%;
}
#edeufuru #register_area .btn a{
padding: 14px 0;
font-size: 15px;
line-height: 15px;
}
#edeufuru #register_area .btn a::after{
right: 18px;
width: 6px;
height: 11px;
}

/*----------
02.
----------*/


}
