@charset "UTF-8";
html {
-webkit-text-size-adjust: 100%;
}


body {
display: block;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}



/* --------------------------------------------- */
/* --------------------------------------------- */



footer {
display: block;
background-color: #707070;
}



/* --------------------------------------------- */
/* --------------------------------------------- */



.main_img img {
width: 100%;
height: auto;
}/*OK*/

picture img {
vertical-align: bottom; /* 下方のオブジェクトとの隙間を埋める */
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */
/* --------------------------------------------- */



@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(25vh);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.content_box{
display: flex; /* 画面に合わせた拡大縮小*/
margin: 0 auto;
width: 100%;
	
 /* スクロール連動アニメーション */
  animation: fadeIn linear;
  animation-timeline: view();
  animation-range: entry 0% cover 50%;
}

/* サポートされていない場合のフォールバック */
@supports not (animation-timeline: view()) {
  .item {
    opacity: 1;
    transform: none;
  }
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */
/* --------------------------------------------- */



.madeinheaven,
.business_title,
.features_main,
.flow_main,
.flow_group{
display: flex; /* 画面に合わせた拡大縮小*/
margin: 0 auto;
max-width: 100%; /* 画面に合わせた拡大縮小*/
height: auto;
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */
/* --------------------------------------------- */

.store_botton_box {
display: flex; /* 画面に合わせた拡大縮小*/
margin: 0 auto;
aspect-ratio: 270 / 70;
width: 800px;
height: auto;
}/*OK*/

.store_botton img{
display: flex;
width: 100%;
height: auto;
justify-content: center; /* 水平中央寄せ */
align-items: center;     /* 垂直中央寄せ */

}

.store_botton {
display: flex;
max-width: 270px; /* 画像に合わせた拡大縮小*/
max-height: 70px;
width: 100%;
height: auto;
background-color: #9E9E9E;
text-align: center;
vertical-align: middle; 
border-radius: 35px;
position: relative;
z-index: 1;
overflow: hidden;
transition: .4s;
margin: 0 auto;
}

.store_botton:before {
content: "";
width: 120%;
height: 200%;
position: absolute;
top: -50%;
right: 0;
z-index: -1;
background-color: #000000;
border-radius: 0 100% 100% 0;
transform: translateX(-100%);
transition: transform ease .4s;
}

.store_botton:hover {
}

.store_botton:hover::before {
transform: translateX(10%);
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */
/* --------------------------------------------- */



.content_margin_40 {
display: flex; /* 画面に合わせた拡大縮小*/
margin: 0 auto;
width: 40%; /* 画面に合わせた左右のマージン確保*/
	
@media screen and (min-width:961px) { /* 961px以上の時*/
width: 50%; /* フルスクリーンの時の画面サイズ*/
}

@media screen and (min-width:1320px) { /* 1320px以上の時*/
width: 100%; /* フルスクリーンの時の画面サイズ*/
}
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.content_margin_70 {
display: flex; /* 画面に合わせた拡大縮小*/
margin: 0 auto;
width: 70%; /* 画面に合わせた左右のマージン確保*/

@media screen and (min-width:1320px) { /* 1320px以上の時*/
width: 100%; /* フルスクリーンの時の画面サイズ*/
}
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.content_margin_80 {
display: flex; /* 画面に合わせた拡大縮小*/
margin: 0 auto;
width: 80%; /* 画面に合わせた左右のマージン確保*/

@media screen and (min-width:1320px) { /* 1320px以上の時*/
width: 100%; /* フルスクリーンの時の画面サイズ*/
}
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.content_margin_90 {
display: flex; /* 画面に合わせた拡大縮小*/
margin: 0 auto;
width: 90%; /* 画面に合わせた左右のマージン確保*/

@media screen and (min-width:1640px) { /* 1640px以上の時*/
width: 100%; /* フルスクリーンの時の画面サイズ*/
}
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.content_line {
border:solid #5DC6DA 1px;
width: 1260px;
margin: 0 auto;
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.title_line {
border:solid #5DC6DA 1px;
width: 1600px;
margin: 0 auto;
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.title_line_white {
border:solid #FFFFFF 1px;
width: 1600px;
margin: 0 auto;
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */
/* --------------------------------------------- */
/* --------------------------------------------- */
/* --------------------------------------------- */



.madeinheaven_gradation_back{
display: block;
background-image: url('https://mih-tokyo.jp/image/index_img/gradation_back.webp');
width: 100%;
height: auto;
background-repeat: no-repeat; /* 画像を繰り返さない */
background-size: cover; /* 画面全体を覆うように拡大縮小 */
background-position: center; /* 中央寄せ */
padding-top: 5%;
padding-bottom: 20%;
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.madeinheaven_img {
background-image: url(https://mih-tokyo.jp/image/index_img/madeinheaven.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 800 / 200;
width: 800px;
height: auto;
margin: 0 auto;
margin-top: 10%;
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.madeinheaven_text {
margin-top: 15%;
text-align: center;
font-size: clamp(15px, 3vw, 28px);/* 最小値（15px）：推奨値（3vw）：：最大値（28px） */
line-height: 3;
color: #606060;
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */
/* --------------------------------------------- */



.business_back{
display: block;
background-color: #FFFFFF;
width: 100%;
height: auto;
padding-top: 5%;
padding-bottom: 5%;
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.business_title_en {
background-image: url(https://mih-tokyo.jp/image/index_img/en_business.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 800 / 90;
width: 800px;
height: auto;
margin: 0 auto;
margin-top: 5%;
margin-bottom: 2%;
}/*OK*/


/* --------------------------------------------- */


.business_title_jp {
background-image: url(https://mih-tokyo.jp/image/index_img/jp_business.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 800 / 35;
width: 800px;
height: auto;
margin: 0 auto;
margin-top: 2%;
margin-bottom: 5%;
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.business_main {
display: flex; /* 画面に合わせた拡大縮小*/
margin: 0 auto;
max-width: 100%; /* 画面に合わせた拡大縮小*/
height: auto;
}/*OK*/


/* --------------------------------------------- */


.business_main_img {
background-image: url(https://mih-tokyo.jp/image/index_img/business_main_pc.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 1260 / 470;
width: 1260px;
height: auto;
margin: 0 auto;
margin-bottom: 12%;

@media screen and (max-width:961px) { /* 961px以下の時*/
background-image: url(https://mih-tokyo.jp/image/index_img/business_main_tab.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 961 / 600;
width: 961px;
height: auto;
margin: 0 auto;
max-width: 100vw;
margin-bottom: 12%;
}

@media screen and (max-width:768px) { /* 768px以下の時*/
background-image: url(https://mih-tokyo.jp/image/index_img/business_main_sp.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 727 / 600;
width: 727px;
height: auto;
margin: 0 auto;
max-width: 100vw;
margin-bottom: 12%;
}
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.features_title_back{
display: flex;
background-image: url('https://mih-tokyo.jp/image/common_img/features_title_back.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 1260 / 175;
width: 1260px;
height: auto;
margin: 0 auto;
margin-bottom: 5%;
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.features_title_margin {
display: flex; /* 画面に合わせた拡大縮小*/
margin: 0 auto;
width: 100%; /* 画面に合わせた左右のマージン確保*/

@media screen and (min-width:1260px) { /* 1260px以上の時*/
width: 80%; /* フルスクリーンの時の画面サイズ*/
}
}/*OK*/


/* --------------------------------------------- */


.features_title_nui{
background-image: url(https://mih-tokyo.jp/image/index_img/features_title_nui.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 800 / 160;
width: 100%;
height: auto;
margin: 0 auto;
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.features_main_img {
background-image: url(https://mih-tokyo.jp/image/index_img/features_main.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 1260 / 580;
width: 1260px;
height: auto;
margin: 0 auto;
max-width: 90vw;
margin-bottom: 2%;

@media screen and (max-width:961px) { /* 961px以下の時*/
background-image: url(https://mih-tokyo.jp/image/index_img/features_main_tab_sp.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 800 / 1060;
width: 800px;
height: auto;
margin: 0 auto;
max-width: 100vw;
margin-bottom: 2%;
}
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.features_group {
display: flex; /* 画面に合わせた拡大縮小*/
margin: 0 auto;
max-width: 100%; /* 画面に合わせた拡大縮小*/
height: auto;
margin-top: 1%;
}


/* --------------------------------------------- */


.features_group_flex_wrap {
display: flex; /* 画面に合わせた拡大縮小*/
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
max-width: 100%; /* 画面に合わせた拡大縮小*/
width: 1260px;
height: auto;
}/*OK*/


/* --------------------------------------------- */


.features_group_img_01 {
background-image: url(https://mih-tokyo.jp/image/index_img/features_01.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 600 / 160;
width: 600px;
height: auto;
margin: 15px;
max-width: 90vw;
}/*OK*/


/* --------------------------------------------- */


.features_group_img_02 {
background-image: url(https://mih-tokyo.jp/image/index_img/features_02.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 600 / 160;
width: 600px;
height: auto;
margin: 15px;
max-width: 90vw;
}/*OK*/


/* --------------------------------------------- */


.features_group_img_03 {
background-image: url(https://mih-tokyo.jp/image/index_img/features_03.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 600 / 160;
width: 600px;
height: auto;
margin: 15px;
max-width: 90vw;
}/*OK*/

/* --------------------------------------------- */


.features_group_img_04 {
background-image: url(https://mih-tokyo.jp/image/index_img/features_04.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 600 / 160;
width: 600px;
height: auto;
margin: 15px;
max-width: 90vw;
}/*OK*/


/* --------------------------------------------- */


.features_group_img_05 {
background-image: url(https://mih-tokyo.jp/image/index_img/features_05.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 600 / 160;
width: 600px;
height: auto;
margin: 15px;
max-width: 90vw;
}/*OK*/


/* --------------------------------------------- */


.features_group_img_06 {
background-image: url(https://mih-tokyo.jp/image/index_img/features_06.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 600 / 160;
width: 600px;
height: auto;
margin: 15px;
max-width: 90vw;
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.stripes_yellow_line{
display: flex;
background-image: url('https://mih-tokyo.jp/image/common_img/stripes_yellow.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 1260 / 50;
width: 1260px;
height: auto;
margin: 0 auto;
margin-top: 12%;
margin-bottom: 8%;
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */
/* --------------------------------------------- */



.flow_back{
display: block;
background-color: #FFFFFF;
width: 100%;
height: auto;
padding-top: 5%;
padding-bottom: 5%;
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.flow_main_img {
background-image: url(https://mih-tokyo.jp/image/index_img/flow_main_pc.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 1260 / 470;
width: 1260px;
height: auto;
margin: 0 auto;
margin-bottom: 12%;

@media screen and (max-width:961px) { /* 961px以下の時*/
background-image: url(https://mih-tokyo.jp/image/index_img/flow_main_tab.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 961 / 600;
width: 961px;
height: auto;
margin: 0 auto;
max-width: 100vw;
margin-bottom: 12%;
}

@media screen and (max-width:768px) { /* 768px以下の時*/
background-image: url(https://mih-tokyo.jp/image/index_img/flow_main_sp.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 727 / 600;
width: 727px;
height: auto;
margin: 0 auto;
max-width: 100vw;
margin-bottom: 12%;
}
}/*OK*/


/* --------------------------------------------- */


.flow_group_img {
background-image: url(https://mih-tokyo.jp/image/index_img/flow_pc_01.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 1260 / 250;
width: 1260px;
height: auto;
margin: 0 auto;
max-width: 90vw;
margin-top: 10%;
margin-bottom: 2%;
	
@media screen and (max-width:1319px) { /* 961px以下の時*/
background-image: url(https://mih-tokyo.jp/image/index_img/flow_pc_02.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 753 / 550;
width: 800px;
height: auto;
margin: 0 auto;
max-width: 90vw;
margin-top: 10%;
margin-bottom: 8%;
}

@media screen and (max-width:768px) { /* 768px以下の時*/
background-image: url(https://mih-tokyo.jp/image/index_img/flow_tab_sp.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 600 / 950;
width: 600px;
height: auto;
margin: 0 auto;
max-width: 90vw;
margin-top: 10%;
margin-bottom: 5%;
}
}/*OK*/


/* --------------------------------------------- */
/* --------------------------------------------- */



.stripes_yb_line{
display: flex;
background-image: url('https://mih-tokyo.jp/image/common_img/stripes_yb.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 1260 / 50;
width: 1260px;
height: auto;
margin: 0 auto;
margin-top: 20%;
margin-bottom: 8%;
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.subhead_title_back{
display: flex;
background-color: #ffffff;
background-position: center;
width: 600px;
height: auto;
margin: 0 auto;
margin-top: 8%;
margin-bottom: 8%;　
}/*OK*/


/* --------------------------------------------- */


.subhead_title_works{
background-image: url(https://mih-tokyo.jp/image/index_img/works_title.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 600 / 80;
width: 100%;
max-width: 600%;
height: auto;
margin: 0 auto;
}/*OK*/


/* --------------------------------------------- */
/* --------------------------------------------- */



.works_group {
display: flex; /* 画面に合わせた拡大縮小*/
margin: 0 auto;
max-width: 100%; /* 画面に合わせた拡大縮小*/
height: auto;
}


/* --------------------------------------------- */


.works_group_flex_wrap {
display: flex; /* 画面に合わせた拡大縮小*/
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
max-width: 100%; /* 画面に合わせた拡大縮小*/
width: 1260px;
height: auto;
}/*OK*/


/* --------------------------------------------- */


.works_group_img_01 {
background-image: url(https://mih-tokyo.jp/image/index_img/works_pc_01.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 400 / 360;
width: 400px;
height: auto;
ax-width: 90vw;
	
@media screen and (max-width:1360px) { /* 1360px以下の時*/
background-image: url(https://mih-tokyo.jp/image/index_img/works_tab_01.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 800 / 360;
width: 800px;
height: auto;
margin: 0 auto;
margin-bottom: 1%;
max-width: 100vw;
}

@media screen and (max-width:768px) { /* 768px以下の時*/
background-image: url(https://mih-tokyo.jp/image/index_img/works_sp_01.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 627 / 360;
width: 627px;
height: auto;
margin: 0 auto;
margin-bottom: 1%;
max-width: 100vw;
}
}/*OK*/

/* --------------------------------------------- */


.works_group_img_02 {
background-image: url(https://mih-tokyo.jp/image/index_img/works_pc_02.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 400 / 360;
width: 400px;
height: auto;
ax-width: 90vw;
	
@media screen and (max-width:1360px) { /* 1360px以下の時*/
background-image: url(https://mih-tokyo.jp/image/index_img/works_tab_02.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 800 / 360;
width: 800px;
height: auto;
margin: 0 auto;
margin-bottom: 1%;
max-width: 100vw;
}

@media screen and (max-width:768px) { /* 768px以下の時*/
background-image: url(https://mih-tokyo.jp/image/index_img/works_sp_02.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 627 / 360;
width: 627px;
height: auto;
margin: 0 auto;
margin-bottom: 1%;
max-width: 100vw;
}
}/*OK*/


/* --------------------------------------------- */


.works_group_img_03 {
background-image: url(https://mih-tokyo.jp/image/index_img/works_pc_03.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 400 / 360;
width: 400px;
height: auto;
ax-width: 90vw;
	
@media screen and (max-width:1360px) { /* 1360px以下の時*/
background-image: url(https://mih-tokyo.jp/image/index_img/works_tab_03.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 800 / 360;
width: 800px;
height: auto;
margin: 0 auto;
margin-bottom: 1%;
max-width: 100vw;
}

@media screen and (max-width:768px) { /* 768px以下の時*/
background-image: url(https://mih-tokyo.jp/image/index_img/works_sp_03.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 627 / 360;
width: 627px;
height: auto;
margin: 0 auto;
margin-bottom: 1%;
max-width: 100vw;
}
}/*OK*/



/* --------------------------------------------- */
/* --------------------------------------------- */



.stripes_blue_line{
display: flex;
background-image: url('https://mih-tokyo.jp/image/common_img/stripes_blue.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 1260 / 50;
width: 1260px;
height: auto;
margin: 0 auto;
margin-top: 12%;
margin-bottom: 8%;
}/*OK*/


/* --------------------------------------------- */


.subhead_title_goods_store{
background-image: url(https://mih-tokyo.jp/image/index_img/original_goods_store_title.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 600 / 80;
width: 100%;
max-width: 600%;
height: auto;
margin: 0 auto;
}/*OK*/


/* --------------------------------------------- */


.news_back{
display: block;
background-color: #5DC6DA;
width: 100%;
height: auto;
padding-top: 5%;
padding-bottom: 20%;
margin-top: 5%;
}/*OK*/


/* --------------------------------------------- */
/* --------------------------------------------- */


.news_title_en {
background-image: url(https://mih-tokyo.jp/image/index_img/en_news.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 800 / 90;
width: 800px;
height: auto;
margin: 0 auto;
margin-top: 5%;
margin-bottom: 2%;
}/*OK*/


/* --------------------------------------------- */


.news_title_jp {
background-image: url(https://mih-tokyo.jp/image/index_img/jp_news.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat; /* 画像を繰り返さない */
aspect-ratio: 800 / 35;
width: 800px;
height: auto;
margin: 0 auto;
margin-top: 2%;
margin-bottom: 5%;
}/*OK*/


/* --------------------------------------------- */
/* --------------------------------------------- */