ul{list-style:none}
.c-modal{
 position:fixed;
 top:0;left:0;
 right:0;
 bottom:0;
 width:100%;
 height:100%;
 background-color:rgba(51,51,51,.9);
 display:none;
 justify-content:center;
 align-items:center;
 z-index:100000}

.c-modal-container{
 display:inline-block;
 width:1120px;
 max-width:100%;
 margin:0 auto;
 padding:0 20px;
 position:relative;
 max-height:90%;
 overflow-y:auto}

@media screen and (max-width: 767px){
 .c-modal-container{
 padding-top:36px;
 max-height:100%}
}

.c-modal-close{
 position:absolute;
 top:-46px;
 right:-50px;
 width:36px;
 height:36px;
 z-index:2}
@media screen and (max-width: 767px){
 .c-modal-close{
 top:24px;
 right:24px;
 width:35px;
 height:35px}
}

.c-modal-close-button{
 display:block;
 border:0;
 border-radius:50%;
 width:36px;
 height:36px;
 background-color:transparent;
 position:relative;
 font-size:0;
 cursor:pointer;
 padding:0}

@media screen and (max-width: 767px){
 .c-modal-close-button{
 width:35px;height:35px}
}

.c-modal-close-button::before,
.c-modal-close-button::after{
 content:"";
 display:block;
 position:absolute;
 background-color:#fff;
 width:30px;
 height:2px;
 left:0;
 top:24px}

@media screen and (max-width: 767px){
 .c-modal-close-button::before,
 .c-modal-close-button::after{
 width:50px;top:15px}
 }

.c-modal-close-button::before{
 transform:rotate(45deg)}
.c-modal-close-button::after{
 transform:rotate(-45deg)}
.c-section{margin:5rem 0}

@media screen and (max-width: 767px){
 .c-section{margin:5rem 0}
}
.c-section-middle{
 margin:6.25rem 0}

@media screen and (max-width: 767px){
 .c-section-middle{
 margin:2.5rem 0}
}

.c-section-container{
 width:67.75rem;
 max-width:100%;
 margin:0 auto;
 padding:0 1.25rem}
.c-section-container-narrow{
 width:52.5rem;
 max-width:100%;
 margin:0 auto;
 padding:0 1.25rem}

.p-login{position:relative;width:400px;background-color:#fff;padding:30px;border-radius:40px}
.p-login-list>li{margin-top:20px}
.p-login-button{display:block;text-decoration:none;color:#000;font-size:1.75rem;padding:24px 12px;text-align:center;border-radius:40px}
.p-login-button--senmon{background-color:#f1bcc9}.p-login-button--koutou{background-color:#c3ddee}
.u-text-x-large{font-size:1.5rem}
@media screen and (max-width: 767px){
 .u-text-x-large{
 font-size:1.25rem
}
}
.u-text-large{font-size:1.25rem}
@media screen and (max-width: 767px){
.u-text-large{font-size:1.0625rem
}}
@media screen and (max-width: 767px){
.u-text-large-sp{font-size:1.25rem
}}
.u-text-bold{font-weight:600}
.u-align-center{text-align:center}
.p-login-button-s{
   display:block;
   text-decoration:none;
   color:#000;font-size:1.25rem;
   margin: -10px;
   margin-left: 20px;
   margin-right: 20px;
   padding:20px 10px;
   text-align:center;
   border-radius:40px
 }
