/* CSS Document */


/*- menu -*

変更領域, fv

* filetop *
------------------------------------------------------------------------------------------------------------------------------------------*/

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

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

* 変更領域

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

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

/*- body -*/
body, body *{
	font-family: "Noto Sans JP", sans-serif;
  	font-optical-sizing: auto;
  	font-style: normal;
    color: #333;
}

/*- footer -*/
footer .inner{
    background: #ffd252;
}

footer .inner p{
	color: #FFFFFF;
}

/*- main -*/
main{
}

/*- title -*/
h3.title span{
	font-weight: 900;
}

h3.title img{
}

/*- Box -*/
.Box > *{
}

/*- top -*/
#top{
	background-color: #fffbe1;
	padding: clamp(32px, 6.25vw, 80px) 20px clamp(32px, 7.8125vw, 100px);
}

/*- btm -*/
#btm{
}

/*- rule -*/
#rule > *{
	padding-block: clamp(32px, 7.8125vw, 100px);
}

#rule .itemLists *{
	font-weight: 500;
}

/*- ar_sp -*/
.ar_sp a{
}

/*- method -*/
#method .inner img{
	box-shadow: 0 6px 4px 0 rgba(86, 53, 19, 0.1);
	border-radius: clamp(16px, 1.5625vw, 20px);
	width: min(82%, 960px);
}

* + #method{
	margin-top: clamp(32px, 6.25vw, 80px);
}

/*- insta -*/
#insta .inner #insta_f_link{
	background-image: linear-gradient(to right, #bd2a3f, #b210ff);
	position: relative;
}

#insta .inner #insta_f_link::after{
	content: "";
	display: block;
	background: url("../img/insta/arrow.png") no-repeat center;
	background-size: contain;
	aspect-ratio: 1 / 2;
	width: 10px;
    height: 30px;
	position: absolute;
	bottom: 0;
	right: clamp(15px, 1.5625vw, 20px);
	/*top: 0;*/
	top: calc(50% - 15px);
}

* + #insta{
	margin-top: clamp(32px, 7.8125vw, 100px);
}




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

@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){
}







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

* fv

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

/* screen width 768px未満
---------------------------------------------------------------------*/
.fv .fv_box{
    background: url("../img/index/fv/pc_bg.jpg") no-repeat center;
    background-size: auto 100%;
}

.fv .fv_box img{
    margin-right: auto;
    margin-left: 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){
	
	
	
}







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

* contents_box

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#contents_box 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){
	
	
	
}