@charset "utf-8";

/*========================

sp_entry.css

========================*/
@media screen and (max-width:768px) { 

/*---------------------------------------------
header
---------------------------------------------*/
#header #header_cont #header_left h1 a {
justify-content: start;
}

#header #header_cont #header_left h1 a img {
aspect-ratio: 19 / 9;
max-height: 36px;
width:105px;
}

/*---------------------------------------------
main
---------------------------------------------*/
#main.entry {
padding:0;
flex: 1 1 100%;
}

#main.entry #main_cont {
padding: 30px 10px 10px;
}

#main.entry #main_cont .section {
border-radius:10px;
padding:15px 15px 10px;
}

#main.entry #main_cont .section .box .section_cont {
padding:0;
}

/*---------------------------------------------
main_visual
---------------------------------------------*/
#head_info {
right:0;
bottom:60px;
max-width:30vw;
}

/*---------------------------------------------
bread_crumb_list
---------------------------------------------*/
.bread_crumb_list {
order:2;
}

/*---------------------------------------------
left_nav
---------------------------------------------*/
#left_nav {
display:none;
order:1;
}

#left_nav_flow {
display:none;
}

#left_nav .notice {
display:none;
}

#left_nav .banner {
display:none;
}


/*---------------------------------------------
footer
---------------------------------------------*/
footer {
order: 3;
width:100%;
}


/*--- flow ---*/

#main.entry #main_cont .section .box .section_cont {
padding:0;
}

.flow h4 {
border-radius:6px 6px 0 0;
font-size:calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
padding: 15px;
background-color: var(--blue);
color: var(--white);
width:100%;
}

.flow .flow_cont {
column-gap:10px;
flex-direction:column;
/*row-gap:25px;*/
/*padding: 25px 15px 30px;*/
padding:10px;
}

.flow .flow_cont ol {
column-gap: 30px;
padding: 15px 10px;
justify-content: space-evenly;
}

.flow .flow_cont ol li {
width:calc(100% / 3 - 10px);
}

.flow .flow_cont ol li:after {
right: -20px;
}

.flow .flow_cont ol li dl {
row-gap:5px;
}

.flow .flow_cont ol li dl dt {
flex: 0 0 70px;
height:70px;
width:70px;
}

.flow .flow_cont ol li dl dt img {
height:70px;
width:70px;
}

.flow .flow_cont ol li dl dd {
font-size:calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
}

.flow p {
font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

/*--- notice ---*/
#main.entry #main_cont .section .box .section_cont .notice {
padding: 20px 20px;
}

#main.entry #main_cont .section .box .section_cont .notice h4 {
font-size:calc(1.5rem + ((1vw - 0.48rem) * 0.6944));
}

#main.entry #main_cont .section .box .section_cont .notice p {
font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

#main.entry #main_cont .section .box .section_cont .notice dl dt {
font-size:calc(1.5rem + ((1vw - 0.48rem) * 0.6944));
}

#main.entry #main_cont .section .box .section_cont .notice dl dd {
font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

/*---------------------------------------------
thanks
---------------------------------------------*/
#main.entry.thanks #main_cont .section {
padding:0 15px 30px;
}

#main.entry.thanks .messgae {
padding-top:20px;
}

#main.entry.thanks .messgae p {
font-size:calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
}

#main.entry.thanks .btn a {
font-size:calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
}

/*---------------------------------------------
layerBoard
---------------------------------------------*/
.layer_board .layer_board_cont .introduction {
padding:0 0 30px;
row-gap: 15px;
}

.layer_board .layer_board_cont .introduction dl.intro {
row-gap:10px;
}

.layer_board .layer_board_cont .introduction dl.intro dt {
font-size: calc(1.6rem + ((1vw - 0.48rem) * 0.6944));
}

.layer_board .layer_board_cont .introduction dl.intro dd {
font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
line-height:1.8;
}

.layer_board .layer_board_cont .introduction dl.campaign dd {
font-size: calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
line-height:1.6;
}

.layer_board .layer_board_cont .introduction .notice p {
font-size: calc(1.1rem + ((1vw - 0.48rem) * 0.6944));
line-height:1.6;
}

/*--- campaign ---*/
.layer_board .layer_board_cont .campaign {
 padding:25px 20px;
}

.layer_board .layer_board_cont .campaign .campaign_cont {
 flex-wrap:wrap;
 row-gap:15px;
}

.layer_board .layer_board_cont .campaign .campaign_cont .campaign_detail {
 width:100%;
}

.layer_board .layer_board_cont .campaign .campaign_cont .campaign_detail ul li {
 justify-content:center;
 width:100%;
}

}