@charset "utf-8";

	.m-opencampus .schedule .schedule_in .top .text {
		width: 65%;
		padding-right: 60px; }
	.m-opencampus .schedule .schedule_in .top .img {
		width: 35%; }

	.m-contact .text_content {
		max-width: 1200px;
		margin: 0 auto 60px; }

	.m-contact .form_content {
		max-width: 1200px;
		margin: 0 auto 60px; }

	.cancelArea {
		text-align: center;
		margin-bottom: 40px;
		margin-top: 40px;
		overflow: hidden; }
	.cancelArea input {
		margin: 15px 20px;
		transition: all .3s ease;
		font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
		font-weight: bold;
		border-radius: 0; }
	.cancelArea input:hover {
		opacity: .8; }

	.m-campusmap .bldg .bldg_box .img span {
		color: #eee;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
		position: absolute;
		display: block;
		font-family: "din-demi-m";
		font-size: 2rem;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		top: -15px;
		left: 5px;
		letter-spacing: 2px;
		font-weight: bold; }

	.lower_ttl_guidance {
		padding-top: 30px;
		height: 500px;
		margin-bottom: 70px;
		background-image: url(./img/main_guidance_bg@2x.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover; }
		.lower_ttl_guidance h1 {
			text-align: center;
			padding-top: 90px; }

	.m-opencampus .schedule .schedule_table table td {
		border: none;
		border-bottom: 1px solid #ccc;
		padding: 15px 20px; }

	.m-campusmap .map .map_area {
		max-width: 1200px;
		margin: 0 auto; }

	.l-header .mega_menu ul li a.blue {
		color: #00a2cb;
		background: #fff; }
	.l-header .mega_menu ul li a.blue:hover {
		color: #fff;
		background: #00a2cb; }
	.l-header .mega_menu ul li a.blue2 {
		color: #00a2cb;
		background: #e0ffff; }
	.l-header .mega_menu ul li a.blue2:hover {
		color: #fff;
		background: #00a2cb; }

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

	/* 内定者メッセージ */
	.m-message .message .careers_list .row > div {
		padding-right: 10px;
		padding-left: 10px;
		margin-bottom: 30px; }

.lower_ttl_message {
  position: relative;
  height: 770px;
  max-width: 1200px;
  margin: 0 auto 40px; }
  .lower_ttl_message.main_message1 .front .offer {
    background: #ee86b4; }
  .lower_ttl_message.main_message1 .front .license {
    border: 3px solid #ee86b4; }
  .lower_ttl_message.main_message2 .front .offer {
    background: #428fca; }
  .lower_ttl_message.main_message2 .front .license {
    border: 3px solid #428fca; }
  .lower_ttl_message.main_message3 .front .offer {
    background: #529fda; }
  .lower_ttl_message.main_message3 .front .license {
    border: 3px solid #529fda; }
  .lower_ttl_message.main_message4 .front .offer {
    background: #529fda; }
  .lower_ttl_message.main_message4 .front .license {
    border: 3px solid #529fda; }
  .lower_ttl_message.main_message5 .front .offer {
    background: #4eb7ba; }
  .lower_ttl_message.main_message5 .front .license {
    border: 3px solid #4eb7ba; }
  .lower_ttl_message.main_message6 .front .offer {
    background: #f7b000; }
  .lower_ttl_message.main_message6 .front .license {
    border: 3px solid #f7b000; }
  .lower_ttl_message.main_message7 .front .offer {
    background: #ee86b4; }
  .lower_ttl_message.main_message7 .front .license {
    border: 3px solid #ee86b4; }
  .lower_ttl_message.main_message8 .front .offer {
    background: #ee86b4; }
  .lower_ttl_message.main_message8 .front .license {
    border: 3px solid #ee86b4; }
  .lower_ttl_message.main_message9 .front .offer {
    background: #ee86b4; }
  .lower_ttl_message.main_message9 .front .license {
    border: 3px solid #ee86b4; }

  .lower_ttl_message::before {
    content: "";
    display: block;
    width: 100%;
    height: 550px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 0; }

	.lower_ttl_message.main_message1::before {
    background: url(../../img/main/main_message1@2x.jpg) 50%;
    background-size: cover; }
  .lower_ttl_message.main_message2::before {
    background: url(../../img/main/main_message2@2x.jpg) 50%;
    background-size: cover; }
  .lower_ttl_message.main_message3::before {
    background: url(../../img/main/main_message3@2x.jpg) 50%;
    background-size: cover; }
  .lower_ttl_message.main_message4::before {
    background: url(../../img/main/main_message4@2x.jpg) 50%;
    background-size: cover; }
  .lower_ttl_message.main_message5::before {
    background: url(../../img/main/main_message5@2x.jpg) 50%;
    background-size: cover; }
  .lower_ttl_message.main_message6::before {
    background: url(../../img/main/main_message6@2x.jpg) 50%;
    background-size: cover; }
  .lower_ttl_message.main_message7::before {
    background: url(../../img/main/main_message7@2x.jpg) 50%;
    background-size: cover; }
  .lower_ttl_message.main_message8::before {
    background: url(../../img/main/main_message8@2x.jpg) 50%;
    background-size: cover; }
  .lower_ttl_message.main_message9::before {
    background: url(../../img/main/main_message9@2x.jpg) 50%;
    background-size: cover; }
  .lower_ttl_message.main_message10::before {
    background: url(../../img/main/main_message10@2x.jpg) 50%;
    background-size: cover; }
	
  .lower_ttl_message .front {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 100px; }
    .lower_ttl_message .front .subttl {
      color: #111;
      font-size: 1.8rem;
      font-weight: bold;
      margin-bottom: 40px; }
      .lower_ttl_message .front .subttl::before {
        content: "";
        display: block;
        border-bottom: 3px solid #222;
        width: 30px;
        margin-bottom: 12px; }
    .lower_ttl_message .front .offer {
      color: #fff;
      padding: 40px 0 40px 30px;
      width: 410px; }
      .lower_ttl_message .front .offer .job {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 35px; }
        .lower_ttl_message .front .offer .job .ico {
          display: block;
          padding-right: 18px; }
        .lower_ttl_message .front .offer .job .company {
          font-size: 3.0rem;
          font-weight: bold;
          border-left: 1px solid rgba(255, 255, 255, 0.5);
          padding: 5px 20px; }
          .lower_ttl_message .front .offer .job .company span {
            font-size: 2.0rem; }
      .lower_ttl_message .front .offer h2 {
        font-size: 2.4rem; }
        .lower_ttl_message .front .offer h2 span {
          display: block;
          font-size: 1.3rem;
          margin-bottom: 5px; }
    .lower_ttl_message .front .license {
      background: #fff;
      padding: 25px;
      width: 620px;
      margin: -70px 0 0 340px; }
      .lower_ttl_message .front .license strong {
        display: block;
        font-size: 2.0rem;
        color: #111;
        margin-bottom: 20px; }
      .lower_ttl_message .front .license p {
        font-size: 1.3rem;
        line-height: 1.5; }

	/* SPインタビュー */
	.interview-pv_contentswrap {
		width:100%;
		margin-top:60px;
	}
	.interview-pv_contentsleft {
		width:62%;
		float:left;
	}
	.interview-pv_contentsright {
		width:37%;
		float:right;
	}
	.interview-pv_title{
		width:100%;
		height:12%;
		padding:3%;
		box-sizing:border-box;
		font-size:15px;
		background-color:#fff;
	}
	.interview-pv_name {
		font-size:18px;
		font-weight:bold;
	}
	.interview-pv_letter{
		width:100%;
		height:80%;
		margin-top:2%;
		padding:3%;
		box-sizing:border-box;
		font-size:15px;
		color:#069;
		background-color:#fff;
	}
	/* SPインタビュー第2版 */
	.kasd-pv_bgwhite {
		width:100%;
		margin-top:60px;
		padding:5%;
		padding-left:10%;
		box-sizing:border-box;
		background-color:#fff;
	}
	.kasd-pv_bgglay {
		width:100%;
		margin-top:60px;
		padding:5%;
		padding-right:10%;
		box-sizing:border-box;
		background-color:#f5f5f5;
	}
	.kasd-pv_contents {
		width:100%;
		position:relative;
	}
	.kasd-pv_play {
		width:10%;
		height:18%;
		background-color:#069;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
	}
	.kasd-pv_sentwrapleft {
		width:58%;
		margin-top:20px;
		box-sizing:border-box;
		float:left;
	}
	.kasd-pv_sentwrapright {
		width:40%;
		margin-top:20px;
		box-sizing:border-box;
		float:right;
	}
	.kasd-pv_sentname {
		margin-top:35px;
		font-weight:bold;
		font-size:30px;
	}
	.kasd-pv_sentschool {
		margin-top:5px;
		font-size:20px;
	}
	.kasd-pv_sentsub {
		padding:3px 10px 3px 10px;
		box-sizing:border-box;
		font-weight:bold;
		font-size:20px;
		color:#fff;
		background-color:#069;
	}
	.kasd-pv_sentcomment {
		width:100%;
		margin-top:25px;
		font-weight:bold;
		font-size:18px;
		line-height:1.8;
		color:#069;
	}
	.kasd-pv_sentlicensetitle {
		width:100%;
		margin-top:30px;
		font-weight:bold;
		font-size:24px;
		color:#069;
		line-height:1.5;
		border-bottom:2px solid #069;
	}
	.kasd-pv_sentlicensebox {
		width:100%;
		height:150px;
		margin-top:10px;
		padding:1%;
		box-sizing:border-box;
		font-size:18px;
		color:#069;
	}

	.lower_ttl_webopencampus {
		padding-top: 30px;
		height: 500px;
		margin-bottom: 70px;
		background-image: url(../../img/main/main_webopencampus_bg@2x.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover; }
		.lower_ttl_webopencampus h1 {
		  text-align: center;
		  padding-top: 90px; }

	.lower_ttl_kasdlive {
		padding-top: 30px;
		height: 500px;
		margin-bottom: 70px;
		background-image: url(../../img/main/main_kasdlive_bg@2x.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover; }
		.lower_ttl_kasdlive h1 {
		  text-align: center;
		  padding-top: 90px; }

@media only screen and (max-width: 767px) {
	.lower_ttl_webopencampus {
		margin-top: 55px;
		height: 310px;
		margin-bottom: 20px;
		padding-top: 0; }
		.lower_ttl_webopencampus h1 {
			max-width: 300px;
			margin: 0 auto;
			padding-top: 65px; }
			
	.lower_ttl_kasdlive {
		margin-top: 55px;
		height: 310px;
		margin-bottom: 20px;
		padding-top: 0; }
		.lower_ttl_kasdlive h1 {
			max-width: 300px;
			margin: 0 auto;
			padding-top: 65px; }
			
	.m-opencampus .schedule .schedule_in .top .text {
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px; }
	.m-opencampus .schedule .schedule_in .top .img {
		width: 100%; }

	.lower_ttl_guidance {
		margin-top: 55px;
		height: 310px;
		margin-bottom: 20px;
		padding-top: 0; }
	.lower_ttl_guidance h1 {
		max-width: 300px;
		margin: 0 auto;
		padding-top: 65px; }
	
	.m-opencampus .schedule .schedule_table table td {
		padding: 10px; }
	
	.careers_width {
		width:100%;
		margin:0 auto;
	}

	/* SPインタビュー */
	.interview-pv_contentswrap {
		width:100%;
		margin-top:20px;
	}
	.interview-pv_contentsleft {
		width:100%;
		padding:5px;
		box-sizing:border-box;
	}
	.interview-pv_contentsright {
		width:100%;
		padding:5px;
		box-sizing:border-box;
	}
	.interview-pv_contents {
		width:100%;
		height:800px;
		padding:5px;
		box-sizing:border-box;
	}
	.interview-pv_title{
		width:100%;
		height:15%;
		padding:3%;
		font-size:12px;
		box-sizing:border-box;
		background-color:#fff;
	}
	.interview-pv_name {
		font-size:14px;
		font-weight:bold;
	}
	.interview-pv_letter{
		width:100%;
		height:80%;
		margin-top:2%;
		padding:3%;
		box-sizing:border-box;
		font-size:12px;
		color:#069;
		line-height:1.5;
		background-color:#fff;
	}

	/* SPインタビュー第2版 */
	.kasd-pv_bgwhite {
		width:100%;
		margin-top:20px;
		padding:2%;
		padding-top:5%;
		padding-bottom:5%;
		box-sizing:border-box;
		background-color:#fff;
	}
	.kasd-pv_bgglay {
		width:100%;
		margin-top:20px;
		padding:2%;
		padding-top:5%;
		padding-bottom:5%;
		box-sizing:border-box;
		background-color:#f5f5f5;
	}
	.kasd-pv_contents {
		width:100%;
		position:relative;
	}
	.kasd-pv_play {
		width:10%;
		height:18%;
		background-color:#069;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
	}
	.kasd-pv_sentwrapleft {
		width:100%;
		margin-top:10px;
	}
	.kasd-pv_sentwrapright {
		width:100%;
		margin-top:0px;
	}
	.kasd-pv_sentname {
		margin-top:10px;
		font-weight:bold;
		font-size:28px;
	}
	.kasd-pv_sentschool {
		margin-top:5px;
		font-size:14px;
	}
	.kasd-pv_sentsub {
		padding:3px 3px 3px 3px;
		box-sizing:border-box;
		font-weight:bold;
		font-size:12px;
		color:#fff;
		background-color:#069;
	}
	.kasd-pv_sentcomment {
		width:100%;
		margin-top:10px;
		font-weight:bold;
		font-size:14px;
		color:#069;
	}
	.kasd-pv_sentlicensetitle {
		width:100%;
		font-weight:bold;
		font-size:18px;
		color:#069;
		border-bottom:2px solid #069;
	}
	.kasd-pv_sentlicensebox {
		width:100%;
		margin-top:10px;
		padding:2%;
		box-sizing:border-box;
		font-size:14px;
		color:#069;
	}

}