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;
}

/* 旦正奈玄媆及旦正奶伙 */
.foo.delighter.started {
transform: none !important;
opacity: 1;
}

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


body { background: url(/ishinomaki/extra/i-rc/images/top_bg.png); background-position: top 23% left 50.5%; background-size: 710%;}

/* 狟井日 */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.6s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

.TextTyping span {
  display: none;
}

@keyframes typinganime{
  from{opacity:0}
  to{opacity:1}
}

/* mainVisual -----------------*/
.mainVisual { aspect-ratio: 15 / 8; position: relative; margin-bottom: 70px; background: #fff;}
.mainVisual__slider { width: 100%; height: 100%; margin: 0 auto; position: relative;}
.mainVisual__slider-item { aspect-ratio: 15 / 8; background-repeat: no-repeat; background-size: cover; background-position: center;}
.slider_img01 { background-image: url("/ishinomaki/extra/i-rc/images/mainVisual_img01.jpg");}
.slider_img02 { background-image: url("/ishinomaki/extra/i-rc/images/mainVisual_img02.jpg"); background-position: 50% 0%;}
.slider_img03 { background-image: url("/ishinomaki/extra/i-rc/images/mainVisual_img03.jpg");}
.slider_img04 { background-image: url("/ishinomaki/extra/i-rc/images/mainVisual_img04.jpg"); background-position: 50% 90%;}
.slider_img05 { background-image: url("/ishinomaki/extra/i-rc/images/mainVisual_img05.jpg");}
.slider_img06 { background-image: url("/ishinomaki/extra/i-rc/images/mainVisual_img06.jpg");}
.slick-dots li { display: none;}
.mainVisual__logo { position: absolute; top: 20px; left: 20px; width: 227px;}
.mainVisual__logo img { width: 100%; height: 100%; object-fit: contain;}
.mainVisual__copy { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 42%;}
.mainVisual__copy img { width: 100%; height: 100%; object-fit: contain;}


/* intro --------------------------*/
.intro { margin-bottom: 100px;}
.intro__title-pc { font-size: 30px; text-align: center; margin-bottom: 20px; letter-spacing: 0.1em; line-height: 1.5;}
.intro__title-sp { display: none; text-align: center; letter-spacing: 0.1em; line-height: 1.5;}
.intro__title-sp:last-of-type { margin-bottom: 20px;}
.intro__text { text-align: center; line-height: 1.8;}
.intro-text-sp { display: none;}
.intro h2:last-of-type { margin-bottom: 15px;}
.intro__text-br { display: none;}
.intro__img { width: 50%; aspect-ratio: 13 / 9; margin: 0 auto;}
.intro__img img { width: 100%; height: 100%; object-fit: cover;}
.intro__img01 { margin-bottom: 10px;}
.intro__img02 { margin-bottom: 15px;}
.intro__description { width: 50%; margin: 0 auto; line-height: 1.8;}


/* interview ----------------------*/
.interview { width: 70%; min-width: 700px; margin: 0 auto 100px;}
.interview__title { font-size: 24px; text-align: center; position: relative; letter-spacing: 0.1em; line-height: 1.5; width: fit-content; margin: 0 auto 80px;}
.interview__title::after { content: ""; background-image: url("/ishinomaki/extra/i-rc/images/title_deco01.png"); position: absolute; left: 50%; bottom: -60px; transform: translateX(-50%); width: 120%; height: 50px; background-size: contain; background-repeat: no-repeat;}
.interview__title-sp { display: none;}
.interview__contents { display: flex; justify-content: space-between; flex-wrap: wrap;}
.interview__contents li:last-child { margin-bottom: 0;}
.interview__contents-item { width: 48%; margin-bottom: 15px; position: relative;}
.interview__contents-item-img { width: 100%; aspect-ratio: 8 / 5;}
.interview__contents-item-img img { width: 100%; height: 100%; object-fit: cover; vertical-align: bottom;}
.interview__contents-item span { font-size: 18px; color: #fff; position: absolute; top: 8px; left: 8px; z-index: 99;}
.interview__contents-item span::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 60px 60px 0 0; position: absolute; top: -8px; left: -8px; z-index: -1;}
.interview__people01 span::after { border-color: #38a1db transparent transparent transparent;}
.interview__people02 span::after { border-color: #b81649 transparent transparent transparent;}
.interview__people03 span::after { border-color: #df7517 transparent transparent transparent;}
.interview__people04 span::after { border-color: #004b7a transparent transparent transparent;}
.interview__people05 span::after { border-color: #2ba464 transparent transparent transparent;}
.interview__people06 span::after { border-color: #da518e transparent transparent transparent;}
.interview__people07 span::after { border-color: #645799 transparent transparent transparent;}
.interview__contents-item-copy { position: absolute; bottom: 0; left: 0;}
.interview__contents-item-copy-bg { position: relative; width: fit-content; padding: 6px 10px; margin-bottom: 3px;}
.interview__contents-item-copy-bg p { font-size: 18px; color: #fff; position: relative; z-index: 9;}
.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: 31px; 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);}


/* feature --------------------*/
.feature { width: 70%; min-width: 700px; margin: 0 auto 100px;}
.feature__title { font-size: 24px; text-align: center; letter-spacing: 0.1em; width: fit-content; margin: 0 auto 100px; position: relative;}
.feature__title::after { content: ""; background-image: url("/ishinomaki/extra/i-rc/images/title_deco02.png"); position: absolute; left: 50%; bottom: -55px; transform: translateX(-50%); width: 140%; height: 50px; background-size: contain; background-position: center; background-repeat: no-repeat;}
.feature__contents { display: flex; justify-content: space-between; margin-bottom: 20px;}
.feature__contents-item { width: 29%; position: relative;}
.feature__contents-item::before { content: ""; position: absolute; left: -30px; top: -45px; width: 70px; height: 70px; background-size: contain; background-repeat: no-repeat;}
.feature__contents-item p { background: linear-gradient(transparent 60%, #fff226 60%); width: fit-content; line-height: 1.5; margin: 0 auto 3px;}
.feature__contents-item p:last-child { margin-bottom: 0;}
.feature__contents-item-pc { display: none;}
.feature__contents-item-img { aspect-ratio: 6 / 5; margin-bottom: 10px;}
.feature__contents-item-img img { width: 100%; height: 100%; object-fit: cover;}
.point01::before { background-image: url("/ishinomaki/extra/i-rc/images/point_deco01.png");}
.point02::before { background-image: url("/ishinomaki/extra/i-rc/images/point_deco02.png");}
.point03::before { background-image: url("/ishinomaki/extra/i-rc/images/point_deco03.png");}
.feature__btn img:hover { transition: 0.3s; opacity: 0.7;}
.feature__btn img { width: 100%; height: 100%; object-fit: contain;}
.feature__btn-sp { display: none;}


/* link ----------------------*/
.link { width: 70%; min-width: 700px; margin: 0 auto 100px;}
.link__contents { display: flex; justify-content: space-between;}
.link__contents-item { width: 31%;}
.link__contents-item img { width: 100%;}
.link__contents-item img:hover { transition: 0.3s; opacity: 0.7;}
.link__contents-item p { font-size: 14px; text-align: center; width: fit-content; margin: 0 auto 10px; line-height: 1.5; position: relative;}
.link__contents-item p::before { content: ""; display: block; width: 1.5px; height: 42px; background: #333; transform: rotate(-25deg); position: absolute; bottom: 0; left: -30px;}
.link__contents-item p::after { content: ""; display: block; width: 1.5px; height: 42px; background: #333; transform: rotate(25deg); position: absolute; bottom: 0; right: -30px;}

/* footer --------------------*/
.copyright { text-align: center; padding-bottom: 60px; 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:1300px){
  .mainVisual__logo { width: 166px;}
  
  .interview__contents-item-copy-bg p { font-size: 16px;}
  .interview__contents-item-copy-bg::before { height: 29px;}
  
  .feature__contents-item-pc { display: block;}
  .feature__contents-item p span { display: none;}
}
  

/* 正皮伊永玄?2 ++++++++++++++++++++ */
@media print, screen and (max-width:880px){
/* interview ----------------------*/
  .interview { width: 100%; min-width: auto; padding: 0 6%;}
  .interview__contents-item span { font-size: 12px; top: 5px; left: 5px;}
  .interview__contents-item span::after { border-width: 38px 38px 0 0; position: absolute; top: -5px; left: -5px;}
  .interview__contents-item-copy-bg p { font-size: 12px;}
  .interview__contents-item-copy-bg::before { height: 24px;}
 
/* feature ----------------------*/
  .feature { width: 100%; min-width: auto; padding: 0 6%;}
  .feature__contents-item { width: 31%;}
  .feature__contents-item::before { content: ""; position: absolute; left: -15px; top: -40px; width: 60px; height: 60px; background-size: contain; background-repeat: no-repeat;}
  .feature__contents-item p { letter-spacing: 0;}
 
/* link ----------------------*/
  .link { width: 100%; min-width: auto; padding: 0 6%;}
  .link__contents-item p::before { left: -15px;}
  .link__contents-item p::after { right: -15px;}
}

/* 旦穴石蚚 ++++++++++++++++++++ */
@media print, screen and (max-width:600px){
  body { background: url(/ishinomaki/extra/i-rc/images/top_bg-sp.png); background-position: top 10% left 53%; background-size: 1370%;}

/* mainVisual -----------------*/
  .mainVisual { aspect-ratio: 75 / 56; margin-bottom: 40px;}
  .mainVisual__slider-item { aspect-ratio: 75 / 56;background-position: left;}
  .mainVisual__logo { top:10px; left: 10px; width: 150px;}

/* intro ---------------------*/
  .intro { padding: 0 6%;}
  .intro__title { font-size: 24px;}
  .intro__title-pc {display: none; }
  .intro__title-sp { display: block;}
  .intro-text-pc { display: none;}
  .intro-text-sp { display: block;}
  .intro__img { width: 100%;}
  .intro__description { width: 100%;}
  
/* interview ---------------------*/
  .interview__title { margin: 0 auto;}
  .interview__title:last-of-type { margin-bottom: 80px;}
  .interview__title::after { display: none;}
  .interview__title-deco::after { display: block; content: ""; background-image: url("/ishinomaki/extra/i-rc/images/title_deco01.png"); position: absolute; left: 50%; bottom: -60px; transform: translateX(-50%); width: 120%; height: 50px; background-size: contain; background-repeat: no-repeat;}
  .interview__title-pc { display: none;}
  .interview__title-sp { display: block;}
  .interview__contents { display: block;}
  .interview__contents-item { width: 100%; margin-bottom: 0;}
  .interview__contents-item span { font-size: 16px; top: 8px; left: 8px;}
  .interview__contents-item span::after { border-width: 60px 60px 0 0; position: absolute; top: -8px; left: -8px;}
  .interview__contents-item-copy-bg p { font-size: 18px;}
  .interview__contents-item-copy-bg::before { height: 31px;}
  
/* feature ----------------------*/
  .feature { margin: 0 auto 50px;}
  .feature__contents { display: block;}
  .feature__title::after { width: 130%;}
  .feature__contents-item { width: 29%;}
  .feature__contents-item { width: 70%; margin: 0 auto 30px;}
  .feature__contents-item::before { width: 55px; height: 55px; top: -15px; left: -32px;}
  .feature__contents-item p { letter-spacing: 0.05em;}
  .feature__contents-item-pc { display: none;}
  .feature__contents-item p span { display: inline;}
  .feature__btn { width: 90%; margin: 0 auto;}
  .feature__btn-pc { display: none;}
  .feature__btn-sp { display: block;}
  
/* link ----------------------*/
  .link__contents { display: block;}
  .link__contents-item { width: 60%; margin: 0 auto 40px;}

/* footer---------------------*/
  .copyright { padding-bottom: 30px;}
  .top_page { width: 50px; height: 50px;}
}

@media print, screen and (max-width:480px){
/* interview -----------------*/
  .interview__contents-item span { font-size: 10px; top: 5px; left: 5px;}
  .interview__contents-item span::after { border-width: 38px 38px 0 0; position: absolute; top: -5px; left: -5px;}
  .interview__contents-item-copy-bg p { font-size: 12px;}
  .interview__contents-item-copy-bg::before { height: 25px;}
 
/* intro ----------------------*/
  .intro__text-br { display: block;}
  
/* feature ----------------------*/
  .point03 .feature__contents-item-pc { display: block;}
  .point03 p span { display: none;}
  
  
}