@charset 'utf-8';

/*
 * リセット
 */
body,header,footer,section,article,aside,div,p,ul,ol,li,h1,h2,h3,h4,h5,h6,a,figure,figcaption,img,table,tr,th,td,dl,dt,dd{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
h1,h2,h3,h4,h5,h6,th{font-weight:normal;}
/*
 * 共通
 */
body{
  font-family:Hiragino Kaku Gothic ProN, Meiryo, -apple-system, BlinkMacSystemFont, sans-serif;
  line-height:1.4;
  -webkit-text-size-adjust: 100%;
	
	overflow-x: hidden;
}
img{
  max-width:100%;
  vertical-align:bottom;
}
a{
  text-decoration:none;
  opacity:1;
  transition:all .3s;
}
a:hover{opacity:.8;}
ul{list-style:none;}

.align-left{text-align:left;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.v-top{vertical-align:top;}
.v-middle{vertical-align:middle;}
.v-bottom{vertical-align:bottom;}

.fz-s{}
.lh2{line-height:2;}
.txt-red{color:#EB614D;}
.txt-brown{color:#512313;}

.m_auto{margin-left:auto;margin-right:auto;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}

.mt30{margin-top:30px;}

.tbl{display:table;}
.row{display:table-row;}
.col,.col-l,.col-c,.col-r{display:table-cell;}
.ib{display:inline-block;}
.col-list{letter-spacing:-6px;}
.col-list li{
  display:inline-block;
  letter-spacing:normal;
}
.col-2 li{width:50%;}
.col-3 li{width:33.3%;}
.col-outer10{margin-left:-10px;margin-right:-10px;}
.col-outer10 li{padding-left:10px;padding-right:10px;}
.col-outer15{margin-left:-15px;margin-right:-15px;}
.col-outer15 li{padding-left:15px;padding-right:15px;}

.visible480{display:none;}
.visible640{display:none;}
.visible768{display:none;}

.wrapper{
  max-width:930px;
  margin:0 auto;
  padding:0 15px;
}
.container{
  max-width:900px;
  margin:0 auto;
}

.ggmap{
  position: relative;
  padding-bottom:58.8%;
  height: 0;
  overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.attention{
  text-indent:-1em;
  padding-left:1em;
  display:inline-block;
}
.attention:before{content:'\203B';}

.material-icons-outlined {
	vertical-align: middle;
	padding-left: 0.6em;
}

/* 改行させない */
.no-wrap {
    display: inline-block;
}
.no-wrap.del {
	display: inline-block;
}
.no-wrap.del2 {
	display: none;
}
.no-wrap2 {
	display: inline-block;
	padding-left: 1em;
}
.no-wrap2.del {
	display: none;
}
.no-wrap3 {
	display: inline-block;
	padding-left: 1.1em;
}

/* ヘッダー
----------------------------------------- */
header{
  background:url(../images/campus/border.png) 0 0 repeat;
  padding:0 0 30px;
  margin-bottom:60px;
  position:relative;
}
/*
header:after{
  content:'';
  width:100%;
  height:182px;
  background:url(../images/campus/bg-photo.jpg) center center no-repeat;
  background-size:contain;
  position:absolute;
  left:0;
  bottom:-232px;
}*/
.slider-area{
  display:none;
  margin-bottom:70px;
}
.main-ttl{padding-top:70px;}
.header-top-area{position:relative;}
.main-girl,.main-boy,
.logo,.contact-bn,
.main-hoiku,.main-kaigo{position:absolute;}
.logo{
  width:34.9%;
  top:15px;
  left:0;
}
.contact-bn{
  width:40.2%;
  top:0;
  right:-15px;
  z-index:1000;
}
.main-list{width:100%;}
.main-list .col-l{
  height:165px;
  background:#F3A37E;
  position:relative;
}
.main-list .col-r{
  height:165px;
  background:#5DC2D4;
  position:relative;
}
.main-hoiku{
  margin-top:-30px;
  top:0;
  right:8px;
}
.main-kaigo{
  margin-top:-30px;
  top:0;
  left:20px;
}
.person-area{
  max-width:1180px;
  padding:0 15px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}
.main-girl{
  width: 32.9%;
    position: absolute;
    left: 45px;
    bottom: -45%;
    z-index: 100;
}
.main-boy{
  width: 27.2%;
    position: absolute;
    right: 1%;
    bottom: -41%;
    z-index: 100;
}
/* コンテンツ
----------------------------------------- */
/* 背景色 */
.bg-gray{
  background:#F7F5EF;
  padding-top:60px;
  padding-bottom:90px;
}
.schedule-area{
  background:#D7EEF5;
  padding:20px 0 124px;
}
.time-schedule-area{
  background:#5DC2D4;
  padding:20px 0 70px;
}


.time-schedule-area.hide .wrapper {
	margin-top: 20px;
}

/* ▼▼▼オープンキャンパス日程表▼▼▼ */
.open-campus-ttl{margin-bottom:50px;}
.schedule-list{
  margin-top:-60px;
  margin-left:-1.6%;
  margin-right:-1.6%;
  margin-bottom:6%;
  text-align:center
}
.schedule-list li{
  width:16.1%;/* 日程current*/
  /* width:16.7%;日程ノーマル */
  padding-left:2%;
  padding-right:2%;
    font-family: 'Anton', sans-serif;
    font-size: 18px;
    line-height: 1;
}
.schedule-list li.current{
    width:19.5%;
    font-size: 21px;
}
.current{position:relative;}
.current-txt{
  width:78.4%;
  margin:0 auto;
  position:absolute;
  left:0;
  right:0;
  bottom:-25%;
}
/*青枠の日付*/
.schedule-list li div {
    border: 4px solid #86C6D6;
    background-color: #fff;
    box-shadow: 3px 3px rgba(0,0,0,0.3);
    padding: 10px 0 15px;
}
.schedule-list li p.date {
    vertical-align: text-top;
    font-size: 40px;
}
.schedule-list li p.date span {
    vertical-align: top;
    font-size: 60px;
}
.schedule-list li p.day {
    color: #86C6D6;
}
/*赤枠の日付*/
.schedule-list li.current div {
    border: 5px solid #EB614D;
    box-shadow: 4px 4px rgba(0,0,0,0.3);
	padding: 5px 0 10px;
}
.schedule-list li.current p.date {
    font-size: 50px;
    line-height: 1.2;
}
.schedule-list li.current p.date span {
    font-size: 70px;
}
.schedule-list li.current p.day {
    color: #EB614D;
}
/*小さい赤枠日付*/
.schedule-list li.s-current div {
	border: 4px solid #86C6D6;
	padding: 5px 0 3px;
}
.schedule-list li.s-current p.day {
	color: #86C6D6;
}
/*斜線など*/
.dia-line {
	width: auto;
	height: auto;
	background-image: linear-gradient(to right top,transparent 47%,rgba(134,198,214,0.6) 48%,rgba(134,198,214,0.6) 52%,transparent 53%);
}
.red-line {
	background-image: linear-gradient(to right top,transparent 47%,#EB614D 48%,#EB614D 52%,transparent 53%);
}
.red-line.thin {
	background-image: linear-gradient(to right top,transparent 49%,#EB614D 50%,#EB614D 50%,transparent 51%);
}
.peke {
	font-size: 13px;
	text-align: left;
	margin-left: 1em;
	text-indent: -1em;
	padding-left: 0.5em;

}

.peke.huti {
	text-shadow: 1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff;
}

/*文字色*/
.red-txt {
	font-weight: bold;
	color: #EB614D;
}

.blue-txt {
	font-weight: bold;
	color: #038C93;
}

.blue-txt2 {
	color: #5cb9c9;
}

/* ▲▲▲オープンキャンパス日程表▲▲▲ */

.point-list{margin-bottom:20px;}
.point-list li:first-child{padding-right:10px;}
.point-list li:last-child{padding-left:10px;}
/* タイムスケジュール */
.current-schedule-tbl{
  width:100%;
  margin-top:-40px;
  table-layout:fixed;
}
.current-schedule-tbl > .col-l{
  min-width:120px;
  width:25%;
  padding-right:2%;
}
.current-schedule-tbl .col-l,
.current-schedule-tbl .col-r{vertical-align:top;}
.time-schedule-list li{margin-bottom:15px;}
.time-schedule-list li:nth-last-child(2){margin-bottom:10px;}

.time-schedule-list li div {
    font-family: 'Anton', sans-serif;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    max-width: 170px;
    border: 6px solid #00B1C2;
    background-color: #fff;
    box-shadow: 5px 5px rgba(0,0,0,0.3);
    padding: 20px 0;
    margin-bottom: 20px;
}
.time-schedule-list li p.date {
    vertical-align: text-top;
    font-size: 40px;
}
.time-schedule-list li p.date span {
    vertical-align: top;
    font-size: 70px;
}
.time-schedule-list li p.day {
    color: #86C6D6;
}

.time-schedule-list p.f-small {font-size: 15px;}

.tbl-ttl{
  text-align:center;
  background:url(../images/campus/time-schedule-bg@2x.png) 0 0 no-repeat;
  background-size:cover;
  border:3px solid #00B1C2;
  border-bottom:0;
  padding:8px;
}
.time-schedule-tbl{width:100%;}
.octs-fontsize{font-size:20px!important;}
.time-schedule-tbl .col-l,
.time-schedule-tbl .col-r{
  font-size:20px;
  background:#fff;
  border-top:3px solid #00B1C2;
  border-left:3px solid #00B1C2;
  text-align:center;
  vertical-align:middle;
  padding:18px 10px 14px;
}
.time-schedule-tbl .col-r .small{font-size: 18px;}
.time-schedule-tbl .col-r .small-s{font-size: 16px;}
.time-schedule-tbl .col-r .small-s.no-wrap{padding-left: 1.4em;}
.small-s.no-wrap.ml{margin-left: 9em;}
.time-schedule-tbl .col-r .y-indent{
	padding-left: 2em;
	text-indent: -1em;
}
.time-schedule-tbl .col-l{width:22%;}
.time-schedule-tbl .col-r{border-right:3px solid #00B1C2;}
.time-schedule-tbl .row:last-child .col-l,
.time-schedule-tbl .row:last-child .col-r{border-bottom:3px solid #00B1C2;}
.attention-txt{
  font-size:18px;
  color:#fff;
  line-height:1.2;
}

/* タイムスケジュール非表示時 */
.current-schedule-tbl.hide {
	margin-top: 50px;
}

/* 年間計画表 */
.years-list{
	font-family: 'Anton', sans-serif;
	font-size: 20px;
    line-height: 1;
    text-align: center;
    /*max-width: 170px;*/
    border-top: 3px solid #86C6D6;
    background-color: #fff;
 /* box-shadow: 5px 5px rgba(0,0,0,0.3); */
    padding: 50px 10px;
}
.years-list p.date{
	vertical-align: text-top;
    font-size: 40px;
}
.years-list p.date span{
	vertical-align: top;
    font-size: 50px;
}
.years-list p.day{color: #86C6D6;}
.tbl-ttl2{
  /*text-align:center;
  border:3px solid #00B1C2;
  padding:8px;*/
  width: auto;

}
.tbl-ttl3{display: none;}
.years-tbl{
	width: 85%;
	/* border-spacing: 5px 0px; */
    margin-left: 70px;
}
.years-tbl .col-r {
  background:#fff;
  border-top:3px solid #86C6D6;
  border-bottom: none;
  vertical-align:middle;
  padding:18px 10px 14px;
}
.years-tbl .col-r .y-indent {
	padding-left: 2em;
	text-indent: -1em;
}

.y-indent .balloon {
	position: relative;
	display: inline-block;
	border-radius: 30px;
	padding-left: 1.8em;
	padding-right: 0.5em;
	background-color: #EB614D;
	margin-right: 0.5em;
	font-size: 14px;
	color: #fff;
}

/*.y-indent .balloon:before {
	content: "";
	border: 5px solid transparent;
	border-top: 5px solid #EB614D;
	position: absolute;
	top: 25%;
	right: -8px;
	transform: rotate(270deg);
}*/

.y2-indent {
	padding-left: 2em;
}

.md1 {display: inline-block;}
.md2 {display: inline-block;}
/* 体験内容/昨年の例 */
.example-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 80px;
}
.example-item {
    position: relative;
    width: 48.5%;
    border-radius: 12px;
    border: 4px solid #fff;
    box-shadow: 2px 2px #acaba7;
    color: #fff;
}
.example-item.hoiku {
    background-color: #eb614d;
}
.example-item.kaigo {
    background-color: #5dc2d4;
}
.example-item img {
    position: absolute;
    top: 20px;
    left: 15px;
}
.example-item ul {
    list-style: initial;
    list-style-type: square;
    margin: 20px 0 20px 128px;
    font-size: 17px;
}
.example-item ul li {
    margin-bottom: 8px;
    line-height: 1.1;
}
.example-item ul li span {
    font-size: 14px;
}

/* 体験内容/オープンキャンパスの3つの特徴 */
.taiken-area{
  margin-bottom:30px;
  position:relative;
}
.taiken01,.taiken02{position:absolute;}
.taiken01{
  top:20px;
  left:20px;
}
.taiken02{
  font-size:14px;
  color:#fff;
  bottom:20px;
  left:25%;
}
.feature-list li img{box-shadow:4px 4px 8px #bbb;}
/* オープンキャンパスに参加した人の声 */
.voice-list li{
	margin-bottom:30px;
	margin-top: 60px;
}
.voice-list li:nth-child(odd) .voice-person-area{padding-left:2%;}
.voice-list li:nth-child(even) .voice-person-area{padding-right:2%;}
.voice-outer{
  display:table;
  width:100%;
  position:relative;
}
.voice-box-outer,
.voice-person-area{
  display:table-cell;
  vertical-align:top;
}
.voice-box-outer{
  width:72.8%;
  position:relative;
}
.voice-box{
  background:#fff;
  padding:30px;
  box-shadow:3px 3px 5px #ccc;
  margin-top:10%;
  margin-bottom:20px;
}
.voice-ttl{margin-bottom:20px;}
.voice-txt{
  font-size:18px;
  line-height:1.5;
}
.right-name{text-align:right;}
.left-name{text-align:left;}
.tanaka01{
  position:absolute;
  top:7%;
  right:-11%;
}
.kurita01 {padding-left: 10px;}
.tanaka02,
.kurita02,
.kaneko02{
  position:absolute;
  z-index:200;
}
.kaneko02{
  width:17%;
  top:-1%;
  right:26%;
}
.kurita02{
  width:21%;
  top:-5%;
  left:24%;
}
.tanaka02{
  width:22%;
  top:-8%;
  right:31%;
}

.takahashi01 {
	margin-left: 20%;
}
/* FAQ */ 
.faq-list li{
  border-bottom:1px solid #000;
  padding-bottom:30px;
  margin-bottom:30px;
}
.faq-list li:last-child{
  border-bottom:0;
  padding-bottom:0;
  margin-bottom:0;
}
.faq-tbl{width:100%;}
.faq-tbl .col-l{padding-right:5%;}
.faq-tbl .col-r{width:57.5%;}
/* お問い合わせボタン周り */
.contact-btn-area{
  padding-top:80px;
  padding-bottom:90px;
}
.contact-btn{position:relative;}
.contact-btn{padding:0 5vw;}
.illust01,.illust02,
.illust03,.illust04{position:absolute;}
.illust01{
  width:18.9%;
  bottom:-18%;
  left:0;
}
.illust02{
  width:15.8%;
  bottom:-12%;
  right:2%;
}
.illust03{
  width:20%;
  bottom:-18%;
  left:1%;
}
.illust04{
  width:20.5%;
  bottom:-5%;
  right:0;
}
/* フォーム */
.container{
  max-width:1030px;
  padding:0 15px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:50px;
}
.ttl-area{
  text-align:center;
  margin-top:50px;
}
.form-ttl01{
  font-size:26px;
  font-weight:bold;
  color:#E75A6C;
  margin-bottom:10px;
}
.form-ttl02{
  display:inline-block;
  font-size:29px;
  font-weight:bold;
  color:#fff;
  background:#E75A6C;
  padding:5px 10px;
  margin-bottom:20px;
}
.form-outer{
  border:1px solid #F4B2CF;
  padding:25px;
  margin-bottom:30px;
}
.form-tbl{
  width:100%;
  table-layout:fixed;
}
.form-tbl:not(:last-child){border-bottom:1px solid #ccc;}
.form-tbl .col-l,
.form-tbl .col-r{
  padding:15px;
}
.form-tbl .col-l{
  width:210px;
  font-size:15px;
  font-weight:bold;
  padding-right:60px;
  position:relative;
  vertical-align:top;
}
.form-tbl .col-r{
  font-size:14px;
  border-left:1px solid #ccc;
  vertical-align:middle;
  padding-left:30px;
}
.require{
  font-size:12px;
  color:#fff;
  background:#E75A6C;
  padding:3px 6px;
  border-radius:3px;
}
.common{
  font-size:12px;
  color:#fff;
  background:#1DD0D5;
  padding:3px 6px;
  border-radius:3px;
}
.require,
.common{
  position:absolute;
  top:15px;
  right:15px;
}
.btn-list{
  max-width:500px;
  text-align:center;
  margin:auto;
}
.btn-list li{
  display:inline-block;
  padding:20px;
}
button[type="submit"],
button[type="reset"]{
  width:200px;
  background:#fff;
  border:1px solid #000;
  border-radius:6px;
  padding:5px;
}
textarea{
  width:100% !important;
  height:150px !important;
}
textarea,input,select{
  padding:5px;
  box-sizing:border-box;
  box-shadow:none !important;
}
.zip-btn{padding-left:20px;}
.zip-btn button{
  color:#fff;
  background:#666;
  border:0;
  border-radius:0;
  padding:5px 10px;
}
input[name="姓"],input[name="セイ"]{margin-right:20px !important;}
input[name="住所1"],input[name="住所2"]{width:70% !important;}
input[name="自宅電話番号1"],input[name="自宅電話番号2"],input[name="自宅電話番号3"]{width:20% !important;}
input[name="携帯電話番号1"],input[name="携帯電話番号2"],input[name="携帯電話番号3"]{width:20% !important;}
input[name="自宅電話番号3"]{margin-right:20px !important;}
input[name="携帯電話番号3"]{margin-right:20px !important;}
input[name="email"]{
  width:50% !important;
  margin-right:20px;
}
label:last-child{padding-left:10px;}
/* フッター
----------------------------------------- */
footer{
  background:url(../images/campus/border.png) 0 0 repeat;
  padding:65px 0 0;
}
.copyright{
  width:100%;
  height:120px;
  text-align:center;
  background:url(../images/campus/footer-bg.png) center top repeat;
  background-size:cover;
}
.copyright small{
  display:block;
  padding:100px 15px 0;
}
.access-box{
  background:#fff;
  border:1px solid #EB614D;
  letter-spacing:-6px;
  text-align:center;
  padding:3.3%;
}
.access-box li{
  width:50%;
  letter-spacing:normal;
  line-height:1;
  margin-left:auto;
  margin-right:auto;
}
.access-box li:first-child{margin-bottom:2%;}
.access-box li:nth-child(n+2){
  width:40%;
  display:inline-block;
  padding:0 3%;
}
/* =============================================================
   1180px以下
============================================================= */
@media screen and (max-width:1180px){
  
  /* ヘッダー
  ----------------------------------------- */
 .main-girl {
    width: calc(40% * .8);
    left: 1%;
    top: 30%;
}
 .main-boy {
    width: calc(35% * .8);
    right: -2%;
    top: 38%;
}
  
}

/* =============================================================
   1000px以下
============================================================= */
@media screen and (max-width:1000px){
	.main-girl {
		width: calc(35%* .8);
    left: -2%;
    top: 24%;
	}
	.main-boy {
		width: calc(32%* .8);
    right: -0.5%;
    top: 27%;
	}
  /* オープンキャンパスに参加した人の声 */
  .voice-list li{margin-bottom:30px;}
  .voice-list li:nth-child(odd) .voice-person-area{padding-left:2%;}
  .voice-list li:nth-child(even) .voice-person-area{padding-right:2%;}
  .voice-box-outer{width:75%;}
  .voice-box{
    background:#fff;
    padding:30px;
    box-shadow:3px 3px 5px #ccc;
    margin-top:0;
    margin-bottom:20px;
  }
  .kaneko .voice-ttl{max-width:calc(380px * .8) !important;}
  .kurita .voice-ttl{max-width:calc(474px * .8) !important;}
  /*.tanaka .voice-ttl{max-width:calc(457px * .8) !important;}*/
  .kaneko .voice-name{max-width:calc(590px * .8) !important;}
  .kurita .voice-name{max-width:calc(628px * .8) !important;}
  .tanaka .voice-name{max-width:calc(590px * .8) !important;}
  .voice-txt{font-size:15px;}
  .kaneko01{
    width:75%;
    margin-left:auto;
  }
  .kurita01{
    width:75%;
    margin-right:auto;
  }
  .tanaka01{
    /*width:85%;*/
    margin-left:auto;
    position:static;
  }
  .kaneko02{
    width:12%;
    top:-1%;
    right:20%;
  }
  .kurita02{
    width:12%;
    top:-2%;
    left:15%;
  }
  .tanaka02{
    width:12%;
    top:-2%;
    right:23%;
  }
	
	.takahashi01 {
	margin-left: 0;
}

}
/* =============================================================
   900px以下
============================================================= */
@media screen and (max-width:900px){
    /* ▼▼▼オープンキャンパス日程表▼▼▼ */
    .schedule-list li{
        font-size: 16px;
    }
    .schedule-list li.current{
        font-size: 18px;
    }
    .schedule-list li p.date {
        font-size: 30px;
    }
    .schedule-list li p.date span {
        font-size: 50px;
    }
    .schedule-list li.current p.date {
        font-size: 40px;
    }
    .schedule-list li.current p.date span {
        font-size: 60px;
    }
    /* ▲▲▲オープンキャンパス日程表▲▲▲ */
}
/* =============================================================
   768px以下
============================================================= */
@media screen and (max-width:768px){
  .visible768{display:inline-block;}
  .hidden768{display:none;}
  .mb10{margin-bottom:calc(10px * .8);}
  .mb20{margin-bottom:calc(20px * .8);}
  .mb30{margin-bottom:calc(30px * .8);}
  .mb40{margin-bottom:calc(40px * .8);}
  .mb50{margin-bottom:calc(50px * .8);}
  .mb60{margin-bottom:calc(60px * .8);}
  .mb70{margin-bottom:calc(70px * .8);}
  .mb80{margin-bottom:calc(80px * .8);}
  /* ヘッダー
  ----------------------------------------- */
  .main-girl,
  .main-boy{display:none;}
  .main-list.tbl{table-layout:fixed;}
  .main-list .col-l,
  .main-list .col-r{
    height:inherit;
    padding:10px;
  }
  .main-hoiku,
  .main-kaigo{
    margin-top:-11%;
    position:static;
  }
  .main-kaigo{padding:0 6%;}
  .slider-area{display:block;}
  /* コンテンツ
  ----------------------------------------- */
  /* ▼▼▼オープンキャンパス日程表▼▼▼ */
  .schedule-list li{
    padding-left: 1%;
    padding-right: 1%;
  }  
  /* ▲▲▲オープンキャンパス日程表▲▲▲ */    
    
  /* タイムスケジュール */
    .time-schedule-list li div {
        font-size: 21px;
        max-width: 136px;
        padding: 11px 0;
    }
    .time-schedule-list li p.date {
        font-size: 30px;
    }
    .time-schedule-list li p.date span {
        font-size: 60px;
    }
    
	.time-schedule-list p.f-small {font-size: 12px;}
	
  .time-schedule-tbl .col-l,
  .time-schedule-tbl .col-r{font-size:18px;}
  .time-schedule-tbl .col-r .small{font-size: 16px;}
  .time-schedule-tbl .col-r .small-s{font-size: 14px;}
  .octs-fontsize{font-size:18px!important;}

  /* 年間計画表 */
  .tbl-ttl2 {display: none;}
  .tbl-ttl3 {
	  display: block;
	  max-width: auto;
	}
  .years-list{
		font-size: 21px;
        /*max-width: 136px;*/
	    padding: 30px 5px 85px;
	}
  .years-list p.date{font-size: 30px;}
  .years-list p.date span{font-size: 50px;}
  /* .years-tbl .col-r{font-size:18px;} */
  .years-tbl{margin-left: 50px;}
	.md1 {padding-left: 2em;}
	.peke {font-size: 10px;}
	
  /* 体験内容 */
    .example-area {
        justify-content: center;
        margin-bottom: 30px;
    }
    .example-item {
        width: 100%;
        max-width: 430px;
        margin-bottom: 20px;
    }
    
  /* オープンキャンパスに参加した人の声 */
  .kaneko02,
  .kurita02{width:90px;}
  .tanaka02{
	  width:90px;
	  top: -5%;
	}
  
  /* フォーム */
  .form-ttl01{font-size:18px;}
  .form-ttl02{font-size:20px;}
  .form-outer{padding:15px;}
  .form-tbl{
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
  }
  .form-tbl.tbl,
  .form-tbl .row,
  .form-tbl .col-l,
  .form-tbl .col-r{
    display:block;
    width:100%;
  }
  .form-tbl .col-l{
    font-size:14px;
    border-bottom:0;
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
  }
  .form-tbl .col-r{
    font-size:12px;
    border-left:0;
    border-bottom:1px solid #ccc;
    padding-left:10px;
  }
  .form-tbl .row:last-child .col-l,
  .form-tbl .row:last-child .col-r{border-bottom:0;}
  .require,.common{right:0;}
  input[name="姓"],input[name="名"],
  input[name="セイ"],input[name="メイ"]{display:block !important;}
  input[name="姓"],input[name="セイ"]{
    margin-right:0;
    margin-bottom:10px;
  }
  input[name="住所1"],input[name="住所2"]{width:100% !important;}
  input[name="自宅電話番号1"],input[name="自宅電話番号2"],input[name="自宅電話番号3"]{width:20% !important;}
  input[name="携帯電話番号1"],input[name="携帯電話番号2"],input[name="携帯電話番号3"]{width:20% !important;}
  input[name="email"]{
    width:100% !important;
    margin-right:0;
  }
  label:last-child{padding-left:10px;}
}
/* =============================================================
   640px以下
============================================================= */
@media screen and (max-width:640px){
  .visible640{display:inline-block;}
  .hidden640{display:none !important;}
  .col-list.tab2-2 li{
    display:block;
    width:100%;
  }
  .tab2-2.col-outer10{margin-left:auto;margin-right:auto;}
  .tab2-2.col-outer10 li{padding-left:0;padding-right:0;}
  .tab2-2.col-outer15{margin-left:auto;margin-right:auto;}
  .tab2-2.col-outer15 li{padding-left:0;padding-right:0;}
  
  /* ▼▼▼オープンキャンパス日程表▼▼▼ */
  .schedule-list{
      width: 500px;
      max-width: 100%;
      margin: -55px auto 0 auto;
      margin-bottom:10%;}
  .schedule-list li{
      width:31%;
      max-width: 120px;
      margin-bottom:4%;
      padding-left: 2%;
      padding-right: 2%;
  }
  .schedule-list li.current{
      width:38%;
      max-width: 140px;
      margin-bottom:4%;
  }
  /* ▲▲▲オープンキャンパス日程表▲▲▲ */
    
  /* タイムスケジュール */
  .current-schedule-tbl{
    width:100%;
    margin-top:-40px;
  }
  .current-schedule-tbl > .col-l,
  .current-schedule-tbl > .col-r{
    display:block;
    min-width:inherit;
    width:100%;
    padding-right:0;
  }
  .time-schedule-list{
    letter-spacing:-6px;
    margin-left:-5px;
    margin-right:-5px;
    margin-bottom:20px;
  }
  .time-schedule-list li,.years-list{
    /*display:inline-block;*/
    width:33.3%;
    letter-spacing:normal;
    vertical-align:bottom;
    padding-left:5px;
    padding-right:5px;
  }
  .time-schedule-list li:first-child,
  .time-schedule-list li:last-child{display:block;}
  .time-schedule-list li:first-child{
      width: 136px;
  }
  .time-schedule-list li:last-child{width:100%;}
  .time-schedule-list li:nth-last-child(2){margin-bottom:15px;}
  .time-schedule-tbl .col-l,
  .time-schedule-tbl .col-r{font-size:14px;}
  .time-schedule-tbl .col-r .small{font-size: 12px;}
  .time-schedule-tbl .col-r .small-s{font-size: 10px;}
  .octs-fontsize{font-size:14px!important;}
  /* 年間計画表 */
  .years-list{
		font-size: 15px;
        /*max-width: 90px;
	    padding: 35px 0 106px;*/
	    width: auto/*100px*/;
	    margin-left:-5px;
        margin-right:-5px;
	    padding-bottom: 120px;
	}
  .years-list p.date{font-size: 25px;}
  .years-list p.date span{font-size: 35px;}
  .years-tbl{
	  margin-left: 20px;
	  width: 90%;
	}
  .years-tbl .col-r{
	  padding:0 5px 0 2px;
	  font-size: 14px;
	}
	
  /* 体験内容/オープンキャンパスの3つの特徴 */
  .feature-list{
    margin-left:auto;
    margin-right:auto;
  }
  .feature-list{max-width:300px;}
  .feature-list li:nth-child(-n+2){margin-bottom:20px;}
  /* オープンキャンパスに参加した人の声 */
  .sp-comment{box-shadow:3px 0 5px #ccc;}
  .kaneko .voice-ttl{max-width:calc(481px * .65) !important;}
  .kurita .voice-ttl{max-width:calc(593px * .65) !important;}
  /*.tanaka .voice-ttl{max-width:calc(410px * .65) !important;}*/
  .kaneko .voice-name{max-width:calc(590px * .65) !important;}
  .kurita .voice-name{max-width:calc(628px * .65) !important;}
  .tanaka .voice-name{max-width:calc(618px * .65) !important;}
  .voice-box{
    padding:15px;
    margin-bottom:10px;
  }
  .voice-ttl{margin-bottom:15px;}
  .voice-txt{font-size:12px;}
  .voice-outer,
  .voice-box-outer{
    display:block;
    width:100%;
  }
  .voice-person-area{display:none;}
  .right-name,.left-name{margin:auto;}
  .voice-list li:first-child{margin-top:30px;}
  /* FAQ */ 
  .faq-tbl.tbl,
  .faq-tbl .col-l,
  .faq-tbl .col-r{
    display:block;
    width:100%;
  }
  .faq-tbl .col-l{
    width:65%;
    padding-right:0;
    margin-bottom:20px;
  }
  .faq-tbl .col-r{text-align:right;}
}

/* =============================================================
   480px以下
============================================================= */
@media screen and (max-width:480px){
  .visible480{display:inline-block;}
  .mb10{margin-bottom:calc(10px * .6);}
  .mb20{margin-bottom:calc(20px * .6);}
  .mb30{margin-bottom:calc(30px * .6);}
  .mb40{margin-bottom:calc(40px * .6);}
  .mb50{margin-bottom:calc(50px * .6);}
  .mb60{margin-bottom:calc(60px * .6);}
  .mb70{margin-bottom:calc(70px * .6);}
  .mb80{margin-bottom:calc(80px * .6);}
  
  .col-list.sp-2 li{
    display:block;
    width:100%;
    margin-bottom:5%;
  }
  .col-list.sp-2 li:first-child{padding-right:0;}
  .col-list.sp-2 li:last-child{padding-left:0;}
  
  /* ヘッダー
  ----------------------------------------- */
  .logo{width:40%;}
  .contact-bn{width:52.2%;}
  .main-ttl{padding-top:80px;}
  .main-list.tbl,
  .main-list .col-l,
  .main-list .col-r{
    display:block;
    width:100%;
    text-align:center;
  }
  .main-hoiku,
  .main-kaigo{margin-top:0;}
  /* コンテンツ
  ----------------------------------------- */
  /* ▼▼▼オープンキャンパス日程表▼▼▼ */
    .schedule-list li{
        font-size: 14px;
    }
    .schedule-list li.current{
        font-size: 16px;
    }
    .schedule-list li p.date {
        font-size: 25px;
    }
    .schedule-list li p.date span {
        font-size: 40px;
    }
    .schedule-list li.current p.date {
        font-size: 30px;
    }
    .schedule-list li.current p.date span {
        font-size: 50px;
    }
  /* ▲▲▲オープンキャンパス日程表▲▲▲ */

  .point-list li:first-child{padding-right:10px;}
  .point-list li:last-child{padding-left:10px;}
  
  /* 体験内容 */
    .example-item ul {
        margin: 80px 10px 10px 35px;
    }
    .example-item img {
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        -webkit- transform: translateX(-50%);
        margin-left: auto;
        margin-right: auto;
    }

  /* 年間計画表 */
	.tbl-ttl3 {
		width: 90%;
		margin-left: 15px;
	}
	.no-wrap.del {
		display: none;
	}
	.no-wrap2.del {
		display: inline-block;
		padding-left: 1em;
	}
	.no-wrap.del2 {
		display: inline-block;
		/* text-indent: -2em; */
	}
	.no-wrap2.del2 {
		display: none;
	}
	.md2 {padding-left: 2em;}
	.peke {font-size: 2.3vw;}
  /* フォーム */
  .zip-btn{
    display:block;
    padding-left:0;
    margin-top:10px;
  }
  /* フッター
  ----------------------------------------- */
  .access-box{padding:30px;}
  .access-box li{width:100%;}
  .access-box li:first-child,
  .access-box li:nth-child(n+2){margin-bottom:15px;}
  .access-box li:last-child{margin-bottom:0;}
  .access-box li:nth-child(n+2){
    width:100%;
    display:block;
    padding:0;
  }
  .ggmap{padding-bottom:80%;}
}

/* =============================================================
   391px以下
============================================================= */
@media screen and (max-width:391px) {
	.years-list {padding-bottom: 170px;}
}

/* =============================================================
   355px以下
============================================================= */
@media screen and (max-width:355px) {
	.small-s.no-wrap.ml{margin-left: 0;}
	.years-list {padding-bottom: 180px;}
}

/* =============================================================
   高解像度ディスプレイ用
============================================================= */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (   -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (           min-resolution: 192dpi),
       only screen and (            min-resolution: 2dppx){
        .chk_box-inner li:before{
          background:url(http://yumekoubou946.com/wp-content/uploads/2017/04/chk@2x.png) left center no-repeat;
          background-size:contain;
        }
}

.opencampus
{margin-top:20px;}