@charset "UTF-8";
/*---------------------------------------------font*/
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/NotoSans_thin.woff") format("woff"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/NotoSans_light.woff") format("woff"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/NotoSans_demilight.woff") format("woff"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSans_regular.woff") format("woff"); }



/*---------------------------------------------共通*/
.e-wrap_ew *{
    text-decoration: none;
    vertical-align: bottom;
    box-sizing: border-box;
    list-style: none;
}
.e-wrap_ew{
    font-size:100%; /* 16px */
    font-family: "Noto Sans Japanese";
    color: #636363;
}
.w-img_ew img{
    width: 100%;
    text-align: center;
}
a:hover{
    opacity: 0.8;
    transition: 0.3s ease-in-out;
}

/*----------------------------メディアクエリ*/
/*スマホの場合*/
@media only screen and (max-width:670px) {
    .pc {display: none !important;}
    .sp {display: block !important;}
}
/*PCの場合*/
@media only screen and (min-width:671px) {
    .pc {display: block !important;}
    .sp {display: none !important;}
}

/*---------------------------------------------コンテンツ*/
.e-head_ew{
    text-align: center;
    padding: 50px 15px;
}
.e-head_ew h1 img{
    width: 85%;
    margin-bottom: 15px;
}
.e-head_ew h2{color: #EDA723; margin: 3rem 0 2rem; font-weight: normal;font-size: calc(2.1rem + ((1vw - 1rem) * 0.5));}
.e-head_ew ul{display: flex; flex-flow: wrap; justify-content: space-between;}
.e-head_ew ul >*{width: calc((100% - 1.2rem) / 3); margin: 0 0 0.5rem;}
.e-head_ew ul li img{width:100%;}
.e-head_ew ul li a:hover img{opacity: 0.5;}

.e-contents_ew li.e-item01_box_ew:after{
    content: "";
    display: block;
    margin: 30px;
    border-bottom: 1px solid #F6AC19;
}
.e-contents_ew li.e-item02_box_ew:after{
    content: "";
    display: block;
    border-bottom: 1px solid #F6AC19;
    margin: 30px 20px;
}
.e-item01_box_ew img,
.e-item02_box_ew img{
    width: 100%;
}
.e-item01_box_ew dl,
.e-item02_box_ew dl{
    display: flex;
    align-items:center;/* 縦の位置指定 */
    justify-content: space-between;/*左右の一番端に配置*/
/*    margin: 30px 0;*/
}
.e-item02_box_ew dl{
    flex-wrap: wrap;/* 折り返し指定 */
}
.e-item01_box_ew dl dt,
.e-item02_box_ew dl dt{
    width: 39%;
}
.e-item01_box_ew dl dd,
.e-item02_box_ew dl dd{
    width: 60%;
}
.e-item01_box_ew dl dd:last-child{
    width: 85%;
    margin: 0 auto;
}
.e-item02_box_ew dl dd:last-child{
    width: 90%;
    margin: 0 auto;
}
.e-item01_box_ew dl dd:last-child img,
.e-item02_box_ew dl dd:last-child img{
    margin-top: 15px;
}
.e-contents_ew h3{
    color: #F6AC19;
    font-weight: bold;
    font-size: 1.6rem;
    padding-right: 6px;
}
.e-contents_ew p{
    color: #898989;
    font-weight: 300;
    font-size: 1.3rem;
}
.e-contents_ew p span{
    font-size: 1.1rem;
    display: block;
}
.e-item02_box_ew{
    padding: 0 15px;
}
.e-foot_ew{
    padding: 0 30px 50px;
}
.e-foot_ew .ec-orange_ew{
    color: #F6AC19;
    font-size: 1.8rem;
    letter-spacing: 0.2rem;
    text-align: center;
}
.e-foot_ew .eb-orang_ew{
    background-color: #F6AC19;
    color: #fff;
    padding: 15px;
    margin-top: 15px;
}
.e-foot_ew .eb-orang_ew img{
    width: 40%;
    margin-right: 7px;
}
.e-foot_ew ul li{
    margin-top: 30px;
}



/*----------------------------メディアクエリ*/
/*スマホの場合*/
@media only screen and (max-width:670px) {
    .e-item01_box_ew dl{
        flex-wrap: wrap;/* 折り返し指定 */
    }
}
/*PCの場合*/
@media only screen and (min-width:671px) {
    .e-wrap_ew{
        width: 1240px;
        margin: 0 auto;
        padding: 30px;
    }
    .e-head_ew p{
        font-size: 1.6rem;
        line-height: 1.8;
        font-weight: 100;
        letter-spacing: 0.3rem;
    }
    .e-head_ew h1 img{
        width: 50%;
        margin-bottom: 40px;
    }
    .e-item01_box_ew dl{
        padding: 0 30px;
    }
    .e-item01_box_ew dl dd:last-child{
        width: 40%;
    }
    .e-contents_ew h3{
        font-size: 2.3rem;
    }
    .e-contents_ew p {
        font-size: 1.6rem;
    }
    .e-row_ew{
        display: flex;
        align-items:center;/* 縦の位置指定 */
        justify-content: space-between;/*左右の一番端に配置*/
    }
    .e-item02_box_ew dl{
        width: 90%;
        padding-left: 30px;
    }
    .e-item02_box_ew dl dd{
        width: 100%;
    }
    .e-item02_box_ew dl dt{
         order: 2;
    }
    .e-item02_box_ew dl dd:first-child{
         order: 1;
    }
    .e-item02_box_ew dl dd:last-child{
         order: 3;
         width: 55%;
         text-align: right;
         margin: auto;
    }
    .e-foot_ew .ec-orange_ew{
        font-size: 2.4rem;
    }
    .e-foot_ew .eb-orang_ew{
       text-align: center;
        font-size: 2rem;
        font-weight: 600;
    }
    .e-foot_ew .eb-orang_ew img{
        width: 20%;
        margin-right: 16px;
        vertical-align: bottom;
    }
    .e-foot_ew ul{
        display: flex;
        align-items:center;/* 縦の位置指定 */
        justify-content: space-between;/*左右の一番端に配置*/
    }
    .e-foot_ew ul li{
        width: 48%;
    }
}