@charset "utf-8";

/*=================================

	font

================================ */

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.6.1/css/all.min.css');

@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500');

/*-------------------------------------------

	fonts

--------------------------------------------*/

@font-face {

  font-family: 'GENJ';

  font-style: normal;

  font-weight: 400;

  src: url('../fonts/GenJyuuGothic-Regular.eot');

  src: url('../fonts/GenJyuuGothic-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/GenJyuuGothic-Regular.ttf') format('truetype'), url('../fonts/GenJyuuGothic-Regular.woff') format('woff');

}

/*

@font-face {

	font-family: 'GENJ';

	font-style: normal;

	font-weight: 500;

	src: url('../fonts/GenJyuuGothic-Medium.eot');

	src: url('../fonts/GenJyuuGothic-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/GenJyuuGothic-Medium.ttf') format('truetype'), url('../fonts/GenJyuuGothic-Medium.woff') format('woff');

}

*/

@font-face {

  font-family: 'GENJ';

  font-style: normal;

  font-weight: 700;

  src: url('../fonts/GenJyuuGothic-Bold.eot');

  src: url('../fonts/GenJyuuGothic-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GenJyuuGothic-Bold.ttf') format('truetype'), url('../fonts/GenJyuuGothic-Bold.woff') format('woff');

}

/*=================================

	reset

================================ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, trong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*table, caption, tbody, tfoot, thead, tr, th, td,*/ article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  outline: 0;

  font-size: 100%;

  /*vertical-align:baseline;*/

  background: transparent;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, small {

  display: block;

}

address, caption, cite, code, dfn, em, strong, var {

  font-style: normal;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

* {

  box-sizing: border-box;

}

ol, ul {

  list-style: none;

}

hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #cccccc;

  margin: 1em 0;

  padding: 0;

}

input, select {

  vertical-align: middle;

}

.clearfix:before, .clearfix:after {

  content: "";

  display: table;

}

.clearfix:after {

  clear: both;

}

.clearfix {

  *zoom: 1;

}

/*=================================

	common

================================ */

html {

  font-size: 62.5%;

  height: 100%;

}

body {

  width: 100%;

  height: auto;

  font-family: GENJ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;

  color: #333;

  font-size: 1.5rem;

  line-height: 1.8;

  font-weight: 400;

  background: #FFF;

  letter-spacing: 0.05em;

  -webkit-text-size-adjust: 100%;

}

img {

  max-width: 100%;

  height: auto;

  border: 0;

  vertical-align: bottom;

}

a img {

  border: none;

}

a {

  color: #333;

  text-decoration: none;

  outline: none;

}

a:visited {

  color: #333;

  text-decoration: none;

}

a:hover, a:hover img {

  opacity: 0.7;

  transition: opacity .20s ease-in-out;

}

a:focus {

  outline: none;

}

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

  body {

    font-size: 16px;

  }

}

/*=================================

	font

================================ */

.small {

  font-size: 10px;

}

/*=================================

	margin / padding

================================ */

.mr_10 {

  margin-right: 10px !important;

}

.mb_0 {

  margin-bottom: 0 !important;

}

.mb_3 {

  margin-bottom: 3%;

}

/*=================================

	header

================================ */

#header {

  width: 100%;

  z-index: 999;

}

.hd_inner, .hd_links ul, .hd_links ul li a, .hd_logosec, #gnav {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

.hd_inner {

  padding-top: 10px;

  flex-wrap: wrap;

}

.hd_logosec {

  width: 210px;

}

#spbtn {

  display: none;

}

.hd_contents {

  width: calc(100% - 210px - 10%);

  flex-direction: column;

}

.hd_links, .hd_nav {

  width: 100%;

}

.hd_links ul, .hd_links ul li {

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

}

.hd_links ul li + li {

  margin-left: 40px;

}

.hd_links ul li a:before {

  content: "";

  display: block;

  width: 18px;

  height: 20px;

  margin-right: 8px;

  vertical-align: middle;

}

.hd_links ul li a {

  font-size: 1.2rem;

}

.hd_links ul li.hdl01 a:before {

  background: url(../img/icon_beginer.png) no-repeat left center;

}

.hd_links ul li.hdl02 a:before {

  background: url(../img/icon_member.png) no-repeat left center;

}

.hd_links ul li.hdl03 a:before {

  background: url(../img/icon_login.png) no-repeat left center;

}

.hd_links ul li.hdl04 a:before {

  background: url(../img/icon_contact.png) no-repeat left center;

}

.hd_links ul li.hd_my a:before {

  width: 24px;

  height: 24px;

  text-align: center;

  background: #ff6600 url(../img/icon_user.png) no-repeat center;

  border-radius: 50px;

}

.hd_links ul li.hd_cmy a:before {

  width: 24px;

  height: 24px;

  text-align: center;

  background: #9DCF1D url(../img/icon_user.png) no-repeat center;

  border-radius: 50px;

}

.hd_links ul li.hd_my a {

  padding-right: 20px;

}

.hd_links ul > li {

  display: inline-block;

  position: relative;

}

.hd_links ul li.hd_sub ul.hd_sublinks {

  width: 100%;

  position: absolute;

  top: 25px;

  left: 0;

  display: block;

  z-index: 999;

}

.hd_links ul li.hd_my ul.hd_sublinks {

  background: #ff6600;

}

.hd_links ul li.hd_cmy ul.hd_sublinks {

  background: #9DCF1D;

}

.hd_links ul li ul.hd_sublinks li a {

  display: block;

  padding: 10px;

}

.hd_links ul li ul.hd_sublinks li a:before {

  content: none;

}

.hd_links ul li ul.hd_sublinks li {

  display: block;

}

.hd_links ul li ul.hd_sublinks li + li {

  margin-left: 0;

}

.hd_links ul li ul.hd_sublinks li a {

  background-color: #f3f3f3;

  color: #444;

}

.hd_links ul li ul.hd_sublinks li a:hover {

  background-color: #fff;

}

.hd_links ul li.hd_sub ul.hd_sublinks {

  display: none;

}

.hd_links ul li.hd_sub:hover ul.hd_sublinks {

  display: block;

}

#gnav {

  width: 100%;

  margin: 20px 0;

  font-size: 1.4rem;

}

#gnav li {

  display: flex;

  font-weight: 700;

  text-align: center;

  letter-spacing: 0.1em;

}

#gnav li a {

  display: block;

  position: relative;

  padding: 10px 0;

  width: 100%;

  align-self: center;

}

#gnav li:last-child {

  width: 100px;

}

#gnav li:last-child a {

  color: #fff;

  border-radius: 50px;

  background: #41b4ae;

}

#gnav li a.active_bd {

  color: #FF8527;

}

#gnav li:last-child a.active_bd {

  color: #fff;

}

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

  header .logo {

    width: 200px;

  }

  .hd_inner.inner {

    padding-top: 10px;

    padding-bottom: 10px;

  }

  #spbtn {

    display: block;

    position: relative;

    width: 42px;

    height: 42px;

    margin: 10px 10px 0 0;

    z-index: 3;

    border: none;

    background: none;

  }

  #spbtn span {

    position: absolute;

    display: block;

    background: #666;

    width: 24px;

    height: 2px;

    left: 9px;

    transition: all 0.4s;

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

  }

  #spbtn span:first-child {

    top: 12px;

  }

  #spbtn span:nth-child(2) {

    margin-top: -1px;

    top: 50%;

  }

  #spbtn span:last-child {

    bottom: 12px;

  }

  #spbtn.gnavon span:first-child {

    -webkit-transform: translateY(8px) rotate(45deg);

    -moz-transform: translateY(8px) rotate(45deg);

    -ms-transform: translateY(8px) rotate(45deg);

    transform: translateY(8px) rotate(45deg);

  }

  #spbtn.gnavon span:nth-child(2) {

    opacity: 0;

  }

  #spbtn.gnavon span:last-child {

    -webkit-transform: translateY(-8px) rotate(-45deg);

    -moz-transform: translateY(-8px) rotate(-45deg);

    -ms-transform: translateY(-8px) rotate(-45deg);

    transform: translateY(-8px) rotate(-45deg);

  }

  .hd_logosec {

    width: 100%;

  }

  .hd_links ul {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .hd_contents {

    display: none;

    position: absolute;

    width: 100%;

    top: 72px;

    left: 0;

    border: 30px solid #f3f3f3;

    background: #fff;

    z-index: 9999;

  }

  .hd_contents_inner {

    padding: 20px;

  }

  #gnav {

    flex-direction: column;

  }

  #gnav li {

    width: 100%;

    border-top: 1px solid #ddd;

  }

  #gnav li:last-child {

    width: 100% !important;

    border-top: 1px solid #ddd;

  }

  #gnav li a {

    padding: 10px 20px;

  }

  #gnav li:last-child a {

    border-radius: 0;

  }

  .hd_links.lginav ul {

    flex-direction: column;

  }

  .hd_links.lginav ul li, .hd_links.lginav ul li.hd_sub ul.hd_sublinks {

    display: block;

  }

  .hd_links.lginav ul li.hd_sub ul.hd_sublinks {

    position: relative;

    top: auto;

    left: auto;

  }

  .hd_links.lginav ul li.hd_sub ul.hd_sublinks {

    display: flex;

    flex-direction: row;

  }

  .hd_links ul li.hd_my ul.hd_sublinks, .hd_links ul li.hd_cmy ul.hd_sublinks {

    background: #fff;

  }

  .hd_links ul li a {

    width: 100%;

    justify-content: flex-start;

  }

  .hd_links.lginav ul li.hdl04 {

    margin-top: 20px;

  }

}

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

  .head_inner {

    margin: 0;

    padding: 0;

  }

}

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

  .hd_links ul {

    flex-wrap: wrap;

  }

  .hd_links ul li {

    width: 50%;

    margin-bottom: 20px;

  }

  .hd_links.lginav ul li {

    width: 100%;

    margin-bottom: 2px;

  }

  .hd_links.lginav ul li.hd_sub ul.hd_sublinks {

    justify-content: space-between;

    margin-top: 10px;

  }

  .hd_links.lginav ul li.hd_sub ul.hd_sublinks li {

    width: 49.5%;

  }

  .hd_links ul li + li {

    margin-left: 0px;

  }

}

/*=================================

	breadcrumn

================================ */

#bread {

  padding: 10px 0;

  font-size: 1.3rem;

  background: #f8f8f8;

}

#bread ul {

  display: flex;

}

#bread ul li + li {

  margin-left: 8px;

}

#bread ul li + li:before {

  content: "";

  display: inline-block;

  width: 5px;

  height: 5px;

  margin-bottom: 2px;

  margin-right: 10px;

  border-top: solid 1px #666;

  border-right: solid 1px #666;

  transform: rotate(45deg);

}

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

  #inner_bread {

    width: 100%;

    padding: 10px 3%;

    font-size: 12px;

  }

}

/*=================================

	contents

================================ */

.inner {

  width: 1200px;

  margin: 0 auto;

}

.contents_title {

  position: relative;

  height: 240px;

  padding: 5% 3% 3%;

  background: url(../img/cmn_bg.png) no-repeat center top, linear-gradient(60deg, rgba(254, 209, 1, .9), rgba(255, 160, 0, .9));

  background-size: cover;

}

#counselor .contents_title {

  background: url(../img/cmn_bg.png) no-repeat center top, linear-gradient(60deg, rgba(192, 217, 19, .9), rgba(157, 207, 29, .9));

  background-size: cover;

}

.contents_title h1 {

  font-weight: bold;

  font-size: 26px;

  color: #fff;

  line-height: 1.5;

  text-align: center;

}

.contents_body {

  padding-bottom: 50px;

  background: #FEF6EB;

}

#counselor .contents_body {

  background: #F6FBEB;

}

.contents_wrap {

  position: relative;

  z-index: 1;

  margin-top: -80px;

  padding: 90px 7% 6%;

  background: #fff;

  border-radius: 10px;

}

.inner + .contents_wrap {

  padding-top: 90px;

}

.stitle {

  margin-bottom: 60px;

  font-size: 24px;

  text-align: center;

}

.stitle:after {

  content: "";

  display: block;

  width: 30px;

  height: 5px;

  margin: 10px auto;

  /*

border-top:5px dotted #FE9505;*/

  background: #FE9505;

  font-size: 24px;

  text-align: center;

}

.csttl {

  font-weight: 700;

  font-size: 1.7rem;

}

.csttl_year {

  margin-bottom: 20px;

  font-weight: 700;

  font-size: 2.4rem;

}

#member .csttl_year {

  color: #FE9505;

}

#counselor .csttl_year {

  color: #9DCF1D;

}

.fmtitle {

  padding: 5px 15px;

  font-size: 1.8rem;

  font-weight: bold;

  border-left: 8px solid #FE9505;

  background: #f8f8f8;

  text-align: left;

  border-radius: 3px;

}

#member h2.fmtitle {

  border-color: #FE9505;

}

#counselor .fmtitle {

  margin-bottom: 20px;

  border-color: #9DCF1D;

}

#admin .fmtitle {

  border-color: #3A6FE9;

}

.fmtitle:after {

  content: none;

}

.mypage .fmtitle {

  margin-bottom: 30px;

}

.w49 {

  width: 49%;

  padding: 0 0 0 20px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.w70 {

  width: 69%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.w30 {

  width: 29%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.w69 {

  width: 69%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.w29 {

  width: 29%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.f_small {

  font-size: 0.8em;

}

.right {

  text-align: right;

}

.top h2 {

  font-size: 25px;

  text-align: center;

}

.h2_grn {

  color: #41b4ae;

  text-align: center;

  margin-bottom: 3%;

}

.sec {

  margin-top: 100px;

}

.ssec {

  margin-top: 50px;

}

.sssec {

  margin-top: 20px;

}

.lead {

  text-align: center;

  margin: 10px 0 40px;

}

.registerform_contents .lead {

  text-align: left;

}

.note_red {

  font-weight: 700;

  color: #ff6666;

  font-size: 1.8rem;

  border-bottom: 1px solid #ff6666;

}

.arrow_r {

  position: relative;

  padding-left: 25px;

}

.arrow_r:before {

  content: "";

  position: absolute;

  top: 10px;

  left: 0;

  margin-top: -9px;

  width: 18px;

  height: 18px;

  margin-right: 10px;

  background: #aaa;

  border-radius: 50%;

  vertical-align: middle;

}

.arrow_r:after {

  content: "";

  width: 4px;

  height: 4px;

  margin-top: -3px;

  border: 0;

  border-top: solid 2px #fff;

  border-right: solid 2px #fff;

  position: absolute;

  top: 10px;

  left: 5px;

  transform: rotate(45deg);

}

.arrow_s_r {

  position: relative;

  padding-left: 15px;

}

.arrow_s_r:before {

  content: "";

  position: absolute;

  top: 50%;

  left: -3px;

  margin-top: -7px;

  width: 13px;

  height: 13px;

  margin-right: 10px;

  background: #aaa;

  border-radius: 50%;

  vertical-align: middle;

}

.arrow_s_r:after {

  content: "";

  width: 3px;

  height: 3px;

  margin-top: -3px;

  border: 0;

  border-top: solid 2px #fff;

  border-right: solid 2px #fff;

  position: absolute;

  top: 50%;

  left: 0;

  transform: rotate(45deg);

}

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

  .inner {

    width: 100%;

    padding-right: 4%;

    padding-left: 4%;

  }

  .inner_box {

    max-width: 100%;

    margin-bottom: 3%;

  }

  .contents_body {

    padding-right: 10px;

    padding-left: 10px;

  }

  .contents_wrap {

    margin-top: -80px;

    padding: 40px 7% 6%;

  }

}

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

  .contents_title {

    height: 160px;

    padding: 30px 3% 3%;

  }

  .contents_title h1 {

    font-size: 2.4rem;

  }

  .stitle {

    margin-bottom: 40px;

    font-size: 2rem;

  }

  .btm_ctitle {

    margin-bottom: 30px;

    font-size: 2rem;

  }

}

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

  .contents_title h1 {

    font-size: 2rem;

  }

}

/*------------------------------------------------

	btm contact

------------------------------------------------*/

.btm_contact_sec {

  padding: 80px 0;

  background: #FEF6EB;

}

.btm_contact_sec .lead br {

  display: none;

}

.btm_ctitle {

  margin-bottom: 30px;

  font-size: 2.4rem;

  text-align: center;

  font-weight: bold;

}

.btm_ctitle:after {

  content: "";

  display: block;

  width: 25px;

  height: 3px;

  margin: 10px auto 0;

  background: #FF8527;

}

.btm_box {

  display: -webkit-flex;

  display: flex;

  -webkit-justify-content: center;

  justify-content: center;

  flex-wrap: wrap;

}

.btm_box li {

  width: 43%;

  background: #fff;

  text-align: center;

}

.btm_box li + li {

  margin-left: 3%;

}

.btm_box li a {

  display: block;

  padding: 20px 15px;

  align-items: center;

}

.btm_box li:hover {

  opacity: 0.9;

}

.btm_ctxt p span {

  font-size: 1.4rem;

  padding-right: 10px;

}

.btm_ctxt p {

  margin-bottom: 10px;

  font-size: 2.2rem;

  font-weight: 700;

  letter-spacing: 0.1em;

}

.btm_ctxt .note {

  font-size: 1.3rem;

}

.btn_sns {

  margin: 3rem auto;

  text-align: center;

  width: 50%;

}

.sns_icon {

  width: 36px;

  margin: 1rem;

}

.link_note {

  font-size: 1.2rem;

  margin-top: 1rem;

}

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

  .btm_contact_sec {

    padding: 8% 0;

  }

  .btm_contact_sec .lead br {

    display: block;

  }

  .btm_box {

    padding: 0 5%;

    justify-content: center;

    align-items: center;

  }

  .btm_box li {

    width: 100%;

  }

  .btm_box li + li {

    margin-left: 0;

    margin-top: 20px;

  }

  .btm_ctxt p {

    font-size: 1.8rem;

  }

  .btn_sns {

    width: 70%;

  }

}

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

  .btn_sns {

    width: 80%;

  }

  .br_pc {

    display: none;

  }

}

/*------------------------------------------------

	pagetop

------------------------------------------------*/

.pagetop {

  position: fixed;

  bottom: 50px;

  right: 50px;

  z-index: 10;

}

.pagetop a {

  display: block;

  width: 50px;

  height: 50px;

  text-indent: 100%;

  white-space: nowrap;

  overflow: hidden;

  background: url(/img/cmn_pagetop.png) 0 0 no-repeat;

  background-size: cover;

}

/*------------------------------------------------

	footer

------------------------------------------------*/

#footer {

  font-size: 1.4rem;

}

.footer_sec {

  padding: 4% 0;

  background: #fcfcfc;

}

#footer .inner {

  margin: 0 auto;

}

#footer .inner, .foot_bottom_nav, .footer_bottom_sec ul, .ftr_left {

  display: flex;

  justify-content: space-between;

}

.footer_sec .inner .ftr_sec:first-child {

  width: 70%;

}

.footer_sec .inner .ftr_sec:nth-child(2) {

  width: 25%;

  padding-left: 5%;

}

.ftr_left ul {

  width: 30%;

}

/*

.footer_sec .inner .ftr_sec:first-child ul{

display: flex;

align-content: flex-start;

flex-wrap: wrap;

}



.footer_sec .inner .ftr_sec:first-child li{

width:50%;

}*/

.ftr_title {

  font-weight: bold;

  margin-bottom: 10px;

  padding-bottom: 10px; /*

color:#FF8527;*/

  font-size: 1.6rem;

  border-bottom: 1px solid #FF8527;

}

.footer_sec .inner ul li a {

  display: inline-block;

  padding: 5px 0;

}

.footer_sec .inner ul li a:before {

  content: "";

  display: inline-block;

  width: 5px;

  height: 5px;

  margin-bottom: 2px;

  margin-right: 10px;

  border-top: solid 1px #FF8527;

  border-right: solid 1px #FF8527;

  transform: rotate(45deg);

}

.footer_bottom_sec {

  padding: 15px 0;

  background: #555;

}

.footer_bottom_sec a {

  color: #fff;

  font-size: 1.2rem;

}

.footer_bottom_sec ul {

  justify-content: flex-start;

}

.footer_bottom_sec ul li + li {

  margin-left: 20px;

}

.copyright {

  color: #ccc;

  font-size: 1.2rem;

  font-family: 'Quicksand', sans-serif;

}

#footer .comingsoon {

  padding-left: 15px;

  color: #aaa;

}

#footer .comingsoon span {

  display: inline-block;

  margin-left: 10px;

  padding: 0 5px;

  font-size: 1.2rem;

  color: #fff;

  background: #aaa;

}

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

  #footer .inner {

    flex-direction: column;

  }

  .footer_sec .inner .ftr_sec:first-child, .footer_sec .inner .ftr_sec:nth-child(2) {

    width: 100%;

  }

  .footer_sec .inner .ftr_sec:nth-child(2) {

    padding-left: 0;

    margin-top: 30px;

  }

  .footer_bottom_sec ul {

    justify-content: center;

  }

  .copyright {

    text-align: center;

  }

}

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

  .ftr_left {

    flex-direction: column;

  }

  .ftr_left ul {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

  }

  .ftr_left ul li {

    width: 50%;

  }

  .ftr_left ul:last-child {

    margin-top: 10px;

    padding-top: 10px;

    border-top: 1px dotted #ddd;

  }

}

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

  .ftr_left ul li {

    width: 100%;

  }

  .footer_bottom_sec ul, .ftr_left {

    flex-wrap: wrap;

  }

}

/*------------------------------------------------

	form

------------------------------------------------*/ ::-webkit-input-placeholder, :-ms-input-placeholder, :-moz-placeholder, ::placeholder {

  font-family: GENJ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;

  color: #cdcdcd;

}

input[type=file] {

  font-family: GENJ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;

  color: #aaa;

}

.text_area, .register_contents input, .registerform input:not([type=file]), .selectboxsec {

  padding: 15px 10px;

  border: 1px solid #cdd7e5;

  border-radius: 3px;

  background-color: #ffffff;

  box-sizing: border-box;

}

.selectboxsec {

  padding: 5px 15px;

}

.registerform .must {

  display: inline-block;

  margin-left: 10px;

  border-radius: 5px;

  padding: 3px 8px;

  line-height: 1;

  font-size: 1.2rem;

  font-weight: normal;

  color: #fff;

  background: #FFA000;

}

#counselor .registerform .must {

  background: #9DCF1D;

}

#admin .registerform .must {

  background: #3A6FE9;

}

.registerform table p.caut {

  display: block;

  padding: 10px 0;

  font-size: 0.9em;

}

.text_ssbox, .txt_smbox, .text_sbox, .text_box, .text_area, .text_regibox {

  margin-right: 5px;

  padding: 7px 10px 8px;

}

.text_ssbox {

  width: 120px;

}

.txt_smbox {

  width: 300px;

}

.text_sbox {

  width: 50%;

}

.text_box {

  width: 100%;

}

.text_area {

  width: 100%;

  min-height: 60px;

}

.checkbox {

  margin-right: .5em;

}

.radio_box label + label {

  padding-left: 20px;

}

.radio_box label input {

  margin-right: .5em;

}

.btn_conf {

  display: inline;

}

.s_note {

  display: block;

  margin-top: 8px;

  font-size: 1.2rem;

}

.registerform .calender_item + .calender_item {

  margin-left: 2em;

}

.calender_item.red {

  color: #ff0000;

}

.fglabel {

  font-size: 1.3rem;

  padding-right: 8px;

}

.fgroup {

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding: 25px 10px;

  border-bottom: 1px solid #D8D8D8;

}

.fgroup_inner {

  margin-top: 10px;

}

.fgroup:first-child {

  border-top: 1px solid #D8D8D8;

}

.fgroup_l {

  width: 28%;

  font-weight: bold;

}

.fgroup_r {

  width: 72%;

}

.fgroup_l .small {

  font-size: 1.3rem;

}

.prize_list .prize_box {

  padding: 15px 0;

}

.prize_list .prize_box + .prize_box {

  border-top: 1px solid #eee;

}

.prize_upl {

  padding-left: 10px;

}

.prize_list .prize_box p {

  display: inline-block;

}

.prize_list .prize_box .cprize_nm {

  width: 250px;

  margin-right: 20px;

}

.prize_list .prize_box .cprize_cv span {

  display: inline-block;

  padding: 0 10px;

  font-size: 1.2rem;

  background: #eee;

}

.cprize_other {

  margin-top: 30px;

}

.prize_list.prize_adlist .prize_box .cprize_nm {

  width: 100%;

  margin-right: 0;

}

.cprize_other .text_box {

  width: 100%;

}

.regitxt {

  text-align: center;

}

/*----- register -----*/

.register_contents {

  width: 580px;

  margin: 0 auto;

  padding: 50px; /*

border:1px solid #ddd;*/

  border-radius: 5px;

}

.register_contents h1, .registerform_contents h1 {

  text-align: center;

  font-weight: bold;

  font-size: 2.2rem;

  color: #FFA000;

}

.register_contents .lead {

  text-align: center;

}

.register_contents .note {

  margin-top: 40px;

}

.regitxt {

  border-top: 1px solid #ddd;

  margin-top: 80px;

  padding-top: 30px;

}

.register_contents .regitxt .note {

  text-align: left;

}

.registerform_contents {

  width: 100%;

}

.text_regibox {

  width: 100%;

  padding: 15px;

}

.loginsec {

  margin-top: 30px;

}

.regi_psw {

  margin-top: 10px;

}

.regi_psw .checkbox {

  margin-right: 10px;

}

.fg_sp {

  margin-top: .5em;

}

.psw_area {

  position: relative;

}

.btn_eyeicon {

  position: absolute;

  display: block;

  right: 15px;

  top: 18px;

}

/*--------------------  START Media Queries  --------------------*/

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

  .text_sbox {

    width: 100%;

    margin-right: 0;

  }

  .radio_box_inner {

    padding-bottom: 5px;

  }

}

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

  .registerform_contents .lead {

    text-align: left;

  }

  .registerform table th {

    background: #F5F8FA;

  }

  .registerform table tr:last-child th {

    border-bottom: none;

  }

  .registerform table td.mustimg {

    display: none;

  }

  .registerform table td {

    padding: 18px 15px 25px;

  }

  .radio_box_inner {

    display: inline-block;

  }

  .btn_conf {

    display: block;

  }

  .radio_box_inner + .radio_box_inner {

    margin-left: 0;

    padding-top: 10px;

  }

  .text_ssbox {

    width: 100px;

    margin-right: 0;

  }

  .text_smbox {

    width: 100%;

  }

  .text_box {

    width: 100%;

    margin-right: 0;

  }

  .text_area {

    width: 100%;

    min-height: 100px;

  }

  /*

	.frmbtn {

		display: block;

	}

	.frmbtn input {

		width: 200px;

		margin: 0 auto;

	}

	.frmbtn+.frmbtn {

		padding-left: 0;

		margin-top: 10px;

	}*/

}

@media (max-width: 768px) {

  .fgroup {

    padding: 0px;

    flex-direction: column;

    border-bottom: none;

  }

  .fgroup:first-child {

    margin-top: 20px;

    border-top: none;

  }

  .calender_info .fgroup {

    flex-direction: row;

    padding: 10px 0;

  }

  .calender_info .fgroup {

    border-bottom: 1px solid #D8D8D8;

  }

  .calender_info .fgroup:first-child {

    border-top: 1px solid #D8D8D8;

    border-bottom: 1px solid #D8D8D8;

  }

  .fgroup_l, .fgroup_r {

    width: 100%;

  }

  .fgroup_l {

    padding: 10px;

    background: #f8f8f8;

  }

  .fgroup_r {

    padding: 10px 0 30px 0;

  }

  .fgroup:first-child {

    border-bottom: none;

  }

}

/*768*/

@media (max-width: 680px) {

  .register_contents {

    width: auto;

    padding: 0;

    border: none;

  }

}

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

  .registerform table td p {

    display: block;

  }

}

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

  .contactwrap {

    padding: 0;

  }

  .contactinner {

    width: 100%;

    margin: 0;

    padding: 10px;

    background: #fff;

    box-sizing: border-box;

    border: none;

  }

  .registerform table th, .registerform table td {

    display: list-item;

    list-style: none;

    padding: 10px 0px;

    box-sizing: border-box;

  }

  .registerform table th.must {

    background: #F3F4F9;

  }

}

/*------------------------------------------------

	button

------------------------------------------------*/

button:not(#spbtn):not(.mfp-close) {

  font-family: GENJ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;

  color: #fff;

  border-radius: 50px;

  border: none;

}

.formbtnbox {

  margin-top: 30px;

  text-align: center;

}

.sendcompletely {

  margin-top: 30px;

  text-align: center;

}

.sendcompletely .btn {

  margin-top: 30px;

}

.btn_orange, .formbtnbox .btn, .sendcompletely a {

  display: inline-block;

  padding: 10px 25px;

  font-size: 1.6rem;

  color: #fff !important;

  font-weight: 700;

  border-radius: 50px;

  background: #FFA000;

}

.formbtnbox button + button {

  margin-left: 40px;

}

.formbtnbox button:hover {

  opacity: 0.7;

}

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

  .formbtnbox .btn {

    padding: 10px 15px;

    font-size: 1.4rem;

  }

  .formbtnbox button + button {

    margin-left: 10px;

  }

}

/*color*/

#counselor .formbtnbox .btn, #counselor .sendcompletely a {

  background: #9DCF1D;

}

#admin .formbtnbox .btn, #admin .sendcompletely a {

  background: #3A6FE9;

}

.btn_gray, .btn_sqgray {

  padding: 3px 10px;

  background: #999 !important;

}

.btn_ilb {

  display: inline-block;

  margin-left: 1em;

}

.btn_sqgray {

  color: #fff;

  background: #999;

  border-radius: 5px !important;

}

.btn.btn_resend {

  margin-top: 20px;

  text-align: center;

  font-size: 1.6rem;

  font-weight: 700;

  border: none;

  background: none;

}

#member .btn.btn_resend {

  color: #FFA000;

}

#counselor .btn.btn_resend {

  color: #9DCF1D;

}

.btn_orange {

  margin: 3% auto 0;

  text-align: center;

  background: #FE9505;

}

.btn_orange:hover {

  opacity: 0.9;

  color: #fff;

}

.kiyaku_btn a {

  display: inline-block;

  margin-top: 8px;

  text-decoration: underline;

}

.btn_edit, .btn_del {

  padding: 3px 8px;

}

.btn_edit {

  background: #F8A53B;

}

.btn_del {

  background: #999;

}

.btn_sqgray:before, .btn_edit:before, .btn_del:before {

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  font-size: 1.2px;

  padding-right: 8px;

}

.btn_edit:before {

  content: '\f304';

}

.btn_del:before {

  content: '\f00d';

}

.btn_sqgray:before {

  content: '\f067';

}