@charset "UTF-8";

#mainWrap #mainSection #mainArea #mainInner #mainBox { max-width:1100px; margin:0 auto; padding:35px 0 80px; }
#mainWrap #mainSection #mainArea #mainInner #mainBox h2 { font-size:172%; text-align:center; font-weight:bold; letter-spacing:0.2em; }
#mainWrap input,
#mainWrap select,
#mainWrap button { font-size:108%; }
#mainWrap select { padding:8px 10px; border:1px solid #CCCCCC; background-color:#FFFFFF; }
#mainWrap input[type="text"],
#mainWrap input[type="password"] { padding:8px 10px; border:1px solid #CCCCCC; }
#mainWrap #mainSection #mainArea #mainInner #mainBox .errorOuter { color:#FA6767; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit { margin:40px auto 0; max-width:1000px; width:100%; color:#666666; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit input.wType01 { width:215px; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit input.wType02 { width:100%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit input.wType03 { width:320px; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit input + label { margin-left:3px; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl { display:flex; align-items:center; border-top:1px solid #DDDDDD; padding:37px 0; font-size:108%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl:last-child { border-bottom:1px solid #DDDDDD; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dt { display:flex; justify-content:flex-end; align-items:center; width:355px; padding-right:50px; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl.type01 dt { margin-top:0; }
#mainWrap #mainSection #mainArea #mainInner #mainBox span.required {  display:inline-block; margin-left:10px; padding:1px 7px 2px; border-radius:5px; background-color:#D50000; color:#FFFFFF; font-size:85%; width:50px; text-align:center; white-space:nowrap; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dt span:first-child { width:250px; display:flex; justify-content:flex-end; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dt span.noRequired {  margin-right:60px; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd { width:645px; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd p.announceTxt + ul.inputList { margin-top:10px; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd ul.inputList li { margin-top:15px; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd ul.inputList li:nth-child(1) { margin-top:0; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd ul.inputList li span:nth-child(2) { margin-left:10px; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd .inputOuter ul { display:flex; align-items:center; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd .inputOuter ul li { margin-left:20px; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd .inputOuter ul li:nth-child(1) { margin-left:0; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd .errorOuter { margin-top:15px; line-height:1.3; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd .errorOuter ul li { list-style:disc outside; margin:2px 0 0 1em; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd .errorOuter ul li:nth-child(1) { margin-top:0; }
#mainWrap #mainSection #mainArea #mainInner #mainBox p#agreeBtn { text-align:center; margin-top:30px; font-size:108%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList { display:flex; justify-content:center; flex-wrap:wrap; margin-top:40px; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li { margin-left:25px; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li:nth-child(1) { margin-left:0; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li.typeSingle { width:100%; text-align:center; margin-top:30px; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li button, 
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li a { font-size:108%; border-radius:8px; padding:8px 25px; min-width:150px; display:inline-block; background-color:#0066B3; border:1px solid #014395; position:relative; color:#FFFFFF; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li button:hover,
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li a:hover { text-decoration:none; background-color:#014395; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li button::before,
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li a::before { content:"arrow_right"; font-family:"Material Icons"; position:absolute; left:5px; top:50%; transform:translateY(-50%); font-size:129%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li button.typeWhite,
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li a.typeWhite { background-color:#FFFFFF; color:#014395; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li button.typeWhite:hover,
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li a.typeWhite:hover { background-color:#014395; color:#FFFFFF; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList.typeVertical { display:block; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList.typeVertical li { margin:25px 0 0; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  ■中間用1200pxCSS■
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1200px){

#mainWrap #mainSection #mainArea #mainInner #mainBox { width:90%; margin:0 auto; padding:3% 0 5%; }
#mainWrap input[type="text"],
#mainWrap input[type="password"] { padding:2%; }
#mainWrap select { padding:2%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit { margin-top:4%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl { padding:4% 0; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dt { width:35%; margin-top:0.5%; padding-right:5%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox span.required {  margin-left:2%; padding:0.5% 2%; width:18%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dt span:first-child { width:100%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dt span.noRequired {  margin-right:20%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd { width:65%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd p.announceTxt + ul.inputList { margin-top:2%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd ul.inputList li { margin-top:2%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd ul.inputList li span:nth-child(2) { margin-left:2%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd .inputOuter ul li { margin-left:4%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd .errorOuter { margin-top:2%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd .errorOuter ul li { list-style:disc outside; margin:1% 0 0 1em; }
#mainWrap #mainSection #mainArea #mainInner #mainBox p#agreeBtn { margin-top:3%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList { margin-top:4%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li { margin-left:2%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li.typeSingle { margin-top:4%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li button,
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li a { font-size:1.5vw; padding:0.5vw 3vw; min-width:auto; min-width:initial; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li button::before, 
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li a::before { content:"arrow_right"; font-family:"Material Icons"; position:absolute; left:5px; top:50%; transform:translateY(-50%); font-size:129%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList.typeVertical li { margin-top:3%; }

}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  ■スマートフォン用CSS■
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px){

#mainWrap #mainSection #mainArea #mainInner #mainBox { padding-top:5%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit { margin-top:6%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit input.wType01  { width:50%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit input.wType02,
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit input.wType03 { width:100%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl { padding:5% 0; display:block; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dt { width:100%; margin-top:0; padding-right:0; justify-content:flex-start; font-weight:bold; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dt span:first-child { width:auto; display:block; }
#mainWrap #mainSection #mainArea #mainInner #mainBox span.required { width:15%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dt span.noRequired {  margin-right:20%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd { margin-top:4%; width:100%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox #inputUnit dl dd .errorOuter { margin-top:4%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox p#agreeBtn { margin-top:5%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList { margin-top:5%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li { margin-left:4%; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li button,
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList li a { font-size:3vw; padding:1vw 5vw 1vw 6vw; }
#mainWrap #mainSection #mainArea #mainInner #mainBox ul.buttonList.typeVertical li { margin-top:4%; }

}