@charset "UTF-8";

/*
 * サイト共通用のCSSです。
 *
 */
/* 連続 br でIE6が改行しないバグ対策　CSS:letter-spacing の影響
----------------------------------------------- */
br {
  letter-spacing: normal;
}

/* フロート回り込み解除
----------------------------------------------- */
.clear {
  clear: both;
  display: none;
  font-size: 0px;
  line-height: 0%;
  height: 0px
}

/* float対策：背景色表示用
----------------------------------------------- */
.clearfix:after {
  display: block;
  clear: both;
  height: 0px;
  line-height: 0px;
  visibility: hidden;
  content: ".";
}

.clearfix {
  display: block;
  /* for IE8 */
}

.both {
  clear: both;
}

.hidden {
  display: none;
}

/* yui 上書き
----------------------------------------------- */
html,
body {
  /*height: 100%;*/
  /*背景画像を100%にする時に使用する*/
  overflow-x: hidden;
}

body {}

ol, ul, dl {
  margin: 0px;
}

li {
  list-style-type: none;
}

h1, h2, h3 {
  margin: 0px;
}

img {
  vertical-align: bottom;
}


/* -----------------------------------------------
 *
 *
 * ここから下を変更すること
 *
 *
----------------------------------------------- */
/* a リンク
----------------------------------------------- */
a {
  text-decoration: none;
  transition: 0.5s;
}

a:link {}

a:visited {}

a:hover {
  opacity: 0.6;
}

/* table
----------------------------------------------- */
tr {
  border: none;
}

th {
  background-color: #FFF;
}

th,
td {
  padding: 5px 10px;
  font-weight: 100;
  border: solid 1px #eaeaea;
}

/* ボタン
----------------------------------------------- */
.button {
  display: inline-block;
  border-top: 1px solid #ccc;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #ccc;
  padding: 5px 20px;
  font-weight: bold;
  cursor: pointer;
  color: #666;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px #E7E7E7;
  -moz-box-shadow: 1px 1px 2px #E7E7E7;
}

.button:hover {
  background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));
}

.button:active {
  background: #ccc;
  padding: 6px 20px 4px;
}

.b_btn {
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
}

.b_btn a {
  display: block;
  padding: 5px;
  transition: all .6s cubic-bezier(.165, .84, .44, 1);
  line-height: 39px;
  color: #fff;
  margin: 0 25px;
  background: linear-gradient(#034e59, #4c9a76);
  background: -moz-linear-gradient(left, #034e59, #4c9a76);
  background: -webkit-linear-gradient(left, #034e59, #4c9a76);
  background: linear-gradient(to right, #034e59, #4c9a76);
}

.b_btn a.orenge {
  background: linear-gradient(#eabd24, #ff8100);
  background: -moz-linear-gradient(left, #eabd24, #ff8100);
  background: -webkit-linear-gradient(left, #eabd24, #ff8100);
  background: linear-gradient(to right, #eabd24, #ff8100);
}

.b_btn a.purple {
  background: linear-gradient(#76a2af, #6a3acd);
  background: -moz-linear-gradient(left, #76a2af, #6a3acd);
  background: -webkit-linear-gradient(left, #76a2af, #6a3acd);
  background: linear-gradient(to right, #76a2af, #6a3acd);
}

.b_btn a.bule {
  background: linear-gradient(#167d82, #83bed4);
  background: -moz-linear-gradient(left, #167d82, #83bed4);
  background: -webkit-linear-gradient(left, #167d82, #83bed4);
  background: linear-gradient(to right, #167d82, #83bed4);
}

.b_btn a:hover {
  background-color: #333;
  color: #fff;
}

/* form
---------------------------------------------- */
/* -----------------------------------------------
 * メイン
----------------------------------------------- */
/*body { margin:0; padding:0; font-size:1.5rem; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; overflow-x:hidden; }*/
body {
  margin: 0;
  font: normal 1em/2em 'Open Sans', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
}

blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0;
  font-weight: 500;
}

.wrapper { overflow:hidden;}
.container { max-width: 1180px; width: 95%; margin: 0 auto; }

.sp { display: none; }
.tb { display: none; }
.sp_only { display: none; }
.pc { display: block; }

.ie_only { display: none !important; }
.ie_none { display: block !important; }

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


}

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


}

@media screen and (max-width:768px){
	.pc { display: none; }
  .sp { display: block; }
  .tb { display: block; }

}

@media screen and (max-width:479px){
	.tb { display: none; }
  .sp_only { display: block; }
}





/* 共通
----------------------------------------------- */
section { padding: 80px 0; }
h2 { font-size: 2.2rem; font-weight: bold; letter-spacing: 10px; }
h2.sec_title { font-size: 1.8rem; font-weight: bold; line-height: 50px; margin-bottom: 50px; letter-spacing: 3px; text-align: center; }
h2.sec_title span { font-size: 2.2rem; font-weight: bold; }
h3 { font-size: 2rem; font-weight: bold; letter-spacing: 3px; margin-bottom: 15px; text-align: center; }
p { font-size: 1.1rem; line-height: 30px; letter-spacing: 1px; text-align: justify; }

.center { text-align: center !important; }
.right { text-align: right !important; }
.bold { font-weight: bold; }
.small { font-size: 85%; }
.maru { border-radius: 50px; }
.half_box { width: 48%; }
.three_box { width: 31%; }

.sky { color: #036eb4; }
.gradation { color: #036892; background: linear-gradient(to right, #036eb4 ,#009f97, #8bc01f, #006834); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block;}
.bg_blue { background-color: #036eb4; color: #fff !important; }
.bg_stripe_blue {
  background-image: linear-gradient(
	-45deg,
	#0191da 25%,
	#0083ce 25%,
	#0083ce 50%,
	#0191da 50%,
	#0191da 75%,
	#0083ce 75%,
	#0083ce
  );
  background-size: 30px 30px;
  background-attachment: fixed;
}
.bg_stripe_green {
  background-image: linear-gradient(
	-45deg,
	#f3f7e6 25%,
	#dcedda 25%,
	#dcedda 50%,
	#f3f7e6 50%,
	#f3f7e6 75%,
	#dcedda 75%,
	#dcedda
  );
  background-size: 30px 30px;
  background-attachment: fixed;
}

.bnr_two a { width: 49%; }
.btn_blue { margin: 50px auto; text-align: center; display: inline-block; width: 40%; }
.btn_blue a { padding: 15px; display: block; background-color: #036eb4; color: #fff; text-decoration: none; border-radius: 50px; font-size: 1.4rem; font-weight: bold; letter-spacing: 3px; }

.ie_img { width: unset !important; }
.sec_title .ie_img { margin-bottom: 15px; }

@media screen and (max-width:1280px){
  h2 { font-size: 1.8rem; line-height: 45px; }
  p { font-size: 1rem; line-height: 30px; }
  h3 { font-size: 1.4rem; line-height: 30px; }

}



@media screen and (max-width:1024px){
  section { padding: 50px 0; }

}

@media screen and (max-width:768px){
  h2.sec_title { font-size: 1.4rem; line-height: 20px; }
  p { font-size: 0.9rem; line-height: 25px; }
  .sec_p { width: 80%; }

  .bnr_two a { width: 90%; margin: 0 auto 20px; }
  .half_box { width: 100%; }


}

@media screen and (max-width:479px){
  /* .front-page .wrapper { margin-top: 110px !important; }  */
  section { padding: 30px 0; }
  h2 { font-size: 1.4rem; line-height: 40px; letter-spacing: 6px; }
  h2.sec_title { font-size: 1.2rem; margin-bottom: 30px; }
  .ie_img { width: 80% !important; }
}

 @media screen and (max-width:479px){
  .achievement{
    margin-top: 35%;
  }
} 



/* ===================================================================
	/
	/	メインイメージ
	/
	=================================================================== */
	.main_img { position: relative; }
	.main_img .main_text { position:absolute; top: 50%; right: 15%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);margin:0; padding:0; width: 32%; }
  .main_img .main_text img { margin-bottom: -100px; }
  .main_img .main_text .goukaku_area { background-color: #fff; padding: 20px 15px 25px; }
  .main_img .main_text .goukaku_area .bg_stripe_blue { color: #fff; font-size: 1.6rem; font-weight: bold; padding: 10px; letter-spacing: 2px; text-align: center; }
  .main_img .main_text .goukaku_area .bg_stripe_blue .naname { font-style: italic; font-weight: bold; }
  .main_img .main_text .goukaku_area p.sky { width: 70%; margin: 10px auto; font-size: 2rem; font-weight: bold; line-height: 35px; letter-spacing: 2px;}
  .main_img .main_text .goukaku_area p.sky span { font-weight: bold; }
  .main_img .main_text .goukaku_area .jisseki { width: 95%; margin: 0 auto; font-weight: bold; line-height: 25px; }
	.main_img .main_news { position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background-color: #fff; padding: 10px; width: 90%; }
	.main_img .main_news p { padding: 15px 0; color: #333333; font-size: 1.2rem; }
  .main_img .main_news .news_date { color: #666666; font-weight: bold; margin-right: 50px; }
  .main_img .main_news .news_title { color: #666666; font-weight: bold; }
	.main_img .main_news .bg_blue { width: 250px; text-align: center; margin-right: 50px; }


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

  }

	@media only screen and (max-width:1400px){
    .main_img .main_text { top: 45%; }
    .main_img .main_text img { margin-bottom: 20px; }

  }

	@media only screen and (max-width:1024px){
    .main_img .main_news p { padding: 10px 0; }
  }

	@media only screen and (max-width:768px){
    .main_img .main_news { padding: 6px; }
    .main_img .main_news .bg_blue { width: 180px; margin-right: 20px; }
    .main_img .main_news p { font-size: 0.9rem; padding: 5px 0; }
    .main_img .main_news .news_date { margin-right: 30px; }

	}


	@media only screen and (max-width:479px){
    .main_img .main_text { width: 43%; top: 55%; right: 7%; }
    .main_img .main_text img { margin-bottom: 5px; }
    .main_img .main_news .bg_blue { width: 100%; margin-right: 0; }
    .main_img .main_news { border-radius: 10px; bottom: -65%; }
    .main_img .main_news .news_date { width: 100%; padding: 5px 0 0; margin: 0; }
    .main_img .main_news .news_title { width: 100%; padding: 0; }
	}


.front-page .s2 { background-image: url(../images/top_s2_bg.webp); background-position: top left; background-repeat:repeat; background-size: auto; }
.front-page .s2 .three_box .s2_text { position: relative; border-radius: 10px; padding: 20px 40px; color: #fff; height: 200px; }
.front-page .s2 .three_box .s2_text p { text-align: left; }
.front-page .s2 .three_box .s2_text .kochira { position: absolute; bottom: 15px; right: 12%; }
.front-page .s2 .three_box .s2_text .kochira a { color: #fff; text-decoration: none; font-size: 1rem; }
.front-page .s2 .three_box .s2_text .sankaku { position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 50px 50px; border-color: transparent transparent #fff transparent; }
.front-page .s2 .three_box .s2_text .kado { position: absolute; bottom: 5px; right: 5px; width: 40px; height:auto; }
.front-page .s2 .course01 { background-color: #009f97; }
.front-page .s2 .course02 { background-color: #8bc01f; }
.front-page .s2 .course03 { background-color: #006834; }


.front-page .s3 {
  text-align: center;
  background-image: url(../images/top_s3_bg03.webp), url(../images/top_s3_bg02.webp),  url(../images/top_s3_bg01.webp);
  background-position: top left, center center, top left;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 300px, 90%, cover;
  position: relative;
  padding: 60px 0 0;
}
.front-page .s3 h2 { color: #fff; }
.front-page .s3 .s3_text { width: 65%; position: absolute; top: 13%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.front-page .s3 .campus { background-color: #fff; text-align: center; position: relative; padding: 10px; width: 75%; margin: 0 auto; }
.front-page .s3 .campus p { font-size: 1.8rem; font-weight: bold; letter-spacing: 3px; }
.front-page .s3 .hana { position: absolute; top: -25%; left: 15%; width: 30px; }
.front-page .s3 .s3_shadow { font-size: 3rem; font-weight: bold; margin: 200px 0 90px; color: #fff; letter-spacing: 8px; text-shadow: 4px 4px 0px #356e8a; text-align: center; }
.front-page .s3 .taikenki { position: relative; }
.front-page .s3 .taikenki pre { color: #333333; text-align: justify; white-space: pre-wrap; background-color: #fff; border-radius: 20px; padding: 30px 60px; width: 85%; margin: 0 auto; height: 400px; overflow: scroll; }
.front-page .s3 .taikenki p.right { margin-bottom: 10px; }
.front-page .s3 .taikenki .balloon_waku { position: absolute; top: -12%; left: 5%; }
.front-page .s3 .taikenki .balloon { position: relative; padding: 15px 30px; border-radius: 20px; font-size: 1.2rem;}
.front-page .s3 .taikenki .balloon::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 25px 25px 0;
  border-color: transparent #036db4 transparent transparent;
}

h5.title {
    font-size: 20px;
    margin: 6px 0;
    font-weight: 600;
    color: #2a4f96;
}
.front-page .s4 .bnr_two a { width: 48%; }

.front-page .s5 .blog_box { width: 100%; background-color: #fff; padding: 30px 40px; border-radius: 20px; }
.front-page .s5 .blog_box h4 { color: #fff; font-size: 1.4rem; letter-spacing: 3px; font-weight: bold; text-align: center; display: block; padding: 15px; margin-bottom: 30px; }
.front-page .s5 .blog_box h4.munakata { background-color: #009f97; }
.front-page .s5 .blog_box h4.fukutsu { background-color: #036eb4; }
.front-page .s5 .blog_box ul li { margin-bottom: 50px; }
.front-page .s5 .blog_box ul li img { width: 35%; }
.front-page .s5 .blog_box ul li .blog_text { width: 60%; }
.front-page .s5 .blog_box ul li a { color: #000; font-weight: bold;}
.front-page .s5 .blog_box ul li .blog_text .blog_date, .s5 .blog_box ul li .blog_text .blog_title { font-weight: bold; }
.front-page .s5 .blog_box .blog_text .date span { color: #fff; border-radius: 50px; padding: 2px 10px; margin-left: 10px; letter-spacing: 0px;}
.blog-akama { background-color: #009F97; }
.blog-nishifukuma { background-color: #036EB4; }
.front-page .s5 .facebook_area { width: 45%; text-align: center; background-color: #fff; padding: 30px 40px; border-radius: 20px; }
.front-page .s5 .facebook_area .ie_img { margin-bottom: 30px; }
.front-page .s5 .facebook_area .fb-page { width: 100%; height: 100%; }

.front-page .s6 .sns_area { margin-bottom: 80px; }
.front-page .s6 .sns_area .half_box { text-align: center; }
.front-page .s6 .sns_area .half_box .ie_img { margin-bottom: 30px; }
.front-page .s6 .sns_area .half_box h3 img { width: 30px; height: auto; margin-right: 20px; }
.front-page .s6 .sns_area .instagram_area h3 { color: #006834; text-align: center; margin-bottom: 30px; }
.front-page .s6 .sns_area .facebook_area h3 { color: #2d6b83; text-align: center; margin-bottom: 30px; }
.front-page .s6 .green_waku { position: relative; border: 3px solid #009f97; border-radius: 10px; text-align: center; padding: 20px; }
.front-page .s6 .green_waku a img { width: 60px; margin-bottom: 10px; }
.front-page .s6 .green_waku a h3 { margin-top: 15px; color: #009f97; }
.front-page .s6 .green_waku a p { text-align: center; color: #009f97; }
.front-page .s6 .green_waku .sankaku { position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 50px 50px; border-color: transparent transparent #009f97 transparent; }
.front-page .s6 .green_waku .kado { position: absolute; bottom: 5px; right: 5px; width: 40px; height: auto; margin-bottom: 0; }
.front-page .s6 .green_waku a:hover h3, .front-page .s6 .green_waku a:hover p { opacity: 0.6; transition: 0.5s; }





@media only screen and (max-width: 1600px) {
  .front-page .s3 .s3_shadow { font-size: 2.2rem; margin: 150px 0 50px; }
}

@media only screen and (max-width: 1400px) {
  .front-page .s3 { background-size: 200px, 95%, cover; }
  .front-page .s3 .s3_text .campus { width: 65%; }
  .front-page .s3 .s3_text .campus .ie_img { width: 50% !important; }
  .front-page .s3 .s3_shadow { margin: 130px 0 50px; }
}

@media only screen and (max-width: 1200px) {
  .front-page .s3 .s3_text { top: 15%; }
  .front-page .s3 .s3_shadow { margin: 100px 0 160px; }
}

@media only screen and (max-width: 1100px) {
  .front-page .s2 .three_box .s2_text { padding: 15px 20px; }
  .front-page .s3 .s3_text { top: 16%; }
  .front-page .s6 .green_waku { padding: 15px; }
  .front-page .s6 .green_waku h3 { margin: 10px 0; }

}


@media only screen and (max-width: 1024px) {
  .front-page .s3 .s3_text .campus { width: 85%; }
  .front-page .s3 .taikenki { padding: 25px 40px; }
  .btn_blue { margin: 30px auto; }
  .btn_blue a { font-size: 1.2rem; }
  .front-page .s3 .s3_shadow { margin: 100px 0 80px; }
  .front-page .s3 .taikenki .balloon_waku { top: -5%; }


}

@media only screen and (max-width: 768px) {
  .front-page .s2 .three_box {
    width: 90%;
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    -webkit-box-align: center;
  	-ms-flex-align: center;
  	align-items: center;
    margin: 0 auto 20px;
  }
  .front-page .s2 .three_box .s2_img { width: 35%; }
  .front-page .s2 .three_box .s2_img img { width: 100%; }
  .front-page .s2 .three_box .s2_text { width: 65%; height: 100%; padding: 15px 30px; }

  .front-page .s3 h2 { line-height: 45px; }
  .front-page .s3 .s3_text { width: 90%; top: 23%; }
  .front-page .s3 .s3_text .campus { width: 90%; }
  .front-page .s3 .s3_shadow { margin: 100px 0 70px; }
  .front-page .s3 .taikenki pre { line-height: 1.5; }

  .front-page .s4 .bnr_two a { width: 90%; margin: 0 auto 20px; }

  .front-page .s5 .blog_box { width: 90%; margin: 0 auto 20px; }
  .front-page .s5 .blog_box ul li { margin-bottom: 20px; }
  .front-page .s5 .blog_box ul li img { width: 30%; }
  .front-page .s5 .blog_box ul li .blog_text { width: 65%; }
  .front-page .s5 .facebook_area { width: 90%; margin: 0 auto; }

  .front-page .s6 .three_box { width: 32%; }
  .front-page .s6 .green_waku { padding: 10px; }
  .front-page .s6 .green_waku img { width: 50px; }

}

@media only screen and (max-width: 479px) {
  .front-page .s2 .three_box { display: block; }
  .front-page .s2 .three_box .s2_img { width: 100%; }
  .front-page .s2 .three_box .s2_text { width: 100%; height: auto; padding: 15px; }
  .front-page .s2 .three_box .s2_text p { margin-bottom: 40px; }
  .front-page .s2 .three_box .s2_text .kochira { margin: 0; }
  .front-page .s2 .three_box .s2_text .kochira a { font-size: 0.9rem; }

  .front-page .s3 { background-size: 150px, 95%, cover; }
  .front-page .s3 h2 { line-height: 40px; }
  .front-page .s3 .s3_text { top: 26%; }
  .front-page .s3 .s3_text .campus { width: 100%; }
  .front-page .s3 .s3_text .campus .ie_img { width: 85% !important; }
  .front-page .s3 .hana { left: 0; width: 25px; }
  .front-page .s3 .s3_shadow { font-size: 1.4rem; margin: 70px 0 10px; }
  .front-page .s3 .taikenki { padding: 50px 0 0; width: 95%; margin: 0 auto; }
  .front-page .s3 .taikenki .balloon_waku { top: 5%; left: 0; }
  .front-page .s3 .taikenki .balloon { font-size: 0.9rem; padding: 10px; border-radius: 15px; }
  .front-page .s3 .taikenki .balloon::after { bottom: -15px; }
  .front-page .s3 .taikenki pre { font-size: 0.9rem; padding: 30px 20px; width: 100%; height: 300px; overflow: scroll; }


  .btn_blue { width: 90%; }
  .btn_blue a { font-size: 1rem; padding: 10px; }

  .front-page .s5 .blog_box { padding: 20px; width: 95%; }
  .front-page .s5 .blog_box h4 { font-size: 1rem; padding: 5px; }
  .front-page .s5 .blog_box ul li img { height: 100%; }
  .front-page .s5 .blog_box ul li .blog_text p { font-size: 0.8rem; }
  .front-page .s5 .facebook_area { width: 95%; padding: 20px;}
  .front-page .s5 .facebook_area .ie_img { width: 55% !important; margin-bottom: 20px; }

  .front-page .s6 .sns_area { margin-bottom: 30px; }
  .front-page .s6 .sns_area .half_box { margin-bottom: 30px; }
  .front-page .s6 .sns_area .half_box .ie_img { width: 55% !important; margin-bottom: 20px; }
  .front-page .s6 .three_box { width: 90%; margin: 0 auto 15px; }
  .front-page .s6 .green_waku { padding: 5px; }
  .front-page .s6 .green_waku img { width: 40px; }
  .front-page .s6 .green_waku h3 { margin: 5px 0; font-size: 1.2rem; }


}


/* IEのみ */
@media all and (-ms-high-contrast: none) {
  .ie_img { width: auto !important; }
  .ie_none { display: none !important; }
  .ie_only { display: block !important; }
  .h_menu { height: 10px; width: auto; margin: 3px auto !important; }
  .main_img .main_news p { padding: 15px 0 10px !important; }
  .btn_blue a { padding: 15px 0 10px !important; }
  .sec_title .ie_img { width: 30%; margin-bottom: 15px; }
  .front-page .s3 .ie_img { width: auto !important; }
  .front-page .s6 .sns_area .half_box .ie_img { width: 30%; margin-bottom: 30px; }

}