@charset "UTF-8";

.img1600fl{max-width: 1600px;margin: 0 auto;display: flex;justify-content: space-between;}
.img1600flimg{width: 33%;position: relative;}

.pro_list{width: 100%;margin: 120px 0 0 0;padding-bottom: 100px;}
.pro_list_ttl{font-family: "EB Garamond";font-size: 24px;text-align: center;color: #646052;}

.pro_sec01{margin-top: 60px;}
.pro_sec01ttl{background: #4F4E46;padding: 25px;}
.pro_sec01ttl h2{font-size: 22px;color: #FFF;max-width: 1280px;margin: 0 auto;letter-spacing: 0.05em;}
.pro_sec01body{max-width: 1280px;margin: 0 auto;display: flex;justify-content: space-between;}
.pro_sec01txt{width: 50%;margin-top: 30px;color: #4F4E46;position: relative;}
.pro_sec01txt h6{font-size: 130px;position: absolute;line-height: 0.9;top:-50px;right: 0;opacity: 0.2}
.pro_sec01txt h3{font-size: 16px;}
.pro_sec01txt h4{font-size: 24px;margin: 10px 0 15px; padding-bottom: 10px;border-bottom: 1px solid #ACAB9D;}
.pro_sec01txt h5{font-size: 18px;margin-top: 20px;line-height: 2;}
.pro_sec01img{width: 50%;margin-top: -30px}

.pro_sec02{margin-top: 60px;}
.pro_sec02ttl{background: #4F4E46;padding: 25px;}
.pro_sec02ttl h2{font-size: 22px;color: #FFF;letter-spacing: 0.05em;padding-left:calc(50% + 30px);}
.pro_sec02body{max-width: 1280px;margin: 0 auto;display: flex;justify-content: space-between;}
.pro_sec02txt{width: 50%;margin-top: 30px;color: #4F4E46;order: 2;position: relative;}
.pro_sec02txt h6{font-size: 130px;position: absolute;line-height: 0.9;top:-50px;right: 0;opacity: 0.2}
.pro_sec02txt h3{font-size: 16px;padding: 0 0 0 30px;}
.pro_sec02txt h4{font-size: 24px;margin: 10px 0 15px; padding: 0 0 10px 30px;border-bottom: 1px solid #ACAB9D;}
.pro_sec02txt h5{font-size: 18px;margin-top: 20px;line-height: 2;padding: 0 0 0 30px;}
.pro_sec02img{width: 50%;margin-top: -30px;order: 1;}

.pro_button_adj{margin-left: 30px;}

.pro_button{width: 300px;}
.pro_button a{background-color: #96A8A9;padding: 15px 50px;display: block;text-align: right;color: #FFF;font-family: "EB Garamond";font-size: 24px;letter-spacing: 0.05em;margin-top: 15px;line-height: 1;position: relative;transition: background-color 0.3s ease-in-out;}
.pro_button a::after{content: "";background-image: url("../../../common/imgs/obj_yajirushi01.svg");width: 12px;height: 22px;display: block;position: absolute;transform: translate(0, -50%);right: 20px;top: 50%;transition: right 0.3s ease-in-out;}
.pro_button a:hover{background-color: #576464;}
.pro_button a:hover::after{right: 15px;}

/* インタビュー下層 */
.adj_black{color: #333;}
.adj_black a{color: #333;}
.adj_bgpro{padding-bottom:100px;}

.bg_common{background: #f2f2ef;padding-bottom: 80px;}
header .logo{padding:20px 50px;}
.int_ttl{display: flex;justify-content: space-between;margin: 60px auto 20px;width: 100%;flex-wrap: wrap;}
.int_ttl_l{width: 100%;background: #FFF;text-align: center;display: flex;justify-content: center;align-items: center;padding: 10px 0;}
.int_ttl_r{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}
.int_ttl h5{font-family: "EB garamond";font-size: 24px;color: #656052;margin-right: 5px;}
.int_ttl h6{font-family: "EB garamond";font-size: 24px;color: #656052;margin-left: 5px;}
.int_ttl h2{font-size: 22px;letter-spacing: 0.15em;line-height: 1.8;margin: 0 0 20px;color: #FFF;background: #333;padding: 20px 10px 20px 10px;text-align:center;width: 100%;}
.int_ttl_r_line{max-width: 1280px;background: rgba(255,255,255,0.30);height: 1px;margin: 5px auto 0;}
.int_ttl h3{font-size: 16px;letter-spacing: 0.15em;line-height: 1.8;margin: 0 0 10px;width: 300px;}
.int_ttl h4{font-size: 30px;letter-spacing: 0.15em;line-height: 1.8;margin: 0 0 10px;width: 300px}

.int_mainv{max-width: 1280px;margin: 0 auto 60px;}
.int_block{max-width: 1180px;display: flex;justify-content: space-between;margin: 0 auto 30px;flex-wrap: wrap;}
.int_block_l{width: 35%;}
.int_block_r{width: 60%;margin-top: 35px;}
.int_block h2{font-size: 20px;letter-spacing: 0.15em;line-height: 1.8;margin: 0 0 20px;color: #656052;border-bottom: 1px solid #b3b3b3;padding-bottom: 20px;}
.int_block h3{font-size: 14px;letter-spacing: 0.1em;line-height: 2.4;margin: 0 0 20px;color: #656052;}
.int_block h4{font-size: 24px;letter-spacing: 0.1em;line-height: 1.8;margin: 0 0 60px;color: #656052;width: 100%;}
.int_block h5{font-size: 10px;letter-spacing: 0.1em;line-height: 1.6;margin: 0 0 20px;color: #656052;}

.int_imgblock01{max-width: 1280px;margin: 0 auto 60px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.int_imgblock0101{width: 100%;}
.int_imgblock0102{width: 49.6%;margin-top: 0.5%;}
.int_imgblock0103{width: 49.6%;margin-top: 0.5%;}
.int_imgblock01cap{font-size: 12px;margin: 5px 0 0 0;text-align: right;width: 100%;}

.int_btn_wrap{margin: 80px auto 0;max-width: 1040px;justify-content: space-between;display: flex;}
.int_btn01{width: 31%;}
.int_btn01 a{display: block;background:#656052;width: 100%;padding: 20px 0;color: #FFF;text-align: center;margin: 0 auto;position: relative;transition: opacity 0.3s ease-in-out;}
.int_btn01 a::before{content: "▲";position: absolute;top:35%;left:15px;transform: scale(1 , 0.5);transition: top 0.3s ease-in-out;}
.int_btn01 a:hover{opacity: 0.8;}
.int_btn01 a:hover::before{top:28%;}
.int_btn_prev{width: 31%;}
.int_btn_prev a{display: block;background:#656052;width: 100%;padding: 20px 0;color: #FFF;text-align: center;margin: 0 auto;position: relative;transition: opacity 0.3s ease-in-out;}
.int_btn_prev a::before{content: "▲";position: absolute;top:32%;left:15px;transform: rotate(-90deg) scale(1 , 0.5);transition: left 0.3s ease-in-out;}
.int_btn_prev a:hover{opacity: 0.8;}
.int_btn_prev a:hover::before{left:10px;}
.int_btn_next{width: 31%;}
.int_btn_next a{display: block;background:#656052;width: 100%;padding: 20px 0;color: #FFF;text-align: center;margin: 0 auto;position: relative;transition: opacity 0.3s ease-in-out;}
.int_btn_next a::before{content: "▲";position: absolute;top:32%;right:15px;transform: rotate(90deg) scale(1 , 0.5);transition: right 0.3s ease-in-out;}
.int_btn_next a:hover{opacity: 0.8;}
.int_btn_next a:hover::before{right:10px;}

@media screen and (max-width: 1600px) {
.pro_sec01body{max-width: 1280px;margin: 0 auto;display: flex;justify-content: space-between;padding: 0 3%;}
.pro_sec02body{max-width: 1280px;margin: 0 auto;display: flex;justify-content: space-between;padding: 0 3%;}
}

@media screen and (max-width: 768px) {

.img1600fl{max-width: 1600px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap}
.img1600flimg{width: 100%;position: relative;margin-bottom: 2px;}

.pro_list{width: 100%;margin: 60px 0 0 0;padding-bottom: 60px;}
.pro_list_ttl{font-family: "EB Garamond";font-size: 5vw;text-align: center;color: #646052;}

.pro_sec01{margin-top: 40px;}
.pro_sec01ttl{background: #4F4E46;padding: 25px;}
.pro_sec01ttl h2{font-size: 4.5vw;color: #FFF;max-width: 1280px;margin: 0 auto;letter-spacing: 0.05em;}
.pro_sec01body{max-width: 1280px;margin: 0 5%;display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;padding: 0;}
.pro_sec01txt{width: 100%;margin-top: 30px;color: #4F4E46;position: relative;}
.pro_sec01txt h6{font-size: 38vw;position: absolute;line-height: 0.9;top:-14%;right: 0;opacity: 0.2}
.pro_sec01txt h3{font-size: 3vw;}
.pro_sec01txt h4{font-size: 5vw;margin: 10px 0 62%; padding-bottom: 0;border-bottom: none;}
.pro_sec01txt h5{font-size: 4vw;margin-top: 20px;line-height: 2;}
.pro_sec01img{width: 100%;margin-top: 0;position: absolute;top:24%}

.pro_sec02{margin-top: 60px;}
.pro_sec02ttl{background: #4F4E46;padding: 25px;}
.pro_sec02ttl h2{font-size: 4.5vw;color: #FFF;max-width: 1280px;margin: 0 auto;letter-spacing: 0.05em;padding-left:0;}
.pro_sec02body{max-width: 1280px;margin: 0 5%;display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;padding: 0;}
.pro_sec02txt{width: 100%;margin-top: 30px;color: #4F4E46;order: 1;position: relative;}
.pro_sec02txt h6{font-size: 38vw;position: absolute;line-height: 0.9;top:-14%;right: 0;opacity: 0.2}
.pro_sec02txt h3{font-size: 3vw;padding: 0 0 0 0;}
.pro_sec02txt h4{font-size: 5vw;margin: 10px 0 62%; padding: 0 0 10px 0;border-bottom: none;}
.pro_sec02txt h5{font-size: 4vw;margin-top: 20px;line-height: 2;padding: 0 0 0 0;}
.pro_sec02img{width: 100%;margin-top: 0;order: 2;position: absolute;top:24%;}

.pro_button_adj{margin-left: 0;}

.pro_button{width: 80%;margin: 0 auto;}
.pro_button a{background-color: #96A8A9;padding: 15px 50px;display: block;text-align: right;color: #FFF;font-family: "EB Garamond";font-size: 4.5vw;letter-spacing: 0.05em;margin-top: 15px;line-height: 1;position: relative;transition: background-color 0.3s ease-in-out;}
.pro_button a::after{content: "";background-image: url("../../../common/imgs/obj_yajirushi01.svg");width: 12px;height: 22px;display: block;position: absolute;transform: translate(0, -50%);right: 20px;top: 50%;transition: right 0.3s ease-in-out;}
.pro_button a:hover{background-color: #576464;}
.pro_button a:hover::after{right: 15px;}


/* インタビュー下層 */
.adj_black{color: #333!important;}
.adj_black a{color: #333!important;}
.adj_bgpro{padding-bottom:40px;}

.bg_common{background: #f2f2ef;padding-bottom: 80px;}
header .logo{padding:15px 5%;width: 300px;}
.int_ttl{max-width: 1180px;display: flex;justify-content: space-between;margin: 40px 0 20px;flex-wrap: wrap;}
.int_ttl_l{width: 100%;}
.int_ttl_r{width: 100%;}
.int_ttl h5{font-family: "EB garamond";font-size: 4vw;color: #656052;}
.int_ttl h6{font-family: "EB garamond";font-size: 7vw;color: #656052;}
.int_ttl h2{font-size: 4.8vw;letter-spacing: 0.15em;line-height: 1.8;margin: 0 0 20px;color: #656052;}
.int_ttl_r h3{font-size: 3.8vw;letter-spacing: 0.15em;line-height: 1.8;margin: 0 0 5px;}
.int_ttl_r h4{font-size: 5vw;letter-spacing: 0.15em;line-height: 1.8;margin: 0 0 10px;}

.int_ttl{display: flex;justify-content: space-between;margin: 20px auto 20px;width: 100%;flex-wrap: wrap;}
.int_ttl_l{width: 100%;background: #FFF;text-align: center;display: flex;justify-content: flex-start;align-items: center;padding: 10px 5%;}
.int_ttl_r{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}
.int_ttl h5{font-family: "EB garamond";font-size: 6vw;color: #656052;margin-right: 5px;}
.int_ttl h6{font-family: "EB garamond";font-size: 6vw;color: #656052;margin-left: 5px;}
.int_ttl h2{font-size: 4.8vw;letter-spacing: 0.15em;line-height: 1.2;margin: 0 0 20px;color: #FFF;background: #333;padding: 24px 5%;text-align:left;width: 100%;}
.int_ttl_r_line{max-width: 1280px;background: rgba(255,255,255,0.30);height: 1px;margin: 10px auto 8px;}
.int_ttl h3{font-size: 3.8vw;letter-spacing: 0.15em;line-height: 1.8;margin: 0 0 5px;width: 90%;}
.int_ttl h4{font-size: 5vw;letter-spacing: 0.15em;line-height: 1.4;margin: 0 ;width: 90%}

.int_mainv{max-width: 1280px;margin: 0 0 40px;}
.int_mainv img{margin: 0 0 20px;}
.int_block{max-width: 1180px;display: flex;justify-content: space-between;margin: 0 5% 30px;flex-wrap: wrap;}
.int_block_l{width: 80%;}
.int_block_r{width: 100%;margin-top: 10px;}
.int_block h2{font-size: 4.3vw;letter-spacing: 0.15em;line-height: 1.8;margin: 0 0 20px;color: #656052;border-bottom: 1px solid #b3b3b3;padding-bottom: 20px;}
.int_block h3{font-size: 3vw;letter-spacing: 0.1em;line-height: 2.4;margin: 0 0 20px;color: #656052;}
.int_block h4{font-size: 5vw;letter-spacing: 0.1em;line-height: 1.8;margin: 0 0 40px;color: #656052;width: 100%;}
.int_block h5{font-size: 10px;letter-spacing: 0.1em;line-height: 1.6;margin: 0 0 20px;color: #656052;}

.int_imgblock01{max-width: 1280px;margin: 0 5% 60px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.int_imgblock0101{width: 100%;}
.int_imgblock0102{width: 49.5%;margin-top: 1%;}
.int_imgblock0103{width: 100%;margin-top: 0.9%;}
.int_imgblock01cap{font-size: 10px;margin: 2px 0 0 0;text-align: right;width: 100%;}

.int_btn_wrap{margin: 50px 5% 0;max-width: 1040px;justify-content: space-between;display: flex;}
.int_btn01{width: 31%;}
.int_btn01 a{display: block;background:#656052;width: 100%;padding: 15px 0;color: #FFF;text-align: center;margin: 0 auto;position: relative;transition: opacity 0.3s ease-in-out;font-size: 3vw;}
.int_btn01 a::before{content: "▲";position: absolute;top:40%;left:8%;transform: scale(1 , 0.5);transition: top 0.3s ease-in-out;}
.int_btn01 a:hover{opacity: 0.8;}
.int_btn01 a:hover::before{top:35%;}
.int_btn_prev{width: 31%;}
.int_btn_prev a{display: block;background:#656052;width: 100%;padding: 15px 0;color: #FFF;text-align: center;margin: 0 auto;position: relative;transition: opacity 0.3s ease-in-out;font-size: 3vw;}
.int_btn_prev a::before{content: "▲";position: absolute;top:37%;left:5%;transform: rotate(-90deg) scale(1 , 0.5);transition: left 0.3s ease-in-out;}
.int_btn_prev a:hover{opacity: 0.8;}
.int_btn_prev a:hover::before{left:3%;}
.int_btn_next{width: 31%;}
.int_btn_next a{display: block;background:#656052;width: 100%;padding: 15px 0;color: #FFF;text-align: center;margin: 0 auto;position: relative;transition: opacity 0.3s ease-in-out;font-size: 3vw;}
.int_btn_next a::before{content: "▲";position: absolute;top:37%;right:5%;transform: rotate(90deg) scale(1 , 0.5);transition: right 0.3s ease-in-out;}
.int_btn_next a:hover{opacity: 0.8;}
.int_btn_next a:hover::before{right:3%;}
}