@charset "UTF-8";
body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  background: url("../img/area02-background-img.png");
}
img{
	vertical-align:bottom;
}

.opacity-obj:hover {
  opacity: 0.6;
  cursor: pointer;
}

.pointer-obj:hover {
  cursor: pointer;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* area01 */
#area01 {
  background-image: url(../img/area01-background-img.jpg);
  background-size: 100%;
  width: 100%;
  min-width: 1200px;
padding-top:100px;
  padding-bottom: 260px;
	margin-top:-100px;
}

.area01__inner {
  max-width: 1200px;
  margin: 0 auto;
}

#area01__inner-bottom {
  background-image: url(../img/area01-background-img-bottom.png);
  background-size: 100%;
  background-position: center top;
  width: 100%;
  height: 196px;
  min-width: 1200px;
  background-repeat: no-repeat;
}

/* tab */
.area01__inner__manga-box {
  position: relative;
  z-index: 200;
}

.area01__inner__manga-box__image {
  position: relative;
  z-index: 100;
}

.area01__inner__manga-box {
  margin-top: -370px;
}

.area01__inner__manga-box__male {
  float: left;
}

/* manga-box img */
.area01__inner__manga-box__img {
  float: left;
}

/* manga-box detail */
.area01__inner__manga-box__detail {
  float: left;
}

.area01__inner__manga-box__detail .text01 {
  font-size: 25px;
}

.area01__inner__manga-box__detail .text02 {
  font-size: 17.5px;
}

.area01__inner__manga-box__detail .text03 {
  font-size: 16px;
}

.area01__inner__manga-box__female {
  float: left;
}

.area01__inner__manga-box__male-on {
  width: 540px;
  height: 200px;
  background-color: white;
  margin-left: 45px;
  box-sizing: border-box;
  border-top: 5px solid #00aae8;
  border-left: 5px solid #00aae8;
  border-right: 5px solid #00aae8;
  background-color:#fff;
}

.area01__inner__manga-box__male-on div{
	display:inline-block;
	 width: 540px;
  	height: 200px;
	background-image: url(../img/area01__manga-box__male-on.jpg);
  	background-repeat: no-repeat;
}

.area01__inner__manga-box__male-off {
  width: 540px;
  height: 195px;
  background: white;
  margin-left: 45px;
  box-sizing: border-box;
  border-top: 5px solid white;
  border-left: 5px solid white;
  border-right: 5px solid white;
  background: #00aae8;
  background-color:#fff;
}
.area01__inner__manga-box__male-off div{
	width: 540px;
  	height: 195px;
	background-image: url(../img/area01__manga-box__male-off.jpg);
  	background-repeat: no-repeat;
}

.area01__inner__manga-box__female-on {
  width: 540px;
  height: 200px;
  background: white;
  margin-left: 30px;
  box-sizing: border-box;
  border-top: 5px solid #e699b4;
  border-left: 5px solid #e699b4;
  border-right: 5px solid #e699b4;
  background-color:#fff;
}

.area01__inner__manga-box__female-on div{
	width: 540px;
  	height: 200px;
	background-image: url(../img/area01__manga-box__female-on.jpg);
	background-repeat: no-repeat;
}

.area01__inner__manga-box__female-off {
  width: 540px;
  height: 195px;
  background: white;
  margin-left: 30px;
  box-sizing: border-box;
  border-top: 5px solid white;
  border-left: 5px solid white;
  border-right: 5px solid white;
  background-color: #fff;
}

.area01__inner__manga-box__female-off div{
	width: 540px;
  	height: 195px;
	 background-image: url(../img/area01__manga-box__female-off.jpg);
  	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.area01__inner__manga-box__image__male {
  background: white;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
  box-sizing: border-box;
  border: 5px solid #00aae8;
  margin-top: -5px;
}

.area01__inner__manga-box__image__female {
  background: white;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
  box-sizing: border-box;
  border: 5px solid #e699b4;
  margin-top: -5px;
}

.area01__inner__image__female {
  display: none;
}

/* 説明会に行ってみよう！ */
.area01__inner__img02__info {
  position: relative;
	margin-top:60px;	
}

.area01__inner__img02__info a,
.area03__contents a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  color: white;
}

.area01__inner__img02__info__detail {
  position: absolute;
  left: 460px;
  top: 70px;
}

.area01__inner__img02__info__detail .title {
  font-size: 25px;
  font-weight: bold;
}

.area01__inner__img02__info__detail .detail {
  font-size: 20px;
  line-height: 1.8;
  margin-top: 30px;
  margin-left: 80px;
}

.area01__inner__img02__info__button__wrapper {
  position: relative;
  margin-top: -4px;
}

.area01__inner__img02__info__button01,
.area01__inner__img02__info__button02 {
  width: 560px;
  height: 170px;
  float: left;
  box-sizing: border-box;
  background-color:white;
  color: white;
  font-size: 40px;
	font-weight: bold;;
  line-height: 1.5;
  text-align: center;
	display: table;
}

.area01__inner__img02__info__button01 a,
.area01__inner__img02__info__button01 p{
  background: #009944;
}
.area01__inner__img02__info__button02{
	 margin-left: 80px;
}
.area01__inner__img02__info__button02 a{
  background: #eb6100;
 
}

.area01__inner__img02__info__button01 a,
.area01__inner__img02__info__button02 a,
.area03__bottom__img01 a,
.area01__inner__img02__info__button01 p{
	/*display:block;*/
	border: 5px solid white;
	width:560px;
	box-sizing:border-box;
	display: table-cell;
	vertical-align: middle;
	
}

.area01__inner__img02__info__button01 a span.btn_cap,
.area01__inner__img02__info__button01 p span.btn_cap{
	font-size: 24px;
	font-weight: 400;
	display: block;
}

.area01__inner__img02__info__button01 a span.btn_txt_tel,
.area01__inner__img02__info__button01 p span.btn_txt_tel{
	background: url(../img/icon_tel.png) 0 center no-repeat;
	padding-left: 50px;
	font-size: 125%;
	font-weight: bold;
}

/* area02 */
#area02 {
  text-align: center;
  min-width: 1200px;
  max-width: 1200px;
  margin:0 auto;
	padding:120px 0 170px 0;
}

.area02__box__wrapper {
  margin: 0 auto;
}

.area02__detail01 {
  font-size: 18px;
  margin-top: 20px;
}

.area02__box {
  width: 580px;
  height: 450px;
  box-sizing: border-box;
  border: 1px solid black;
  float: left;
  margin-top: 70px;
  background: white;
}

.area02__box:first-child,
.area02__box:nth-child(2){
	margin-top:100px;
}

.area02__box:nth-child(even) {
  margin-left: 40px;
}

.area02__box__label {
  background: url(../img/area02-box-title-box.png);
  width: 322px;
  height: 80px;
  position: relative;
  top: -20px;
  left: 129px;
}

.area02__box:nth-child(4) .area02__box__label{
	background: url(../img/area02-box-title-box_02.png);
	  width: 361px;
	 left: 110px;
}

.area02__box__label__title {
  font-size: 30px;
  color: #00aae8;
  line-height: 80px;
}

.area02__box__img {
  margin-top: 25px;
}

.area02__box__detail {
  line-height: 1.5625;
  font-size: 16px;
  width: 495px;
  margin: 0 auto;
  text-align: left;
  margin-top: 25px;
}

/* area03 */
#area03{
	 background-image: url(../img/area01-background-img.jpg);
 	 background-size: 100%;
}
.area03__top {
  background-image: url(../img/area03-background-img-top.png);
  background-size: 100%;
  background-position: center top;
  width: 100%;
  height: 186px;
  min-width: 1200px;
  background-repeat: no-repeat;
}

.area03__bottom {
  background-image: url(../img/area03-background-img-bottom.png);
  background-size: 100%;
  background-position: center bottom;
  width: 100%;
  height: 186px;
  min-width: 1200px;
  background-repeat: no-repeat;
}

/* bottom img01 */
.area03__bottom__img01 {
  position: absolute;
  right:-5px;
  /*bottom: 33px;*/
	bottom: 270px;
}

.area03__contents {
 
  width: 100%;
  /*width: 1132px;*/
	width: 1200px;
	margin:0 auto;
  padding:100px 0 120px 0;
  position: relative;
}

.area03__contents__title {
  text-align: center;
}

.area03__contents__detail {
  text-align: center;
  font-size: 18px;
  margin-top: 20px;
}

.area03__contents__interview {
  width: 1200px;
  margin: 0 auto;
}

.area03__contents__interview__senpai01 {
  background-image: url(../img/area03-senpai-img01.png);
  /*width: 1134px;*/
	width: 1200px;
  height: 283px;
  background-repeat: no-repeat;
  margin-top:30px;
}

.area03__contents__interview__senpai01__box {
  position: relative;
  left: 0;
  top: 30px;
}

.area03__contents__interview__senpai01__box__detail01 {
  font-size: 16px;
  line-height: 1.875;
  top: 45px;
  left: 45px;
  position: absolute;
  width: 700px;
}

.area03__contents__interview__senpai01__box__detail02 {
  font-size: 16px;
  line-height: 1.875;
  top: 130px;
  left: 45px;
  position: absolute;
  width: 700px;
}

.area03__contents__interview__senpai02 {
  background-image: url(../img/area03-senpai-img02.png);
  width: 1130px;
  height: 297px;
  background-repeat: no-repeat;
  margin-top: 45px;
}

.area03__contents__interview__senpai02__box {
  position: relative;
  left: 0;
  top: 30px;
}

.area03__contents__interview__senpai02__box__detail01 {
  font-size: 16px;
  line-height: 1.875;
  top: 20px;
  left: 370px;
  position: absolute;
  width: 700px;
}

.area03__contents__interview__senpai02__box__detail02 {
  font-size: 16px;
  line-height: 1.875;
  top: 100px;
  left: 370px;
  position: absolute;
  width: 700px;
}

.area03__contents__interview__senpai03 {
  background-image: url(../img/area03-senpai-img03.png);
  width: 937px;
  height: 326px;
  background-repeat: no-repeat;
  margin-top: 45px;
}

.area03__contents__interview__senpai03__box {
  position: relative;
  left: 0;
  top: 30px;
}

.area03__contents__interview__senpai03__box__detail01 {
  font-size: 16px;
  line-height: 1.875;
  top: 30px;
  left: 370px;
  position: absolute;
  width: 520px;
}

.area03__contents__interview__senpai03__box__detail02 {
  font-size: 16px;
  line-height: 1.875;
  top: 110px;
  left: 370px;
  position: absolute;
  width: 520px;
}

#area03 .area01__inner__img02__info__button__wrapper {
	margin-top: 120px;
	overflow: hidden;
}

#area04 {
	margin-top:-100px;
	padding:220px 0 350px 0;
	background:url(../img/area04-background-img.png) repeat left top;
}

.area04__title {
  text-align: center;
}

.area04__detail {
  text-align: center;
  font-size: 18px;
  margin-top:20px;
  line-height: 1.666666667;
}

.area04__table__wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 847px;
}

.area04__table__title {
  font-size: 20px;
  font-weight: bold;
  margin-top:60px;
  margin-bottom:20px;
}

.area04__table {
  margin-left: auto;
  margin-right: auto;
  width: 847px;
}

.area04__table td {
  border: 1px solid #c4c4c4;
  padding-top: 20px;
  padding-bottom: 20px;
  vertical-align: middle;
  background: white;
}

.area04__table__td01 {
  width: 200px;
  text-align: center;
}

.area04__table__td01__map {
  width: 60px;
  height: 30px;
  font-size: 16px;
  background: #009944;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

.area04__table__td01__map a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  color: white;
}

.area04__table__td02 {
  width: 500px;
  padding-left: 20px;
  line-height: 1.875;
}

.area04__table__td02 a {
  color: #00aae8;
  text-decoration: none;
}

.area04__table__td02 a:hover {
  text-decoration: underline;
}

.area04__table__td03 {
  text-align: center;
}

/* area03 */
#area05{
	margin-top:-300px;
}

.area05__bottom {
  background-image: url(../img/area03-background-img-bottom.png);
  background-size: 100%;
  background-position: center bottom;
  width: 100%;
  height: 186px;
  min-width: 1200px;
  background-repeat: no-repeat;
}

.area05__contents {
  background-image: url(../img/area01-background-img.jpg);
  background-size: 100%;
  width: 100%;
  min-width: 1200px;
  padding:40px 0;
  position: relative;
}

.area05__contents__title {
  text-align: center;
}

.area05__contents__detail {
  text-align: center;
  font-size: 18px;
  margin-top:20px;
  line-height: 1.875;
}
.area05__contents__form {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 2px solid #242424;
  padding: 90px 80px;
  background: white;
  margin-top:50px;
}

.area05__contents__form table {
  vertical-align: middle;
}

.area05__contents__form__td01 {
  width: 250px;
}

.area05__contents__form__td02 {
  width: 750px;
}

/* page-top */
.page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}

.page-top a {
  display: block;
  width: 50px;
  height: 50px;
  background-image: url(../img/page-top.png);
}
.area05__top{
	height:auto!important;
}
.area05__top img{
	width:100%;
	max-width:100%;
}

.area05__contents__form__td01__privacy {
  background: #eeeeee;
  max-width: 900px;
  padding: 50px;
	margin-top:48px;
}

.area05__contents__form__td01__privacy__inner {
  background: white;
  max-height: 200px;
  overflow-y: scroll;
  padding: 20px 30px;
  line-height: 1.857142857;
  margin-bottom: 40px;
}

.area05__contents__form__td01__privacy__inner p {
  margin-bottom: 20px;
}

.area05__contents__form__td01__privacy__inner .title01 {
  font-size: 18px;
}

.area05__contents__form__td01__privacy__inner .title02 {
  font-size: 16px;
}

.area05__contents__form__td01__privacy__inner li {
  padding-left: 2em;
  text-indent: -2.5em;
}

.area05__contents__form__td01__privacy__inner .pl_2em {
  padding-left: 2em;
}

.area05__contents__form__td01__privacy__inner .footer {
  padding-left: 2em;
  padding-top: 20px;
}

/*　必須 */
.area05__contents__form__td01 .hissu {
  border: 1px solid #a40000;
  padding: 2px 5px;
  font-size: 12px;
  color: red;
  background: white;
  border-radius: 3px;
  margin-right: 15px;
}

.area05__contents__form__td01 {
  font-size: 16px;
}

.area05__contents__form td {
  padding-top: 12px;
  padding-bottom: 12px;
}

.area05__contents__form input[type="text"] {
  padding: 10px;
  border: 2px solid #00aae8;
}

.area05__contents__form .w500 {
  width: 500px;
}

.w60 {
  width: 60px;
}

.w90 {
  display: inline-block;
  width: 90px;
}

.w100 {
  width: 100px;
}

.w300 {
  width: 340px;
}

.year {
  width: 100px;
  height: 40px;
  margin-right: 10px;
  border: 2px solid #00aae8;
}

.month {
  width: 60px;
  height: 40px;
  margin-right: 10px;
  border: 2px solid #00aae8;
}

.day {
  width: 60px;
  height: 40px;
  margin-right: 10px;
  border: 2px solid #00aae8;
}

.neirei {
  width: 100px;
}

.info-date,
.info-month,
.info-day {
  float: left;
}

.info-month span,
.info-day span {
  padding-left: 10px;
  padding-right: 10px;
}

.info-kaijyou {
  margin-top: 20px;
}

.v-top {
  vertical-align: top;
  padding-top: 20px;
}

.v-middle {
  vertical-align: middle;
}

textarea {
  width: 725px;
  height: 200px;
  border: 2px solid #00aae8;
  resize: vertical;
  padding: 10px;
}

.doui {
  display: table-cell;
  vertical-align: middle;
  width: 900px;
  height: 70px;
  text-align: center;
  background: white;
}

.copyright {
  text-align: center;
  margin-top: 80px;
}

input[type="submit"] {
  all: initial;
  background: #eb6100;
  width: 300px;
  height: 80px;
  text-align: center;
  font-size: 25px;
  color: white;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 80px;
}

.formErrorContent {
  color:#a40000;
	margin-top: 10px;
	line-height:1.8;
}

.err-total, .err-doui {
  text-align: center;
}

.err-total{
	margin-top:20px;
}

.skew{
	transform:skewY(-5deg);
	-webkit-backface-visibility: hidden;   
}
.skew *{
	transform:rotate(0.001deg);
}
.skew > *{
	transform:skewY(5deg);
	-webkit-backface-visibility: hidden;   
}

#complete-body{
	background:url(../img/area01-background-img.jpg) repeat-y center top /100% auto;
}
#complete-body .area05__contents{
	background:transparent;
}

#header,
#complete div{
	width:1200px;
	margin:0 auto;
}
#header{
	padding:50px 0;
	
}

#complete div{
	background-color:#fff;
	border:1px solid #242424;
	padding:80px 10px;
	text-align:center;
	margin-bottom:70px;
}

.complete-ttl{
	text-align:center;
	margin-bottom:60px;
	line-heigiht:1;
}

.complete-txt{
	margin-bottom:90px;
	line-height:1.8;
}

.complete-btn{
	width:300px;
	margin:0 auto;
	text-align:center;
}

.complete-btn a{
	display:block;
	border:2px solid #00aae8;
	padding:20px 10px;
	text-decoration:none;
	color:#060606;
}

#footer{
	text-align:center;
	padding-bottom:10px;
}