@charset "UTF-8";

/*******************************
初期化
********************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
}

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

html {
font-size: 62.5%;
width: 100%;
}

img{
max-width: 100%;
height: auto;
vertical-align: top;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}

ul, ol {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}


/*******************************
LP用CSS
********************************/
.iid-setagaya26{
    font-family: 'Noto Sans JP', sans-serif;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
    overflow-x: hidden;
}
.navi {
  position: relative;
  width: 100%;
  height: 60px; /* 20210830天地指定 */
  display: flex;
  padding: 10px 10px 10px 10px;
}
.navi .logo {
  /* height: 35px;
  position: absolute; */
  margin-top: -10px;
}


.navi .icon {
  position: absolute;
}


#taisaku {
  right: 150px;
  width: 480px;
}

#tw {
  right: 80px;
  width: 40px;
}
#insta {
  right: 20px;
  width: 40px;
}


.iid-setagaya26 p{margin-bottom: 1.5em;}
.iid-setagaya26 a{text-decoration: none; color: #285aa0;}
.iid-setagaya26 .br-sp{display: none;}
.iid-setagaya26 .font-red{color: #e60013;}

/*****見出し*****/

.iid-setagaya26 #lead26{width: 100%; display: flex; margin: 150px 10px 150px 10px; }
.iid-setagaya26 .lead26__img{width: 55%; text-align: center;}
.iid-setagaya26 .lead26__img img{width: 100%; max-width: 650px;}
.iid-setagaya26 .lead26__inner{width: 45%; max-width: 600px; text-align: left;  margin: 60px 0px 0px 0px; }
.iid-setagaya26 .lead26__inner h2{margin-bottom: 40px; font-size: 32px; line-height: 1.8;}
.iid-setagaya26 .lead26__inner .font-red{font-weight: bold;}

.iid-setagaya26 .studio__img{width: 100%; }
.lead26__video {width: 100%; /* 任意の幅や最大幅を設定 */aspect-ratio: 16 / 9; /* 縦横比を固定 */text-align: center; }
.lead26__video iframe {width: 80%;height: 80%;  margin: -5% auto 5% auto;}


/*****コンセプト*****/

.iid-setagaya26 #concept26{background-color: #000; width: 100%; height: auto; color: #fff; display: flex;}
.iid-setagaya26 .concept26__img{width: 50%; height: auto; position: relative; }
.iid-setagaya26 .concept26__img img{width: 100%; height: 100%;  object-fit: cover;}
.iid-setagaya26 .concept26__content{width: 45%;  height: auto; margin-top: 50px; margin-bottom: 50px;  padding-right: 80px; padding-left: 50px;}
.iid-setagaya26 .concept26__content .concept26__midashi{margin-bottom: 28px;　font-size: 30px;}
.iid-setagaya26 .concept26__content p{font-size: 14px;}
.iid-setagaya26 .concept26__content .font-bgred{background-color: #e60013; color: #fff;}


/*****問い合わせ*****/

.iid-setagaya26 #cv01{background-color: #B3B3B3; width: 100%; padding: 50px 0; color: #fff; font-weight: bold; text-align: center;}
.iid-setagaya26 .cv01__inner img{max-width: 500px; margin: 0 auto;}
.iid-setagaya26 .cv01__inner img:hover{opacity: .6;}

/*****ポイント*****/

.iid-setagaya26 #service26{padding: 50px 0;}
.iid-setagaya26 .service26__title{margin-bottom: 70px; font-size: 36px; text-align: center; font-weight: bold; line-height: 1.2;}
.iid-setagaya26 .service26__title h2{display: block; font-size: 16px;}
.iid-setagaya26 .service26__box{display: flex; justify-content: flex-end; margin-bottom: 100px;}
.iid-setagaya26 .service26__box .service26__text{width: 50%; max-width: 550px; position: relative; top: -20px; left: -20px; padding-right: 10px;}
.iid-setagaya26 .service26__text .font-mini{font-size: 20px;  line-height: 3;}
.iid-setagaya26 .service26__text h3{margin-bottom: 20px; font-size: 28px; line-height: 1.2;}
.iid-setagaya26 .service26__text h3 .font-mini{font-size: 20px; line-height: 3;}
.iid-setagaya26 .service26__box .service26__img{width: 50%; max-width: 920px; }
.iid-setagaya26 .service26__box .service26__img img{width: 100%; object-fit: cover; position: relative; }
.iid-setagaya26 .service26__box__rev{display: flex; justify-content: start; flex-direction: row-reverse; margin-bottom: 100px;}
.iid-setagaya26 .service26__box__rev .service26__text{width: 50%; max-width: 550px; position: relative; top: -20px; right: -20px; padding-left: 20px;}
.iid-setagaya26 .service26__box__rev .service26__img{width: 50%; max-width: 920px; text-align: right;}
.iid-setagaya26 .service26__box__rev .service26__img img{width: 100%; object-fit: cover; position: relative; top: 0px; right: 0px;}

.iid-setagaya26 .service26__text .service26__floor_mapimg {margin-top: 50px;}
.iid-setagaya26 .service26__text .service26__floor_mapimg img{width: 70%; text-align: right;}

.iid-setagaya26 .service26__flow{width: 100%; height: auto; text-align: center; margin-bottom: 150px;}
.iid-setagaya26 .service26__flow .onestopflow-pc{width: 60%; text-align: center; }
.iid-setagaya26 .service26__flow .onestopflow-sp{display: none; width: 60%; text-align: center; }


/*****特徴*****/

.iid-setagaya26 #feature26{background-color: #000; width: 100%; height: auto; color: #fff; position: relative;}
.iid-setagaya26 .feature26__inner{width: 100%; height: 400px;　max-width: 1100px; margin: 0 auto; display: flex; position: relative; z-index: 2;}
.iid-setagaya26 .feature26__img{width:auto; height: 400px;}
.iid-setagaya26 .feature26__img img{width: 100%; height: 400px; }
.iid-setagaya26 .feature26__content{width: 45%; margin: 30px 0px 0px 50px; padding-left: 40px;}
.iid-setagaya26 .feature26__title{margin-bottom: 20px; font-size: 36px; font-weight: bold; line-height: 1.4;}
.iid-setagaya26 .feature26__title h2{display: block; font-size: 16px;}
.iid-setagaya26 .feature26__list ul{font-size: 15px;　padding-left: 40px; list-style-type: disc;}



/*****問い合わせ*****/

.iid-setagaya26 #cv02{background-color: #B3B3B3; width: 100%; padding: 50px 0; color: #fff; font-weight: bold; text-align: center;}
.iid-setagaya26 .cv02__inner img{max-width: 500px; margin: 0 auto;}
.iid-setagaya26 .cv02__inner img:hover{opacity: .6;}

/*****アクセス*****/

.iid-setagaya26 .map__inner{width: 100%; max-width: 1100px; margin: 0 auto; padding: 70px 0 100px;}
.iid-setagaya26 .map__title{margin-bottom: 40px; font-size: 36px; text-align: center; font-weight: bold; line-height: 1.2;}
.iid-setagaya26 .map__title h2{display: block; font-size: 16px;}

.iid-setagaya26 .map__box{width: 100%; display: flex; margin-bottom: 40px;}
.iid-setagaya26 .map__content{margin: 0 0 0 20px;}
.iid-setagaya26 .map__name{line-height: 1.4;}
.iid-setagaya26 .gmap__frame{width: 620; height: 450; margin: 0 0 0 0;}

/*****アクセス地図*****/

.gmap{width:100%; margin:0;}
.gmap iframe{height:400px;}


.iid-setagaya26 .map__name h3{margin-bottom: 5px; font-size: 19px;}
.iid-setagaya26 .map__add{font-size: 16px;}
.iid-setagaya26 .map__time{margin-top: 50px; position: relative;}
.iid-setagaya26 .map__time:before{content: ""; background-color: #000; width: 50px; height: 1px; position: absolute; top: -25px; left: 0;}
.iid-setagaya26 .map__time p{margin-bottom: 10px; line-height: 1.4;}
.iid-setagaya26 .map__time .font-mini{font-size: 16px;}

/*****アクセス動画*****/
.iid-setagaya26 .access__movie2026 {width: 100%; /* 任意の幅や最大幅を設定 */aspect-ratio: 16 / 9; /* 縦横比を固定 */margin: 0 auto;}
.iid-setagaya26 .access__movie2026 iframe {width: 100%;height: 100%;　margin: 30px 0px 0px 0px;}

/*****動画*****/
.iid-setagaya26 #movie{background-color: #000; width: 100%; padding: 50px 0; color: #fff; position: relative;}
.iid-setagaya26 .movie__inner{width: 100%; padding: 0 5%; margin: 0 auto; position: relative; z-index: 2;}
.iid-setagaya26 .movie__title{width: 100%; max-width: 1100px; margin: 0 auto 40px; font-size: 36px; font-weight: bold; line-height: 1.2;}
.iid-setagaya26 .movie__title h2{display: block; font-size: 16px;}
.iid-setagaya26 .movie__list{display: flex; justify-content: space-between; flex-wrap: wrap;}
.iid-setagaya26 .movie__list li{width: 400px; font-size: 16px;}
.iid-setagaya26 .movie__list li iframe{width: 100%; height: 220px;}
.iid-setagaya26 .movie__bgtext{position: absolute; top: 20px; right: 0; z-index: 1; display: inline-block; opacity: .2; color: #000; font-size: 250px; font-weight: 900; line-height: 1; letter-spacing: 0.08em; text-shadow: 1px  1px 0px #fff, -1px  1px 0px #fff, 1px -1px 0px #fff, -1px -1px 0px #fff, 1px  0px 0px #fff, 0px  1px 0px #fff, -1px  0px 0px #fff, 0px -1px 0px #fff;}

.iid-setagaya26 #contact{width: 100%; padding: 50px 0; text-align: center;}
.iid-setagaya26 .contact__inner{width: 100%; max-width: 1100px; margin: 0 auto;}
.iid-setagaya26 .contact__title{margin-bottom: 40px; font-size: 36px; text-align: center; font-weight: bold; line-height: 1.2;}
.iid-setagaya26 .contact__title h2{display: block; font-size: 16px;}
.iid-setagaya26 .contact__inner img{max-width: 500px; margin: 0 auto;}
.iid-setagaya26 .contact__inner img:hover{opacity: .6;}


.iid-setagaya26 #bnr{width: 100%; padding: 50px 0; text-align: center;}
.iid-setagaya26 .bnr__inner{width: 100%; max-width: 1100px; margin: 0 auto;}
.iid-setagaya26 .bnr__title{margin-bottom: 40px; font-size: 36px; text-align: center; font-weight: bold; line-height: 1.2;}
.iid-setagaya26 .bnr__title h2{display: block; font-size: 16px;}
.iid-setagaya26 .bnr__inner img{max-width: 800px; margin: 0 auto;}
.iid-setagaya26 .bnr__inner img:hover{opacity: .6;}


/*******************************
	SP用CSS　
********************************/

@media screen and (max-width: 1024px) {
    .iid-setagaya26 .service26__box .service26__img{width: 45%;}
    .iid-setagaya26 .service26__box__rev .service26__img{width: 45%;}
}
@media screen and (max-width: 896px) {
	
	/*****見出し*****/
    .iid-setagaya26 #lead26{flex-direction: column;　width: 100%; margin: 30px 0px 30px 0px;}
    .iid-setagaya26 .lead26__img{width: 100%;  height: auto; text-align: center;}
    .iid-setagaya26 .lead26__img img{width: 100%; max-width: 650px;padding: 0px 10px 0px 10px;}
    .iid-setagaya26 .lead26__inner{width: 100%;  height: auto;  max-width: 600px; text-align: left;  padding: 0px 30px 0px 30px; }
    .iid-setagaya26 .lead26__inner h2{margin-bottom: 40px; font-size: 28px; line-height: 1.8;}
	.iid-setagaya26 .lead26__inner p{font-size: 15px; line-height: 1.8;}
    .iid-setagaya26 .lead26__inner .font-red{font-weight: bold;}
	
	
    .iid-setagaya26 .studio__img{width: 100%; height: auto;}
    .iid-setagaya26 .lead26__video{aspect-ratio: 16 / 9;　margin: -30px 50px 30px 50px; text-align: center; }
    .iid-setagaya26 .lead26__video iframe{width: 80%; max-width: 800px; height: 80%;}
	
		
	/*****コンセプト*****/
    .iid-setagaya26 #concept26{flex-direction: column;　width: 100%; margin: 30px 0px 0px 0px;}
    .iid-setagaya26 .concept26__img{width: 100%;}
    .iid-setagaya26 .concept26__img img{width: 100%; height: auto; object-fit: contain;}
    .iid-setagaya26 .concept26__content{width: 100%; padding: 0px 30px 0px 30px; }
    .iid-setagaya26 .concept26__content h1{font-size: 20px; margin-bottom: 20px;}
	
	/*****問い合わせ*****/
    .iid-setagaya26 #cv01,
    .iid-setagaya26 #cv02,
    .iid-setagaya26 #contact{padding: 50px 5%;}
    .iid-setagaya26 .cv01__inner img,
    .iid-setagaya26 .cv02__inner img,
    .iid-setagaya26 .contact__inner img{max-width: 100%;}
	
	/*****ポイント*****/
	
    .iid-setagaya26 .service26__box,
    .iid-setagaya26 .service26__box__rev{flex-direction: column-reverse;}
    .iid-setagaya26 .service26__box .service26__text,
    .iid-setagaya26 .service26__box__rev .service26__text{width: 100%; max-width: 100%; top: 0; left: 0; padding: 0 5%;}
    .iid-setagaya26 .service26__box .service26__img,
    .iid-setagaya26 .service26__box__rev .service26__img{width: 100%;}
    .iid-setagaya26 .service26__box .service26__img img,
    .iid-setagaya26 .service26__box__rev .service26__img img{width: 100%; left: 0;}
	
	/*****ポイント1*****/
	.iid-setagaya26 .service26__floor_mapimg{width: 100%; text-align: center; }
	
	/*****ポイント3*****/
	.iid-setagaya26 .service26__flow{width: 100%; height: auto; text-align: center; margin-bottom: 100px;}
	.iid-setagaya26 .service26__flow .onestopflow-pc{display: none;}
	.iid-setagaya26 .service26__flow .onestopflow-sp{display: block; width: 100%; text-align: center; padding: 0px 80px 0px 80px; margin-top: -50px;}
	
	/*****特徴*****/
	
    .iid-setagaya26 #feature26{background-color: #000; width: 100%; height: auto; color: #fff; }
    .iid-setagaya26 .feature26__inner{width: 100%; height: auto;　margin: 0 auto; flex-direction: column }
    .iid-setagaya26 .feature26__img{width:100%; height: auto;}
    .iid-setagaya26 .feature26__img img{width: 100%; height: 100%; }
    .iid-setagaya26 .feature26__content{width: 100%;  height: auto;　margin: 30px 0px 30px 0px; padding: 0px 0px 30px 30px}
    .iid-setagaya26 .feature26__title{margin-bottom: 20px; font-size: 36px; font-weight: bold; line-height: 1.4;}
    .iid-setagaya26 .feature26__title h2{display: block; font-size: 16px;}
    .iid-setagaya26 .feature26__list ul{font-size: 15px;　height: auto;　margin-bottom: 100px;　list-style-type: disc;}
	
	/*****地図*****/
    .iid-setagaya26 .map__inner{width: 100%; padding: 0px 5%;}
    .iid-setagaya26 .map__box{width: 100%; margin-top: 20px; flex-direction: column;}
	.iid-setagaya26 .map__box .map__content{margin: 0 30 0 30px;}
	.iid-setagaya26 .map__box .map__content .map__name{margin-top: 20px; }
    .iid-setagaya26 .map__frame{width: 100%;}
    .iid-setagaya26 .map__frame img{width: 100%; max-width: 100%; margin-bottom: 20px;}
	
	/*****地図動画*****/
	.access__movie2026 {width: 100%; /* 任意の幅や最大幅を設定 */aspect-ratio: 16 / 9; /* 縦横比を固定 */margin: 0 auto;}
	.access__movie2026 iframe {width: 100%;height: 100%;}
	
	/*****動画*****/
    .iid-setagaya26 .movie__list{flex-direction: column;}
    .iid-setagaya26 .movie__list li{width: 100%; margin-bottom: 20px;}
    .iid-setagaya26 .movie__list li iframe{height: 350px;}
	.iid-setagaya26 #bnr{padding: 50px 5%;}
	.iid-setagaya26 .bnr__inner img{max-width: 100%;}

}

@media screen and (max-width: 480px) {
    .iid-setagaya26{font-size: 16px;}
    .iid-setagaya26 .br-sp{display: block;}
    .iid-setagaya26 .service26__title,
    .iid-setagaya26 .feature26__title,
    .iid-setagaya26 .map__title,
    .iid-setagaya26 .movie__title,
    .iid-setagaya26 .contact__title{font-size: 32px;}
    .iid-setagaya26 .service26__text h3{font-size: 24px;}
    .iid-setagaya26 .service26__box .service26__img,
    .iid-setagaya26 .service26__box__rev .service26__img{margin-bottom: 20px;}
    .iid-setagaya26 #service26 .service26__box:last-child{margin-bottom: 0;}
    .iid-setagaya26 .movie__list li iframe{height: 220px;}
	}


@media screen and (max-width: 480px) {
.navi {position: relative; width: 100%;display: flex;}
.navi .logo {max-width: 250px; height: auto; margin: -5px 0 0 15px;}
.navi .icon {position: absolute; width: 30px; margin: 5px;}
#tw {right: 55px;}
#insta {right: 15px;}

.iid-setagaya26 .concept__bgtext{position: absolute; top: 50px; right: 0; z-index: 1; display: inline-block; opacity: .2; color: #000; font-size: 0px; font-weight: 900; line-height: 1; letter-spacing: 0.08em; text-shadow: 1px  1px 0px #fff, -1px  1px 0px #fff, 1px -1px 0px #fff, -1px -1px 0px #fff, 1px  0px 0px #fff, 0px  1px 0px #fff, -1px  0px 0px #fff, 0px -1px 0px #fff;}

.gmap__frame{width: 450px; height: 100%;}

}

.sibuya_br{width: 100%; max-width: 1100px; margin: 0 auto; padding: 70px 5% 100px; text-align: center;}

@media screen and (max-width: 750px){
.gmap {height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; margin: 0 0px 20 0px;}
.gmap iframe {position: absolute; left: 0; top: 0; height: 100%; width: 100%; margin: 0 0px 20 0px;}
.map__content{margin: 0 0 20 0px;}
}