@charset 'UTF-8';

/*===========================================
mv
===========================================*/
.mv{
margin-top: 6%;
}

/*===========================================
faq
===========================================*/
.faq{
margin-top: 6%;
}
.faq .mod_box_03{
padding: 2em;
}
.faq .txt{
position: relative;
padding-left: 5rem;
font-size: 2rem;
font-weight: bold;
}
.faq .txt:before{
content: "Q";
position: absolute;
top: 0;
left: 0;
font-family: YuGothic,'游ゴシック',sans-serif;
line-height: 1;
color: #e30934;
font-size: 4.5rem;
font-weight: bold;
}
.faq .flex{
display: table;
margin: 1em auto 0 auto;
}
.faq .flex > *{
display: table-row;
}
.faq .flex > * > *{
display: table-cell;
padding: 0.25em 1.5em;
font-size: 1.8rem;
}
.faq .mod_list_link{
margin-top: 1em;
}
.faq .mod_list_link a{
font-weight: bold;
}

@media screen and (max-width:767px){
.faq .mod_box_03{
padding: 1em;
}
.faq .flex{
display: block;
flex-wrap: wrap;
margin-top: 2em;
}
.faq .flex > *,
.faq .flex > * > *{
display: block;
padding: 0;
}
.faq .mod_list_link{
margin: 2em 1em 0 0;
text-align: right;
}
}

/*===========================================
present
===========================================*/
.present{
margin: 9% auto 0 auto;
/*max-width: 825px;*/
/*max-width: 855px;*/
max-width: 945px;
}
.present .ttl{
text-align: center;
}
.present .ttl > *{
padding: 0 0.25em;
/*font-size: 3rem;*/
	font-size: 2.7rem;
font-weight: bold;
text-align: left;
background: url(/group_present/image/index_bg01.png) bottom center repeat;
background-size: 1em;
}
.present .img{
display: flex;
justify-content: center;
margin-top: 5%;
}
.present .img img{
width: auto;
max-width: 550px;
/*max-width: 468px;*/
margin: auto;
backface-visibility: hidden;
}
.present .img span{
display: block;
margin-top: 1em;
font-size: 1.2rem;
text-align: right;
}
.present .note{
text-align: right;
font-size: 1.2rem;
}
.present .txt{
margin-top: 2em;
text-align: center;
}
.present .wList01{
    width: 30.5rem;
    vertical-align: top;
}
.present .wList02{
    width: calc(100% - 30.5rem);
    text-indent: -1.5rem;
    padding-left: 1.5rem;
}

@media screen and (max-width:767px){
.present .ttl > *{
font-size: 2.4rem;
}
.present .img{
margin-top: 10%;
}
.present .img img{
max-width: 100%;
}
.present .txt{
text-align: left;
}
.present .wList01{
    width: 15rem;
    vertical-align: top;
}
.present .wList02{
    width: calc(100% - 15rem);
}
}

/*===========================================
deadline
===========================================*/
.deadline{
margin-top: 8%;
}
.deadline .txt{
margin-top: 1.5em;
font-size: 2.4rem;
text-align: center;
}
.deadline .btn{
max-width: 800px;
margin: 2em auto 0 auto;
text-align: center;
}
.deadline .btn .mod_btn_01,
.deadline .btn .mod_btn_01_red{
max-width: 380px;
margin: 0.5em auto 0 auto;
}
.deadline .mod_list_link{
margin-top: 0.5em;
font-weight: bold;
}

@media screen and (max-width:767px){
.deadline{
margin-top: 25%;
}
.deadline .txt{
font-size: 2.2rem;
}
.deadline .txt span{
display: inline-block;
}
.deadline .mod_itemList_2_1 .mod_flex > *:nth-of-type(n + 2){
margin-top: 1em;
}
.deadline .mod_list_link{
margin-top: 1em;
font-size: 1.5rem;
}
}

/*===========================================
requirements
===========================================*/
.requirements{
margin-top: 8%;
}
.requirements .list{
margin-top: 3%;
}
.requirements .list > ul > li > *{
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.requirements .ttl{
font-weight: bold;
width: 6em;
font-size: 1.8rem;
}
.requirements .mod_list_asterisk{
margin-top: 0.5em;
font-size: 1.4rem;
}

@media screen and (max-width:767px){
.requirements{
margin-top: 18%;
}
.requirements .list{
margin: 0;
}
.requirements .list > ul > li > *{
padding-left: 0;
}
.requirements .mod_list_asterisk{
margin-top: 1em;
}
.requirements .list .ttl{
margin-top: 2em;
padding: 0;
}
.requirements .list .txt{
font-size: 1.5rem;
}
}