@charset "utf-8";

section.interview .cont{position:relative;margin:0 auto;width:1166px;}
section.interview .list{gap:50px 40px;display:flex;flex-wrap:wrap;margin:0 auto;width:1070px;text-align:left}
section.interview .list:after{content: none;}
section.interview .list .block{margin:0;width:calc(33.3333% - 27px);cursor:pointer;position:relative}
section.interview .list .block:after{content: none;}
section.interview .list .block a{color:inherit;transition: .3s;}
section.interview .list .block a:hover,section.interview .list .block.hover a{text-decoration:none;opacity: .7;}
section.interview .list .block .image{width:100%;height:0;padding-bottom:66.57%;overflow:hidden;position:relative;font-size:18px;font-weight:700;letter-spacing:.1em}
section.interview .list .block .image img{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);object-fit:cover;display: block;}
section.interview .list .date{position:absolute;left:0;top:-6px;background-color:#fff;width:100px;height:30px;font-size:13px;text-align:center;letter-spacing:.05em;z-index:1}
section.interview .list .block h3{line-height:1.6;margin-top:20px;font-size: 18px;font-weight: 700;}

/* #interview_archive */
#interview_archive.interview .mv img{width:100%;height:auto}
#interview_archive.interview .lead{font-size:1.6rem;line-height:2;margin:7rem 0 8rem;text-align:center}
section.interview .pagination{text-align: center;}
#interview_archive.interview #first_page_show{display:none}
#interview_archive.interview .sec+.sec{margin-top:5rem}
#interview_archive.interview .sec .ttl{font-size:2.4rem;line-height:1.3;font-weight:500;padding:1.2rem 0 2rem;border-bottom:solid 1px #ccc;text-align:left;max-width:1070px;margin:0 auto 4rem}

/* #interview_detail */
#interview_detail{text-align:left}
#interview_detail .sec_article .article_head .block{display:flex;gap:80px;align-items:center;flex-direction:row-reverse}
#interview_detail .article_head .block:after{content:none}
#interview_detail .article_head .block>*{flex:1}
#interview_detail .article_head .block .image{text-align:center}
#interview_detail .article_head .block .image img{max-width:100%;height:auto}
#interview_detail .article_head .block .date{font-size:13px;letter-spacing:.05em}
#interview_detail .article_head .block .ttl{font-size:32px;line-height:1.6;margin-top:20px}
#interview_detail .article_head .block .block-btm{margin-top:26px;padding-top:30px}
#interview_detail .article_main{border-top:solid 1px #ccc;padding-top:8rem;margin-top:8rem}
#interview_detail .article>*{margin-top:4.8rem}
#interview_detail .article>:first-child{margin-top:0}
#interview_detail .article_main .article{max-width:800px;margin:auto}
#interview_detail .article_main .article .lead{margin-bottom:8rem;text-align:center}
#interview_detail .article p{font-size:1.6rem;line-height:2}
#interview_detail .article p + p{margin-top:2rem}
#interview_detail .article p small{font-size: 1.2rem;color:#666666}
#interview_detail .article a,#interview_detail .article a:link{text-decoration:underline;color:#0077cc}
#interview_detail .article .image{text-align:center}
#interview_detail .article .image>p{display:inline-block}
#interview_detail .article h1,#interview_detail .article h2,#interview_detail .article h3,#interview_detail .article h4,#interview_detail .article h5,#interview_detail .article h6{font-weight:400}
#interview_detail .article .interview_ttl_h2{font-size:2.8rem;line-height:1.4;position:relative;padding-top:3.6rem;text-align:center;padding-bottom:2.6rem;margin-bottom:2.4rem;border-bottom:solid 2px #deb}
#interview_detail .article .interview_ttl_h2:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:15px;height:15px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNScgaGVpZ2h0PScxNScgdmlld0JveD0nMCAwIDE1IDE1Jz4gPGNpcmNsZSBjeD0nMycgY3k9JzMnIHI9JzMnIGZpbGw9JyM4OGJiMjInLz4gPGNpcmNsZSBjeD0nMTInIGN5PSczJyByPSczJyBmaWxsPScjZGRlZWJiJy8+IDxjaXJjbGUgY3g9JzMnIGN5PScxMicgcj0nMycgZmlsbD0nI2RkZWViYicvPiA8Y2lyY2xlIGN4PScxMicgY3k9JzEyJyByPSczJyBmaWxsPScjODhiYjIyJy8+IDwvc3ZnPg==);background-position:center;background-repeat:no-repeat;background-size:100% auto}
#interview_detail .article .interview_ttl_h3{font-size:2.4rem;line-height:1.3;font-weight:500;padding:1.2rem 0 2.4rem;border-bottom:solid 1px #ccc;margin-bottom:2.4rem}
#interview_detail .article .interview_ttl_h4{font-size:2rem;line-height:1.3;font-weight:500;margin-top:4.8rem;margin-bottom:2.4rem;padding:.9rem 2rem 1.1rem;background:#f8f8f8}
#interview_detail .article .interview_ttl_h2 + *,#interview_detail .article .interview_ttl_h3 + *,#interview_detail .article .interview_ttl_h4 + *{margin-top:0}
#interview_detail .article .interview_txt {margin-top: 0}
#interview_detail .article .interview_txt h1,#interview_detail .article .interview_txt h2,#interview_detail .article .interview_txt h3,#interview_detail .article .interview_txt h4,#interview_detail .article .interview_txt h5,#interview_detail .article .interview_txt h6{display:block;}
#interview_detail .article .interview_txt h1{font-size: 2.4rem; line-height: 1.3; font-weight: 700; margin-top:4.8rem; margin-bottom: 3.8rem;}
#interview_detail .article .interview_txt h2{font-size:2rem;line-height:1.6;background:#deb;padding:1.4rem 1.8rem;margin-top:6.8rem;margin-bottom:3.8rem;letter-spacing:.08em}
#interview_detail .article .interview_txt h3{font-size: 1.6rem; line-height: 2; font-weight: 700; margin-top:4.8rem; margin-bottom: 0.5rem}
#interview_detail .article .interview_txt h4{font-size: 1.6rem; line-height: 2; font-weight: 700; margin-top:4.8rem; margin-bottom: 1rem; background-color: #f6f6f6; padding: 1rem 1.5rem;}
#interview_detail .article .interview_txt h5{font-size: 1.6rem; line-height: 2; font-weight: 700; margin-top:4.8rem; margin-bottom: 0.5rem; color: #7fa500}
#interview_detail .article .interview_txt h6{font-size: 1.6rem; line-height: 2; font-weight: 700; margin-top:4.8rem; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: solid 1px #ddd;}
#interview_detail .article .interview_txt h1 + *, #interview_detail .article .interview_txt h2 + *, #interview_detail .article .interview_txt h3 + *, #interview_detail .article .interview_txt h4 + *, #interview_detail .article h5 .interview_txt + *, #interview_detail .article h6 .interview_txt + * {margin-top: 0;}
#interview_detail .article ul{font-size:1.6rem}
#interview_detail .article ul li{position:relative;padding-left:1.4rem;line-height:1.6}
#interview_detail .article ul li:before{content:"";position:absolute;top:1rem;left:0;width:6px;height:6px;background:#8b2;border-radius:100%}
#interview_detail .article ul li+li{margin-top:1rem}
#interview_detail .article>*{margin-top:4.8rem}
#interview_detail .article .link_txt a{position:relative;padding-left:1.4rem;line-height:1.6;color:#07c}
#interview_detail .article .link_txt a:before{content:"";border-top:solid 1px #07c;border-right:solid 1px #07c;position:absolute;left:0;top:.7rem;width:7px;height:7px;transform:rotate(45deg);transform-origin:top}
#interview_detail .article .link_txt+.link_txt{margin-top:1rem}

#interview_detail .sec_item{margin-top:8rem;padding-top:8rem;border-top:solid 1px #ccc}
#interview_detail .sec_item .sec_ttl,#interview_detail .sec_other .sec_ttl{font-size:3.2rem;font-weight:500;text-align:center;margin-bottom:3.2rem}
#interview_detail .sec_item .itemList{display:flex;gap:40px}
#interview_detail .itemList .item a{color: inherit;transition: .3s;}
#interview_detail .itemList .item a:hover{text-decoration: none;opacity: .7;}
#interview_detail .itemList .item .image{transition:opacity .3s ease;box-sizing:border-box;border:solid 1px #ccc;border-radius:8px;overflow:hidden;padding:5px}
#interview_detail .itemList .item .image figure{display:block;width:100%;height:0;padding-bottom:100%;position:relative}
#interview_detail .itemList .item .image figure img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;height:auto;max-height:100%;width:auto}
#interview_detail .itemList .item .pack{margin-top:15px}
#interview_detail .itemList .item .pack .tit{font-size:16px;line-height:1.4}
#interview_detail .itemList .item .pack .price{font-size:12px}
#interview_detail .itemList .item .pack .price .en{font-size:16px;font-weight:700;display:inline-block}

#interview_detail .sec_other{padding:8rem 0;margin-top:8rem;background:#f0f0f0}
#interview_detail .sec_other .list {width: 100%;}
#interview_detail .sec_other .list .date {background-color: #f0f0f0;}

section.interview .list .block .block-btm,
#interview_detail .article_head .block .block-btm{margin-top:16px;padding-top:16px;border-top:solid 1px #ccc}
section.interview .list .block .block-btm .name,
#interview_detail .article_head .block .block-btm .name{padding-left:25px;font-size:2rem;font-weight:500;position:relative;line-height:1.3}
section.interview .list .block .block-btm .name:before,
#interview_detail .article_head .block .block-btm .name:before{content:"";position:absolute;top:calc(.4em - 4px);left:0;width:.8em;height:.8em;border-radius:100%;border:solid 4px #8b2}
section.interview .list .block .block-btm .desc,
#interview_detail .article_head .block .block-btm .desc{margin-top:1rem;font-size:1.5rem;line-height:1.6}

#interview_detail .btn{margin:40px 0 60px}
#interview_detail .btn .btn_back>a{display:block;border:solid 1px #ccc;max-width:360px;margin:auto;text-align:center;color:inherit;font-size:1.6rem;padding:1em 60px;position:relative}
#interview_detail .btn .btn_back>a:before{content:'';display:block;position:absolute;top:50%;left:30px;border-bottom:1px solid #000;border-left:1px solid #000;width:30px;height:6px;transform:skew(-45deg) translateY(-50%);transition:.3s}
#interview_detail .btn .btn_back>a:hover:before{left:20px}
#interview_detail .btn .btn_back>a:hover{text-decoration:none}


/* ======================================================================================================================= */
@media screen and (min-width: 751px){
#interview_detail .sec_item .itemList .item{width:calc(25% - 30px)}
section.interview .pagination{padding:39px 0 80px 0}
section.interview .pagination li{display:inline-block}
section.interview .pagination a{transition:all .7s ease;display:block;width:50px;font-size:12px;line-height:50px;text-align:center;color:#000}
section.interview .pagination a.current,section.interview .pagination a:hover{background-color:#f5f8f9;text-decoration:none}
section.interview .pagination .back a{position:relative;padding:0 20px 0 60px;width:auto}
section.interview .pagination .next a{position:relative;padding:0 60px 0 20px;width:auto}
section.interview .pagination .back a::after{content:'';transform:skew(-45deg);display:block;position:absolute;bottom:22px;left:20px;border-bottom:1px solid #000;border-left:1px solid #000;width:30px;height:6px}
section.interview .pagination .next a::after{content:'';transform:skew(45deg);display:block;position:absolute;bottom:22px;right:20px;border-bottom:1px solid #000;border-right:1px solid #000;width:30px;height:6px}
}
/* ======================================================================================================================= */

/* ======================================================================================================================= */
@media screen and (max-width: 750px){

section.interview .cont {width: 330px;}

section.interview .list{display:block;max-width:100%}
section.interview .list .block{margin:0;width:100%}
section.interview .list .block+.block{margin-top:30px}
section.interview .list .block .date{z-index:1;left:0;top:-4px;width:100px;height:26px;font-size:13px;text-align:center;letter-spacing:.05em}
section.interview .list .block h3{line-height:1.4;font-size:1.6rem;margin-top:12px;position:relative;width:inherit;padding:0;bottom:inherit}
section.interview .list .block .block-btm{margin-top:12px;padding-top:12px}
section.interview .list .block .block-btm .name,
#interview_detail .article_head .block .block-btm .name{padding-left:18px;font-size:1.6rem}
section.interview .list .block .block-btm .name:before,
#interview_detail .article_head .block .block-btm .name:before {border: solid 3px #8b2;}
section.interview .list .block .block-btm .name:before.
#interview_detail .article_head .block .block-btm .name:before{top:calc(.5em - 4px);border:solid 3px #8b2}
section.interview .list .block .block-btm .desc,
#interview_detail .article_head .block .block-btm .desc{font-size:1.3rem}
section.interview .pagination{margin-top:40px}
section.interview .pagination{padding:13px 0 80px 0}
section.interview .pagination li{display:inline-block}
section.interview .pagination a{transition:all .7s ease;display:block;width:40px;font-size:10px;line-height:40px;text-align:center;color:#000}
section.interview .pagination a.current,section.interview .pagination a:hover{background-color:#f5f8f9;text-decoration:none}
section.interview .pagination .back a{position:relative;padding:0 15px 0 50px;width:auto}
section.interview .pagination .next a{position:relative;padding:0 50px 0 15px;width:auto}
section.interview .pagination .back a::after{content:'';transform:skew(-45deg);display:block;position:absolute;bottom:17px;left:15px;border-bottom:1px solid #000;border-left:1px solid #000;width:26px;height:5px}
section.interview .pagination .next a::after{content:'';transform:skew(45deg);display:block;position:absolute;bottom:17px;right:15px;border-bottom:1px solid #000;border-right:1px solid #000;width:26px;height:5px}

/* #interview_archive */
#interview_archive.interview .lead{font-size:1.3rem;margin:3rem 0 3rem}
#interview_archive.interview .sec .ttl{font-size:1.8rem;line-height:1.6;padding-bottom:.8rem;margin-bottom:2rem}

/* #interview_detail */
#interview_detail .sec_article .article_head .block{display:block;position:relative}
#interview_detail .article_head .block .date{position:absolute;top:0;left:0;padding:0 12px 7px 0;background:#fff}
#interview_detail .article_head .block .ttl{font-size:20px;line-height:1.5;margin-top:14px}
#interview_detail .article_main{padding-top:4rem;margin-top:4rem}
#interview_detail .article_head .block .block-btm{margin-top:16px;padding-top:20px}
#interview_detail .article_main .article .lead{margin-bottom:4rem}
#interview_detail .article p{font-size:1.3rem;line-height:1.8;letter-spacing:.1em}
#interview_detail .article p small{font-size:1.1rem}
#interview_detail .article .interview_ttl_h2{font-size:2rem;line-height:1.3;padding:3.2rem 0 1.2rem;margin-bottom:2rem}
#interview_detail .article .interview_ttl_h3{font-size:1.8rem;line-height:1.6;padding-bottom:1.2rem;margin-bottom:2rem}
#interview_detail .article .interview_ttl_h4{font-size:1.7rem}
#interview_detail .article ul li{font-size:1.4rem}
#interview_detail .article ul li:before{top:.7rem}
#interview_detail .article .link_txt a:before{top:.6rem}
#interview_detail .sec_item{margin-top:4rem;padding-top:4rem}
#interview_detail .sec_item .sec_ttl,#interview_detail .sec_other .sec_ttl{font-size:2rem;margin-bottom:2rem}
#interview_detail .sec_item .itemList{flex-wrap:wrap;gap:20px}
#interview_detail .sec_item .itemList .item{width:calc(50% - 10px)}
#interview_detail .sec_item .itemList .item+.item{margin-top:0}
#interview_detail .itemList .item .pack .tit{font-size:13px}
#interview_detail .itemList .item .pack .price{font-size:11px;margin-top:5px}
#interview_detail .sec_other{padding:4rem 0;margin-top:4rem}
#interview_detail .sec_other .list .block + .block{border-top:solid 1px #ccc;margin-top:20px;padding-top:20px}
#interview_detail .sec_other .list .block .inner{display:flex;gap:12px}
#interview_detail .sec_other .list .block .inner .image_wrapper{width:100px;position: relative;}
#interview_detail .sec_other .list .date{font-size:12px;width:auto;height:auto;display:inline-block;text-align:left;padding:0 6px 3px 0;letter-spacing:0}
#interview_detail .sec_other .list .block .inner .txt{width:calc(100% - 112px)}
#interview_detail .sec_other .list .block .inner .txt h3{width:100%;margin-top:0;font-size:1.4rem}
#interview_detail .list .block .block-btm{border-top:none;margin-top:6px;padding-top:0;text-align:right}
#interview_detail .list .block .block-btm .name{font-size:1.3rem;padding-left:14px;display:inline-block}
#interview_detail .list .block .block-btm .name:before{border-width:2px;width:10px;height:10px;top:3px}
#interview_detail .list .block .block-btm .desc{margin-top:5px;font-size:1.1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:left}
}