body { margin:0; padding:0; font-family: 'M PLUS 1p', sans-serif; font-size:16px; line-height: 1.5; letter-spacing : 0.01em; font-weight:normal; color:#333; box-sizing: border-box;}
p, li { text-align:justify; text-justify:inter-ideograph;}
strong, b { font-weight:bold;}
em { font-style:normal;}
hr { display:none;}
th { font-weight:normal;}
a:link, a:active { color:#333; text-decoration: none;}
a:hover, a:visited { color:#333; transition: all 0.3s;}
a:visited { color:#333;}
caption {}

.clearfix:after { font-size:1px; content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { zoom:1;}

.mb0 { margin-bottom:0 !important;}
.red { color:#C00;}
.f12 { font-size:12px;}
.bold { font-weight: bold;}
.text-L { text-align: left;}
.text-C { text-align: center;}
.text-R { text-align: right;}

.winsize { display: none;}

/* delighter -----*/
/* »ù±¾¤Î¥¹¥¿¥¤¥ë */
.foo.delighter {
transition: all 0.4s ease-out;
opacity: 0;
}

/* ¥¹¥¿©`¥È•r¤Î¥¹¥¿¥¤¥ë */
.foo.delighter.started {
transform: none !important;
opacity: 1;
}

.tabPhoneOnly { display: none;}
.phoneOnly { display: none;}


#interview01 { background: url("/ishinomaki/extra/i-rc/images/interview/interview01_bg.png"); background-position: top 22% left 45%; background-size: 860%;}
#interview02 { background: url("/ishinomaki/extra/i-rc/images/interview/interview02_bg.png"); background-position: top 22% left 45%; background-size: 860%;}
#interview03 { background: url("/ishinomaki/extra/i-rc/images/interview/interview03_bg.png"); background-position: top 22% left 45%; background-size: 860%;}
#interview04 { background: url("/ishinomaki/extra/i-rc/images/interview/interview04_bg.png"); background-position: top 22% left 45%; background-size: 860%;}
#interview05 { background: url("/ishinomaki/extra/i-rc/images/interview/interview05_bg.png"); background-position: top 22% left 45%; background-size: 860%;}
#interview06 { background: url("/ishinomaki/extra/i-rc/images/interview/interview06_bg.png"); background-position: top 22% left 45%; background-size: 860%;}
#interview07 { background: url("/ishinomaki/extra/i-rc/images/interview/interview07_bg.png"); background-position: top 22% left 45%; background-size: 860%;}
.interview__logo { position: absolute; top: 20px; left: 20px; width: 227px;}
.interview__logo img { width: 100%; height: 100%; object-fit: contain;}

/* mainVisual -----------------*/
.interview-mainVisual { position: relative; width: 1000px; margin: 10% auto 100px;}
.interview__contents-item { width: 48%; margin-bottom: 15px; position: relative;}
.interview__contents-item-img { width: 100%; aspect-ratio: 8 / 5;}
.interview__contents-item-img::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 180px 180px 0 0; position: absolute; top: 0; left: 0; z-index: 1;}
.interview__contents-item-img img { width: 100%; height: 100%; object-fit: cover; vertical-align: bottom;}
.interview__number { font-size: calc(40px + 8 * (100vw - 880px)/560); font-weight: bold; color: #fff; position: absolute; top: 25px; left: 25px; z-index: 99;}
.interview__people02 .interview__contents-item-img::after { border-color: #b81649 transparent transparent transparent;}
.interview__people01 .interview__contents-item-img::after { border-color: #38a1db transparent transparent transparent;}
.interview__people04 .interview__contents-item-img::after { border-color: #004b7a transparent transparent transparent;}
.interview__people03 .interview__contents-item-img::after { border-color: #df7517 transparent transparent transparent;}
.interview__people05 .interview__contents-item-img::after { border-color: #2ba464 transparent transparent transparent;}
.interview__people06 .interview__contents-item-img::after { border-color: #da518e transparent transparent transparent;}
.interview__people07 .interview__contents-item-img::after { border-color: #645799 transparent transparent transparent;}
.interview__contents-item-copy div:last-child::before { height: 61px;}
.interview__contents-item-copy { position: absolute; bottom: 0; left: 0;}
.interview__contents-item-copy div:last-child p { font-size: 32px;}
.interview__contents-item-copy-bg { position: relative; width: fit-content; padding: 15px 30px; margin-bottom: 3px;}
.interview__contents-item-copy-bg p { font-size: 36px; color: #fff; position: relative; z-index: 9; display: flex; align-items: center;}
.interview__contents-item-copy-bg span { color: #fff; font-size: 24px;}
.interview__contents-item-copy-bg:last-child { margin-bottom: 0;}
.interview__contents-item-copy-bg::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: -webkit-fill-available; width: -moz-available; height: 65px; mix-blend-mode: multiply; z-index: 1;}
.interview__people01 .interview__contents-item-copy-bg::before { background-color: rgba(59, 152, 204, 0.9);}
.interview__people02 .interview__contents-item-copy-bg::before { background-color: rgba(184, 22, 73, 0.9);}
.interview__people03 .interview__contents-item-copy-bg::before { background-color: rgba(214, 114, 28, 0.9);}
.interview__people04 .interview__contents-item-copy-bg::before { background-color: rgba(0, 72, 117, 0.9);}
.interview__people05 .interview__contents-item-copy-bg::before { background-color: rgba(46, 157, 97, 0.9);}
.interview__people06 .interview__contents-item-copy-bg::before { background-color: rgba(204, 79, 134, 0.9);}
.interview__people07 .interview__contents-item-copy-bg::before { background-color: rgba(95, 83, 145, 0.9);}


/* question --------------------*/
.question { width: 800px; margin: 0 auto 100px;}
.question__contents { margin-bottom: 60px;}
.question__title { font-size: 32px; font-weight: 500; line-height: 1.5; text-align: center; word-break: break-all; margin-bottom: 80px; position: relative;}
.question__title::after { content: ""; background-image: url("/ishinomaki/extra/i-rc/images/title_deco01.png"); position: absolute; left: 50%; bottom: -55px; transform: translateX(-50%); width: 98%; height: 52px; background-size: contain; background-repeat: no-repeat;}
.question__title-br { display: none;}
.question__title-width { width: fit-content; margin: 0 auto 80px;}
.question__title-width::after { content: ""; background-image: url("/ishinomaki/extra/i-rc/images/title_deco01.png"); position: absolute; left: 50%; bottom: -55px; transform: translateX(-50%); width: 140%; height: 60px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.question__answer { line-height: 2.0; margin-bottom: 40px;}
.question__margin { margin-bottom: 20px;} 
.question__img { aspect-ratio: 12 / 7; margin-bottom: 20px;}
.question__img-copy { font-size: 18px; text-align: center; line-height: 1.2; word-break: break-all;}
.question img { width: 100%; height: 100%; object-fit: cover;}
.answer__list { display: flex; flex-wrap: wrap; justify-content: space-between;}
.answer__list li { width: 45%; margin-bottom: 40px;}
.answer__list li:last-child { margin-bottom: 0;}
.answer__list li p:first-child { margin-bottom: 15px;}
.answer__list li p:last-child { line-height: 1.5;}


/* footer --------------------*/
.copyright { text-align: center; padding-bottom: 40px; font-size: 12px;}
.top_page { position: fixed; bottom: 0; right: 0; width: 68px; height: 68px;}
.top_page img { width: 100%;}

@media print, screen and (max-width:1200px){
  /* mainVisual -----------------*/
  .interview-mainVisual { width: 88%; margin: 10% 6% 80px;}
  
  /* question --------------------*/
  .question { width: 100%; margin: 0 0 100px; padding: 0 16%;}
  .question__title { font-size: calc(20px + 12 * (100vw - 680px)/520)}
  .question__title::after { width: 100%;}
  .question__title-width::after { width: 140%;}
}
  

@media print, screen and (max-width:880px){
  .interview__logo { width: 166px;}
  
/* interview ----------------------*/
  .interview { width: 100%; min-width: auto; padding: 0 6%;}
  .interview__contents-item-copy-bg p { font-size: 26px;}
  .interview__contents-item-copy-bg span { font-size: 16px;}
  .interview__contents-item-copy div:last-child p { font-size: 22px;}
  .interview__contents-item-copy-bg { padding: 10px 30px; margin-bottom: 3px;}
  .interview__contents-item-copy-bg::before { height: 46px;}
  .interview__contents-item-copy div:last-child::before { height: 42px;}
  .interview__contents-item-img::after { border-width: 140px 140px 0 0;}
  .interview__number { font-size: calc(32px + 8 * (100vw - 480px)/400); top:20px; left: 20px;}
  .question__title { font-size: 20px; letter-spacing: 0; margin-bottom: 60px;}
}

/* ¥¹¥Þ¥ÛÓÃ ++++++++++++++++++++ */
@media print, screen and (max-width:680px){
  .interview__logo { z-index: 99; top: 10px; left: 130px; width: 150px;}
  
/* mainVisual -----------------*/
  .interview-mainVisual { width: 100%; margin: 0 0 60px;}
  .interview__contents-item-img { aspect-ratio: 75 / 56;}

/* question --------------------*/
  .question { width: 100%; margin: 0 0 70px; padding: 0 6%;}
  .question__title { font-size: 18px;}
  .question__title::after { width: 85%;}
  .question__title-width::after { width: 170%; height: 80px;}
  
/* footer---------------------*/
  .copyright { padding-bottom: 30px;}
}

@media print, screen and (max-width:480px){
  #interview01 { background-position: top -10% left 57%; background-size: 930%;}
  #interview02 { background-position: top -10% left 57%; background-size: 930%;}
  #interview03 { background-position: top -10% left 57%; background-size: 930%;}
  #interview04 { background-position: top -10% left 57%; background-size: 930%;}
  #interview05 { background-position: top -10% left 57%; background-size: 930%;}
  #interview06 { background-position: top -10% left 57%; background-size: 930%;}
  #interview07 { background-position: top -10% left 57%; background-size: 930%;}
  .interview__logo { left: 70px;}
  
/* interview -----------------*/
  .interview__contents-item-copy-bg p { font-size: 18px;}
  .interview__contents-item-copy-bg span { font-size: 12px;}
  .interview__contents-item-copy div:last-child p { font-size: 16px;}
  .interview__contents-item-copy-bg { padding: 6px 15px; margin-bottom: 2px;}
  .interview__contents-item-copy-bg::before { height: 30px;}
  .interview__contents-item-copy div:last-child::before { height: 28px;}
  .interview__contents-item-img::after { border-width: 80px 80px 0 0;}
  .interview__number { font-size: 24px; top: 8px; left: 8px;}

/* question --------------------*/
  .question__title { font-size: 16px; margin-bottom: 50px;}
  .question__title::after { width: 100%; bottom: -60px;}
  .question__title-width::after { width: 170%; height: 85px;}
  .question div:nth-child(2) .question__title::after { width: 80%;}
  .question__title-br { display: block;}
  .question__answer { font-size: 14px;}
  .answer__list { display: block;}
  .answer__list li { width: 100%;}
}