/* CSS Document */

/*- 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-color: #ffd252;
}

footer .inner p {
	color: #FFFFFF;
}



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

main {
    background-color: #fff2bd;
}

main *{
    font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}



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

/* h3.title span {} */



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

/* .box_center {} */

/* .box_center > * {} */



/* top 
-----------------------*/

/* #top {} */



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

/* #btm {} */



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

#rule {
    background-color: #FFFFFF;
}

#rule .itemLists a{
    text-decoration: none;
}

#rule .itemLists a:hover{
    text-decoration: underline;
}



/* method
-----------------------*/

/* #method {} */

/* #method .title img {} */

#method ul#step {
	gap: clamp(20px, 53.3vw, 40px) 20px;
	align-items: center;
}

/* #method ul#step .red {} */

#method ul#step > li {
	width: clamp(310px, 81.3vw, 610px);
}

#method ul#step > li::before {
	background-size: clamp(60px, 16vw, 120px) auto, 100%;
	height: clamp(60px, 16vw, 120px);
}

#method #step > li > .inner {
	background-color: #FFFFFF;
	padding: 0 clamp(20px, 53.3vw, 40px) clamp(32px, 5vw, 64px);
}

#method #appBtn a {
	background-color: #DD2600;
	color: #FFFFFF;
}

#method #appBtn a::after {
	border-color: #FFFFFF;
}



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

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

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




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

@media (orientation: landscape) {}




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

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

	/* rule_fuji 
    -----------------------*/



	/* method 
    -----------------------*/

	#method ul#step {
		align-items: stretch;
	}

	#method ul#step > li {
		max-width: 280px;
	}

	#method ul#step > li::before {
		background-size: 64px auto, 100%;
		height: 64px;
	}

	#method ul#step > li > .inner {
		height: calc(100% - 64px);
		padding: 0 clamp(16px, 2.5vw, 32px) clamp(24px, 3.75vw, 48px);
	}

    

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

    #insta .inner #insta_f_link{
        height: clamp(56px, 5vw, 64px);
    }

}




/* 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未満
---------------------------------------------------------------------*/




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

@media (orientation: landscape) {
}




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

@media print,screen and (min-width: 768px) {
	
	.fv img{
        min-height: 480px;
        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){
	
	
	
}







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

* contents_img

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#contents_img{
    margin-top: clamp(16px, 7.03125vw, 90px);
}

#contents_img 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){
	
	
	
}