.notice {border:1px solid #333; border-radius:50px; box-sizing:border-box; padding:20px}
.notice ul {width:100%; max-width:1000px; margin:0 auto }
.notice ul li a {border-bottom:1px solid #ddd; padding:15px 10px; display:flex; align-items:center; width:100%; box-sizing:border-box }
.notice ul li:first-child a {padding-top:0; }
.notice ul li:last-child a {border-bottom:none; padding-bottom:0;}
.notice ul li a span {width:100px; font-weight:400;  text-align:right; margin-left:auto; flex-shrink:0}
.notice ul li a  p {font-weight:700;  }
.notice ul li a:hover  p { text-decoration:underline}
 

@media all and (max-width:900px) {
		.notice {border:none;  border-radius:0; box-sizing:border-box; padding:0}
		.notice ul li a { padding:10px 10px;  }
		.notice ul li:last-child a {border-bottom:1px solid #ddd ; padding-bottom:10px; }
		.notice ul li a {flex-wrap:wrap}
		.notice ul li a p {width:100%}
		.notice ul li a span {width:100%; text-align:left; margin-top:5px }


}

.view_content {width:100%; max-width:1000px; margin:0 auto;  }
.view_title {width:100%; display:flex; align-items:flex-end; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px}
.view_title h3 {font-size:1.2em}
.view_title span {width:100px; text-align:right; flex-shrink:0; margin-left:auto }
.support .view_content {margin-top:85px}

 @media screen and (max-width:900px) {

		.view_title {flex-wrap:wrap}
		.view_title h3 {font-size:1.1em}
		.view_title span {width:100%; text-align:left; margin-top:5px}
		.support .view_content {margin-top:20px}

}


.page     {text-align:center;   width:100%; margin-top:150px; display:inline-block; font-size:0; }
.page   ul { width:100%; text-align:center; display:flex; justify-content:center}
.page   li { display:inline-block; font-size:15px; font-weight:400; }
.page a { color:#444; padding:0 10px  }
.page a.ov  {color:var(--main_c)}


 @media screen and (min-width:900px) {

  .support .page {margin-top:100px}

}
 @media screen and (max-width:900px) {
		.page     {  margin-top:30px; }

		.page a { width:25px; line-height:25px; height:25px;   }
		.page img {width:25px; height:25px; vertical-align:top;  }
 


}

.search_bar  {background-color:#59b26d; border-radius:50px; width:100%; box-sizing:border-box; padding:10px 40px; display:flex; align-items:center; position:Relative}
.search_bar svg {fill:#fff; margin-right:5px;}
.search_bar input {width:100%;  color:#fff; background:none; border:none; font-size:1em; height:35px;}
.search_bar input::placeholder {color:#fff; font-size:1em}
.search_bar input + span {opacity:0; margin-left:auto; font-size:20px; position:absolute; right:50px; }
.search_bar input + span a {color:#fff}
.search_bar input:focus + span {opacity:1}




@media screen and (max-width:900px) {
		.search_bar  {  padding:0px 15px;  }
		.search_bar input { height:45px;}
		.search_bar input + span { right:20px; }

 }

/*FAQ*/
dl.faq  {width:100%; }
 

.faq  dt {
  background-color: #fff;
  border-bottom:1px solid #ddd;
  cursor: pointer;
  transition: 0.7s;   align-items:center;
  color: #333; width:100%; display:flex; padding:15px; box-sizing:border-box; 
  font-size:1em; font-weight:600
}
.faq  dt  span {width:50px; flex-shrink:0; color:#999}

.faq  dt:hover { background: #f9f9f9; }

 .faq  dd {
  background-color: #f5f5f5;
  display: none;
   line-height: 1.4;
  font-size:1em; color:#666;
  padding:15px;   
}

 @media screen and (max-width:900px) {
 .faq  dt  {padding:10px}
 .faq  dt  span {width:30px; }


}

.write_box {width:50%; border:1px solid #333; box-sizing:border-box; padding:50px; border-radius:80px}
.write_box  ul {width:100%}
.write_box  ul li {width:100%; display:inline-block; margin-bottom:15px}
.write_box  ul li label {width:100%; margin-bottom:10px; display:inline-block; font-weight:600}
.write_box  ul li input[type="text"] {width:100%; height:35px; border-radius:50px; box-sizing:border-box; padding-left:10px; border:1px solid #333; font-size:.96em}
.write_box  ul li input[type="password"] {width:100%; height:35px; border-radius:50px; box-sizing:border-box; padding-left:10px; border:1px solid #333; font-size:.96em}

.write_box  ul li textarea {width:100%; height:200px;  border-radius:30px; box-sizing:border-box; padding:20px; font-size:1em}
.write_box  ul li textarea::placeholder {font-size:1em; }
.write_box  ul li input[type="file"] {font-size:.90em}


 .support .write_box {padding-top:88px}


 @media screen and (max-width:900px) {
		.write_box {width:100%; border:none; margin-bottom:30px;  padding:0; border-radius:0}
		.support .write_box {padding:0}
 
}

.write_box2 {width:100%;   box-sizing:border-box;  }
.write_box2  ul {width:100%}
.write_box2  ul li {width:100%; display:flex; align-items:center; margin-bottom:18px}
.write_box2  ul li:last-child {margin-bottom:0}
.write_box2  ul li label {width:150px; margin-bottom:10px; flex-shrink:0; font-weight:600}
.write_box2  ul li label svg {width:20px; height:20px; fill:var(--main_c); vertical-align:6px }

.write_box2  ul li p {width:calc(100% - 150px); }
.write_box2  ul li input[type="text"] {width:100%; height:37px; border-radius:50px; box-sizing:border-box; padding-left:10px; border:1px solid #333; font-size:.96em}
.write_box2  ul li input[type="password"] {width:100%; height:37px; border-radius:50px; box-sizing:border-box; padding-left:10px; border:1px solid #333; font-size:.96em}

.write_box2  ul li p span {width:100%; display:inline-block; margin-top:6px; font-size:.93em}
.write_box2  ul li textarea {width:100%; height:200px;  border-radius:30px; box-sizing:border-box; padding:20px}


 
 @media screen and (max-width:900px) {

		.write_box2  ul li {flex-wrap:wrap}
		.write_box2  ul li label {width:100%; margin-bottom:10px;  }
		.write_box2  ul li p {width:100%;}


}