/* CSS Document */

@font-face {
    font-family: "GenJyuuGothic";
    font-style: normal;
    font-weight: 400;
    src: url("GenJyuuGothic-Regular.woff2") format("woff2"), url("GenJyuuGothic-Regular.woff") format("woff");
}

@font-face {
    font-family: "GenJyuuGothic";
    font-style: normal;
    font-weight: 700;
    src: url("GenJyuuGothic-Bold.woff2") format("woff2"), url("GenJyuuGothic-Bold.woff") format("woff");
}

@font-face {
    font-family: "GenJyuuGothic";
    font-style: normal;
    font-weight: 900;
    src: url("GenJyuuGothic-Heavy.woff2") format("woff2"), url("GenJyuuGothic-Heavy.woff") format("woff");
}

/*- File name [ style.css ] -*/

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

* 変更領域

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

/* screen width 768px未満
---------------------------------------------------------------------*/

.m-plus-rounded-1c {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-style: normal;
}

.noto-sans-jp {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}



/* body 
-----------------------*/

body, body * {
	color: #333;
}



/* footer 
-----------------------*/

footer .inner{
    background: linear-gradient(90deg, #ff9a8b, #ff6a88 54%, #ff99ac);
}

footer .inner p {
	color: #FFFFFF;
}



/* main 
-----------------------*/

/* main {} */



/* title 
-----------------------*/

/* h3.title span {} */



/* box_center 
-----------------------*/

/* .box_center {} */

/* .box_center > * {} */



/* contents_box 
-----------------------*/

#contents_box{
    background: url(../img/bg_sp_btm.png) no-repeat center bottom, url(../img/bg_sp_top.png) no-repeat center top;
    background-size: 100% auto;
    padding-bottom: clamp(50px, 6.25vw, 80px);
}



/* btm 
-----------------------*/

#btm {
    background-color: #fffafe;
}



/* rule
-----------------------*/

#rule{
    padding-block: clamp(40px, 6.25vw, 80px);
}

#rule > * {
    background-color: #FFFFFF;
    border-radius: clamp(20px, 3.125vw, 40px);
    padding: clamp(40px, 6.25vw, 80px) clamp(10px, 3.125vw, 40px);
}

#rule .itemLists > *:last-child{
    padding-bottom: 0;
}



/* insta
-----------------------*/

#insta .inner #insta_f_link{
    background-image: linear-gradient(90deg, #f6416c, #b210ff);
}



/* insta
-----------------------*/

#method{
    padding: 0;
}





/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print, screen and (min-width: 768px) {

    /* contents_box 
    -----------------------*/

    #contents_box{
        background-image: url(../img/bg_pc_btm.png), url(../img/bg_pc_top.png);
        background-size: auto;
    }

	/* rule
    -----------------------*/

}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print, screen and (min-width: 1024px) {

    /* main 
    -----------------------*/

	main {
		background-size: 100px;
	}
    
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print, screen and (min-width: 1280px) {}







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

* fv

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

/* screen width 768px未満
---------------------------------------------------------------------*/
.fv img{
    opacity: 0;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	.fv img{
        min-height: 720px;
        object-fit: cover;
    }
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}







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

* about_contents

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#about_contents #about_contents_title img{
    margin-inline: auto;
}

#about_contents #about_contents_text{
    text-align: center;
    font-family: "GenJyuuGothic", "メイリオ", sans-serif;
    font-weight: 700;
}

#about_contents #about_contents_text a{
    text-decoration: underline;
}

#about_contents #about_contents_text a:hover{
    text-decoration: none;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}







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

* present_contents

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

/* screen width 768px未満
---------------------------------------------------------------------*/

#present_contents img{
    margin-inline: auto;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}







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

* Add Sample Code

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

/* screen width 768px未満
---------------------------------------------------------------------*/




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}







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

* Add Sample Code

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

/* screen width 768px未満
---------------------------------------------------------------------*/




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}