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

footer .inner p{
	color: #FFFFFF;
}

/*- main -*/
/* main{
} */

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

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

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

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

/*- method_mv -*/
#method_mv{
    background-color: #314060;
    padding-block: clamp(40px, 7.5vw, 96px);
}

#method_mv .title img{
    margin-inline: auto;
    width: clamp(165px, 21.875vw, 280px);
}

#method_mv #step{
    padding: 0;
    max-width: 900px;
}

#method_mv * + #step{
    margin-top: clamp(40px, 5vw, 64px);
}

#method_mv #appBtn a{
	background-color: #ffef00;
    color: #4c1014;
}

#method_mv #appBtn a::after{
    border-color: #4c1014;
}




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

@media (orientation: landscape) {
}




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

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




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



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

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







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

* cp_text

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

/* screen width 768px未満
---------------------------------------------------------------------*/
#cp_text{
    background: url(../img/text/bg_sp.png) no-repeat center bottom, #FFFFFF;
    background-size: cover;
    padding-block: clamp(40px, 3.90625vw, 50px);
}

#cp_text p{
    text-align: center;
    font-size: clamp(1.4rem, 1.5625vw, 2rem);
}

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

#cp_text p a{
    text-decoration: underline;
}

#cp_text p a:hover{
    text-decoration: none;
}




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

@media (orientation: landscape) {
}




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

@media print,screen and (min-width: 768px) {
	
	#cp_text{
        background: url(../img/text/bg_pc.png) no-repeat center bottom, #FFFFFF;
        background-size: auto 100%;
    }
	
}




/* 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{
    background: url(../img/bg_wave.png) no-repeat center top, url(../img/bg.png) repeat left top, linear-gradient(#004097, #004097 64%, #f09dc1);
    background-size: calc(100vw * 1.6) auto, auto, auto;
    padding: clamp(32px, 4.375vw, 56px) 10px clamp(40px, 6.25vw, 80px);
}

#cp_contents > *{
    margin-inline: auto;
    max-width: 1040px;
}

#cp_contents #cp_contents__anchor{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

#cp_contents #cp_contents__anchor > li:not(:last-of-type){
    width: calc((100% - (8px * 2)) / 3);
}

#cp_contents #cp_contents__anchor > li:last-of-type{
    width: 61vw;
}

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

#cp_contents #cp_contents__lists{
    display: grid;
    row-gap: clamp(24px, 3.75vw, 48px);
}

#cp_contents * + #cp_contents__lists{
    margin-top: clamp(32px, 5vw, 64px);
}




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

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

    #cp_contents{
        background-size: auto, auto, auto;
    }
	
	#cp_contents #cp_contents__anchor > li:not(:last-of-type){
        width: calc((100% - (8px * 4)) / 5);
    }

    #cp_contents #cp_contents__anchor > li:last-of-type{
        width: 370px;
    }
	
}




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