#main.padding{padding-top:40px !important;}

/*
================================================================================================================
プロテスト概要
================================================================================================================
*/
#entry .notice{
color:#222;
background-color:rgba(255,255,255,.95);
font-size:13px;
padding:20px;
margin:0 auto;}
#entry .notice:first-of-type{margin:40px auto;}
#entry .notice > span{
display:block;
color:#fff;
background:#f00;
text-align:center;
font-size:14px;
padding:2px 5px;
margin:0 auto 10px;}

#entry > b{display:block; margin:20px auto 5px;}
#entry > b > span{
display:inline-block;
min-width:180px;
color:#fff;
background:#f4384b;
font-weight:600;
line-height:100%;
text-align:center;
border-radius:10px;
padding:8px 20px;}

#entry > em{display:block; color:#f4384b; font-size:22px; padding:0 0 0 10px; margin:30px auto 10px; border-left:5px solid;}
#entry b + em,
#entry h3 + em{margin-top:10px;}
@media screen and (max-width:800px){#entry > em{font-size:18px;}}
@media screen and (max-width:480px){#entry > em{font-size:16px;}}

#entry dl{
display:flex;
width:100%;
color:#fff;
font-size:13px;
font-family:'Noto Sans JP', sans-serif;
border:1px solid #333;
border-bottom:none !important;
margin-bottom:10px;
flex-wrap:wrap;}
#entry dd{display:flex; text-align:left; padding:10px; border-bottom:1px solid #333; align-items:center;}
#entry dd:nth-child(odd){width:35%; font-weight:700; background:rgba(57,113,239,.8);}
#entry dd:nth-child(even){width:65%; color:#222; background:#fff; border-left:1px solid #333;}
#entry dl dd:nth-child(even) a{color:#000; text-decoration:underline; transition:color .2s ease;}
#entry dl dd:nth-child(even) a:hover{color:#ad1e24; text-decoration:none;}
@media screen and (max-width:640px){
#entry dl{max-width:auto; margin:0 auto 20px;}
#entry dd{padding:5px;}
#entry dd:nth-child(odd){width:100%;}
#entry dd:nth-child(even){width:100%; font-size:12px; border-left:none;}}
@media screen and (max-width:480px){#entry .notice{font-size:12px;}}
@media screen and (max-width:400px){#entry dd:nth-child(even){font-size:11px;}}

/*エントリーフォーム*/
@media screen and (max-width:640px){#entry dl.login-info dd{justify-content:center;}}

/*
================================================================================================================
FAQ
================================================================================================================
*/
ul.faq{text-align:left; letter-spacing:1px; line-height:180%; margin:0 auto;}
ul.faq > li{position:relative; padding:10px 10px 10px 50px;}
ul.faq > li:nth-child(odd){color:#fff; background-color:rgba(57,113,239,.8);}
ul.faq > li:nth-child(even){color:#222; background-color:rgba(255,255,255,.9); margin-bottom:20px;}
ul.faq > li:last-child{margin-bottom:0;}
ul.faq > li a{display:inline-block; color:#f00; font-weight:bold; border-bottom:1px solid rgba(255,0,0,0); padding:0 3px; transition:all .2s ease;}
ul.faq > li a:hover{border-bottom:1px solid rgba(255,0,0,1);}

ul.faq > li:nth-child(odd)::before,
ul.faq > li:nth-child(even)::before{
display:block;
position:absolute;
top:7px;
left:15px;
font-family:'Noto Sans JP', sans-serif;
font-size:22px;
transform:scaleX(1.2);}
ul.faq > li:nth-child(odd)::before{content:"Q.";}
ul.faq > li:nth-child(even)::before{content:"A.";}

@media screen and (max-width:640px){
ul.faq > li:nth-child(odd)::before,
ul.faq > li:nth-child(even)::before{font-size:18px;}}
@media screen and (max-width:480px){
ul.faq > li{padding:10px 10px 10px 35px;}
ul.faq > li:nth-child(odd)::before,
ul.faq > li:nth-child(even)::before{left:10px; font-size:15px;}}

/*
================================================================================================================
エントリー規約
================================================================================================================
*/
#entry .link-btn.entry{max-width:620px;}

br.br-sp{display:none;}
@media screen and (max-width:480px){br.br-sp{display:block;}}

/*エントリー規約*/
.term-inner{color:#fff; background-color:rgba(0,0,0,.9); font-family:'Noto Sans JP', sans-serif; font-weight:500; font-size:13px; padding:40px; margin:20px auto 0;}
.term-inner > b{display:block; margin:40px auto 10px; border-bottom:1px solid #fff;}
.term-inner .indent{padding:5px 0;}
.term-inner a{color:#fff; text-decoration:underline; transition:color .2s ease;}
.term-inner a:hover{color:#f00;}
@media screen and (max-width:640px){.term-inner{padding:20px;}}
@media screen and (max-width:480px){.term-inner{font-size:12px; padding:10px;}}

/*リスト関連*/
.term-inner > ul > li{margin-bottom:10px;}
.term-inner > ul > li:last-child{margin-bottom:0;}
.term-inner > ul > li > ul{margin-top:5px;}
.term-inner > ul > li > ul > li{margin-bottom:5px;}
.term-inner > ul > li > ul > li:last-child{margin-bottom:0;}

.term-inner ul.num li{position:relative; padding-left:20px;}
.term-inner ul.num.brackets li{padding-left:35px;}

.term-inner ul.num.circle li{padding-left:20px;}
.term-inner ul.num li::before{display:block; position:absolute; top:0; left:0;}
.term-inner ul.num.brackets li::before{left:3px;}
.term-inner ul.num.brackets li:nth-child(10)::before,
.term-inner ul.num.brackets li:nth-child(11)::before,
.term-inner ul.num.brackets li:nth-child(12)::before,
.term-inner ul.num.brackets li:nth-child(13)::before,
.term-inner ul.num.brackets li:nth-child(14)::before,
.term-inner ul.num.brackets li:nth-child(15)::before{left:0;}

ul.num.dot li:first-child::before{content:"1.";}
ul.num.dot li:nth-child(2)::before{content:"2.";}
ul.num.dot li:nth-child(3)::before{content:"3.";}
ul.num.dot li:nth-child(4)::before{content:"4.";}
ul.num.dot li:nth-child(5)::before{content:"5.";}
ul.num.dot li:nth-child(6)::before{content:"6.";}

ul.num.brackets li:first-child::before{content:"(1)";}
ul.num.brackets li:nth-child(2)::before{content:"(2)";}
ul.num.brackets li:nth-child(3)::before{content:"(3)";}
ul.num.brackets li:nth-child(4)::before{content:"(4)";}
ul.num.brackets li:nth-child(5)::before{content:"(5)";}
ul.num.brackets li:nth-child(6)::before{content:"(6)";}
ul.num.brackets li:nth-child(7)::before{content:"(7)";}
ul.num.brackets li:nth-child(8)::before{content:"(8)";}
ul.num.brackets li:nth-child(9)::before{content:"(9)";}
ul.num.brackets li:nth-child(10)::before{content:"(10)";}
ul.num.brackets li:nth-child(11)::before{content:"(11)";}
ul.num.brackets li:nth-child(12)::before{content:"(12)";}
ul.num.brackets li:nth-child(13)::before{content:"(13)";}
ul.num.brackets li:nth-child(14)::before{content:"(14)";}
ul.num.brackets li:nth-child(15)::before{content:"(15)";}

ul.num.circle li:first-child::before{content:"①";}
ul.num.circle li:nth-child(2)::before{content:"②";}
ul.num.circle li:nth-child(3)::before{content:"③";}
ul.num.circle li:nth-child(4)::before{content:"④";}
ul.num.circle li:nth-child(5)::before{content:"⑤";}

/*
================================================================================================================
エントリーシート
================================================================================================================
*/
#entry .form-inner > strong{
display:block;
color:#fff;
background:#0090ff;
font-weight:600;
padding:5px 10px;
margin:30px auto 0;}
#entry .form-inner > strong:first-child{margin:0 auto;}
#entry .form-inner > strong + span{display:block; font-size:12px; margin:10px auto;}
#entry .form-inner > input{display:inline-block; margin-right:10px;}
#entry .form-inner > ul.ast{margin:10px auto 0;}
#entry .form-inner .link-btn,#entry_button.link-btn{margin-top:40px;}
@media screen and (max-width:480px){#entry .form-inner .link-btn,#entry_button.link-btn{margin-top:20px;}}

.form-title{
display:block;
color:#000;
font-size:16px;
font-weight:800;
border-left:5px solid #ff1bc7;
padding:0 0 0 10px;
margin:10px auto;}

.form-select{margin:10px auto;}
.form-select label{width:260px; font-size:17px; background:#fff; border:1px solid; border-radius:10px; padding:5px 10px;}
.form-select label:has(*:disabled){opacity:.3; pointer-events:none !important; filter:grayscale(1);}
.form-select label,
.form-inner label{display:inline-block; cursor:pointer; margin:3px 0;}
@media screen and (max-width:380px){.form-select label{width:100%;}}

/*テキストフォーム*/
#entry textarea{
display:block;
width:100%;
height:35px;
font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-size:14px;
border:1px solid #000;
padding:5px;
margin:0 auto;}
#entry textarea:focus{border:1px solid #0171b1; background-color:#e5f0f7; outline:none;}
#entry textarea.textform{height:70px; resize:none;}
@media screen and (max-width:980px){#entry textarea.textform{height:100px;}}
@media screen and (max-width:640px){#entry textarea.textform{font-size:12px; height:150px;}}

/*エントリーフォーム 警告文*/
.alert{text-align:center; font-size:14px; font-weight:600; color:#ff0269; margin:5px auto;}
.alert#message_entry,
.alert#message_update{color:#fff; background:#ff0269; font-size:16px; border-radius:5px; padding:5px;}
@media screen and (max-width:530px){.alert#caution_entry{text-align:left;}}
@media screen and (max-width:480px){
.alert{font-size:13px;}
.alert#message_entry,
.alert#message_update{font-size:15px;}}

/*
================================================================================================================
エントリー規約/チェックボックス
================================================================================================================
*/
.input-checkbox input[type="checkbox"]{display:none !important; border:0 !important; margin:0 !important;}

.input-checkbox label{
display:block;
position:relative;
width:260px;
font-size:16px;
line-height:30px;
letter-spacing:2px;
padding:0 0 0 40px;
margin:30px auto;
z-index:5;
cursor:pointer;}
.input-checkbox label br{display:none;}

.input-checkbox label:before,
.input-checkbox label:after{content:""; position:absolute; display:block; transition:transform .2s ease;}
.input-checkbox label:before{
top:0;
left:0;
width:30px;
height:30px;
background-color:#fff;
border:2px solid #000;
opacity:.5;}
.input-checkbox label:after{
top:-4px;
left:10px;
width:10px;
height:30px;
border-right:4px solid transparent;
border-bottom:4px solid transparent;
transform:rotate(45deg);
transition:border-bottom-color,border-right-color .2s ease;}

.input-checkbox input[type="checkbox"]:checked + label:before{opacity:1;}
.input-checkbox input[type="checkbox"]:checked + label:after{border-color:#f00;}

@media screen and (max-width:370px){
.input-checkbox label{width:230px; font-size:14px; line-height:24px; padding:0 0 0 30px;}
.input-checkbox label:before{width:24px; height:24px;}
.input-checkbox label:after{top:-8px;}}

/*
================================================================================================================
エラーページ
================================================================================================================
*/
#main.error{display:flex; align-items:center; justify-content:center;}
#main.error #main-inner > .section{max-width:660px; /*background:rgba(255,255,255,.9); padding:20px;*/}

.error strong{
display:block;
color:#fff;
background:#ff1bc7;
text-align:center;
font-size:14px;
border-radius:4px;
padding:2px 5px;
margin:0 auto 20px;}
.error p{text-align:center;}

.error .link-btn{max-width:400px!important; margin:40px auto 0 !important;}
.error .link-btn + .link-btn{margin:10px auto 0 !important;}

@media screen and (max-width:800px){.error p{text-align:left;}}
@media screen and (max-width:480px){.error strong{font-size:13px;}}

/*テキストリンク*/
#konami-id{display:block; text-align:center; font-size:12px; margin:30px auto 0;}
#konami-id a,#entry > a:not(.link-btn){display:inline-block; color:#f00; border-bottom:1px solid rgba(255,0,0,0); padding:0 3px; transition:all .2s ease;}
#konami-id a:hover,#entry > a:not(.link-btn):hover{border-bottom:1px solid rgba(255,0,0,1);}
@media screen and (max-width:480px){#konami-id{text-align:left;}}