@charset "utf-8";
*{

    font-family: 'Zen Kaku Gothic Antique', sans-serif;
}   
body{
	background: #FFFFFF;
    padding: 0;
    margin: 0;
}
p{
	font-size:1.1rem;
	font-weight:500;
	line-height:2.4;
}
h2{
	font-size:1.8rem;
	position:relative;
	z-index:4;
}
#TOP {
              position: relative;
              margin: 0;
              padding: 0;
            }
            #TOP-V > div > div > div > div > figure > img {
              max-width: 640px;
            }
            .Feature-top {
              position: relative;
              margin: 0;
            }
            .top-img-02 {
              max-width: 740px;
              margin: auto;
            }
            #results {
              position: relative;
              z-index: 5;
            }
            .results-midashi-01 {
              transform: translateY(-50%)
            }
            .results-midashi-02 {
              transform: translateY(-50%)
            }
            .feaure-inner-img {
              margin: auto;
              width: clamp(320px, 60vw, 626px);
            }
            .feaure-inner-img-02 {
              margin: auto;
              padding: 2rem
            }
            .deflt-inner-box {
              position: absolute;
              width: 100%;
            }
            .results-img {
              margin: auto;
              width: clamp(310px, 45vw, 460px);
            }

            .top-co {
              position: relative;
              top: -13rem;
              z-index: 3;
            }
            .headline-atari {
              max-width: 860px;
              margin: auto;
              padding: 3rem;
            }
            .about-box {
              margin: auto;
              max-width: 840px;
              position: relative;
              top: -10rem;
              z-index: 3;
            }
            #Feature {
              position: relative;
              margin-top: 5rem;
            }
            .deflt-box {
              position: relative;
              margin: auto;
              max-width: 890px;
              z-index: 4;
            }
            .feature-bobox {
              width: 100%;
              position: relative;
              z-index: 5;
              /* top: 37rem; */
            }
            .feature-copy-g {
              width: 100%;
              position: absolute;
              top: -14rem;
            }
            .feuture-tyousei {
              padding: 2rem;
            }
.point{
	position:relative;
	z-index:3;
}
.feature-back{
	position:relative;
	padding-top:23%;
}
.feature-back-img{
	position:absolute;
}
            #INSTRUCTOR {
              position: relative;
              z-index: -4;
            }
            .feature-copy {
              max-width: 840;
              margin: auto;
            }
            .Feauture-cover {
              height: 60vh;
            }
            .feature-box-01 {
              margin: auto;
              position: relative;
              z-index: 3;
            }
            .feature-box-02 {
              position: relative;
              z-index: 3;
            }
            .feature-inner-box {
              position: relative;
              top: -12rem;
            }
            .top-12 {
              position: relative;
              top: 0rem;
            }            #TOP {
              position: relative;
              margin: 0;
              padding: 0;
            }
            #TOP-V > div > div > div > div > figure > img {
              max-width: 640px;
              width: 100%;
            }
            .Feature-top {
              position: relative;
              margin: 0;
            }
            .top-img-02 {
              max-width: 740px;
              margin: auto;
            }
            #results {
              position: relative;
              z-index: 5;
            }

            .feaure-inner-img {
              margin: auto;
              width: clamp(320px, 60vw, 626px);
            }
            .feaure-inner-img-02 {
              margin: auto;
              padding: 2rem
            }
            .deflt-inner-box {
              position: absolute;
              width: 100%;
            }
            .results-img {
              margin: auto;
              width: clamp(310px, 45vw, 460px);
            }
            .results-img-02 {
              margin: auto;
              width: clamp(310px, 45vw, 560px);
            }
            .top-co {
              position: relative;
              top: -13rem;
              z-index: 3;
            }
            .headline-atari {
              max-width: 860px;
              margin: auto;
              padding: 3rem;
            }
            .about-box {
              margin: auto;
              max-width: 840px;
              position: relative;
              top: -10rem;
              z-index: 3;
            }
            #Feature {
              position: relative;
              margin-top: 5rem;
            }
            .deflt-box {
              position: relative;
              margin: auto;
              max-width: 890px;
              z-index: 4;
            }
            .feature-bobox {
              width: 100%;
              position: relative;
              z-index: 5;
              /* top: 37rem; */
            }
            .feature-copy-g {
              width: 100%;
              position: absolute;
              top: -10rem;
            }
            .feuture-tyousei {
              padding: 2rem;
            }
.point{
	position:relative;
	z-index:3;
}
.feature-back{
	position:relative;
	padding-top:23%;
}
.feature-back-img{
	position:absolute;
}
            #INSTRUCTOR {
              position: relative;
              z-index: -4;
            }
            .feature-copy {
              max-width: 840;
              margin: auto;
            }
            .Feauture-cover {
              height: 60vh;
            }
            .feature-box-01 {
              margin: auto;
              position: relative;
              z-index: 3;
            }
            .feature-box-02 {
              position: relative;
              z-index: 3;
            }
            .feature-inner-box {
              position: relative;
              top: -12rem;
            }
            .top-12 {
              position: relative;
              top: 0rem;
            }
            .bottom-12 {
              position: relative;
              bottom: -5rem;
            }
            .feature-svg {
              max-width: 900px;
              margin: auto;
              padding: 3rem;
            }
            #About-Lp {
              position: relative;
              margin: 0;
              padding: 0;
            }
#About-Lp::before{
			content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background-image:url("http://lp.soul-create-music.jp/wp-content/uploads/2024/05/1faec5ef843eb07794fe301b38439336.webp");
		top: 3%;
		right: -3%;
		z-index: -1;
}
            .About-LP-box{
              padding: 0;
              margin: 0;
              position: relative;
            }
            .about-lp-co-img {
              max-width: 900px;
              margin: auto;
              padding: 1rem;
            }
            .bottom-12 {
              position: relative;
              bottom: -5rem;
            }
            .feature-svg {
              max-width: 900px;
              margin: auto;
              padding: 3rem;
            }
            #About-Lp {
              position: relative;
              margin: 0;
              padding: 0;
            }

            .About-LP-box{
              padding: 0;
              margin: 0;
              position: relative;
            }
            .about-lp-co-img {
              max-width: 900px;
              margin: auto;
              padding: 1rem;
            }
.mastar-img{
	max-width:640px;
		padding:2rem;
	margin:auto;
}

.mastar-img-p{
	position:absolute;
	width:100%;
	top:clamp(-7rem , 5.5vw , -9rem);
}

.sp-div{
	min-height:60px;
	max-height:100px;
}
.point-main-content{
	padding: 1rem;
}
.point-main-box{
	max-width:840px;
	margin:3rem auto;
	color:#fff;
	padding:1.5rem;
}
.point-main-box h2{
	 font-family: 'Zen Kaku Gothic New', sans-serif;
font-weight:200;
	font-size: clamp(2rem, 1.5696rem + 2.0253vw, 4rem);
}
.point-border{
	border-right:1px solid #fff;
}
.point-copy-title{
	/* min-height: 50px; */
	/* max-height: 80px; */
}

#About-Lp h4{font-size: clamp(0.75rem, 0.481rem + 1.2658vw, 2rem);font-weight: 300;margin: auto;text-align: center;}
#footer {
		background-color:#1B1B1B;
		color:#F1F1F1;
		margin:0;
		overflow:hidden;
		}	


.about-inner-box-box{
	max-width: 640px;
	color: #fff;
	margin: auto;
	padding: 3rem 1rem 5rem 1rem;
}
.about-inner-box-box-title{
	width:100%;
	background-color: #fff5ad;
	color: #145F9C !important;
	padding: 5px;
	font-weight: 800;
	font-size: 1.2rem;
}

/*--------------------------------------
  カード型_01
--------------------------------------*/
.l-wrapper_01 {
  margin: 2rem;
}

.l-wrapper_01:hover {
  transform: translateY(-3px);
  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
  transition: all .5s;
}

.card_01 {
	display:flex;
	width:100%;
	/* height: 500px; */
	background-color: #ffdfa5;
	box-shadow: 0 0 8px rgba(0, 0, 0, .16);
	color: #2d2828;
	text-decoration: none;
	/* height:100%; */
	justify-content:space-between;
	align-items:center;
	flex-wrap: wrap;
	margin: 1rem 0.5rem;
	border-radius: 10px;
	overflow: hidden;
}

.card__header_01 {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

.card__title_01 {
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  order: 1;
  font-weight: bold;
  text-decoration: none;
  /* max-width:700px; */
  margin: 0;
  line-height: 1.67;
}
#topinfo figure {
	  margin: auto;
	  order: 0;
}

#topinfo img{
	/* width: 120px; */
	min-width: 120px;
}

.card__thumbnail_01 {
  margin: 0;
  order: 0;
}

.card__image_01 {
  width: 100%;
}

.card__body_01 {
  padding: 0 1.5rem;
}

.card__text_01 {
  font-size: .8rem;
  text-align:center;
  text-decoration: none;
	padding-bottom: 0;
}

.card__text2_01 {
  font-size: .8rem;
  margin-top: 0;
  margin-bottom: 2rem;
}

.card__text_01 + .card__text_01 {
  margin-top: .5rem;
}

.card__footer_01 {
  padding: 1rem;
  min-width:200px;
  margin: auto;
}

.button_01 {
  display: inline-block;
  text-decoration: none;
  transition: background-color .3s ease-in-out;
  text-align: center;
}

.button_01 a {
  text-decoration: none;
}

.button_01.-compact {
  padding: .5rem 1rem;
  border-radius: .25rem;
  background-color: #6f1111;
  color: #fff;
  font-weight: bold;
	text-decoration: none;
}

.button_01.-compact:hover,
.button_01.-compact:focus {
  background-color: #6bb6ff;
}
.result-single{
	display:flex;
	gap:2rem;
	align-items:center;
	line-height:1.8rem;
}
.colum-result{
	line-height:2rem;
}
.result-single h1{
	font-size:2.5rem;
	font-weight:600;
	margin-bottom:4rem;
}

#js-slider-8 figure {
    min-height: 150px;
    margin: 1rem;
}

#js-slider-8 img{
	max-width: 150px;
	width: 150px;
}

.swiper-content img{
	height:300px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	object-fit:cover;
}
.swiper-content{
	position:relative;
	height:100%;
	width:100%;
	overflow:hidden;
}
.swiper-slide{
	height:300px !important;

}

.results-box{
	max-width: 1200px;
	width: 100%;
	align-items: stretch; /* 子要素の高さを揃える */
	margin:auto;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	/* gap:2rem; */
}


.testimonial-card {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    padding: 20px;
    width: 100%;
    margin: 20px auto;
    max-width: 420px;
}
#topinfo .highlight{
	color:#d70000;
	background:transparent;
	font-size:1.2rem;
}
.highlight {
    background-color: #fff6f5;
    color: #d9428d;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 1.4rem;
}

.profile {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.profile-image {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 15px;
    padding: 0.5rem;
    border: solid 1px #2c7ca5;
}

.profile-info h2 {
    margin: 0;
    font-size: 1.6rem;
    width: 100%;
    border-bottom: solid 1px #2e7ba7;
    color: #553f32;
}

.profile-info p {
    margin: 5px 0 0;
    font-size: 14px;
    color: #666;
}

.testimonial {
    font-size: 1rem;
    line-height: 1.8;
    color: #553f32;
    font-weight: 600;
}
.profile-info{
	flex:auto;
}

.zen-kurenaido-regular {
  font-family: "Zen Kurenaido", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ribbon-wrapper{
  /* display: block; */
  position: relative;
  /* margin: 15px auto; */
  padding: 10px 0;
  box-sizing: border-box;
  max-width: 500px;
}
.ribbon{
  display: inline-block;
  position: absolute;
  top: 0;
  right: 10px;
  margin: 0;
  padding: 10px 0;
  z-index: 2;
  width: 40px;
  text-align: center;
  font-size: 17px;
  color: white;
  background: linear-gradient(180deg, rgba(190,26,37,1) 0%, rgba(92,14,18,1) 100%);
}
.ribbon::after{
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid rgba(92,14,18,1);
  border-right: 20px solid rgba(92,14,18,1);
  border-bottom: 10px solid transparent;
}
#topinfo h2{
	width:100%;
	font-size:1.4rem;
	display:block;
	color:#8b3d00;
	margin: 2rem 3.2rem 2rem 2rem;
}
#topinfo span img{
		width:25px !important;
min-width:10px;
}
.res-wapper{
	margin: auto;
	max-width: 990px;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}