/* CSS Document */


/*- menu -*

変更領域, fv

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

/*- 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 *{
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #333;
}

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

footer .inner p{
	color: #FFFFFF;
}

/*- main -*/
main{
	background: url(../img/bg.jpg) repeat center;
} 

/*- title -*/
h3.title span{
	border-color: #000000;
	font-weight: 700;
}

/*- box_center -*/
/* .box_center{
	padding-inline: clamp(12px, 3.125vw, 24px);
}

.box_center > *{
} */

/*- top -*/
/* #top{
} */

/*- btm -*/
#btm{
	background-color: #FFFFFF;
} 

/*- rule_mv -*/
#rule_mv .itemLists .red{
	color: #e50012;
}

/*- method_mv -*/
#method_mv{
	background: url(../img/method/spbg01.png) no-repeat center top, url(../img/method/spbg02.png) no-repeat center bottom, #afd6e2;
	background-size: 100% auto !important;
}

#method_mv > *{
	padding-block: clamp(44px, 5vw, 64px) 100px;
}

#method_mv > * #step{
	padding: 0;
	max-width: 960px;
}

#method_mv * + #step{
	margin-top: clamp(20px, 2.8125vw, 36px);
}

#method_mv #appBtn a{
	background-color: #dd2600;
}




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

@media (orientation: landscape) {
}




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

@media print,screen and (min-width: 768px) {
	
	/*- rule_mv -*/
	
	/*- method -*/
	#method_mv{
		background: url(../img/method/pcbg.png) no-repeat center bottom, #afd6e2;
	}
	
}




/* 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{
    background: url("../img/fv/pc_bg.png") no-repeat center;
    background-size: auto 100%;
}

.fv 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){
	
	
	
}







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

* cp_text

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#cp_text{
	background-color: #656a55;
	text-align: center;
	font-size: clamp(1.4rem, 1.875vw, 2.4rem);
	color: #FFFFFF;
	padding: clamp(40px, 6.25vw, 80px) clamp(10px, 1.5625vw, 20px);
}

#cp_text span{
	font-weight: 700;
	color: #f8f23c;
}

#cp_text a{
	text-decoration: underline;
	color: #FFFFFF;
}




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

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







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

* cp_contents

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#cp_contents{
	padding: clamp(32px, 5.625vw, 72px) clamp(10px, 1.5625vw, 20px) clamp(48px, 6.25vw, 80px);
}

#cp_contents #cp_contents__anchor{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px clamp(16px, 2.8125vw, 36px);
	margin-inline: auto;
	max-width: 1280px;
}

#cp_contents #cp_contents__anchor > *{
	width: calc((100% - (clamp(16px, 2.8125vw, 36px) * 2)) / 3);
}

#cp_contents #cp_contents__anchor a:hover{
	opacity: 0.7;
}

#cp_contents #cp_contents__items{
	display: grid;
	row-gap: clamp(16px, 3.125vw, 40px);
}

#cp_contents #cp_contents__items img{
	margin-inline: auto;
}

#cp_contents * + #cp_contents__items{
	margin-top: clamp(28px, 4.375vw, 56px);
}




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

@media (orientation: landscape) {
}




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

@media print,screen and (min-width: 768px) {
	
	#cp_contents #cp_contents__anchor > *{
		width: calc((100% - (clamp(16px, 2.8125vw, 36px) * 4)) / 5);
	}
	
}




/* 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){
	
	
	
}