@charset "utf-8";

*, *::before, *::after {
  box-sizing: border-box;
}

.align-r{text-align:right;}
.align-l{text-align:left;}
.align-c{text-align:center;}

.fs-s{font-size:1.4rem !important;}

#idn_miryoku{
width:100%;
font-size:1.5rem;
margin-bottom:12rem;
}
#idn_miryoku h2 {background-image:none;background-color:transparent;margin-top:90px;}
#idn_miryoku h2 span{display:none;}
#idn_miryoku .innerBlock{
margin:0 auto;
max-width:1080px;
}
#idn_miryoku .wrp--unit{
width:100%;
display:grid;
grid-template-columns:repeat(1 ,1fr);
gap:20px;
}
#idn_miryoku .unit,
#idn_miryoku .unit p:last-child{
margin-bottom:0;
}
#idn_miryoku .unit--miryoku{
display:flex;
flex-direction: column-reverse;
width:100%;
margin:2rem 0 6rem;
background-color:transparent;
/*background:#fff;
border:1px solid #ccc;*/
border-radius:9px;
position:relative;
font-size:1.5rem;
}
#idn_miryoku .unit--miryoku:first-child{
margin-top:3.6rem;
}
.unit--miryoku .item_imgs,
.unit--miryoku .item_text{
width:100%;
margin:1.2rem auto 1rem;
position:relative;
line-height:1.6;
}
.unit--miryoku .item_imgs{
margin-top:.9rem;
}

.unit--miryoku .item_text p{
line-height:1.6;
}

#idn_miryoku .unit--miryoku::after{
content:"";
position:absolute;
bottom:100%;
left:0;
width:100%;
height:40px;
background-image:url(../imgs/line_r3.png);
background-position:60px top;
background-repeat:repeat-x;
background-size:auto 82%;
z-index:-1;
opacity:.8;
}
.unit--miryoku .item_imgs{
text-align:center;
}

.unit--miryoku .item_imgs img{
max-width:100%;
height:auto;
aspect-ratio:4/3;
object-fit: cover;
border-radius:12px;
}

.unit--miryoku .item_imgs img.fig-tate{
width:90%;
margin:0 auto;
aspect-ratio:5/6;
/*border-radius: 87% 86% 84% 85% / 94% 66% 96% 67% ;*/
border-radius: 52% 50% 50% 48% / 64% 36% 65% 35% ;
}

.unit--miryoku.miryoku--eurhythmics .item_imgs img{
aspect-ratio:1/1;
border-radius: 60% 40% 42% 58% / 49% 45% 55% 51% ;
position:relative;
}


.unit--miryoku.miryoku--seitodou .item_imgs img,
.unit--miryoku .item_imgs img.radius-2{
aspect-ratio:5/6;
border-radius: 50% 52% 48% 50% / 36% 64% 35% 65% ;
position:relative;
}
.unit--miryoku.miryoku--basho .item_imgs img{
	border-radius:9999px;
aspect-ratio:1/1;
}



.unit--miryoku .item_text .text__tit{
position:relative;
/*min-height:60px;*/
display:flex;
align-items:center;
/*font-size:112.5%;*/
font-size:120%;
margin-bottom:1em;
}
.unit--miryoku .item_text .text__tit::before{
content:"";
position:absolute;
bottom:calc(100% + .6rem);
left:0;
/*transform:translateX(-50%);*/
width:60px;
height:60px;
background-image:url(../imgs/icon_number.png);
background-position:0 top;
background-repeat:no-repeat;
background-size:360px 120px;
}
.unit--miryoku:nth-of-type(1) .item_text .text__tit::before{background-position:0 0;}
.unit--miryoku:nth-of-type(2) .item_text .text__tit::before{background-position:-60px top;}
.unit--miryoku:nth-of-type(3) .item_text .text__tit::before{background-position:-120px top;}
.unit--miryoku:nth-of-type(4) .item_text .text__tit::before{background-position:-180px top;}
.unit--miryoku:nth-of-type(5) .item_text .text__tit::before{background-position:-240px top;}
.unit--miryoku:nth-of-type(6) .item_text .text__tit::before{background-position:-300px top;}
.unit--miryoku:nth-of-type(7) .item_text .text__tit::before{background-position:0 bottom;}
.unit--miryoku:nth-of-type(8) .item_text .text__tit::before{background-position:-60px bottom;}
.unit--miryoku:nth-of-type(9) .item_text .text__tit::before{background-position:-120px bottom;}
.unit--miryoku:nth-of-type(10) .item_text .text__tit::before{background-position:-180px bottom;}
.unit--miryoku:nth-of-type(11) .item_text .text__tit::before{background-position:-240px bottom;}
.unit--miryoku:nth-of-type(12) .item_text .text__tit::before{background-position:-300px bottom;}


.unit--miryoku:nth-of-type(odd)::before,
.unit--miryoku:nth-of-type(even)::before{
content:"";
position:absolute;
bottom:105%;
left:52px;
width:30px;
height:40px;
background-image:url(../imgs/ill_onpu3.png);
background-position:0 0;
background-repeat:no-repeat;
background-size:contain;
transform:rotate(25deg);
z-index:1;
}

.unit--miryoku:nth-of-type(even)::before{
left:calc(100% - 6rem);
width:30px;
height:40px;
transform:rotate(-10deg)
}

.cont_main h2,
.unit--miryoku .text__tit{
font-family:"秀英丸ゴシック L";
font-weight:bold;
font-size:125%;
line-height:1.4;
}


@media screen and (max-width:767px){
 /* [ SP ] */

.unit--miryoku .item_imgs{
width:100%;
border-radius:30px;
}

.unit--miryoku.miryoku--seitodou .item_imgs{
width:calc(100% - 4rem);
text-align:left;
align-items:center;
}
.unit--miryoku.miryoku--seitodou .item_imgs img{
width:59%;
}
.unit--miryoku.miryoku--eigo .item_imgs img{
aspect-ratio:auto;
border-radius: 0;
position:relative;
}

.unit--miryoku.miryoku--seitodou .item_imgs::after{
content:"";
position:absolute;
top:0;
right:0;
width:40%;
height:100%;
background-image:url(../imgs/miryoku-12-2.webp);
background-position:right top;
background-repeat:no-repeat;
background-size:contain;
}
/*
.unit--miryoku.miryoku--eigo .item_imgs::before{
content:"";
position:absolute;
top:0;
right:0;
width:40%;
height:100%;
background-image:url(../imgs/miryoku-9-2.webp);
background-position:right top;
background-repeat:no-repeat;
background-size:contain;
background-position:0 top;
}*/

/*.unit--miryoku.miryoku--hogosha .item_imgs img{
width:100%;
margin:0 auto;
aspect-ratio:3/4;
position:relative;
}*/
/*
.unit--miryoku .item_imgs img.sp_only,
.unit--miryoku.miryoku--hogosha .item_imgs img{
aspect-ratio:auto;
object-fit:contain;
position:relative;
}*/

}


/*----------------------------*/
/* 魅力					*/
/*----------------------------*/

@media screen and (min-width:768px){
 /* [ PC ] */
#idn_miryoku .unit--miryoku{
display:flex;
flex-direction: row-reverse;
justify-content:space-between;
margin:2rem 0 2rem;
}
.unit--miryoku .item_imgs,
.unit--miryoku .item_text{
margin:2rem;
}
.unit--miryoku .item_imgs{
width:26%;
/*transform: rotate(4deg);*/
}

.unit--miryoku .item_text{
width:65%;
margin-top:1.2rem;
margin-bottom:1.8rem;
margin-right:0;
}
/*.unit--miryoku .item_imgs img{
width:100%;
border-radius: 36% 64% 35% 65% / 50% 52% 48% 50% ;
}*/

.unit--miryoku.miryoku--eurhythmics .item_imgs{
width:30%;
}
.unit--miryoku.miryoku--eigo .item_imgs{
width:33%;
margin-bottom:9rem;
}
.unit--miryoku.miryoku--eurhythmics .item_text,
.unit--miryoku.miryoku--eigo .item_text{
width:58%;
}

.unit--miryoku.miryoku--eigo .item_imgs img{
aspect-ratio:5/6;
border-radius: 50% 52% 48% 50% / 36% 64% 35% 65% ;
position:relative;
}

.layout_type2{
width:100%;
position:relative;
}
.layout_type2 img{ 
position:absolute;
top:-15px;
left:calc(100% - 150px);
width:240px;
height:240px;
}

.unit--miryoku.miryoku--seitodou .item_imgs::before{
content:"";
position:absolute;
top:55%;
right:100%;
width:240px;
height:240px;
background-image:url(../imgs/miryoku-12-2.webp);
background-position:0 top;
background-repeat:no-repeat;
background-size:contain;
}
.unit--miryoku .item_text .text__tit{
padding-left:80px;
font-size:125%;
min-height:80px;
}

.unit--miryoku .item_text .text__tit::before{
content:"";
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
width:80px;
height:80px;
background-image:url(../imgs/icon_number.png);
background-position:0 top;
background-repeat:no-repeat;
background-size:480px 160px;
}

.unit--miryoku:nth-of-type(1) .item_text .text__tit::before{background-position:0 0;}
.unit--miryoku:nth-of-type(2) .item_text .text__tit::before{background-position:-80px top;}
.unit--miryoku:nth-of-type(3) .item_text .text__tit::before{background-position:-160px top;}
.unit--miryoku:nth-of-type(4) .item_text .text__tit::before{background-position:-240px top;}
.unit--miryoku:nth-of-type(5) .item_text .text__tit::before{background-position:-320px top;}
.unit--miryoku:nth-of-type(6) .item_text .text__tit::before{background-position:-400px top;}
.unit--miryoku:nth-of-type(7) .item_text .text__tit::before{background-position:0 bottom;}
.unit--miryoku:nth-of-type(8) .item_text .text__tit::before{background-position:-80px bottom;}
.unit--miryoku:nth-of-type(9) .item_text .text__tit::before{background-position:-160px bottom;}
.unit--miryoku:nth-of-type(10) .item_text .text__tit::before{background-position:-240px bottom;}
.unit--miryoku:nth-of-type(11) .item_text .text__tit::before{background-position:-320px bottom;}
.unit--miryoku:nth-of-type(12) .item_text .text__tit::before{background-position:-400px bottom;}

#idn_miryoku .unit--miryoku::after{
background-position:0 top;
}

.unit--miryoku:nth-of-type(odd)::before,
.unit--miryoku:nth-of-type(even)::before{
bottom:100%;
}

.unit--miryoku:nth-of-type(even)::before{
transform:rotate(-10deg)
}


/*.unit--miryoku:nth-of-type(2) .item_text::after{
content:"";
position:absolute;
bottom:0;
right:3rem;
width:30px;
height:40px;
background-image:url(../imgs/ill_onpu3.png);
background-position:0 0;
background-repeat:no-repeat;
background-size:contain;
transform:rotate(25deg)
}
*/

/*.unit--miryoku.miryoku--hogosha .item_imgs img{
width:90%;
margin:0 auto;
aspect-ratio:3/4;
position:relative;
}*/


}