/*jmesse.css より*/
body { margin: 0; padding: 0; background-color: #f4f5f7; color: #333; font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; font-size: 16px; font-weight: 500; }
h2.corner_title { display: block; font-size: 24px !important; color: #4472c4; border-bottom: 1px solid #4472c4; width: 100%; margin: 30px 0 20px; font-weight: bold; text-align: left !important; }
h2.corner_title span { font-size: 16px; font-weight: normal; }
.interview_photo01 { float: left; margin-right: 20px; margin-bottom: 10px; }
.interview_photo01 span { display: block; font-size: 12px; }
.interview_photo01 span span { display: inline-block; font-size: 10px; }
.interview_photo01 img { width: 260px; }
.interview_photo02 { float: right; margin-left: 20px; }
.interview_photo02 span { display: block; font-size: 12px; }
.interview_photo02 span span { display: inline-block; font-size: 10px; }
.interview_photo02 img { width: 260px; }
.interview_photo03 { float: right; margin-left: 20px; }
.interview_photo03 img { width: 260px; }
.interview_photo03 span { display: block; font-size: 12px; }
.interview_photo03 span span { display: inline-block; font-size: 10px; }
.interview_photo04 { float: left; margin-right: 20px; }
.interview_photo04 img { width: 260px; }
.interview_photo04 span { display: block; font-size: 12px; }
.interview_photo04 span span { display: inline-block; font-size: 10px; }
.interview_photo05 { text-align: center; margin-right: 20px; margin-bottom: 10px; }
.interview_photo05 span { display: block; font-size: 12px; }
.interview_photo05 span span { display: inline-block; font-size: 10px; }
.interview_photo05 img { width: 260px; }
.interview_photo06 span span { display: inline-block; font-size: 10px; }
.interview_photo06 img { width: 800px; margin-left: 30px; margin-top: 20px; }

.interview_photo011 { float: left; margin-right: 20px; margin-bottom: 10px; }
.interview_photo011 span { display: block; font-size: 12px; }
.interview_photo011 span span { display: inline-block; font-size: 10px; }
.interview_photo011 img { width: 160px; }
.interview_photo022 { float: right; margin-left: 20px; }
.interview_photo022 span { display: block; font-size: 12px; }
.interview_photo022 span span { display: inline-block; font-size: 10px; }
.interview_photo022 img { width: 160px; }

.interview_photo033 { float: left; margin-right: 20px; margin-bottom: 10px; }
.interview_photo033 span { display: block; font-size: 12px; }
.interview_photo033 span span { display: inline-block; font-size: 10px; }
.interview_photo033 img { width: 240px; }
.interview_photo044 { float: right; margin-left: 20px; }
.interview_photo044 span { display: block; font-size: 12px; }
.interview_photo044 span span { display: inline-block; font-size: 10px; }
.interview_photo044 img { width: 240px; }

.interview_block_txt { line-height: 1.8; }
.interview_block_txt .txt_q { margin: 0; font-weight: bold; font-size: 20px; }
.switch_content { width: 100%; margin-top: 1rem; }
#switch { display: none; }
.switch_label { display: flex; justify-content: flex-end; }
.button { position: relative; width: 200px; height: 40px; background-color: #ed7d31; color: #fff; display: flex; justify-content: center; align-items: center; margin: 0 auto; border-radius: 18px;}
.button2 { position: relative; width: 200px; height: 40px; background-color: #ed7d31; color: #fff; display: flex; justify-content: center; align-items: center; margin: 30px auto; border-radius: 18px; }
.open, .close { margin: 0; }
.open { display: inline-block; }
.button .close { display: none; }
.button2 .close2 { display: inline-block; }
.switch_txt { display: none; padding: 0; }
#switch:checked + .button > .open { display: none; }
#switch:checked + .button > .close { display: inline-block; }
#switch:checked + .button { display: none; }
#switch:checked + .button2 > .close2 { display: inline-block; }
#switch:checked ~ .switch_txt { display: block; }
#switch2 { display: none; }
.switch_txt2 { display: none; padding: 0; }
#switch2:checked + .button > .open_2 { display: none; }
#switch2:checked + .button > .close { display: inline-block; }
#switch2:checked + .button { display: none; }
#switch2:checked + .button > .close2 { display: inline-block; }
#switch2:checked ~ .switch_txt2 { display: block; }
#switch3 { display: none; }
.switch_txt3 { display: none; padding: 0; }
#switch3:checked + .button > .open_3 { display: none; }
#switch3:checked + .button > .close { display: inline-block; }
#switch3:checked + .button { display: none; }
#switch3:checked + .button > .close2 { display: inline-block; }
#switch3:checked ~ .switch_txt3 { display: block; }
#switch4 { display: none; }
.switch_txt4 { display: none; padding: 0; }
#switch4:checked + .button > .open_4 { display: none; }
#switch4:checked + .button > .close { display: inline-block; }
#switch4:checked + .button { display: none; }
#switch4:checked + .button > .close2 { display: inline-block; }
#switch4:checked ~ .switch_txt4 { display: block; }
.interview_contents { display: flex; flex-wrap: wrap; gap: 1em; justify-content: space-evenly; margin: 20px auto; padding: 20px 0px; }


.sp-br{display: none;}
.both{clear: both;}

.tokusyuu{width:100%; margin: 20px auto;}

.toku_lead-para{width: 800px; margin: 20px auto; line-height: 1.8;}
.toku_lead-para h3{font-size: 38px; font-weight: bolder; margin-bottom: 10px; background-color: #003366; color:#fff; padding: 0 10px;}
.toku_lead-para h4{font-size: 18px; font-weight: bold;}
.toku_lead-para p.toku_tyu-txt{text-align: right; font-size: 12px;}

.tokusyuu .interview_photo04,.tokusyuu .interview_photo02{margin-bottom: 10px;}

.tokusyuu h5{font-size: 24px; font-weight: bold; margin-bottom: 0px;}
.toku_inter-block{margin: 20px 0;}

.tokusyuu .txt_q{margin-bottom: 10px; font-size: 18px; font-weight: bold;}
.tokusyuu .txt_a{margin-bottom: 20px;}
.tokusyuu .corners{font-size: 48px; margin-right: 10px;}

.tokusyuu .company-introduction{border: 2px solid #999; padding: 20px; margin-top: 10px; align-items: center;}
.tokusyuu .company-introduction img{display: inline-block; width: 160px; height: auto;}



.tokushu-banner h1{background-color: #990000 !important;}

.footnote_txt span{font-size: 14px;}


@media (max-width: 768px) {
    .sp-br{display: block;}
    .tokusyuu p{font-size: 16px;line-height: 1.8;}
    .tokusyuu,.toku_lead-para{width: 100%;}
    .tokusyuu{padding: 0px;}
    .toku_lead-para h3{font-size: 28px;}
    .tokusyuu .company-introduction .interview_photo01{text-align: center; margin: 10px;}
    .tokusyuu h5{font-size: 21px; }
    .tokusyuu .corners{font-size: 26px; margin-right: 0; }
    .tokusyuu .interview_photo04,.tokusyuu .interview_photo02,.tokusyuu .interview_photo01{float:none}
}

/* ▼▼▼【追記】PC表示の際に、画像にマウスオーバーすると拡大表示するスタイル ▼▼▼ */
@media screen and (min-width: 769px) {
.interview_photo01 img, .interview_photo02 img, .interview_photo03 img, .interview_photo04 img, .interview_photo05 img, .interview_photo06 img, .interview_photo011 img, .interview_photo022 img, .interview_photo033 img, .interview_photo044 img { transition: transform 0.3s ease-in-out; position: relative; }
.interview_photo01:hover img, .interview_photo02:hover img, .interview_photo03:hover img, .interview_photo04:hover img, .interview_photo05:hover img, .interview_photo06:hover img, .interview_photo011:hover img, .interview_photo022:hover img, .interview_photo033:hover img, .interview_photo044:hover img { transform: scale(1.9); z-index: 10; box-shadow: 0 5px 15px rgba(0,0,0,0.3); }
}
/* ▲▲▲【追記】ここまで ▲▲▲ */

.tourism h3{letter-spacing: 1.5px;}
.tourism .toku_lead-para img{margin-bottom: 20px;}



/*著名人講演*/
.seminar-card { font-family: sans-serif; margin: 2rem auto; padding: 10px; }
.info-block { border-bottom: 1px solid #eee; padding: 10px !important; margin-bottom: 5px !important; }
.datetime { font-size: 0.9em; color: #666; margin-bottom: -13px;}
.datetime span{font-size: 1.5em;}
.title { font-size: 1.2em; color: #1a0dab; margin: 4px 0; font-weight: bold;}
.card-wrapper{display:flex;}
.profile{display: flex; align-items: baseline;}
.name { font-size: 1.2em !important; font-weight: bold; color: #333; margin: -5px 0 4px 0; }
.company { font-size: 0.9em; color: #555; margin-left: 1rem;}
.details-block { display: flex; flex-wrap: wrap; gap: 20px; }
.photo-wrapper { flex: 0 0 111px; }
.photo-wrapper img{width: 100px; height: auto;}
.speaker-photo { max-width: 100%; height: auto; border-radius: 8px; }
.summary-wrapper { flex: 1 1 300px; }
.summary-title { margin-top: 0; padding-bottom: 5px; border-bottom: 2px solid #1a0dab; }
.summary-text { line-height: 1.7; font-size: 0.8em !important; color: #333; }
@media (max-width: 768px) {
    .title{font-size: 1.05em; text-align: left;}
    .seminar-card{padding: 0;}
    .card-wrapper,.profile{display:flex; flex-direction: column;}
    .photo-wrapper{display: flex; justify-content: center;}
    .company{margin-left: 0; line-height: 1.0 !important; margin-bottom: 10px; font-size: 0.7em !important;}
}