@charset "UTF-8";

Theme Name: made_in_heaven_theme

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



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

.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*/


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



.page_title_back {
display: block;
width: 100%;
height: auto;
background-repeat: no-repeat; /* 画像を繰り返さない */
background-size: cover; /* 画面全体を覆うように拡大縮小 */
background-position: center; /* 中央寄せ */

@media screen and (min-width:1200px) { /* 1200px以上の時*/
background-image: url(../image/page_img/page_title_sq_back.webp);
padding-top: 5%;
padding-bottom: 5%;
}
	
@media screen and (min-width: 768px) and (max-width: 1199px)  {
background-image: url(../image/page_img/page_title_sq_back.webp);
padding-top: 10%;
padding-bottom: 10%;
}

@media screen and (max-width:767px) { /* 767px以下の時*/
background-image: url(../image/page_img/page_title_sq_back_sp.webp);
padding-top: 20%;
padding-bottom: 20%;
}
}/*OK*/




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


.single_page_content_box{
display: flex;
width: 80vw;
height: auto;
margin: 0 auto;
}/*OK*/

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


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

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


.single_page_text{
}/*OK*/

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


.single_page_title_bottom_space{
width:100vw;
height: 150px;
}/*OK*/

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