/* 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: #64bfaa;
}

footer .inner p {
	color: #FFFFFF;
}



/* main 
-----------------------*/

/* main {
	background-color: #fffce0;
} */



/* title 
-----------------------*/

/* h3.title span {} */



/* box_center 
-----------------------*/

/* .box_center {} */

/* .box_center > * {} */



/* top 
-----------------------*/

/* #top {} */



/* btm 
-----------------------*/

/* #btm {} */



/* rule
-----------------------*/

#rule{
	padding-block: clamp(50px, 6.25vw, 80px) clamp(50px, 7.8125vw, 100px);
}

#rule > *{
	background-color: #FFFFFF;
	padding: clamp(40px, 6.25vw, 80px) clamp(10px, 3.125vw, 40px);
	max-width: 1040px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}



/* insta
-----------------------*/

#insta .inner #insta_f_link{
	background-image: linear-gradient(to right, #f6416c, #b210ff);
}



/* method
-----------------------*/
#method img{
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}





/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print, screen and (min-width: 768px) {

	/* 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) {}