@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,700");
/* reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  /*	outline: 0;*/ }

html {
  font-size: 100%;
  -webkit-text-size-adjust: none; }

img {
  vertical-align: text-bottom;
  -ms-interpolation-mode: bicubic; }

a {
  -webkit-tap-highlight-color: transparent; }

strong {
  font-weight: bold; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  /*	border-collapse: separate;*/
  border-spacing: 0; 
	border: 1px solid #333333;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
	border: 1px solid #333333;
	padding-left: 5px;
  vertical-align: top; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a:focus {
  /*\*/
  overflow: hidden;
  /**/ }

option {
  padding-right: 10px; }

/* HTML5 ELEMENTS */
header, article, aside, section, footer,
nav, menu, details, hgroup, summary {
  display: block; }

/*************** common 共通クラス ***************/
@media (max-width: 1023px) {
  .pc-visibility {
    display: none !important;
    visibility: hidden; } }

@media (min-width: 1024px) {
  .tb-visibility {
    display: none !important;
    visibility: hidden; } }

@media (max-width: 767px) {
  .tb-visibility {
    display: none !important;
    visibility: hidden; } }

@media (max-width: 767px) {
  .pc-tb-visibility {
    display: none !important;
    visibility: hidden; } }

@media (min-width: 1024px) {
  .tb-sp-visibility {
    display: none !important;
    visibility: hidden; } }

@media (min-width: 768px) {
  .sp-visibility {
    display: none !important;
    visibility: hidden; } }

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

.transition {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

body {
  color: #333333;
/*  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; }*/
  font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif; }
  @media (max-width: 1023px) {
    body {
      width: 100%; } }

a {
  color: inherit;
  text-decoration: inherit; }
  a:focus {
    outline: 0; }

.breadcrumbs-wrap {
/*  background-color: #f4f4f4; */
  background-color: #fff; }
  .breadcrumbs-wrap .breadcrumbs {
    margin: 0 auto;
    width: 980px;
    font-size: 0;
/*    padding: 6px 0; */
    padding: 2px 0; }
    @media (max-width: 767px) {
      .breadcrumbs-wrap .breadcrumbs {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px; } }
    @media (max-width: 767px) {
      .breadcrumbs-wrap .breadcrumbs {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px; } }
    .breadcrumbs-wrap .breadcrumbs li {
      padding: 6px 0;
      display: inline-block;
	color: #000;
/*      font-size: 12px;*/
      font-size: 14px;
/*      line-height: 12px; */
      line-height: 14px; }
      @media (max-width: 767px) {
        .breadcrumbs-wrap .breadcrumbs li {
/*          font-size: 10px;*/
          font-size: 12px;
/*          line-height: 10px; */
          line-height: 12px; } }
      .breadcrumbs-wrap .breadcrumbs li::after {
        content: ">";
/*        font-size: 9px;*/
        font-size: 14px;
        vertical-align: top;
        margin: 0 8px; }
        @media (max-width: 767px) {
          .breadcrumbs-wrap .breadcrumbs li::after {
            margin: 0 12px; } }
      .breadcrumbs-wrap .breadcrumbs li:last-of-type::after {
        display: none; }
    .breadcrumbs-wrap .breadcrumbs a {
      text-decoration: underline; }

/***** header ******/
#g-header {
  width: 100%;
/*  height: 110px;*/ 
  height: 79px; 
}


  @media (max-width: 767px) {
    #g-header {
/*      height: 60px; */
      height: 78px; 
/*      height: 35px; */
/*	border-bottom: 2px solid #e60012; */
	} }
  @media (min-width: 768px) {
    #g-header.top-page-header {
      /* height: 0; JIP */
	}
      #g-header.top-page-header.scrolled .header {
        top: 0; }

      #g-header.top-page-header.scrolled .header2 {
        top: 80px; }


      #g-header.top-page-header .header {
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        /* top: -160px; */
        top: 0px;
	} 

      #g-header.top-page-header .header2 {
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        /* top: -160px; */
        top: 80px;
	border-top: 2px solid #e60012;
	} 
}

  #g-header .header {
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
/*    height: 110px;*/
    height: 79px;
    /* background-color: #002855;*/
    background-color: #036eb8;
	border-bottom: 1px solid #fff;
 }

  #g-header .header2 {
    z-index: 10;
    position: fixed;
/*    top: 110px;*/
    top: 80px;
    left: 0;
    right: 0;
    width: 100%;
    height: 30px;
    /* background-color: #002855;*/
    background-color: rgba(0,41,85,0.8); /* #002955*/
	border-top: 2px solid #e60012;

 }

    @media (max-width: 767px) {
  	#g-header .header2 {
		display:none;
	}
    }


    @media (max-width: 767px) {
      #g-header .header,
      #g-header .header2 {
/*        height: 60px; */
        height: 78px; } }


    @media (max-width: 767px) {
      #g-header .header-line {
	border-bottom: 1px solid #e60012;
	position:fixed;
	top:79px;
	width:100%;
	z-index:10; } }


  #g-header .header-wrapper {
    margin: 0 auto;
    width: 980px; }

    @media (max-width: 767px) {
      #g-header .header-wrapper {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px; } }

    #g-header .header-wrapper::after {
      clear: both;
      content: "";
      display: block; }

  #g-header .header-wrapper2 {
    margin: 0 auto;
    width: 980px; }

    @media (max-width: 767px) {
      #g-header .header-wrapper2 {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px; } }

    #g-header .header-wrapper2::after {
      clear: both;
      content: "";
      display: block; }


  #g-header .header-title {
    float: left;
    display: block;
/*    width: 130px;*/
    width: 327px;
/*    margin-top: 34px; */
    margin-top:12px; 
	}
    @media (max-width: 767px) {
      #g-header .header-title {
/*        width: 226px;
        margin-left: 2px;
        margin-top: 12px; */
        max-width: 330px;
	width: 80%;
/*        width: 300px;*/
        margin-left: 0px;
        margin-top: 11px; 
	} }

    #g-header .header-title img {
      width: 100%; }
      #g-header .header-title img:nth-of-type(2) {
        display: none; }
      @media (max-width: 767px) {
        #g-header .header-title img:nth-of-type(1) {
          display: none; }
        #g-header .header-title img:nth-of-type(2) {
          display: inline; } }

  #g-header .header-nav-box {
    float: right;
/*    width: 720px; */
    width: 588px; }
    #g-header .header-nav-box::after {
      clear: both;
      content: "";
      display: block; }


    @media (max-width: 767px) {
      #g-header .header-nav-box {
        display: none; } }


    #g-header .header-nav-box ul.header-nav-top {
      float: right;
/*      margin-top: 15px; */
      margin-top: 18px; 
	}
      #g-header .header-nav-box ul.header-nav-top a {
        color: #FFFFFF;
	    font-weight: bold;
        display: block;
        font-size: 14px;
/*        line-height: 14px;*/
        line-height: 24px;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
        letter-spacing: 0.05em;
        position: relative; }
        #g-header .header-nav-box ul.header-nav-top a img {
          position: absolute;
          top: 0;
          left: -22px;
          width: 15px; }

	/* digi panf */
      #g-header .header-nav-box ul.header-nav-top li:nth-child(2) a {
        color: #fc8888;
	    font-weight: bold;
        display: block;
        font-size: 14px;
        line-height: 20px;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
        letter-spacing: 0.05em;
        position: relative; }



/*
        #g-header .header-nav-box ul.header-nav-top a img:nth-of-type(2) {
          display: none; }
        #g-header .header-nav-box ul.header-nav-top a:hover img:nth-of-type(1) {
          display: none; }
        #g-header .header-nav-box ul.header-nav-top a:hover img:nth-of-type(2) {
          display: inline; }
*/
      #g-header .header-nav-box ul.header-nav-top li {
        float: left;
/*        margin-left: 10px;*/
        margin-left: 12px;
        padding: 9px 0; }



  #g-header .header-nav-box2 {
    width: 980px; }
    #g-header .header-nav-box2::after {
      clear: both;
      content: "";
      display: block; }


    @media (max-width: 767px) {
      #g-header .header-nav-box2 {
        display: none; } }


/*
        #g-header .header-nav-box ul.header-nav-top li:nth-child(1) {
          padding-top: 11px;
          padding-left: 22px;
          padding-right: 10px; }
          #g-header .header-nav-box ul.header-nav-top li:nth-child(1) a:hover {
            color: #e4ce15; }
        #g-header .header-nav-box ul.header-nav-top li:nth-child(2) {
          padding-top: 11px;
          padding-left: 22px;
          padding-right: 10px; }
          #g-header .header-nav-box ul.header-nav-top li:nth-child(2) a:hover {
            color: #e4ce15; }

        #g-header .header-nav-box ul.header-nav-top li:nth-child(3) {
          background-color: #eb6100;
          border: solid 1px #eb6100;
          width: 110px;
          text-align: center;
          padding: 0; }
          #g-header .header-nav-box ul.header-nav-top li:nth-child(3) a {
            padding: 9px 0; }
        #g-header .header-nav-box ul.header-nav-top li:nth-child(4) {
          background-color: #e4ce15;
          border: solid 1px #e4ce15;
          width: 110px;
          text-align: center;
          padding: 0; }
          #g-header .header-nav-box ul.header-nav-top li:nth-child(4) a {
            color: #010101;
            padding: 9px 0; }
        #g-header .header-nav-box ul.header-nav-top li:nth-child(5) ,
        #g-header .header-nav-box ul.header-nav-top li:nth-child(6) {
          border: solid 1px #ffffff;
          width: 133px;
          text-align: center;
          padding: 0; }
          #g-header .header-nav-box ul.header-nav-top li:nth-child(5) a ,
          #g-header .header-nav-box ul.header-nav-top li:nth-child(6) a {
            padding: 9px 0; }
*/

        #g-header .header-nav-box ul.header-nav-top li:nth-child(1) {
          background-color: #002955;
/*          border: solid 1px #ffffff;*/
/*          width: 110px;*/
          width: 134px;
          text-align: center;
		border-radius: 3px;
          padding: 0; }

          #g-header .header-nav-box ul.header-nav-top li:nth-child(1) a {
            padding: 7px 0; }

          #g-header .header-nav-box ul.header-nav-top li:nth-child(1) a:before {
    		content: url(./assets/images/top/shiryou_icon.png);
    		margin-right:5px;
		position:relative;
	    	top:2px;
    		left:-2px; 
		}

          #g-header .header-nav-box ul.header-nav-top li:nth-child(2) a:before {
    		content: url(./assets/images/top/degipanf_icon.png);
    		/* content: "\f518";*/
		/* font-family: "Font Awesome 5 Free";*/
		/* font-weight: 900;*/

    		margin-right:5px;
		position:relative;
	    	top:1px;
    		left:2px; 
		}

        #g-header .header-nav-box ul.header-nav-top li:nth-child(2) {
/*
          background-color: #002955;
          width: 134px;
          text-align: center;
		border-radius: 3px;
          padding: 0; }
          #g-header .header-nav-box ul.header-nav-top li:nth-child(2) a {
            color: #ffffff;
	    font-weight: bold;
            padding: 8px 0; 
*/

	/* digital panf CHANGE2024 */
          background-color: rgba(255,255,255,0.9);  /* nuri hokyo */
          background-image: url(./assets/images/top/digipanf_back.png);
		background-repeat: no-repeat;
          border: solid 2px #002955;
		border-radius: 3px;
          width: 130px;
          text-align: center;
          padding: 0; }



/*
          #g-header .header-nav-box ul.header-nav-top li:nth-child(2) a:before {
    		content: url(./assets/images/top/toiawase_icon.png);
    		margin-right:5px;
		position:relative;
	    	top:2px;
    		left:-2px; 
		}
*/



        #g-header .header-nav-box ul.header-nav-top li:nth-child(3) ,
        #g-header .header-nav-box ul.header-nav-top li:nth-child(4) {
          background-color: rgba(255,255,255,0.9);  /* nuri hokyo */
          background-image: url(./assets/images/top/sotsugyousei_back.png);
		background-repeat: no-repeat;
          border: solid 2px #002955;
		border-radius: 3px;
/*          width: 133px;  */
          width: 130px;
          text-align: center;
          padding: 0; }


          #g-header .header-nav-box ul.header-nav-top li:nth-child(3) a ,
          #g-header .header-nav-box ul.header-nav-top li:nth-child(4) a {
/*            padding: 9px 0; */
            padding: 9px 0 8px 0; 
            color: #002955;
		}


        #g-header .header-nav-box ul.header-nav-top li:nth-child(5) ,
        #g-header .header-nav-box ul.header-nav-top li:nth-child(6) ,
        #g-header .header-nav-box ul.header-nav-top li:nth-child(7) {
          width: 30px;
          text-align: center;
          padding: 0;
		margin-top: 5px;
	  }

          #g-header .header-nav-box ul.header-nav-top li:nth-child(5) a ,
          #g-header .header-nav-box ul.header-nav-top li:nth-child(6) a ,
          #g-header .header-nav-box ul.header-nav-top li:nth-child(7) a {
            padding: 9px 0; 
            color: #002955;
		}



        #g-header .header-nav-box ul.header-nav-top div {	/* inner-waku */
          border: solid 1px rgba(255,255,255,0.6);
          margin: 1px;
	  border-radius: 3px;
	}

    #g-header .header-nav-box2 ul.header-nav-bottom {
      /* float: right; */
      /* margin-top: 13px;*/
      margin-top: 5px; 
	}
      #g-header .header-nav-box2 ul.header-nav-bottom a {
        color: #FFFFFF;
/*        font-size: 16px;*/
        font-size: 14px;
/*        line-height: 16px; */
        line-height: 14px;
        font-weight: bold;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
        cursor: pointer; }
        #g-header .header-nav-box2 ul.header-nav-bottom a:hover {
          color: #e4ce15; }

        #g-header .header-nav-box2 ul.header-nav-bottom > li {
        cursor: pointer;
        float: left;
        /* margin-right: 40px; */
	text-align: center;
		width: 162px;
		border-right: solid 1px rgba(255,255,255,0.8);
		line-height: 16px;
	}

        #g-header .header-nav-box2 ul.header-nav-bottom > li:last-of-type {
        cursor: pointer;
        float: left;
        /* margin-right: 40px; */
	text-align: center;
		width: 162px;
		border-right: none;
	}



        #g-header .header-nav-box2 ul.header-nav-bottom > li:last-child {
          /* margin-right: 15px; */ 
	}
        #g-header .header-nav-box2 ul.header-nav-bottom > li:hover a {
          color: #e4ce15;
 	}
        #g-header .header-nav-box2 ul.header-nav-bottom > li:hover::after {
          display: block; }
        #g-header .header-nav-box2 ul.header-nav-bottom > li:hover .triangle {
          display: block; }
        #g-header .header-nav-box2 ul.header-nav-bottom > li:hover .child-menu-wrap {
          display: block; }
        #g-header .header-nav-box2 ul.header-nav-bottom > li::after {
          display: none;
          position: absolute;
          left: 0;
          right: 0;
          content: "";
          height: 17px;
          width: 100%; }
      #g-header .header-nav-box2 ul.header-nav-bottom .triangle {
        display: none;
        position: relative; }
        #g-header .header-nav-box2 ul.header-nav-bottom .triangle::after {
          z-index: 10;
          text-align: center;
          position: absolute;
          top: 0px;
          left: 0;
          right: 0;
          content: "";
          width: 0;
          height: 0;
          margin: 0 auto;
          border-bottom: 12px solid #f4f4f4;
          border-right: 8px solid transparent;
          border-left: 8px solid transparent; }

      #g-header .header-nav-box2 ul.header-nav-bottom .child-menu-wrap {
        display: none;
/*        position: absolute;
        left: 0;
        right: 0; */
        position: relative;
        margin-top: 10px;
/*        margin-top: 12px;*/
        width: 100%;
/*        background-color: #f4f4f4;*/
        background-color: rgba(255,255,255,0.9);
        display: none; }

        #g-header .header-nav-box2 ul.header-nav-bottom .child-menu-wrap.opened {
          display: block; }
      #g-header .header-nav-box2 ul.header-nav-bottom ul.child-menu {
        position: relative;
        margin: 0 auto;
/*        width: 980px;*/
/*        width: 163px;*/
        width: 100%;
/*        padding: 6px 0 16px;*/
        padding: 0px 0 0px;
        text-align: center;
        font-size: 0; }

        @media (max-width: 767px) {
          #g-header .header-nav-box2 ul.header-nav-bottom ul.child-menu {
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-left: 10px;
            padding-right: 10px; } }
        #g-header .header-nav-box2 ul.header-nav-bottom ul.child-menu::after {
          clear: both;
          content: "";
          display: block; }
        #g-header .header-nav-box2 ul.header-nav-bottom ul.child-menu li {
/*          border-right: solid 1px #999999;
          display: inline-block;*/
          display: list-item;
	  list-style-type: none;
/*          vertical-align: top;*/
/*          margin-top: 10px;*/
          padding: 5px 0;
		border-bottom: solid 1px rgba(255,255,255,0.8);
	  }
          #g-header .header-nav-box2 ul.header-nav-bottom ul.child-menu li:last-child {
            border-right: none; }

	/* NEW */
          #g-header .header-nav-box2 ul.header-nav-bottom ul.child-menu li:hover {
/*            background-color: #036eb8;*/
            background-color: rgba(3,110,184,0.9);
            color: #FFFFFF;
	     line-height: 16px; 
	    /* padding:5px 0; */
            border-radius: 0px; }


          #g-header .header-nav-box2 ul.header-nav-bottom ul.child-menu li:hover a {
/*            background-color: #002855;*/
/*            background-color: #036eb8; */
            color: #FFFFFF;
/*            border-radius: 6px; */
            border-radius: 0px; 
		}

            #g-header .header-nav-box2 ul.header-nav-bottom ul.child-menu li:hover a.orange {
/*              background-color: #ea7606; */
		}
          #g-header .header-nav-box2 ul.header-nav-bottom ul.child-menu li a {
            font-size: 13px;
            line-height: 14px;
/*            color: #999999;*/
            color: #021e38;
		font-weight:bold;
            padding: 6px 6px; }


  #g-header .header-nav-btn {
    display: none; }

    @media (max-width: 767px) {
      #g-header .header-nav-btn {
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        float: right;
        cursor: pointer;
/*        width: 30px;*/
        width: 35px;
/*        height: 30px;*/
        height: 35px;
/*        margin-top: 17px;*/
        margin-top: 24px;
/*        margin-right: 10px;*/
        margin-right: 12px;
/*        margin-left: 20px; */
        margin-left: 0px; }

        #g-header .header-nav-btn span {
          display: block;
/*          height: 10px;*/
          height: 13px;
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          transform: rotate(0deg); }
        #g-header .header-nav-btn span:nth-of-type(1) {
/*          border-top: 2px solid #F2F2F2;*/
          border-top: 3px solid #F2F2F2;
/*          border-bottom: 1px solid #F2F2F2; */
          border-bottom: 2px solid #F2F2F2; }

        #g-header .header-nav-btn span:nth-of-type(2) {
/*          border-top: 1px solid #F2F2F2;*/
          border-top: 2px solid #F2F2F2;
		margin-top: -1px;
/*          border-bottom: 2px solid #F2F2F2; */
          border-bottom: 3px solid #F2F2F2; }
        #g-header .header-nav-btn.opened {
          padding-top: 0; }
          #g-header .header-nav-btn.opened span {
            background: #F2F2F2;
            bottom: 0;
            border: 0;
            height: 2px;
            left: 0;
            margin: auto;
            position: absolute;
            right: 8px;
            top: 0;
            width: 32px; }
          #g-header .header-nav-btn.opened span:nth-of-type(1) {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
          #g-header .header-nav-btn.opened span:nth-of-type(2) {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); } }
  #g-header ul.sp-header-nav-box {
    display: none;
    position: fixed;
/*    top: 60px;*/
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 10; /* JIP pageup:9 */
    overflow-y: scroll; }
    #g-header ul.sp-header-nav-box a {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      padding: 18px 0;
      padding-left: 20px;
      color: #FFFFFF;
/*      font-size: 13px;*/
      font-size: 17px;
      line-height: 11px;
      font-weight: bold;
      color: #FFFFFF;
      -webkit-font-feature-settings: "palt";
      font-feature-settings: "palt"; }

    #g-header ul.sp-header-nav-box li {
      background-color: #002855;
/*      border-top: 1px solid #FFFFFF;*/
      border-top: 1px solid #036eb8;
          transition: all 0.3s;
      position: relative; }

    #g-header ul.sp-header-nav-box li.opened {
      background-color: #036eb8;
/*      border-top: 1px solid #FFFFFF;*/
      border-top: 1px solid #036eb8;
          transition: all 0.3s;
      position: relative; }



    #g-header ul.sp-header-nav-box li.banner_sotsugyou  {
      background-color: #002855;
/*      border-top: 1px solid #FFFFFF;*/
      border-top: none;
	height: 60px;
	padding: 20px 0 0 0;
      position: relative; }
    
    #g-header ul.sp-header-nav-box li.banner_ryuugakusei  {
      background-color: #002855;
/*      border-top: 1px solid #FFFFFF;*/
      border-top: none;
	height: 60px;
	padding: 0px 0 10px 0;
      position: relative; }

    #g-header ul.sp-header-nav-box li.banner_sns  {
      background-color: #002855;
/*      border-top: 1px solid #FFFFFF;*/
      border-top: none;
	height: 80px;
      position: relative; }

    #g-header ul.sp-header-nav-box li.banner_sotsugyou a img,
    #g-header ul.sp-header-nav-box li.banner_ryuugakusei a img {
		width: 300px;
	}

    #g-header ul.sp-header-nav-box li.banner_sotsugyou a,
    #g-header ul.sp-header-nav-box li.banner_ryuugakusei a {
		text-align: center;		
		padding: 10px 0;	
	}

    #g-header ul.sp-header-nav-box li.banner_sns div {
		display: flex;
		justify-content: center;
	}
    #g-header ul.sp-header-nav-box li.banner_sns a {
		float: left;
		padding: 10px 0;
	}
    #g-header ul.sp-header-nav-box li.banner_sns a img {
		width: 35px;
		margin: 0 10px;
	}
    #g-header ul.sp-header-nav-box li.banner_sns {
		height: 70px;		
	}


      #g-header ul.sp-header-nav-box li .plus-btn {
        position: absolute;
/*        top: 14px;*/
        top: 13px;
        right: 20px;
/*        color: #FFFFFF;*/
        background-image: url(./assets/images/common/spmenu-plus.png);
		background-size: 10px 20px;
		width: 10px;
		height: 20px;
		background-repeat: no-repeat;
          transition: all 0.3s;

        z-index: 20; }

      #g-header ul.sp-header-nav-box li.opened .plus-btn {
        position: absolute;
/*        top: 14px;*/
        top: 13px;
        right: 20px;
/*        color: #FFFFFF;*/
/*        background-image: url(./assets/images/common/spmenu-plusdown.png); */
        background-image: url(./assets/images/common/spmenu-plus.png);
		transform: rotate(90deg);
		background-size: 10px 20px;
		width: 10px;
		height: 20px;
		background-repeat: no-repeat;
          transition: all 0.3s;
        z-index: 20; }



/*
      #g-header ul.sp-header-nav-box li .plus-btn img {
        width: 10px; }
*/


      #g-header ul.sp-header-nav-box li .child-menu {
        display: none; }
        #g-header ul.sp-header-nav-box li .child-menu li {
          background-color: #00428c; }

          #g-header ul.sp-header-nav-box li .child-menu li a {
/*            padding-left: 30px;*/
            padding-left: 38px;
/*            font-size: 12px;*/
            font-size: 16px;
		color: #021e38;
		background-color: #fff;
            line-height: 12px; }

          #g-header ul.sp-header-nav-box li .child-menu li a:hover{
            background-color: #72b1dd;
            color: #FFFFFF;
		}


/***** サイド追従ナビ *****/
#side-nav {
  bottom: 0;
  height: 249px;
  margin: auto 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 40px;
  z-index: 9; }
  @media (max-width: 767px) {
    #side-nav {
      bottom: 0;
      font-size: 0;
      height: 35px;
      left: 0;
      letter-spacing: 0;
      right: auto;
      top: auto;
      width: 100%; } }
  #side-nav li {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px; }
    @media (max-width: 767px) {
      #side-nav li {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        font-size: 14px;
        line-height: 14px;
        width: 50%; } }
    #side-nav li a {
/*      border-radius: 5px 0 0 5px;*/
/*	border: 1px solid #ffffff;*/
      	border-top: 1px solid rgba(255,255,255,0.5);
      	border-left: 1px solid rgba(255,255,255,0.5);
      	border-bottom: 1px solid rgba(255,255,255,0.5);
	border-radius: 2px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
/*      padding: 19px 11px;*/
      padding: 19px 10px;
	}

        #side-nav li div {	/* inner-waku */
      	  border: 1px solid #ffffff;
          padding: 1px;
	  border-radius: 2px;
	}



      @media (max-width: 767px) {
        #side-nav li a {
          border-radius: 2px;
          padding: 11px 0 10px;
          text-align: center; } }
    #side-nav li.brochure {
      margin-bottom: 10px;
	background-color: #fc8d1f;
          border-radius: 2px;
	}
    #side-nav li.event {
      margin-bottom: 10px;
	background-color: #5facce;
          border-radius: 2px;
	}

      @media (max-width: 767px) {
        #side-nav li.brochure {
          border-right: 1px solid transparent;
          margin-bottom: 0; } }
      #side-nav li.brochure a {
/*        background: #E85602;*/
/*        background: #fc8d1f;*/
        height: 104px; }
    #side-nav li.event a {
/*      background: #028112;*/
      background: #5facce;
      height: 135px; }

/***** footer *****/
#g-footer {
  min-width: 1020px; }
  @media (max-width: 767px) {
    #g-footer {
      min-width: 0;
      padding-bottom: 35px; } }

  #g-footer .btn-top {
/*    background: #00244B;*/
      background-image: url(./assets/images/top/scroll_up.png);
	background-size: cover;
/*    border: 2px solid #fff;
    border-radius: 50%; */
    bottom: 150px;
    cursor: pointer;
    display: none;
/*    height: 50px;*/
    height: 70px;
    position: fixed;
/*    right: 150px;*/
    right: 80px;
/*    width: 50px;*/
    width: 70px;
    z-index: 9; 
	}

    @media (max-width: 767px) {
      #g-footer .btn-top {
        bottom: 50px;
/*        height: 30px;*/
        height: 40px;
        right: 20px;
/*        width: 30px; */
        width: 40px; } }

    #g-footer .btn-top span {
/*      border-top: solid 2px #fff;
      border-right: solid 2px #fff;
      bottom: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      height: 18px;
      left: 0;
      margin: auto;
      position: absolute;
      right: 0;
      top: 10px;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      width: 18px; 
*/
	}

      @media (max-width: 767px) {
        #g-footer .btn-top span {
          top: 6px;
          height: 12px;
          width: 12px; } }
  #g-footer .above-img img {
    vertical-align: top;
    width: 100%; }
    #g-footer .above-img img:nth-of-type(2) {
      display: none; }
    @media (max-width: 767px) {
      #g-footer .above-img img:nth-of-type(1) {
        display: none; }
      #g-footer .above-img img:nth-of-type(2) {
        display: inline; } }
  #g-footer .footer-content {
    /* border-top: 19px solid #00244B; */
    border-bottom: 1px solid #D6D6D6;
	background-color: rgba(3,110,184,0.2); }

    @media (max-width: 767px) {
      #g-footer .footer-content {
        border-top-width: 10px; } }
    #g-footer .footer-content .container {
      margin: 0 auto;
      padding: 28px 0 26px;
      width: 980px; }
      @media (max-width: 767px) {
        #g-footer .footer-content .container {
          display: none; } }
      #g-footer .footer-content .container::after {
        clear: both;
        content: "";
        display: block; }
      #g-footer .footer-content .container .column {
        float: left;
        margin-right: 10px;
        width: 190px; }
        #g-footer .footer-content .container .column .head {
          border-bottom: 1px solid #00244B;
          /* color: #00244B;*/
          color: #002955;
          font-size: 16px;
          font-weight: bold;
          line-height: 30px;
          margin-bottom: 13px;
          padding-left: 4px; }

        #g-footer .footer-content .container .column.last-column .head_banner {
          border-bottom: 1px solid #00244B;
          /* color: #00244B;*/
          color: #002955;
          font-size: 16px;
          font-weight: bold;
          line-height: 30px;
          margin-bottom: 13px;
          padding-left: 4px;
		width: 200px;
		margin-left: -10px; 
		}


          #g-footer .footer-content .container .column .head:nth-of-type(n+2) {
            margin-top: 16px; }
        #g-footer .footer-content .container .column .detail-list {
          /* color: #333; */
          color: #002955;
          font-size: 14px;
/*          line-height: 30px;*/
          line-height: 24px;
          list-style: none; }
          #g-footer .footer-content .container .column .detail-list li a {
            display: block;
            padding-left: 20px;
            position: relative; }
            #g-footer .footer-content .container .column .detail-list li a::before {
              border-right: 1px solid #00244B;
              border-top: 1px solid #00244B;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              content: "";
              height: 6px;
              left: 2px;
              position: absolute;
              top: 12px;
              -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              transform: rotate(45deg);
              width: 6px; }
        #g-footer .footer-content .container .column.last-column {
          margin-right: 0;
/*          padding-top: 29px;*/
          padding-top: 30px;
          width: 180px; }

          #g-footer .footer-content .container .column.last-column .banner-list li {
            margin-bottom: 15px; }
          #g-footer .footer-content .container .column.last-column .banner-list img {
            vertical-align: top;
            width: 100%; }





          #g-footer .footer-content .container .column.last-column .social-list {
            font-size: 0;
            letter-spacing: 0;
            text-align: center; }

            #g-footer .footer-content .container .column.last-column .social-list li {
              display: inline-block;
              vertical-align: middle; }
              #g-footer .footer-content .container .column.last-column .social-list li.twitter {
                margin-right: 30px; }
                #g-footer .footer-content .container .column.last-column .social-list li.twitter img {
                  width: 43px; }
              #g-footer .footer-content .container .column.last-column .social-list li.instagram img {
                width: 41px; }

	/* SNS */

        #g-header .header-nav-box ul.social-list .twitter a img,
        #g-header .header-nav-box ul.social-list .instagram a img,
        #g-header .header-nav-box ul.social-list .line a img {
          position: absolute;
          top: 0;
/*          left: -22px;*/
          width: 15px; }

          #g-header .header-nav-box ul.social-list {
            font-size: 0;
            letter-spacing: 0;
            text-align: center;
		position: absolute;
		top: 25px;
		/* left: 1150px; */
		/* right: calc( 150px - 1vw); */
		right: 50px;
		}
            #g-header .header-nav-box ul.social-list li {
              display: inline-block;
              vertical-align: middle; }

              #g-header .header-nav-box ul.social-list li.twitter {
                /* margin-right: 30px; */ 
		}
                #g-header .header-nav-box ul.social-list li.twitter img {
		          position: relative;
		          top: 2px;
		          left: 5px;		
                  width: 30px; }
              #g-header .header-nav-box ul.social-list li.instagram img {
		          position: relative;
		          top: 0;
		          left: 12px;		
                width: 30px; }
              #g-header .header-nav-box ul.social-list li.line img {
		          position: relative;
		          top: 0;
		          left: 20px;		
                width: 30px; }


  #g-footer .contact-area .container {
    margin: 0 auto;
    padding: 35px 0 32px;
    width: 980px; }
    @media (max-width: 767px) {
      #g-footer .contact-area .container {
        padding: 13px 0;
        width: 100%; } }
    #g-footer .contact-area .container::after {
      clear: both;
      content: "";
      display: block; }
    #g-footer .contact-area .container .dial-area {
      float: left;
/*      width: 420px; */
      width: 480px; }

      @media (max-width: 767px) {
        #g-footer .contact-area .container .dial-area {
          float: none;
          margin: 0 auto 30px auto;
          width: 280px; } }

      #g-footer .contact-area .container .dial-area .intro {
/*        font-size: 14px;*/
        font-size: 17px;
	font-weight: bold;
        line-height: 1.5; }

        @media (max-width: 767px) {
          #g-footer .contact-area .container .dial-area .intro {
            line-height: 1;
		font-size: 15px;
            margin-bottom: 5px; 
		text-align: center;} }


      #g-footer .contact-area .container .dial-area .dial {
        font-family: arial, helvetica, sans-serif;
/*        font-size: 50px;*/
        font-size: 60px;
	font-weight: bold;
        letter-spacing: 0.03em;
        line-height: 1; }
        @media (max-width: 767px) {
          #g-footer .contact-area .container .dial-area .dial {
            font-size: 34px; 
		text-align: center;} }
        #g-footer .contact-area .container .dial-area .dial img {
          vertical-align: 1px; }
          @media (max-width: 767px) {
            #g-footer .contact-area .container .dial-area .dial img {
              width: 41px; } }


          #g-footer .contact-area .container .banner-list-sp {
          margin-right: 0;
/*          padding-top: 29px;*/
          padding: 30px 0 30px 0;
          width: 310px; }

          #g-footer .contact-area .container .banner-list-sp {
            display: none; }

    	@media (max-width: 767px) {
          #g-footer .contact-area .container .banner-list-sp {
            display: block;
		margin: 0 auto; 
		}

          #g-footer .contact-area .container .banner-list-sp li {
            margin-bottom: 15px; }
          #g-footer .contact-area .container .banner-list-sp img {
            vertical-align: top;
            width: 100%; }
	}




    #g-footer .contact-area .container .btn-area {
      float: right;
      font-size: 0;
      letter-spacing: 0;
      padding-top: 5px;
/*      width: 560px;*/
	text-align: right; 
	}
      @media (max-width: 767px) {
        #g-footer .contact-area .container .btn-area {
          display: none; } }
      #g-footer .contact-area .container .btn-area li {
        display: inline-block;
        vertical-align: top; }
        #g-footer .contact-area .container .btn-area li.brochure {
/*          margin-right: 10px; */
          margin-right: 20px; }
          #g-footer .contact-area .container .btn-area li.brochure a {
/*            background: #E85603; */ }
        #g-footer .contact-area .container .btn-area li.event a {
/*          background: #028112; */ }
        #g-footer .contact-area .container .btn-area li a {
          color: #fff;
          display: block;
          font-size: 20px;
          font-weight: bold;
/*          height: 58px;
          line-height: 58px;
          text-align: center;*/
/*          width: 274px; */
          width: 220px; }
    #g-footer .contact-area .container .social-list-sp {
      display: none; }
      @media (max-width: 767px) {
        #g-footer .contact-area .container .social-list-sp {
          display: block;
          font-size: 0;
          letter-spacing: 0;
          margin-top: 10px;
          text-align: center; }
          #g-footer .contact-area .container .social-list-sp li {
            display: inline-block; }
            #g-footer .contact-area .container .social-list-sp li.twitter {
              margin-right: 24px;
              width: 52px; }
            #g-footer .contact-area .container .social-list-sp li.instagram {
              width: 50px; }
            #g-footer .contact-area .container .social-list-sp li img {
/*              vertical-align: top;*/
              vertical-align: middle;
              width: 100%; } }

  #g-footer .information-area {
    /* background: #00244B; */
    background: #036eb8; }
    @media (max-width: 767px) {
      #g-footer .information-area {
/*        background: #fff; */
        background: #036eb8; 
	} }
    #g-footer .information-area .container {
      margin: 0 auto;
      padding: 21px 0 31px;
      width: 980px; }
      @media (max-width: 767px) {
        #g-footer .information-area .container {
          padding: 3px 0 15px;
          width: 100%; } }
      #g-footer .information-area .container::after {
        clear: both;
        content: "";
        display: block; }
      #g-footer .information-area .container .logo-box {
        float: left;
        margin-top: 8px;
        /*width: 574px; */
        width: 458px; }
        @media (max-width: 767px) {
          #g-footer .information-area .container .logo-box {
/*            display: none; */
		width: 80%;
		float: none;
		margin: 15px auto 20px auto;
		} }
        #g-footer .information-area .container .logo-box img {
          vertical-align: top;
          width: 100%; }
      #g-footer .information-area .container .info-box {
        color: #fff;
        float: right;
        font-size: 16px;
/*        line-height: 2;*/
        line-height: 1.5;
        text-align: right;
        width: 380px; }

        @media (max-width: 767px) {
          #g-footer .information-area .container .info-box {
/*            color: #333;*/
            color: #fff;
            float: none;
/*            font-size: 14px;*/
            font-size: 12px;
/*            line-height: 25px;*/
            line-height: 18px;
            text-align: center;
            width: 100%; } }

        #g-footer .information-area .container .info-box a {
          text-decoration: underline; }
  #g-footer .copyright-area {
/*    background: #001A34;
    border-top: 1px solid #343846;*/
    background: #002955;
    border-top: 1px solid #e60012;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
/*    height: 40px;
    padding-top: 10px;*/
    height: 50px;
    padding-top: 15px; }

    @media (max-width: 767px) {
      #g-footer .copyright-area {
/*        background: #E3E2E2;*/
        background: #036eb8;
/*        border-top: 1px solid #C5C5C5;*/
        border-top: 1px solid #fff;
        height: auto;
        padding: 0; } }

    #g-footer .copyright-area .container {
      margin: 0 auto;
      width: 980px; }
      @media (max-width: 767px) {
        #g-footer .copyright-area .container {
          width: 100%; } }
      #g-footer .copyright-area .container:after {
        clear: both;
        content: "";
        display: block; }


      #g-footer .copyright-area .container .link-list {
        float: left;
        font-size: 0;
        letter-spacing: 0; }

      #g-footer .copyright-area .container .link-list-sp {
        display: none; }



        @media (max-width: 767px) {
          #g-footer .copyright-area .container .link-list {
            float: none;
		display: none;
	 } 

          #g-footer .copyright-area .container .link-list-sp {
            float: none;
		display: block;
	 } 


	}

        #g-footer .copyright-area .container .link-list li {
          color: #fff;
          display: inline-block;
          font-size: 14px;
          line-height: 16px;
          vertical-align: top; }

          @media (max-width: 767px) {
            #g-footer .copyright-area .container .link-list li,
		#g-footer .copyright-area .container .link-list-sp li {
/*              border-bottom: 1px solid #C5C5C5;*/
              border-bottom: 1px solid #fff;
/*              color: #333;*/
              color: #fff;
		font-size: 12px;
              display: block;
              line-height: 32px;
              text-align: center;
              width: 100%; }

		#g-footer .copyright-area .container .link-list-sp li:last-of-type {
              		border-bottom: none;
		 }




              #g-footer .copyright-area .container .link-list li:nth-of-type(n+2) {
                float: left;
                width: 50%; }

              #g-footer .copyright-area .container .link-list li:nth-of-type(2),
		#g-footer .copyright-area .container .link-list li:nth-of-type(2) {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
/*                border-right: 1px solid #C5C5C5;*/
                border-right: 1px solid #fff; 
	} }


          #g-footer .copyright-area .container .link-list li::after {
            color: #fff;
            content: "|";
            font-size: 14px;
            line-height: 16px;
            margin: 0 17px;
            vertical-align: top; }

            @media (max-width: 767px) {
              #g-footer .copyright-area .container .link-list-sp li::after {
                display: none; } }
          #g-footer .copyright-area .container .link-list-sp li:last-of-type::after {
            display: none; }


      #g-footer .copyright-area .container .copy {
        color: #fff;
        float: right;
        font-size: 14px;
        line-height: 22px;
        text-align: right;
        /* width: 380px; */
        width: 510px; }

        @media (max-width: 767px) {
          #g-footer .copyright-area .container .copy {
/*            background: #fff;*/
            background: #002955;
		border-top: 1px solid #e60012;
/*            color: #333;*/
            color: #fff;
            font-size: 10px;
            line-height: 32px;
            text-align: center;
            width: 100%; } }

/*
 * top
 */
.tmp-header {
  display: none; }
  @media (max-width: 767px) {
    .tmp-header {
      background: #00234A;
      display: block;
      height: 53px; } }

#top {
/*  min-width: 1020px; */

}
  @media (max-width: 767px) {
    #top {
      min-width: 0; } }
  #top #side-nav {
    bottom: 0;
    height: 249px;
    margin: auto 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 9; }
    @media (max-width: 767px) {
      #top #side-nav {
        bottom: 0;
        font-size: 0;
        height: 35px;
        left: 0;
        letter-spacing: 0;
        right: auto;
        top: auto;
        width: 100%; } }
    #top #side-nav li {
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      line-height: 16px; }
      @media (max-width: 767px) {
        #top #side-nav li {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          display: inline-block;
          font-size: 14px;
          line-height: 14px;
          width: 50%; } }
      #top #side-nav li a {
        border-radius: 5px 0 0 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding: 19px 11px; }
        @media (max-width: 767px) {
          #top #side-nav li a {
            border-radius: 2px;
            padding: 11px 0 10px;
            text-align: center; } }
      #top #side-nav li.brochure {
        margin-bottom: 10px; }
        @media (max-width: 767px) {
          #top #side-nav li.brochure {
            border-right: 1px solid transparent;
            margin-bottom: 0; } }
        #top #side-nav li.brochure a {
          background: #E85602;
          height: 104px; }
      #top #side-nav li.event a {
        background: #028112;
        height: 135px; }
  #top .main-visual {
    position: relative; }

    #top .main-visual .main-visual-list li {
      background-size: cover;
      background-position: center;
	height: 470px; 
	}

        @media (max-width: 767px) {
          #top .main-visual .main-visual-list li {
		height: 270px;
             } }

      #top .main-visual .main-visual-list li .container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 59px 0 171px;
        position: relative;
        width: 980px; }
        @media (max-width: 767px) {
          #top .main-visual .main-visual-list li .container {
            padding: 57px 0 65px;
            width: 100%; } }
        #top .main-visual .main-visual-list li .container .logo-main {
          margin-bottom: 97px;
          width: 503px; }
          @media (max-width: 767px) {
            #top .main-visual .main-visual-list li .container .logo-main {
              display: none; } }
          #top .main-visual .main-visual-list li .container .logo-main img {
            vertical-align: top;
            width: 100%; }
        #top .main-visual .main-visual-list li .container .main-title {
          color: #fff;
/*          font-size: 60px;*/
          font-size: 45px;
/*          line-height: 51.33px;*/
          line-height: 40px;
/*          margin-bottom: 31px; */
          margin-bottom: 20px; 
          margin-top: 200px; 
	  font-weight: bold;
	}
          @media (max-width: 767px) {
            #top .main-visual .main-visual-list li .container .main-title {
              font-size: 34px;
              line-height: 45px;
		margin: 110px 0 0 30px;
/*              margin-bottom: 25px;*/
/*              text-align: center; */
              text-align: left; 
		float:left;
		text-shadow: 1px 1px 0 #333, -1px -1px 0 #333,
		              -1px 1px 0 #333, 1px -1px 0 #333,
		              0px 1px 0 #333,  0-1px 0 #333,
		              -1px 0 0 #333, 1px 0 0 #333;



		} }
        #top .main-visual .main-visual-list li .container .sub-title {
          color: #fff;
          font-size: 16px;
 /*         line-height: 34px;*/
          line-height: 25px;
          margin-bottom: 52px;
	  font-weight: bold;
		 }
          @media (max-width: 767px) {
            #top .main-visual .main-visual-list li .container .sub-title {
              display: none; } }
        #top .main-visual .main-visual-list li .container .btn-brochure {
          background: #E75502;
          color: #fff;
          display: block;
          font-size: 20px;
          font-weight: bold;
          height: 56px;
          line-height: 56px;
          text-align: center;
          width: 250px; }
          @media (max-width: 767px) {
            #top .main-visual .main-visual-list li .container .btn-brochure {
              display: none; } }

        #top .main-visual .main-visual-list li .container .budge-main {
          position: absolute;
/*          bottom: 109px;*/
          bottom: 10px;
/*          right: 19px;*/
          right: 0px;
/*          width: 220px; */
          width: 150px;
	  top: 290px; 
		}

          #top .main-visual .main-visual-list li .container .budge-main img {
            vertical-align: top;
            width: 100%; }

          @media (max-width: 767px) {
            #top .main-visual .main-visual-list li .container .budge-main {
/*              margin: 0 auto;*/
              position: static;
              width: 110px;
		margin: 110px 10px 0 auto; 
		float:right;
		}

          #top .main-visual .main-visual-list li .container .budge-main img {
            vertical-align: top;
            width: 80%; }
	}

/* NEW2024 */

        #top .main-visual .main-title {
          color: #fff;
/*          font-size: 60px;*/
/*          font-size: 45px;*/
          font-size: 40px;
/*          line-height: 51.33px;*/
          line-height: 50px;
/*          margin-bottom: 31px; */
          margin-bottom: 20px; 
          margin-top: 0px; 
	  font-weight: bold;
	}
          @media (max-width: 767px) {
            #top .main-visual .main-title {
/*             font-size: 34px;*/
              font-size: 30px;
              line-height: 45px;
		margin: 50px 0 0 00px;
/*              margin-bottom: 25px;*/
/*              text-align: center; */
              text-align: left; 
		float:left;
		text-shadow: 1px 1px 0 #333, -1px -1px 0 #333,
		              -1px 1px 0 #333, 1px -1px 0 #333,
		              0px 1px 0 #333,  0-1px 0 #333,
		              -1px 0 0 #333, 1px 0 0 #333;


		} }
        #top .main-visual .sub-title {
          color: #fff;
          font-size: 16px;
 /*         line-height: 34px;*/
          line-height: 25px;
/*          margin-bottom: 52px;*/
          margin-bottom: 0px;
	  font-weight: bold;
		 }
          @media (max-width: 767px) {
	        #top .main-visual .sub-title {
	              /* display: none; */
	              display: block; 
			clear: both;
		} 
	}


        #top .main-visual .budge-main {
          position: absolute;
/*          bottom: 109px;*/
          bottom: 10px;
/*          right: 19px;*/
          right: 17px;
/*          width: 220px; */
          width: 150px;
	  height: 150px;
	  top: 80px; 
		}

          #top .main-visual .budge-main img {
            vertical-align: top;
            width: 100%; }

          @media (max-width: 1000px) {
            #top .main-visual .budge-main {
              position: absolute;
	  	top: 75px; 
          	right: 10px;
              width: 120px;
		height: 120px;
		float:right;
	      }
              #top .main-visual .budge-main img {
            	vertical-align: top;
            	width: 80%; }
	      }

          @media (max-width: 767px) {
            #top .main-visual .budge-main {
/*              margin: 0 auto;*/
             /*  position: static; */
              position: absolute;
	  	top: 15px; 
          	right: 0px;
              width: 88px;
		height: 88px;
		/* margin: 110px 10px 0 auto; */ 
		margin: 0px 0px 0 auto; 
		float:right;
		}

          #top .main-visual .budge-main img {
            vertical-align: top;
            width: 80%; }
	}
/* # NEW2024 */



    #top .main-visual .nav-top {
      background: rgba(0, 0, 0, 0.4);
      bottom: 0;
      position: absolute;
      width: 100%; }

      @media (max-width: 767px) {
        #top .main-visual .nav-top {
          display: none; } }
      #top .main-visual .nav-top .container {
        height: 70px;
        margin: 0 auto;
        width: 980px; }
        #top .main-visual .nav-top .container .logo-ntac {
          float: left;
          margin-top: 14px;
          width: 130px; }
          #top .main-visual .nav-top .container .logo-ntac img {
            vertical-align: top;
            width: 100%; }
        #top .main-visual .nav-top .container .nav-list {
          float: right;
          font-size: 0;
          letter-spacing: 0; }
          #top .main-visual .nav-top .container .nav-list li {
            color: #fff;
            display: inline-block;
            font-size: 16px;
            font-weight: bold;
            line-height: 70px;
            vertical-align: top; }
            #top .main-visual .nav-top .container .nav-list li.current {
              color: #e4ce15; }
              #top .main-visual .nav-top .container .nav-list li.current a::after, #top .main-visual .nav-top .container .nav-list li.current span::after {
                background: #e4ce15;
                bottom: 0;
                content: "";
                display: block;
                height: 3px;
                left: 0;
                position: absolute;
                width: 100%; }
            #top .main-visual .nav-top .container .nav-list li a, #top .main-visual .nav-top .container .nav-list li span {
              display: inline-block;
              padding: 0 18px;
              position: relative;
              vertical-align: top; }
  #top .main-content {
    overflow: hidden;
/*    padding: 40px 0 74px; */
    padding: 10px 0 74px; }
    @media (max-width: 767px) {
      #top .main-content {
        padding: 0 0 2px; } }
    #top .main-content .carousel-area {
      margin: 0 auto;
      position: relative;
      width: 980px; }
      @media (max-width: 767px) {
        #top .main-content .carousel-area {
          width: 100%; } }
      #top .main-content .carousel-area .btn-carousel {
        cursor: pointer;
/*        height: 92px;*/
        height: 70px;
        position: absolute;
/*        top: 102px;*/
        top: 113px;
/*        width: 92px;*/
        width: 70px;
        z-index: 8; }
        @media (max-width: 767px) {
          #top .main-content .carousel-area .btn-carousel {
            display: none; } }
        #top .main-content .carousel-area .btn-carousel.prev {
/*          left: -62px; */
          left: -38px; }
        #top .main-content .carousel-area .btn-carousel.next {
/*          right: -55px; */
          right: -38px; }
          #top .main-content .carousel-area .btn-carousel.next img {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
        #top .main-content .carousel-area .btn-carousel img {
          vertical-align: top;
          width: 100%; }
      #top .main-content .carousel-area .carousel-list {
        font-size: 0;
        letter-spacing: 0;
        margin: 0 auto;
        white-space: nowrap;
        width: 980px; }
        @media (max-width: 767px) {
          #top .main-content .carousel-area .carousel-list {
            width: 100%; } }
        #top .main-content .carousel-area .carousel-list li {
          display: inline-block;
/*          margin-right: 25px;*/
          margin-right: 10px;
          vertical-align: top;
          -webkit-transition: all .5s;
          -o-transition: all .5s;
          transition: all .5s; }
          @media (min-width: 768px) {
            #top .main-content .carousel-area .carousel-list li {
/*              -webkit-transform: translate(-1340px, 0);
              -ms-transform: translate(-1340px, 0);
              transform: translate(-1340px, 0);*/
              -webkit-transform: translate(-1320px, 0);
              -ms-transform: translate(-1320px, 0);
              transform: translate(-1320px, 0); 
		} }
          @media (max-width: 767px) {
            #top .main-content .carousel-area .carousel-list li {
              -webkit-transform: translate(-400%, 0);
              -ms-transform: translate(-400%, 0);
              transform: translate(-400%, 0); } }
          #top .main-content .carousel-area .carousel-list li.no-animation {
            -webkit-transition: none;
            -o-transition: none;
            transition: none; }
          #top .main-content .carousel-area .carousel-list li.white-wrap a {
            position: relative; }
            #top .main-content .carousel-area .carousel-list li.white-wrap a::after {
              background: rgba(255, 255, 255, 0.6);
              bottom: 0;
              content: "";
              display: block;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: all .5s;
              -o-transition: all .5s;
              transition: all .5s; }
          #top .main-content .carousel-area .carousel-list li.hide {
            opacity: 0; }
          @media (max-width: 767px) {
            #top .main-content .carousel-area .carousel-list li {
              margin-right: 0;
              width: 50%; } }
          #top .main-content .carousel-area .carousel-list li a {
            display: block;
/*            height: 310px;
            width: 310px; */
            height: 250px;
            width: 320px; }
            #top .main-content .carousel-area .carousel-list li a img {
              vertical-align: top;
              width: 100%; }
            @media (max-width: 767px) {
              #top .main-content .carousel-area .carousel-list li a {
                height: auto;
                width: 100%; } }
      #top .main-content .carousel-area .sp-carousel-pager {
        display: none; }
        @media (max-width: 767px) {
          #top .main-content .carousel-area .sp-carousel-pager {
            background: #E7E7E7;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            padding: 12px 10px;
            position: relative;
            text-align: center; } }
        #top .main-content .carousel-area .sp-carousel-pager .paging {
          font-size: 0;
          letter-spacing: 0; }
          #top .main-content .carousel-area .sp-carousel-pager .paging li {
            background: #72849A;
            border-radius: 50%;
            cursor: pointer;
            display: inline-block;
            height: 10px;
            margin: 0 8px;
            vertical-align: top;
            width: 10px; }
            #top .main-content .carousel-area .sp-carousel-pager .paging li.current {
              background: #00244B; }
        #top .main-content .carousel-area .sp-carousel-pager .btn-carousel {
          border-left: 2px solid #2D2D2D;
          border-top: 2px solid #2D2D2D;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          cursor: pointer;
          display: block;
          height: 9px;
          position: absolute;
          top: 13px;
          width: 9px; }
          #top .main-content .carousel-area .sp-carousel-pager .btn-carousel.prev {
            left: 13px;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
          #top .main-content .carousel-area .sp-carousel-pager .btn-carousel.next {
            right: 11px;
            -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg); }

    #top .main-content .three-feature-area {
      /* padding: 60px 0 78px; }*/
      padding: 0px 0 78px; }


      @media (max-width: 767px) {
        #top .main-content .three-feature-area {
          display: none; } }

      #top .main-content .three-feature-area .banner-three-feature {
        background-size: cover;
        background-position: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
/*        height: 265px;*/
        height: auto;
        margin: 0 auto;
        padding: 111px 20px 0;
/*        width: 980px; */
	width: 100%;
        max-width: 980px; }


        #top .main-content .three-feature-area .banner-three-feature .head {
          color: #fff;
          font-size: 50px;
          line-height: 1;
          margin-bottom: 58px;
          text-align: center; }
        #top .main-content .three-feature-area .banner-three-feature .notice {
          color: #fff;
          font-size: 18px;
          line-height: 34px;
          text-align: right; }
          #top .main-content .three-feature-area .banner-three-feature .notice img {
            margin-left: 6px;
            vertical-align: -2px;
            width: 18px; }



	  #top .three-feature-area .three-feature-list {
			list-style: none;
			overflow: hidden;
			/* width: 980px; */
			max-width: 980px;
			margin: 0 auto;
		 }




	  #top .three-feature-area .three-feature-list li {
	    background-size: cover;
	    background-position: center;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	/*    float: left;*/
	    position: relative;
	/*    width: 50%; */
	/*    width: 326px; */
	    	width: calc(100% / 3);
		height: 250px;
		float: left;
		margin: 0 auto; }


	    #top .three-feature-area .three-feature-list li > a {
	      -webkit-box-sizing: border-box;
	      box-sizing: border-box;
	      display: block;
	/*      height: 300px;*/
		 }

	/* NEW */
	    #top .three-feature-area .three-feature-list li a img { 
			width: 100%;
		 }


	      @media (max-width: 767px) {
		  #top .three-feature-area .three-feature-list li {
		    width: 95%;
			height: auto;
			margin: 0 auto; }

	        #top .three-feature-area .three-feature-list li > a {
	          height: 160px; } }
	    #top .three-feature-area .three-feature-list li .list-title {
	      color: #fff;
		font-weight: bold;
	      font-size: 40px;
	      line-height: 1; }
	      @media (max-width: 767px) {
	        #top .three-feature-area .three-feature-list li .list-title {
	/*          font-size: 20px;*/
	          font-size: 23px;
	          line-height: 25px; } }
	    #top .course .three-feature-area .three-feature-list li .list-subtitle {
	      color: #fff;
	/*      font-size: 18px;*/
	      font-size: 23px;
		font-weight: bold;
	/*      left: 79px;*/
	      left: 270px;
	      line-height: 28px;
	      position: absolute;
	/*      top: 166px;*/
	      top: 120px;
	      z-index: 1; }
	      @media (max-width: 767px) {
	        #top .three-feature-area .three-feature-list li .list-subtitle {
	          font-size: 12px;
	          left: 15px;
	          line-height: 19px;
	          top: 74px; } }
	    #top .three-feature-area .three-feature-list li .notice {
	      bottom: 0;
	      -webkit-box-sizing: border-box;
	      box-sizing: border-box;
	      color: #fff;
	      font-size: 18px;
	      height: 34px;
	      left: 0;
	      line-height: 34px;
	      padding: 0 31px;
	      position: absolute;
	      text-align: right;
	      width: 100%; }

	      @media (max-width: 767px) {
	        #top .three-feature-area .three-feature-list li .notice {
	          bottom: 6px;
	          font-size: 12px;
	          height: 17px;
	          line-height: 17px;
	          padding: 0 14px; } }
	      #top .three-feature-area .three-feature-list li .notice img {
	        margin-left: 8px;
	        vertical-align: -2px;
	        width: 18px; }

	        @media (max-width: 767px) {
	          #top .three-feature-area .three-feature-list li .notice img {
	            vertical-align: -1px;
	            width: 10px; } }


	        @media (max-width: 767px) {
		    #top .three-feature-area-sp .three-feature-list li img {
				display: block;
				width: 100%;
			 }}


	    #top .three-feature-area .three-feature-list li.feature1 {
	 /*     background-image: url(./assets/images/top/banner-three-feature-1.jpg);*/
	/*      border-right: 1px solid #fff;*/
		 }
	      @media (max-width: 767px) {
	        #top .three-feature-area .three-feature-list li.feature1 {
	          background-image: url(./assets/images/top/banner-three-feature-1-sp.jpg); } }
	      	#top .three-feature-area .three-feature-list li.feature1 > a {
	/*        padding: 115px 0 0 79px; */
	 /*        padding: 80px 0 0 250px; */ }}

	        @media (max-width: 767px) {
	          #top .three-feature-area .three-feature-list li.feature2 > a {
	        padding: 80px 0 0 250px; }}
	    #top .three-feature-area .three-feature-list li.feature2 {
	      /* background-image: url(./assets/images/top/banner-three-feature-2.jpg); */ }

	      @media (max-width: 767px) {
	        #top .three-feature-area .three-feature-list li.feature2 {
	          background-image: url(./assets/images/top/banner-three-feature-2-sp.jpg); } }

	      #top .three-feature-area .three-feature-list li.feature2 > a {
	/*        padding: 115px 0 0 79px; */
	/*        padding: 80px 0 0 250px; */}

	    #top .three-feature-area .three-feature-list li.feature3 {
	      /* background-image: url(./assets/images/top/banner-three-feature-3.jpg); */ }

	        @media (max-width: 767px) {
	        #top .three-feature-area .three-feature-list li.feature3 {
	          background-image: url(./assets/images/top/banner-three-feature-3-sp.jpg); } }

	          #top .three-feature-area .three-feature-list li.feature3 > a {
	 /*       padding: 80px 0 0 250px; */ }

	      @media (max-width: 767px) {
	        #top .course .three-feature-area .three-feature-list li.feature3 .list-subtitle {
	          top: 96px; } }





    #top .main-content .container {
      margin: 0 auto;
      width: 980px; }
      @media (max-width: 767px) {
        #top .main-content .container {
          width: 100%; } }
      #top .main-content .container::after {
        clear: both;
        content: "";
        display: block; }
    #top .main-content .campus-news-area {
      float: left;
/*      width: 475px; */
      width: 570px; }
      @media (max-width: 767px) {
        #top .main-content .campus-news-area {
          float: none;
          padding: 30px 0 0;
          width: 100%; } }

      #top .main-content .campus-news-area .area-head {
/*        color: #333;*/
        color: #45484c;
/*        font-size: 34px;*/
        font-size: 32px;
	font-weight: bold; 
        line-height: 1;
/*        margin-bottom: 16px; */
/*        margin-bottom: 10px;*/
        margin-bottom: 32px;

/*	padding-bottom: 10px; */
/*	border-bottom: 1px solid #C5C5C5;*/
	border-bottom: 1px solid #45484c;
	}

/*     #top .main-content .campus-news-area .area-head h2::before {*/
/*
      #top .main-content .campus-news-area .area-head::before {
    		content: url(./assets/images/top/title_icon.png);
    		margin-right:-5px;
		position:relative;
	    	top:17px;
    		left:0px; 
 	}
*/

      #top .main-content .campus-news-area .area-head::before {
		content: '';
		display: inline-block;
		width: 75px;
		height: 60px;
		background-image: url(./assets/images/top/title_icon.png);
		background-size: contain;
		vertical-align: middle;
		margin: -12px -5px 0 0;
 	}
       @media (max-width: 767px) {
	      #top .main-content .campus-news-area .area-head::before {
			content: '';
			display: inline-block;
			width: 60px;
			height: 48px;
			background-image: url(./assets/images/top/title_icon.png);
			background-size: contain;
			vertical-align: middle;
			margin: -12px -5px 0 0;
	 	} }





        @media (max-width: 767px) {
          #top .main-content .campus-news-area .area-head {
            font-size: 25px;
            margin-bottom: 17px;
/*            text-align: center; */
             } }

      #top .main-content .campus-news-area .news-list {
        /* border-top: 1px solid #C5C5C5; */ 
	}

        #top .main-content .campus-news-area .news-list li {
          border-bottom: 1px solid #C5C5C5; }
          @media (max-width: 767px) {
            #top .main-content .campus-news-area .news-list li {
              position: relative; }
              #top .main-content .campus-news-area .news-list li::after {
                border-right: 1px solid #C5C5C5;
                border-top: 1px solid #C5C5C5;
                bottom: 0;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                content: "";
                display: block;
                height: 8px;
                margin: auto 0;
                position: absolute;
                right: 10px;
                top: 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                width: 8px; } }
          #top .main-content .campus-news-area .news-list li a {
            display: block;
/*            padding: 13px 10px 10px; */
            padding: 13px 10px 10px 20px; }
            @media (max-width: 767px) {
              #top .main-content .campus-news-area .news-list li a {
                padding: 6px 10px; } }
            #top .main-content .campus-news-area .news-list li a::after {
              clear: both;
              content: "";
              display: block; }
          #top .main-content .campus-news-area .news-list li .txt-box .attr-box time {
            display: inline-block;
/*            font-size: 14px;*/
            font-size: 18px;
		font-weight: bold;
            line-height: 26px;
            vertical-align: top;
/*            width: 83px; */
            width: 110px; }
            @media (max-width: 767px) {
              #top .main-content .campus-news-area .news-list li .txt-box .attr-box time {
                font-size: 14px;
                line-height: 17px;
                vertical-align: middle;
                width: 86px; } }
          #top .main-content .campus-news-area .news-list li .txt-box .attr-box .tag {
            border-radius: 2px;
/*            color: #fefeff;*/
        	color: #45484c;
		font-weight: bold;
            display: inline-block;
/*            font-size: 12px;*/
            font-size: 14px;
            height: 23px;
            line-height: 23px;
            text-align: center;
            vertical-align: 1px;
		margin-left: 5px;
            width: 153px; }
            @media (max-width: 767px) {
              #top .main-content .campus-news-area .news-list li .txt-box .attr-box .tag {
                height: 17px;
                line-height: 17px;
/*                width: 130px; */
                width: 140px; 
		} }

            #top .main-content .campus-news-area .news-list li .txt-box .attr-box .tag.event {
              background: #E85603; }
            #top .main-content .campus-news-area .news-list li .txt-box .attr-box .tag.news {
              background: #00244B; }
            #top .main-content .campus-news-area .news-list li .txt-box .attr-box .tag.information {
              background: #6FA210; }
            #top .main-content .campus-news-area .news-list li .txt-box .attr-box .tag.n_tac {
/*              background: #00244B; */
              background: rgba(0,83,142,0.5); }
            #top .main-content .campus-news-area .news-list li .txt-box .attr-box .tag.support {
              background: #E75502; }
            #top .main-content .campus-news-area .news-list li .txt-box .attr-box .tag.maintenance {
              background: #0094D5; }
            #top .main-content .campus-news-area .news-list li .txt-box .attr-box .tag.service {
              background: #da525c; }
            #top .main-content .campus-news-area .news-list li .txt-box .attr-box .tag.engineering_02 {
              background: #009d85; }
            #top .main-content .campus-news-area .news-list li .txt-box .attr-box .tag.business {
              background: #ea711e; }
          #top .main-content .campus-news-area .news-list li .txt-box .title {
/*            font-size: 14px;*/
            font-size: 16px;
            line-height: 24px;
            padding-top: 3px; }
            @media (max-width: 767px) {
              #top .main-content .campus-news-area .news-list li .txt-box .title {
                font-size: 14px;
                letter-spacing: -0.06em;
                line-height: 20px;
                padding-right: 10px;
                padding-top: 4px; }
                #top .main-content .campus-news-area .news-list li .txt-box .title br {
                  display: none; } }
      #top .main-content .campus-news-area .btn-wrapper {
/*        padding: 26px 0 0; */
        padding: 34px 0 0; }

        @media (max-width: 767px) {
          #top .main-content .campus-news-area .btn-wrapper {
            padding: 15px 10px 30px; 
		width: 300px;
		margin: 0 auto;
		} }
        #top .main-content .campus-news-area .btn-wrapper .btn-view-news-index {
/*          background: #FFBE05;*/
		border: 1px solid #002955;
/*          border-radius: 2px;*/
          border-radius: 3px;
          display: block;
/*          font-size: 18px;*/
          font-size: 20px;
/*          height: 46px;*/
          height: 40px;
/*          line-height: 46px;*/
          line-height: 40px;
          margin: auto;
          position: relative;
          text-align: center;
          width: 315px; }
          @media (max-width: 767px) {
            #top .main-content .campus-news-area .btn-wrapper .btn-view-news-index {
              font-size: 20px;
              height: 42px;
              line-height: 42px;
              width: 100%; } }
          #top .main-content .campus-news-area .btn-wrapper .btn-view-news-index::after {
    		background-image: url(./assets/images/top/icon-arrow-news.png);

/*
            border-right: 1px solid #333;
            border-top: 1px solid #333;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            content: "";
            display: block;
            height: 7px;
*/
            content: "";
            display: block;
            height: 17px;
            position: absolute;
            right: 31px;
/*            top: 20px;*/
            top: 11px;
/*            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 7px; */
            width: 20px; 
	    }

            @media (max-width: 767px) {
              #top .main-content .campus-news-area .btn-wrapper .btn-view-news-index::after {
                border-width: 2px;
                height: 17px;
                right: 31px;
                top: 12px;
                width: 20px; } }

    #top .main-content .three-feature-area-sp {
      display: none; }

      @media (max-width: 767px) {
        #top .main-content .three-feature-area-sp {
          display: block; }
          #top .main-content .three-feature-area-sp .banner-three-feature {
            background-size: cover;
            background-position: center;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
/*            height: 115px;*/
            height: 60px;
            margin: 0 auto;
/*            padding: 45px 8px 0;*/
            padding: 0px 0px 0;
            width: 100%; }

            #top .main-content .three-feature-area-sp .banner-three-feature .head {
              color: #fff;
              font-size: 25px;
              line-height: 1;
              margin-bottom: 22px;
              text-align: center; }
            #top .main-content .three-feature-area-sp .banner-three-feature .notice {
              color: #fff;
              font-size: 12px;
              line-height: 17px;
              text-align: right; }
              #top .main-content .three-feature-area-sp .banner-three-feature .notice img {
                margin-left: 8px;
                vertical-align: -1px;
                width: 11px; } }




    #top .main-content .event-calender-area {
      float: right;
/*      width: 463px; */
      width: 380px; }
      @media (max-width: 767px) {
        #top .main-content .event-calender-area {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          float: none;
/*          padding: 30px 10px;*/
          padding: 30px 0px;
          width: 100%; } }

      #top .main-content .event-calender-area .area-head {
/*        color: #333;*/
        color: #45484c;
/*        font-size: 34px; */
        line-height: 1;
/*        margin-bottom: 16px; */
        font-size: 32px;
	font-weight: bold; 
/*	padding-bottom: 10px;*/
/*        margin-bottom: 10px;*/
        margin-bottom: 32px;
/*	border-bottom: 1px solid #C5C5C5;*/
	border-bottom: 1px solid #45484c;

	}
/*
      #top .main-content .event-calender-area .area-head::before {
    		content: url(./assets/images/top/title_icon.png);
    		margin-right:-5px;
		position:relative;
	    	top:17px;
    		left:0px; 
 	}
*/

      #top .main-content .event-calender-area .area-head::before {
		content: '';
		display: inline-block;
		width: 75px;
		height: 60px;
		background-image: url(./assets/images/top/title_icon.png);
		background-size: contain;
		vertical-align: middle;
		margin: -12px -5px 0 0;
 	}


       @media (max-width: 767px) {
	      #top .main-content .event-calender-area .area-head::before {
			content: '';
			display: inline-block;
			width: 60px;
			height: 48px;
			background-image: url(./assets/images/top/title_icon.png);
			background-size: contain;
			vertical-align: middle;
			margin: -12px -5px 0 0;
	 	} }






        @media (max-width: 767px) {
          #top .main-content .event-calender-area .area-head {
            font-size: 25px;
            margin-bottom: 12px;
/*            text-align: center; */
             } }

      #top .main-content .event-calender-area #event-calender {
/*        border: 1px solid #B6B9BC;*/
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 0 16px; 
	width: 360px; }

        @media (max-width: 767px) {
          #top .main-content .event-calender-area #event-calender {
		width: 90%;
		margin: 0 auto;
/*            padding: 0 0 11px; */
            padding: 0 10px 11px; } }

        #top .main-content .event-calender-area #event-calender .calender-head {
/*          background: #00244B;*/
          background: #45484c;
/*          height: 54px;*/
          height: 45px;
          position: relative; }
          @media (max-width: 767px) {
            #top .main-content .event-calender-area #event-calender .calender-head {
/*              height: 35px; */
              height: 50px; } }
          #top .main-content .event-calender-area #event-calender .calender-head .head {
            color: #fff;
/*            font-size: 24px;*/
            font-size: 18px;
	    font-weight: bold;
/*            line-height: 54px;*/
            line-height: 45px;
            text-align: center; }
            @media (max-width: 767px) {
              #top .main-content .event-calender-area #event-calender .calender-head .head {
/*                font-size: 16px;*/
                font-size: 20px;
/*                line-height: 35px; */
                line-height: 50px; } }
          #top .main-content .event-calender-area #event-calender .calender-head .btn-prev, #top .main-content .event-calender-area #event-calender .calender-head .btn-next {
            cursor: pointer;
/*            height: 21px;*/
            height: 15px;
            position: absolute;
/*            width: 26px; */
            width: 18px; }
            @media (max-width: 767px) {
              #top .main-content .event-calender-area #event-calender .calender-head .btn-prev, #top .main-content .event-calender-area #event-calender .calender-head .btn-next {
/*                height: 13px;
                width: 16px; */
                width: 20px; 
		} }
            #top .main-content .event-calender-area #event-calender .calender-head .btn-prev img, #top .main-content .event-calender-area #event-calender .calender-head .btn-next img {
              vertical-align: top;
              width: 100%; }
          #top .main-content .event-calender-area #event-calender .calender-head .btn-prev {
            left: 20px;
/*            top: 16px; */
            top: 15px; }
            @media (max-width: 767px) {
              #top .main-content .event-calender-area #event-calender .calender-head .btn-prev {
                left: 14px;
/*                top: 11px; */
                top: 15px; } }
          #top .main-content .event-calender-area #event-calender .calender-head .btn-next {
            right: 20px;
/*            top: 16px; */
            top: 15px; }
            @media (max-width: 767px) {
              #top .main-content .event-calender-area #event-calender .calender-head .btn-next {
/*                right: 12px;*/
                right: 26px;
/*                top: 11px; */
                top: 15px; } }
            #top .main-content .event-calender-area #event-calender .calender-head .btn-next img {
              -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
        #top .main-content .event-calender-area #event-calender #calender {
          border: solid 1px #fff;
          border-collapse: collapse;
/*          margin: 13px auto;*/
          margin: 0 auto 13px auto;
/*          width: 426px; */
          width: 360px; }
          @media (max-width: 767px) {
            #top .main-content .event-calender-area #event-calender #calender {
              table-layout: fixed;
              margin: 8px auto;
/*              width: calc(100% - 20px); */
              width: 100%; } }


          #top .main-content .event-calender-area #event-calender #calender tr th {
            border: solid 1px #fff;
/*            font-size: 18px;*/
            font-size: 14px;
		font-weight: bold;
/*            height: 53px;*/
            height: 44px;
/*            line-height: 53px;*/
            line-height: 44px;
            text-align: center;
            width: 60px; }

          #top .main-content .event-calender-area #event-calender #calender tr td {
            border: solid 1px #fff;
            font-size: 18px;
		font-weight: bold;
/*            height: 53px;*/
            height: 44px;
/*            line-height: 53px;*/
            line-height: 44px;
            text-align: center;
            width: 60px; }


            @media (max-width: 767px) {
              #top .main-content .event-calender-area #event-calender #calender tr th, #top .main-content .event-calender-area #event-calender #calender tr td {
/*                font-size: 12px;*/
                font-size: 18px;
/*                height: 34px;*/
                height: 44px;
/*                line-height: 34px;*/
                line-height: 44px;
                width: 14.28%; } }
            #top .main-content .event-calender-area #event-calender #calender tr th a, #top .main-content .event-calender-area #event-calender #calender tr td a {
/*              color: #fff;*/
              color: #333;
              display: block;
/*              height: 53px;*/
              height: 44px;
/*              width: 60px; */
              }
              @media (max-width: 767px) {
                #top .main-content .event-calender-area #event-calender #calender tr th a, #top .main-content .event-calender-area #event-calender #calender tr td a {
                  height: 34px;
                  width: 100%; } }
          #top .main-content .event-calender-area #event-calender #calender tr th {
/*            background: #5B5B5B;*/
            background: #F4F4F4;
/*            color: #fff;*/
            color: #333;
            font-weight: bold; }
            #top .main-content .event-calender-area #event-calender #calender tr th.sat {
/*              background: #006AB8; */
              color: #00538e; }
            #top .main-content .event-calender-area #event-calender #calender tr th.sun {
/*              background: #F35039; */
              color: #e60012; }
          #top .main-content .event-calender-area #event-calender #calender tr td {
/*            background: #EBEBEB;*/
            background: #F4F4F4;
            color: #333; }
            #top .main-content .event-calender-area #event-calender #calender tr td.pink {
/*              background: #F3467B; */
              background: #fc8888; }

            #top .main-content .event-calender-area #event-calender #calender tr td.orange {
/*              background: #F56B1D; */
                background: #fca424; }

            #top .main-content .event-calender-area #event-calender #calender tr td.green {
/*              background: #7CB217; */
                background: #5fc7e0; }


        #top .main-content .event-calender-area #event-calender .guide-list {
          font-size: 0;
          letter-spacing: 0;
          padding: 0 18px; }
          @media (max-width: 767px) {
            #top .main-content .event-calender-area #event-calender .guide-list {
              padding: 0 11px; } }
          #top .main-content .event-calender-area #event-calender .guide-list li {
            display: inline-block;
            font-size: 16px;
/*            line-height: 1; */
            line-height: 1; }
            #top .main-content .event-calender-area #event-calender .guide-list li:nth-last-of-type(n+2) {
              margin-right: 18px; }
              @media (max-width: 767px) {
                #top .main-content .event-calender-area #event-calender .guide-list li:nth-last-of-type(n+2) {
                  margin-right: 8px; } }
            #top .main-content .event-calender-area #event-calender .guide-list li .color-box {
              display: inline-block;
              height: 15px;
              margin-right: 11px;
              vertical-align: -1px;
              width: 15px; }
              @media (max-width: 767px) {
                #top .main-content .event-calender-area #event-calender .guide-list li .color-box {
/*                  height: 10px;*/
                  height: 15px;
                  margin-right: 5px;
/*                  width: 10px; */
                  width: 15px; } }
              #top .main-content .event-calender-area #event-calender .guide-list li .color-box.pink {
/*                background: #F3467B; */
                background: #fc8888; }
              #top .main-content .event-calender-area #event-calender .guide-list li .color-box.orange {
/*                background: #F56B1D; */
                background: #fca424; }
              #top .main-content .event-calender-area #event-calender .guide-list li .color-box.green {
/*                background: #7CB217; */
                background: #5fc7e0; }
            @media (max-width: 767px) {
              #top .main-content .event-calender-area #event-calender .guide-list li {
/*                font-size: 11px; */
	                font-size: 16px;
			line-height:1.5; 
		} }

  #top .course .title-area {
    background-image: url(./assets/images/top/bg-course-title.jpg);
    background-size: cover;
    background-position: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
/*    height: 400px;*/
    height: 100px;
/*    padding: 176px 0 0; */
    padding: 0px 0 0;
/*	width: 980px;*/
	max-width: 980px;
	margin: 0 auto; 
	}

    @media (max-width: 767px) {
      #top .course .title-area {
        background-image: url(./assets/images/top/bg-course-title-sp.jpg);
/*        height: 100px;*/
/*        padding: 42px 0 0; */
	height: 70px;
	width: 100%;
        padding: 10px 0 0; } }
    #top .course .title-area .title {
      color: #fff;
/*      font-size: 50px;*/
      font-size: 36px;
	font-weight: bold;
      line-height: 1;
	padding-top:32px;
      text-align: center; }
      @media (max-width: 767px) {
        #top .course .title-area .title {
		padding-top: 15px;
          font-size: 25px; } }

  #top .course .course-list::after {
    clear: both;
    content: "";
    display: block; }

  #top .course .course-list li {
    background-size: cover;
    background-position: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
/*    float: left;*/
    position: relative;
/*    width: 50%; */
    width: 980px;
	height: 200px;
	margin: 0 auto; }


    #top .course .course-list li > a {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
/*      height: 300px;*/
	 }

      @media (max-width: 767px) {
	  #top .course .course-list li {
	    width: 100%;
		height: auto;
		margin: 0 auto; }

        #top .course .course-list li > a {
          height: 160px; } }

      @media (max-width: 500px) {
	  #top .course .course-list li {
	    width: 100%;
		height: 130px;
		margin: 0 auto; }

        #top .course .course-list li > a {
          height: 160px; } }



    #top .course .course-list li .list-title {
      color: #fff;
	font-weight: bold;
      font-size: 40px;
      line-height: 1; }

      @media (max-width: 767px) {
        #top .course .course-list li .list-title {
/*          font-size: 20px;*/
          font-size: 21px;
          line-height: 25px; } }

    #top .course .course-list li .list-subtitle {
      color: #fff;
/*      font-size: 18px;*/
      font-size: 23px;
	font-weight: bold;
/*      left: 79px;*/
      left: 270px;
      line-height: 28px;
      position: absolute;
/*      top: 166px;*/
      top: 130px;
      z-index: 1; }

      @media (max-width: 767px) {
        #top .course .course-list li .list-subtitle {
/*          font-size: 12px;*/
          font-size: 16px;
/*          left: 15px;*/
          left: 210px;
/*          line-height: 19px;*/
          line-height: 22px;
/*          top: 74px; */
          top: 60px; } }

      @media (max-width: 500px) {
        #top .course .course-list li .list-subtitle {
/*          font-size: 12px;*/
          font-size: 16px;
/*          left: 15px;*/
          left: 160px;
/*          line-height: 19px;*/
          line-height: 22px;
/*          top: 74px; */
          top: 60px; } }




    #top .course .course-list li .notice {
      bottom: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #fff;
      font-size: 18px;
      height: 34px;
      left: 0;
      line-height: 34px;
      padding: 0 31px;
      position: absolute;
      text-align: right;
      width: 100%; }

      @media (max-width: 767px) {
        #top .course .course-list li .notice {
          bottom: 6px;
          font-size: 12px;
          height: 17px;
          line-height: 17px;
          padding: 0 14px; } }
      #top .course .course-list li .notice img {
        margin-left: 8px;
        vertical-align: -2px;
        width: 18px; }

        @media (max-width: 767px) {
          #top .course .course-list li .notice img {
            vertical-align: -1px;
            width: 10px; } }
    #top .course .course-list li.air {
      background-image: url(./assets/images/top/bg-course-air.jpg);
/*      border-right: 1px solid #fff;*/
	 }

      @media (max-width: 767px) {
        #top .course .course-list li.air {
          background-image: url(./assets/images/top/bg-course-air-sp.jpg); 
	background-size: cover;
	} }
      @media (max-width: 500px) {
        #top .course .course-list li.air {
          background-image: url(./assets/images/top/bg-course-air-sp-s.jpg); 
	background-size: contain;
	background-repeat: no-repeat;
	} }

      #top .course .course-list li.air > a {
/*        padding: 115px 0 0 79px; */
        padding: 80px 0 0 270px; }

        @media (max-width: 767px) {
          #top .course .course-list li.air > a {
/*            padding: 48px 0 0 13px; */
            padding: 30px 0 0 210px; 
		} }

        @media (max-width: 500px) {
          #top .course .course-list li.air > a {
/*            padding: 48px 0 0 13px; */
            padding: 30px 0 0 160px; 
		} }

    #top .course .course-list li.ground {
      background-image: url(./assets/images/top/bg-course-ground.jpg); }

      @media (max-width: 767px) {
        #top .course .course-list li.ground {
          background-image: url(./assets/images/top/bg-course-ground-sp.jpg); 
	background-size: cover;
	} }
      @media (max-width: 500px) {
        #top .course .course-list li.ground {
          background-image: url(./assets/images/top/bg-course-ground-sp-s.jpg); 
	background-size: cover;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
	} }

      #top .course .course-list li.ground > a {
/*        padding: 115px 0 0 79px; */
        padding: 80px 0 0 270px; }

        @media (max-width: 767px) {
          #top .course .course-list li.ground > a {
            /* padding: 48px 0 0 13px; */
        	padding: 30px 0 0 210px; } }

        @media (max-width: 500px) {
          #top .course .course-list li.ground > a {
            /* padding: 48px 0 0 13px; */
        	padding: 30px 0 0 160px; } }




      @media (max-width: 767px) {
        #top .course .course-list li.ground .list-subtitle {
/*          top: 96px; */
          top: 80px; } }
  #top .pickup {
/*    padding: 80px 0 88px; */
    padding: 65px 0 50px; }

    @media (max-width: 767px) {
      #top .pickup {
        padding: 29px 0 27px; } }

    #top .pickup .title {
/*      font-size: 40px;*/
        font-size: 32px;
	font-weight: bold; 

/*	padding-bottom: 10px;*/
/*	border-bottom: 1px solid #C5C5C5;*/
	border-bottom: 1px solid #45484c;

      line-height: 1;
/*      margin-bottom: 40px;*/
      margin: 0 auto 30px auto;
/*      text-align: center; */
      text-align: left;
	max-width: 980px; 
	width: 100%; 
	}
/*
      #top .pickup .title::before {
    		content: url(./assets/images/top/title_icon.png);
    		margin-right:-5px;
		position:relative;
	    	top:17px;
    		left:0px; 
 	}
*/
      #top .pickup .title::before {
		content: '';
		display: inline-block;
		width: 75px;
		height: 60px;
		background-image: url(./assets/images/top/title_icon.png);
		background-size: contain;
		vertical-align: middle;
		margin: -12px -5px 0 0;
 	}

       @media (max-width: 767px) {
	     #top .pickup .title::before {
			content: '';
			display: inline-block;
			width: 60px;
			height: 48px;
			background-image: url(./assets/images/top/title_icon.png);
			background-size: contain;
			vertical-align: middle;
			margin: -12px -5px 0 0;
 	} }



      @media (max-width: 767px) {
        #top .pickup .title {
/*          font-size: 20px;*/
          font-size: 25px;
          margin-bottom: 14px; } }

    #top .pickup .pickup-list {
      font-size: 0;
      letter-spacing: 0;
      margin: 0 auto;
      text-align: center;
      width: 980px; }

      @media (max-width: 767px) {
        #top .pickup .pickup-list {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0 10px;
          width: 100%; } }



      #top .pickup .pickup-list li {
        border: 1px solid #D8D9D9;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
/*        width: 233px; */
        width: 480px;
	}
        @media (max-width: 767px) {
          #top .pickup .pickup-list li {
/*            width: calc((100% - 10px)/2); */
/*            max-width: 480px; */
/*            max-width: 400px; */
            width: 100%; } }

/*        #top .pickup .pickup-list li:nth-last-of-type(n+2) {*/
/*        #top .pickup .pickup-list li:nth-last-of-type(2n) { */
        #top .pickup .pickup-list li:nth-of-type(1) {
/*          margin-right: 16px; */
          margin-right: 20px;
          margin-bottom: 20px; }
          @media (max-width: 767px) {
/*            #top .pickup .pickup-list li:nth-last-of-type(n+2) {*/
/*            #top .pickup .pickup-list li:nth-last-of-type(2n) {*/
            #top .pickup .pickup-list li {
              margin-right: 0; } }
        @media (max-width: 767px) {
          #top .pickup .pickup-list li:nth-of-type(odd) {
/*            margin-right: 10px; */
            margin-right: 0px;
            margin-bottom: 20px; } }

        @media (max-width: 767px) {
          #top .pickup .pickup-list li:nth-last-of-type(n+3) {
            margin-bottom: 15px; } }
        #top .pickup .pickup-list li a {
          display: block; }
        #top .pickup .pickup-list li .img-box img {
          vertical-align: top;
          width: 100%; }
          #top .pickup .pickup-list li .img-box img:nth-of-type(2) {
            display: none; }
          @media (max-width: 767px) {
            #top .pickup .pickup-list li .img-box img:nth-of-type(1) {
              display: none; }
            #top .pickup .pickup-list li .img-box img:nth-of-type(2) {
              display: inline; } }
        #top .pickup .pickup-list li .txt-box {
/*          background: #EEF7FE;*/
          background: #08416e;
/*          font-size: 20px;*/
          font-size: 14px;
		color: #fff;
		padding: 5px 20px;
/*          line-height: 59px;*/
          line-height: 20px;
		height:80px;
/*          text-align: center; */
          text-align: left; }

        #top .pickup .pickup-list li:nth-of-type(2) div.txt-box:nth-of-type(2) {
          	background: #082445;
           }
        #top .pickup .pickup-list li:nth-of-type(3) div.txt-box:nth-of-type(2) {
          	background: #082445;
           }

          @media (max-width: 767px) {

	        #top .pickup .pickup-list li:nth-of-type(3) div.txt-box:nth-of-type(2) {
	          	background: #08416e;
	           }

	        #top .pickup .pickup-list li:nth-of-type(4) div.txt-box:nth-of-type(2) {
	          	background: #082445;
	           }



            #top .pickup .pickup-list li .txt-box {
              font-size: 14px;
/*              line-height: 37px; */
              line-height: 20px; } }


/* TOP 学科 .gakka*/
            #top .pickup .pickup-list.gakka li {
        	border: none;}

       	@media (max-width: 767px) {
            #top .pickup .pickup-list.gakka li {
        	border: none;
                margin-right: 0; 
		margin-bottom: 20px;} }

/* ##学科 */



/*
 * ニュース一覧 (archive.php) ページ
 */
#normal .news .pagenation-list, #normal .single-page .pagenation-list {
  font-size: 0;
  letter-spacing: 0;
  text-align: center; }
  #normal .news .pagenation-list li, #normal .single-page .pagenation-list li {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 36px;
    margin: 0 3px;
    vertical-align: top; }
    @media (max-width: 767px) {
      #normal .news .pagenation-list li, #normal .single-page .pagenation-list li {
        line-height: 24px;
        margin: 0 2px; } }
    #normal .news .pagenation-list li.pager a, #normal .news .pagenation-list li.back-index a, #normal .single-page .pagenation-list li.pager a, #normal .single-page .pagenation-list li.back-index a {
      background: #A8D8FF;
      width: 84px; }
      @media (max-width: 767px) {
        #normal .news .pagenation-list li.pager a, #normal .news .pagenation-list li.back-index a, #normal .single-page .pagenation-list li.pager a, #normal .single-page .pagenation-list li.back-index a {
          width: 62px; } }
    #normal .news .pagenation-list li a, #normal .news .pagenation-list li span, #normal .single-page .pagenation-list li a, #normal .single-page .pagenation-list li span {
      border-radius: 1px;
      display: block;
      height: 36px;
      text-align: center;
      width: 36px; }
      @media (max-width: 767px) {
        #normal .news .pagenation-list li a, #normal .news .pagenation-list li span, #normal .single-page .pagenation-list li a, #normal .single-page .pagenation-list li span {
          height: 24px;
          width: 24px; } }
    #normal .news .pagenation-list li a, #normal .single-page .pagenation-list li a {
      background: #DBEFFF; }
    #normal .news .pagenation-list li span, #normal .single-page .pagenation-list li span {
      background: #A8D8FF; }

#normal .news {
  min-width: 1020px;
  padding: 32px 0 94px; }
  @media (max-width: 767px) {
    #normal .news {
      min-width: 0;
      padding: 16px 0 40px; } }
  #normal .news .container {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal .news .container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%; } }
    #normal .news .container .section-title {
      font-size: 28px;
      line-height: 48px;
      margin-bottom: 45px;
      padding-bottom: 4px;
      position: relative; }
      @media (max-width: 767px) {
        #normal .news .container .section-title {
          font-size: 18px;
          line-height: 26px;
          margin-bottom: 22px; } }
      #normal .news .container .section-title::before, #normal .news .container .section-title::after {
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        position: absolute; }
      #normal .news .container .section-title::before {
        background: #DCE6F1;
        width: 100%; }
      #normal .news .container .section-title::after {
        background: #003A81;
        width: 268px; }
        @media (max-width: 767px) {
          #normal .news .container .section-title::after {
            width: 33%; } }
    #normal .news .container .news-list {
      margin-bottom: 41px; }
      @media (max-width: 767px) {
        #normal .news .container .news-list {
          margin-bottom: 20px; } }
      #normal .news .container .news-list li {
        border-bottom: 1px solid #C5C5C5; }
        #normal .news .container .news-list li a {
          display: block;
          font-size: 0;
          letter-spacing: 0;
          padding: 20px;
          position: relative;
          -webkit-transition: all .35s;
          -o-transition: all .35s;
          transition: all .35s; }
          @media (max-width: 767px) {
            #normal .news .container .news-list li a {
              padding: 8px 0 5px 5px; } }
          #normal .news .container .news-list li a::after {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-right: 3px solid #c5c5c5;
            border-top: 3px solid #c5c5c5;
            content: "";
            display: block;
            height: 16px;
            position: absolute;
            right: 24px;
            top: 27px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 16px; }
            @media (max-width: 767px) {
              #normal .news .container .news-list li a::after {
                border-width: 2px;
                bottom: 0;
                height: 10px;
                margin: auto 0;
                right: 14px;
                top: 0;
                width: 10px; } }
          #normal .news .container .news-list li a:hover {
            background: #E0F3F9; }
          #normal .news .container .news-list li a time {
            display: inline-block;
            font-size: 14px;
            line-height: 24px;
            width: 98px; }
            @media (max-width: 767px) {
              #normal .news .container .news-list li a time {
                font-size: 12px;
                line-height: 18px;
                width: 80px; } }
          #normal .news .container .news-list li a .tag {
            border-radius: 4px;
/*            color: #fff;*/
            	color: #45484c;
		font-weight: bold;
            display: inline-block;
/*            font-size: 12px;*/
            font-size: 14px;
            line-height: 30px;
            text-align: center;
            width: 153px; }
            @media (max-width: 767px) {
              #normal .news .container .news-list li a .tag {
/*                font-size: 10px;*/
                font-size: 12px;
                line-height: 20px;
                width: 120px; } }

            #normal .news .container .news-list li a .tag.n_tac {
/*              background: #00244B; */
              background: rgba(0,83,142,0.5); }
            #normal .news .container .news-list li a .tag.support {
              background: #E75502; }
            #normal .news .container .news-list li a .tag.maintenance {
              background: #0094D5; }
            #normal .news .container .news-list li a .tag.service {
              background: #da525c; }
            #normal .news .container .news-list li a .tag.engineering_02 {
              background: #009d85; }
            #normal .news .container .news-list li a .tag.business {
              background: #ea711e; }

          #normal .news .container .news-list li a .title {
            display: inline-block;
            font-size: 14px;
            line-height: 24px;
            padding-left: 19px; }
            @media (max-width: 767px) {
              #normal .news .container .news-list li a .title {
                display: block;
                font-size: 12px;
                line-height: 18px;
                margin-top: 5px;
                padding-left: 0;
                padding-right: 30px; } }

#normal .single-page {
  min-width: 1020px;
  padding: 43px 0 84px; }
  @media (max-width: 767px) {
    #normal .single-page {
      min-width: 0;
      padding: 16px 0 40px; } }
  #normal .single-page .container {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal .single-page .container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%; } }
    #normal .single-page .container .attr-area {
      font-size: 0;
      letter-spacing: 0;
      margin-bottom: 16px; }
      @media (max-width: 767px) {
        #normal .single-page .container .attr-area {
          margin-bottom: 8px; } }
      #normal .single-page .container .attr-area time {
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
        width: 106px; }
        @media (max-width: 767px) {
          #normal .single-page .container .attr-area time {
            font-size: 12px;
            line-height: 18px;
            width: 80px; } }
      #normal .single-page .container .attr-area .tag {
        border-radius: 4px;
/*        color: #fff;*/
        color: #45484c;
        display: inline-block;
        font-size: 14px;
	font-weight: bold;
        line-height: 30px;
        padding: 0 15px;
        text-align: center; }
        @media (max-width: 767px) {
          #normal .single-page .container .attr-area .tag {
            font-size: 10px;
            line-height: 20px; } }
        #normal .single-page .container .attr-area .tag.n_tac {
/*          background: #00244B; */
              background: rgba(0,83,142,0.5); }

        #normal .single-page .container .attr-area .tag.support {
          background: #E75502; }
        #normal .single-page .container .attr-area .tag.maintenance {
          background: #0094D5; }
        #normal .single-page .container .attr-area .tag.service {
          background: #da525c; }
        #normal .single-page .container .attr-area .tag.engineering_02 {
          background: #009d85; }
        #normal .single-page .container .attr-area .tag.business {
          background: #ea711e; }
    #normal .single-page .container .title {
      border-bottom: 1px solid #C5C5C5;
      font-size: 28px;
      line-height: 30px;
      padding-bottom: 17px; }
      @media (max-width: 767px) {
        #normal .single-page .container .title {
          font-size: 18px;
          line-height: 27px;
          padding-bottom: 5px; } }
    #normal .single-page .container .content-area {
      font-size: 14px;
      line-height: 30px;
      padding: 33px 0 52px; }
      @media (max-width: 767px) {
        #normal .single-page .container .content-area {
          font-size: 12px;
          line-height: 24px;
          padding: 16px 0 26px; } }
      #normal .single-page .container .content-area .img-box {
        text-align: center; }
        #normal .single-page .container .content-area .img-box img {
          vertical-align: top; }
          @media (max-width: 767px) {
            #normal .single-page .container .content-area .img-box img {
              height: auto !important;
              width: 100% !important; } }
      #normal .single-page .container .content-area strong {
        font-size: 18px;
        line-height: 30px; }
        @media (max-width: 767px) {
          #normal .single-page .container .content-area strong {
            font-size: 14px;
            line-height: 24px; } }
      #normal .single-page .container .content-area a {
        text-decoration: underline; }
    #normal .single-page .container .pagenation-list li.pager a {
      background: #DBEFFF; }
    #normal .single-page .container .pagenation-list li.back-index a {
      background: #A8D8FF; }
      @media (max-width: 767px) {
        #normal .single-page .container .pagenation-list li.back-index a {
          width: 80px; } }

/*
 * 下層一般ページ
 */
#normal {
  min-width: 1020px; }
  @media (max-width: 767px) {
    #normal {
      min-width: 0; } }
  #normal .top-main-area {
    width: 100%;
/*    height: 240px;*/
    height: 350px;
    background-position: center;
    background-size: cover;
    background-color: #7f7f7f; }
    @media (max-width: 767px) {
      #normal .top-main-area {
        height: 180px; } }
    #normal .top-main-area .content-wrap {
      margin: 0 auto;
      width: 980px; }
      @media (max-width: 767px) {
        #normal .top-main-area .content-wrap {
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px; } }

      #normal .top-main-area .content-wrap .title {
/*        margin-top: 100px;*/
        margin-top: 75px;
/*        font-size: 40px;*/
        font-size: 32px;
/*        line-height: 40px;*/
        line-height: 32px;
        font-weight: bold;
        display: inline-block;
        vertical-align: top;

	display: inline-block;
/*	width: 392px;
	height: 51px;*/
	width: 490px;
	height: 64px;
	background-image: url(./assets/images/common/bg_page_title.png);
	background-size: contain;
	background-repeat: no-repeat;
	padding: 20px 0 0 30px; 

/*        color: #FFFFFF; */
        color: #45484c; }

        @media (max-width: 767px) {
          #normal .top-main-area .content-wrap .title {
/*            margin-top: 75px;*/
            margin-top: 30px;
            font-size: 28px;
            line-height: 28px;
/*            padding-left: 10px; */
		width: calc(100% - 20px);
		height: 40px;
            padding: 10px 0 0 25px; } }

      #normal .top-main-area .content-wrap .sub-title {
        margin-top: 110px;
        margin-left: 10px;
        font-size: 16px;
        line-height: 16px;
        font-weight: bold;
        vertical-align: top;
        display: inline-block;
        color: #FFFFFF; }
        @media (max-width: 767px) {
          #normal .top-main-area .content-wrap .sub-title {
            margin-top: 82px;
            font-size: 13px;
            line-height: 13px; } }
      #normal .top-main-area .content-wrap .sub-title-ja {
        margin-top: 110px;
        margin-left: 10px;
        font-size: 24px;
        line-height: 24px;
        font-weight: bold;
        vertical-align: top;
        display: inline-block;
        color: #FFFFFF; }
        @media (max-width: 767px) {
          #normal .top-main-area .content-wrap .sub-title-ja {
            margin-top: 82px;
            font-size: 13px;
            line-height: 13px; } }

/*
 * 下層一般ページ

 Q&Aページ・
 */
#normal section.qa {
  padding-bottom: 160px; }
  @media (max-width: 767px) {
    #normal section.qa {
      padding-bottom: 80px; } }
  #normal section.qa .qa-title {
    margin: 47px 0 44px;
    font-size: 28px;
    text-align: center;
    font-weight: bold; }
    @media (max-width: 767px) {
      #normal section.qa .qa-title {
        margin: 23px 0 22px;
        font-size: 16px;
        line-height: 24px; } }
  #normal section.qa .category-box {
    margin: 0 auto;
    width: 980px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #EEEEEE;
    padding: 25px 18px 20px;
    margin-bottom: 33px; }
    @media (max-width: 767px) {
      #normal section.qa .category-box {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px; } }
    @media (max-width: 767px) {
      #normal section.qa .category-box {
        padding: 12px 9px 10px;
        margin-bottom: 17px; } }
    #normal section.qa .category-box .category-title {
      margin-bottom: 20px;
      font-size: 24px;
      line-height: 24px;
      text-align: center;
      font-weight: bold; }
      @media (max-width: 767px) {
        #normal section.qa .category-box .category-title {
          margin-bottom: 10px;
          font-size: 18px;
          line-height: 24px; } }
    #normal section.qa .category-box .list li {
      width: 100%;
      background-color: #FFFFFF;
      margin-bottom: 4px;
      border-radius: 4px; }
      #normal section.qa .category-box .list li:last-child {
        margin-bottom: 0; }
      #normal section.qa .category-box .list li a {
        text-decoration: underline; }
      #normal section.qa .category-box .list li .q-box {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        border-radius: 4px; }
        #normal section.qa .category-box .list li .q-box::after {
          clear: both;
          content: "";
          display: block; }
        #normal section.qa .category-box .list li .q-box .q-bg {
          float: left;
          display: inline-block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 40px;
          padding: 20px 0;
          background-color: #7a7a7a;
          font-size: 18px;
          line-height: 18px;
          color: #FFFFFF;
          text-align: center;
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px; }
          @media (max-width: 767px) {
            #normal section.qa .category-box .list li .q-box .q-bg {
              width: 40px;
              padding: 20px 15px;
              font-size: 14px;
              line-height: 14px; } }
        #normal section.qa .category-box .list li .q-box .q-title {
          float: left;
          display: inline-block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 20px 15px;
          font-size: 18px;
          line-height: 18px; }
          @media (max-width: 767px) {
            #normal section.qa .category-box .list li .q-box .q-title {
              width: calc(100% - 72px);
              padding: 10px 10px 0px;
              font-size: 14px;
              line-height: 18px; } }
          #normal section.qa .category-box .list li .q-box .q-title.bold {
            font-weight: bold; }
        #normal section.qa .category-box .list li .q-box .q-btn {
          float: right;
          position: relative;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          display: block;
          margin-top: 12px;
          margin-right: 12px;
          width: 32px;
          height: 32px; }
          @media (max-width: 767px) {
            #normal section.qa .category-box .list li .q-box .q-btn {
              margin-top: 18px;
              width: 20px;
              height: 20px; } }
          #normal section.qa .category-box .list li .q-box .q-btn span {
            position: absolute;
            bottom: 0;
            border: 0;
            height: 0;
            left: 0;
            margin: auto;
            position: absolute;
            right: 8px;
            top: 0;
            width: 32px;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            border-top: 2px solid #7a7a7a; }
            @media (max-width: 767px) {
              #normal section.qa .category-box .list li .q-box .q-btn span {
                width: 24px; } }
          #normal section.qa .category-box .list li .q-box .q-btn span:nth-of-type(2) {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
          #normal section.qa .category-box .list li .q-box .q-btn.opened {
            padding-top: 0; }
            #normal section.qa .category-box .list li .q-box .q-btn.opened span {
              background: #7a7a7a;
              bottom: 0;
              border: 0;
              height: 2px;
              left: 0;
              right: 8px;
              top: 0;
              width: 32px; }
              @media (max-width: 767px) {
                #normal section.qa .category-box .list li .q-box .q-btn.opened span {
                  width: 24px; } }
            #normal section.qa .category-box .list li .q-box .q-btn.opened span:nth-of-type(1) {
              -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
            #normal section.qa .category-box .list li .q-box .q-btn.opened span:nth-of-type(2) {
              -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
      #normal section.qa .category-box .list li .a-box {
        display: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-top: solid 1px #f4f4f4;
        width: 100%;
        padding: 20px 25px;
        font-size: 16px;
        line-height: 29px; }
        @media (max-width: 767px) {
          #normal section.qa .category-box .list li .a-box {
            padding: 10px 13px;
            font-size: 13px;
            line-height: 22px; } }
    #normal section.qa .category-box .open-all {
      padding-top: 10px; }
      #normal section.qa .category-box .open-all::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #normal section.qa .category-box .open-all {
          padding-top: 5px; } }
      #normal section.qa .category-box .open-all .all-open-title {
        float: right;
        display: inline-block;
        padding-top: 20px;
        padding-right: 15px;
        font-size: 18px;
        line-height: 18px; }
        @media (max-width: 767px) {
          #normal section.qa .category-box .open-all .all-open-title {
            padding-top: 12px;
            padding-right: 8px;
            font-size: 14px;
            line-height: 14px; } }
      #normal section.qa .category-box .open-all .all-open-btn {
        float: right;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        margin-top: 12px;
        margin-right: 12px;
        width: 32px;
        height: 32px; }
        @media (max-width: 767px) {
          #normal section.qa .category-box .open-all .all-open-btn {
            margin-top: 10px;
            width: 20px;
            height: 20px; } }
        #normal section.qa .category-box .open-all .all-open-btn span {
          position: absolute;
          bottom: 0;
          border: 0;
          height: 0;
          left: 0;
          margin: auto;
          position: absolute;
          right: 8px;
          top: 0;
          width: 32px;
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          transform: rotate(0deg);
          border-top: 2px solid #7a7a7a; }
          @media (max-width: 767px) {
            #normal section.qa .category-box .open-all .all-open-btn span {
              width: 20px; } }
        #normal section.qa .category-box .open-all .all-open-btn span:nth-of-type(2) {
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
        #normal section.qa .category-box .open-all .all-open-btn.opened {
          padding-top: 0; }
          #normal section.qa .category-box .open-all .all-open-btn.opened span {
            background: #7a7a7a;
            bottom: 0;
            border: 0;
            height: 2px;
            left: 0;
            right: 8px;
            top: 0;
            width: 32px; }
            @media (max-width: 767px) {
              #normal section.qa .category-box .open-all .all-open-btn.opened span {
                width: 20px; } }
          #normal section.qa .category-box .open-all .all-open-btn.opened span:nth-of-type(1) {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
          #normal section.qa .category-box .open-all .all-open-btn.opened span:nth-of-type(2) {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  #normal section.qa .box-pink {
    background-color: #f8e1e3; }
    #normal section.qa .box-pink .list li .q-box .q-bg {
      background-color: #f083b1; }
    #normal section.qa .box-pink .list li .q-box .q-btn span {
      border-top: 2px solid #f083b1; }
    #normal section.qa .box-pink .list li .q-box .q-btn.opened span {
      background-color: #f083b1; }
    #normal section.qa .box-pink .open-all .all-open-btn span {
      border-top: 2px solid #f083b1; }
    #normal section.qa .box-pink .open-all .all-open-btn.opened span {
      background-color: #f083b1; }
  #normal section.qa .box-green {
    background-color: #e7f5f1; }
    #normal section.qa .box-green .list li .q-box .q-bg {
      background-color: #76dcbe; }
    #normal section.qa .box-green .list li .q-box .q-btn span {
      border-top: 2px solid #76dcbe; }
    #normal section.qa .box-green .list li .q-box .q-btn.opened span {
      background-color: #76dcbe; }
    #normal section.qa .box-green .open-all .all-open-btn span {
      border-top: 2px solid #76dcbe; }
    #normal section.qa .box-green .open-all .all-open-btn.opened span {
      background-color: #76dcbe; }
  #normal section.qa .box-yellow {
    background-color: #fef5dd; }
    #normal section.qa .box-yellow .list li .q-box .q-bg {
      background-color: #f4ae4b; }
    #normal section.qa .box-yellow .list li .q-box .q-btn span {
      border-top: 2px solid #f4ae4b; }
    #normal section.qa .box-yellow .list li .q-box .q-btn.opened span {
      background-color: #f4ae4b; }
    #normal section.qa .box-yellow .open-all .all-open-btn span {
      border-top: 2px solid #f4ae4b; }
    #normal section.qa .box-yellow .open-all .all-open-btn.opened span {
      background-color: #f4ae4b; }
  #normal section.qa .box-blue {
    background-color: #ddf8fe; }
    #normal section.qa .box-blue .list li .q-box .q-bg {
      background-color: #48cef4; }
    #normal section.qa .box-blue .list li .q-box .q-btn span {
      border-top: 2px solid #48cef4; }
    #normal section.qa .box-blue .list li .q-box .q-btn.opened span {
      background-color: #48cef4; }
    #normal section.qa .box-blue .open-all .all-open-btn span {
      border-top: 2px solid #48cef4; }
    #normal section.qa .box-blue .open-all .all-open-btn.opened span {
      background-color: #48cef4; }

/*
 * 就職情報 配下ページ
 13. 就職サポート
 14. 将来の仕事
 15. 求人企業一覧
 16. 卒業生からの声
 16-1. 活躍する卒業生
 */
#normal section.employment .content-box-wrap {
  padding-top: 40px;
  padding-bottom: 40px; }
  @media (max-width: 767px) {
    #normal section.employment .content-box-wrap {
      padding-top: 20px;
      padding-bottom: 20px; } }
  #normal section.employment .content-box-wrap .content-box {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal section.employment .content-box-wrap .content-box {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px; } }
  #normal section.employment .content-box-wrap .head-title {
    font-size: 40px;
    text-align: center;
    font-weight: bold; }
    @media (max-width: 767px) {
      #normal section.employment .content-box-wrap .head-title {
        margin: 0 0 22px;
        font-size: 16px;
        line-height: 24px; } }
  #normal section.employment .content-box-wrap .head-message {
    margin-top: 80px;
    margin-bottom: 45px;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    color: #002855; }
    @media (max-width: 767px) {
      #normal section.employment .content-box-wrap .head-message {
        margin: 23px 0 22px;
        font-size: 14px;
        line-height: 24px; } }
  #normal section.employment .content-box-wrap .point-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: solid 2px #002855;
    padding: 20px 30px; }
    #normal section.employment .content-box-wrap .point-box::after {
      clear: both;
      content: "";
      display: block; }
    @media (max-width: 767px) {
      #normal section.employment .content-box-wrap .point-box {
        padding: 10px 15px 15px; } }

    #normal section.employment .content-box-wrap .point-box .left {
      float: left;
/*      padding-top: 100px;*/
      padding-top: 50px;
      font-size: 30px;
      line-height: 30px;
      font-weight: bold;
      color: #002855; }

      @media (max-width: 767px) {
        #normal section.employment .content-box-wrap .point-box .left {
          float: none;
          padding-top: 20px;
          padding-bottom: 5px;
          font-size: 20px;
          line-height: 20px;
          text-align: center; } }

    #normal section.employment .content-box-wrap .point-box .left2 {
      float: left;
      padding-top:20px;
      font-size: 30px;
      line-height: 30px;
      font-weight: bold;
      color: #002855; }
      @media (max-width: 767px) {
        #normal section.employment .content-box-wrap .point-box .left2 {
          float: none;
          padding-top: 0px;
          padding-bottom: 0px;
          font-size: 20px;
          line-height: 20px;
          text-align: center; } }

    #normal section.employment .content-box-wrap .point-box .right {
      float: right;
      max-width: 549px;
      width: 100%; }
      #normal section.employment .content-box-wrap .point-box .right img {
        width: 100%; }


    #normal section.employment .content-box-wrap .point-box .left .comment {
		font-size: 22px;
		color: #333;
		margin-top: 20px;
		text-align: center;
	}
    #normal section.employment .content-box-wrap .point-box .left2 .comment2 {
		font-size: 42px;
		font-weight: normal;
		color: #333;
		margin: 20px;
		line-height: 1.2;
		text-align: center;
	}

	@media (max-width: 767px) {
	    #normal section.employment .content-box-wrap .point-box .left .comment {
			font-size: 20px;
			color: #333;
			margin-top: 10px;
			text-align: center;
		}
	    #normal section.employment .content-box-wrap .point-box .left2 .comment2 {
			font-size: 30px;
			font-weight: normal;
			color: #333;
			margin: 20px;
			line-height: 1.2;
			text-align: center;
		}
	}

  #normal section.employment .content-box-wrap .line-box {
    width: 100%; }
    #normal section.employment .content-box-wrap .line-box::after {
      clear: both;
      content: "";
      display: block; }
    #normal section.employment .content-box-wrap .line-box .left-line {
      float: left;
      width: 27%;
      height: 2px;
      background-color: #00428c; }
    #normal section.employment .content-box-wrap .line-box .right-line {
      float: right;
      width: 73%;
      height: 2px;
      background-color: #e0e9f3; }
  #normal section.employment .content-box-wrap .sub-title {
    margin-top: 105px;
    margin-bottom: 15px;
    font-size: 19px;
    line-height: 19px;
    color: #002855;
    font-weight: bold; }
    @media (max-width: 767px) {
      #normal section.employment .content-box-wrap .sub-title {
        margin-top: 40px;
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 26px; } }
  #normal section.employment .content-box-wrap .title {
    margin-bottom: 10px;
    font-size: 33px;
    line-height: 33px;
    color: #002855;
    font-weight: bold; }
    @media (max-width: 767px) {
      #normal section.employment .content-box-wrap .title {
        margin-bottom: 8px;
        font-size: 22px;
        line-height: 22px; } }
  #normal section.employment .content-box-wrap .box-air {
    width: 100%;
    padding: 25px 0 30px; }
    #normal section.employment .content-box-wrap .box-air::after {
      clear: both;
      content: "";
      display: block; }
    @media (max-width: 767px) {
      #normal section.employment .content-box-wrap .box-air {
        padding: 13px 0 15px; } }
    #normal section.employment .content-box-wrap .box-air .left {
      float: left;
      width: 422px;
      font-size: 17px;
      line-height: 32px;
      -webkit-font-feature-settings: "palt";
      font-feature-settings: "palt"; }
      @media (max-width: 767px) {
        #normal section.employment .content-box-wrap .box-air .left {
          float: none;
          width: 100%;
          font-size: 13px;
          line-height: 24px; } }
    #normal section.employment .content-box-wrap .box-air .right {
      float: right;
      width: 506px; }
      @media (max-width: 767px) {
        #normal section.employment .content-box-wrap .box-air .right {
          float: none;
          width: 100%;
          margin-top: 20px; } }
      #normal section.employment .content-box-wrap .box-air .right img {
        width: 100%; }
  #normal section.employment .content-box-wrap .box-access {
    width: 100%;
    padding: 25px 0 30px; }
    #normal section.employment .content-box-wrap .box-access::after {
      clear: both;
      content: "";
      display: block; }
    @media (max-width: 767px) {
      #normal section.employment .content-box-wrap .box-access {
        padding: 13px 0 0; } }
    #normal section.employment .content-box-wrap .box-access .left {
      float: left;
      width: 497px;
      font-size: 17px;
      line-height: 32px;
      -webkit-font-feature-settings: "palt";
      font-feature-settings: "palt"; }
      @media (max-width: 767px) {
        #normal section.employment .content-box-wrap .box-access .left {
          float: none;
          width: 100%;
          font-size: 13px;
          line-height: 24px; } }
    #normal section.employment .content-box-wrap .box-access .right {
      float: right;
      width: 449px; }
      @media (max-width: 767px) {
        #normal section.employment .content-box-wrap .box-access .right {
          float: none;
          width: 100%;
          margin-top: 20px; } }
      #normal section.employment .content-box-wrap .box-access .right img {
        width: 100%; }
  #normal section.employment .content-box-wrap .box-formula {
    font-size: 17px;
    line-height: 32px;
    border: 1px solid #002855;
    padding: 2em;
    margin-top: 105px; }
    #normal section.employment .content-box-wrap .box-formula ul {
      letter-spacing: -.4em;
      padding-bottom: 1em; }
      #normal section.employment .content-box-wrap .box-formula ul li:first-child {
        width: 25%;
        padding: 1em 0;
        letter-spacing: normal;
        display: inline-block;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        #normal section.employment .content-box-wrap .box-formula ul li:first-child img {
          max-width: 100%;
          display: block;
          margin: 0 auto;
          padding: 1em;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
          @media (max-width: 767px) {
            #normal section.employment .content-box-wrap .box-formula ul li:first-child img {
              max-width: 80%; } }
        @media (max-width: 767px) {
          #normal section.employment .content-box-wrap .box-formula ul li:first-child {
            width: 100%; } }
      #normal section.employment .content-box-wrap .box-formula ul li:last-child {
        width: 75%;
        letter-spacing: normal;
        display: inline-block;
        vertical-align: top;
        padding-left: 2em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        #normal section.employment .content-box-wrap .box-formula ul li:last-child img {
          max-width: 180px;
          padding: 1em 0;
          vertical-align: middle; }
        @media (max-width: 767px) {
          #normal section.employment .content-box-wrap .box-formula ul li:last-child {
            width: 100%;
            padding-left: 0; } }
    #normal section.employment .content-box-wrap .box-formula a {
      color: #002855;
      text-decoration: underline; }
    @media (max-width: 767px) {
      #normal section.employment .content-box-wrap .box-formula {
        font-size: 13px;
        line-height: 24px;
        padding: 1em;
        margin-top: 40px; } }
  #normal section.employment .content-box-wrap .network-image {
    width: 80%;
    margin:0 auto; }
  @media (max-width: 767px) {
  #normal section.employment .content-box-wrap .network-image {
    width: 100%; }
  }

    #normal section.employment .content-box-wrap .network-image img {
      width: 100%; }
  #normal section.employment .content-box-wrap .list li {
    margin-top: 45px; }
    @media (max-width: 767px) {
      #normal section.employment .content-box-wrap .list li {
        margin-top: 20px; } }
    #normal section.employment .content-box-wrap .list li .list-title {
      padding-bottom: 10px;
      font-size: 22px;
      line-height: 32px;
      font-weight: bold;
      color: #002855; }
      @media (max-width: 767px) {
        #normal section.employment .content-box-wrap .list li .list-title {
          padding-bottom: 8px;
          font-size: 15px;
          line-height: 22px; } }
    #normal section.employment .content-box-wrap .list li .list-desc {
      font-size: 17px;
      line-height: 32px; }
      @media (max-width: 767px) {
        #normal section.employment .content-box-wrap .list li .list-desc {
          font-size: 13px;
          line-height: 24px; } }
  #normal section.employment .content-box-wrap .head-desc {
    margin-top: 25px;
    margin-bottom: 40px;
    font-size: 17px;
    line-height: 32px; }
    @media (max-width: 767px) {
      #normal section.employment .content-box-wrap .head-desc {
        margin-top: 12px;
        margin-bottom: 20px;
        font-size: 13px;
        line-height: 24px; } }
  #normal section.employment .content-box-wrap .list-top-comment {
    padding-bottom: 10px;
    font-size: 17px;
    font-weight: bold; }
    @media (max-width: 767px) {
      #normal section.employment .content-box-wrap .list-top-comment {
        padding-bottom: 8px;
        font-size: 13px; } }
  #normal section.employment .content-box-wrap ul.flow-chart {
    width: 100%;
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal section.employment .content-box-wrap ul.flow-chart {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px; } }
    #normal section.employment .content-box-wrap ul.flow-chart::after {
      clear: both;
      content: "";
      display: block; }
    #normal section.employment .content-box-wrap ul.flow-chart li {
      position: relative;
      float: left;
      width: 31.4%;
      margin-right: 2.9%;
      margin-bottom: 30px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: solid 1px #8FC31F; }
      @media (max-width: 767px) {
        #normal section.employment .content-box-wrap ul.flow-chart li {
          float: none;
          width: 100%;
          margin-right: 0;
          margin-bottom: 20px; } }
      #normal section.employment .content-box-wrap ul.flow-chart li:nth-child(3n) {
        margin-right: 0; }
        #normal section.employment .content-box-wrap ul.flow-chart li:nth-child(3n)::after {
          display: none; }
          @media (max-width: 767px) {
            #normal section.employment .content-box-wrap ul.flow-chart li:nth-child(3n)::after {
              display: block; } }
      #normal section.employment .content-box-wrap ul.flow-chart li:nth-child(3n) {
        margin-right: 0; }
        #normal section.employment .content-box-wrap ul.flow-chart li:nth-child(3n)::after {
          display: none; }
          @media (max-width: 767px) {
            #normal section.employment .content-box-wrap ul.flow-chart li:nth-child(3n)::after {
              display: block; } }
      @media (max-width: 767px) {
        #normal section.employment .content-box-wrap ul.flow-chart li:last-child {
          margin-bottom: 0; } }
      @media (max-width: 767px) {
        #normal section.employment .content-box-wrap ul.flow-chart li:last-child::after {
          display: none; } }
      #normal section.employment .content-box-wrap ul.flow-chart li::after {
        position: absolute;
        top: 100px;
        right: -21px;
        content: "";
        border-top: 14px solid transparent;
        border-left: 21px solid #8FC31F;
        border-bottom: 14px solid transparent; }
        @media (max-width: 767px) {
          #normal section.employment .content-box-wrap ul.flow-chart li::after {
            top: auto;
            bottom: -15px;
            right: auto;
            left: 47.2%;
            margin: 0 auto;
            content: "";
            border-top: 14px solid #8FC31F;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-bottom: none; } }
      #normal section.employment .content-box-wrap ul.flow-chart li .head-box {
        position: relative;
        background-color: #8FC31F; }
        #normal section.employment .content-box-wrap ul.flow-chart li .head-box .year-badge {
          position: absolute;
          top: 12px;
          left: 13px;
          background-color: #FFFFFF;
          padding: 2px 15px;
          color: #8FC31F;
          font-size: 15px; }
          @media (max-width: 767px) {
            #normal section.employment .content-box-wrap ul.flow-chart li .head-box .year-badge {
              top: 6px;
              left: 9px;
              padding: 2px 8px;
              font-size: 11px; } }
        #normal section.employment .content-box-wrap ul.flow-chart li .head-box .month {
          padding: 11px 0 12px;
          text-align: center;
          font-size: 29px;
          line-height: 29px;
          font-weight: bold;
          color: #FFFFFF; }
          @media (max-width: 767px) {
            #normal section.employment .content-box-wrap ul.flow-chart li .head-box .month {
              padding: 7px 0 8px;
              font-size: 19px;
              line-height: 19px; } }
      #normal section.employment .content-box-wrap ul.flow-chart li .btm-box {
        position: relative;
        padding: 12px 18px;
        height: 146px; }
        @media (max-width: 767px) {
          #normal section.employment .content-box-wrap ul.flow-chart li .btm-box {
            padding: 8px 12px;
            height: auto; } }
        #normal section.employment .content-box-wrap ul.flow-chart li .btm-box .flow-title {
          font-size: 22px;
          line-height: 38px;
          color: #8FC31F;
          font-weight: bold; }
          @media (max-width: 767px) {
            #normal section.employment .content-box-wrap ul.flow-chart li .btm-box .flow-title {
              font-size: 15px;
              line-height: 26px; } }
          #normal section.employment .content-box-wrap ul.flow-chart li .btm-box .flow-title.single {
            font-size: 35px; }
            @media (max-width: 767px) {
              #normal section.employment .content-box-wrap ul.flow-chart li .btm-box .flow-title.single {
                font-size: 26px; } }
        #normal section.employment .content-box-wrap ul.flow-chart li .btm-box .flow-desc {
          position: absolute;
          bottom: 20px;
          width: 273px;
          font-size: 15px;
          line-height: 22px;
          font-weight: bold; }
          @media (max-width: 767px) {
            #normal section.employment .content-box-wrap ul.flow-chart li .btm-box .flow-desc {
              position: relative;
              bottom: auto;
              width: auto;
              padding-top: 8px;
              font-size: 11px;
              line-height: 17px; } }
      #normal section.employment .content-box-wrap ul.flow-chart li.orange-color {
        border: solid 1px #F39800; }
        #normal section.employment .content-box-wrap ul.flow-chart li.orange-color::after {
          border-left: 21px solid #F39800; }
          @media (max-width: 767px) {
            #normal section.employment .content-box-wrap ul.flow-chart li.orange-color::after {
              border-top: 14px solid #F39800;
              border-left: 12px solid transparent; } }
        #normal section.employment .content-box-wrap ul.flow-chart li.orange-color .head-box {
          background-color: #F39800; }
          #normal section.employment .content-box-wrap ul.flow-chart li.orange-color .head-box .year-badge {
            color: #F39800; }
        #normal section.employment .content-box-wrap ul.flow-chart li.orange-color .btm-box .flow-title {
          font-size: 35px;
          color: #F39800; }
          @media (max-width: 767px) {
            #normal section.employment .content-box-wrap ul.flow-chart li.orange-color .btm-box .flow-title {
              font-size: 26px; } }
  #normal section.employment .content-box-wrap .flow-chart-notice {
    position: relative; }
    #normal section.employment .content-box-wrap .flow-chart-notice .notice {
      position: absolute;
      bottom: 22px;
      font-size: 12px; }
      @media (max-width: 767px) {
        #normal section.employment .content-box-wrap .flow-chart-notice .notice {
          position: relative;
          bottom: auto;
          font-size: 10px;
          text-align: center; } }
  #normal section.employment .content-box-wrap .full-line {
    margin-top: 105px;
    width: 100%;
    height: 1px;
    background-color: #DCDDDD; }

    @media (max-width: 767px) {
      #normal section.employment .content-box-wrap .full-line {
        margin-top: 50px; } }




#normal section.employment .content-work {
  background-image: url("./assets/images/ground_future/bg-plane.jpg");
  background-position: 50% top;
  margin-bottom: 51px;
  padding: 20px 0 20px; }

  @media (max-width: 767px) {
    #normal section.employment .content-work {
      padding: 20px 0 10px;
      margin-bottom: 20px; } }
  #normal section.employment .content-work .container {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal section.employment .content-work .container {
        width: 100%; } }
    #normal section.employment .content-work .container .work-list {
      font-size: 0;
      letter-spacing: 0; }


      #normal section.employment .content-work .container .work-list > li {
        display: inline-block;
        vertical-align: top;
        width: 475px; }
        @media (max-width: 767px) {
          #normal section.employment .content-work .container .work-list > li {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            padding: 0 10px;
		margin-bottom: 40px;
            width: 100%; } }

        #normal section.employment .content-work .container .work-list > li::after {
          clear: both;
          content: "";
          display: block; }

/*
        @media (min-width: 768px) {
          #normal section.employment .content-work .container .work-list > li:nth-last-of-type(n+3) {
            margin-bottom: 36px; }
          #normal section.employment .content-work .container .work-list > li:nth-of-type(1), #normal section.employment .content-work .container .work-list > li:nth-of-type(3), #normal section.employment .content-work .container .work-list > li:nth-of-type(5), #normal section.employment .content-work .container .work-list > li:nth-of-type(7) {
            margin-right: 20px; } }

        @media (max-width: 767px) {
          #normal section.employment .content-work .container .work-list > li:nth-last-of-type(n+2) {
            margin-bottom: 20px; } }
*/


        #normal section.employment .content-work .container .work-list > li:nth-last-of-type(1) {
		margin-left: -10px; }

          @media (max-width: 767px) {
	        #normal section.employment .content-work .container .work-list > li:nth-last-of-type(1) {
			margin-left: 0px; }

	}


/*********************************/
/* 就職スケジュール */


        #normal section.employment .content-work .container .work-list > li .img-box {
          float: left;
          position: relative;
	margin-left: 20px;
/*          width: 241px; */
          width: 220px; }

          @media (max-width: 767px) {
	        #normal section.employment .content-work .container .work-list > li .img-box {
		margin-left: 0px; }
	}


          @media (max-width: 767px) {
            #normal section.employment .content-work .container .work-list > li .img-box {
              width: 48%; } }


          #normal section.employment .content-work .container .work-list > li .img-box img {
            vertical-align: top;
            width: 100%; }


          #normal section.employment .content-work .container .work-list > li .txt-box .img-box {
	    margin-left: 0px;
            width: 170px; }
          @media (max-width: 767px) {
            #normal section.employment .content-work .container .work-list > li .txt-box .img-box {
              width: 80%; } }

          #normal section.employment .content-work .container .work-list > li .img-box .num {
            background: #ea7606;
            border-radius: 2px;
            bottom: 2px;
            color: #fff;
            font-family: "Roboto", sans-serif;
            font-size: 28px;
            height: 31px;
            left: 2px;
            line-height: 31px;
            position: absolute;
            text-align: center;
            width: 40px; }
            @media (max-width: 767px) {
              #normal section.employment .content-work .container .work-list > li .img-box .num {
                bottom: auto;
                font-size: 18px;
                height: 22px;
                line-height: 22px;
                top: 0;
                width: 30px; } }
        #normal section.employment .content-work .container .work-list > li .txt-box {
          float: right;
          padding: 2px 0 0;
          width: 220px; }
          @media (max-width: 767px) {
            #normal section.employment .content-work .container .work-list > li .txt-box {
              width: 48%; } }

          #normal section.employment .content-work .container .work-list > li .txt-box .work-name {
            color: #333333;
            font-size: 18px;
            font-weight: bold;
            line-height: 27px;
            margin-bottom: 5px;
            white-space: nowrap; }
            @media (max-width: 767px) {
              #normal section.employment .content-work .container .work-list > li .txt-box .work-name {
                font-size: 15px;
                line-height: 18px;
                margin-bottom: 2px; } }
          #normal section.employment .content-work .container .work-list > li .txt-box .desc {
            font-size: 14px;
            line-height: 21px; }
            @media (max-width: 767px) {
              #normal section.employment .content-work .container .work-list > li .txt-box .desc {
                font-size: 12px;
                line-height: 18px; } }


/*********************************/
/* 就職スケジュール イベント  */


  #normal section.employment .event .event-list::after {
    clear: both;
    content: "";
    display: block; }
  #normal section.employment .event .event-list > li {
    border: 1px solid #B6B9BC;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
/*    height: 555px;*/
    height: auto;
    padding: 20px 10px 0;
    width: 310px; }
    @media (max-width: 767px) {
      #normal section.employment .event .event-list > li {
        height: auto;
        padding: 6px 10px 10px;
        width: 100%; } }
    #normal section.employment .event .event-list > li.tour {
	margin-right: 20px;
      float: left; }
      @media (max-width: 767px) {
        #normal section.employment .event .event-list > li.tour {
          float: none;
          margin-bottom: 15px; } }
      #normal section.employment .event .event-list > li.tour .date-list {
        margin: 20px 0 18px; }
        @media (max-width: 767px) {
          #normal section.employment .event .event-list > li.tour .date-list {
            margin: 10px 0 5px; } }
        #normal section.employment .event .event-list > li.tour .date-list li:nth-of-type(1) {
          margin-bottom: 10px; }
          @media (max-width: 767px) {
            #normal section.employment .event .event-list > li.tour .date-list li:nth-of-type(1) {
              margin-bottom: 5px; } }
        #normal section.employment .event .event-list > li.tour .date-list li .date {
          color: #002855;
          font-size: 24px;
          -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
          font-weight: bold;
          line-height: 40px; }
          @media (max-width: 767px) {
            #normal section.employment .event .event-list > li.tour .date-list li .date {
              font-size: 18px;
              line-height: 24px; } }
          #normal section.employment .event .event-list > li.tour .date-list li .date span {
            font-size: 32px; }
            @media (max-width: 767px) {
              #normal section.employment .event .event-list > li.tour .date-list li .date span {
                font-size: 24px; } }
        #normal section.employment .event .event-list > li.tour .date-list li .name {
          color: #002855;
          font-size: 12px;
          line-height: 21px; }
          @media (max-width: 767px) {
            #normal section.employment .event .event-list > li.tour .date-list li .name span {
              letter-spacing: -0.6em; } }
      #normal section.employment .event .event-list > li.tour .caution {
        color: #002855;
        font-size: 14px;
        line-height: 20px; }
        @media (max-width: 767px) {
          #normal section.employment .event .event-list > li.tour .caution {
            font-size: 11px;
            line-height: 17px; } }
    #normal section.employment .event .event-list > li.consult {
	margin-right: 0;
/*      float: right; */
      float: left; }
      @media (max-width: 767px) {
        #normal section.employment .event .event-list > li.consult {
          float: none; } }
      #normal section.employment .event .event-list > li.consult .option-list {
        margin-bottom: 21px; }
        @media (max-width: 767px) {
          #normal section.employment .event .event-list > li.consult .option-list {
            margin: 10px 0; } }
        #normal section.employment .event .event-list > li.consult .option-list::after {
          clear: both;
          content: "";
          display: block; }
        #normal section.employment .event .event-list > li.consult .option-list li {
          background: #00A2E6;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          color: #fff;
          float: left;
          font-size: 19px;
          height: 70px;
          line-height: 25px;
          padding-top: 22px;
          text-align: center;
          vertical-align: middle;
          width: 126px; }
          @media (max-width: 767px) {
            #normal section.employment .event .event-list > li.consult .option-list li {
              font-size: 14px;
              height: 50px;
              line-height: 20px;
              padding-top: 15px;
              width: calc((100% - 20px)/3); } }
          #normal section.employment .event .event-list > li.consult .option-list li:nth-of-type(n+2) {
            padding-top: 10px; }
            @media (max-width: 767px) {
              #normal section.employment .event .event-list > li.consult .option-list li:nth-of-type(n+2) {
                padding-top: 5px; } }
          #normal section.employment .event .event-list > li.consult .option-list li:nth-last-of-type(n+2) {
            margin-right: 10px; }
      #normal section.employment .event .event-list > li.consult .contact-area {
        font-size: 0;
        letter-spacing: 0; }
        @media (max-width: 767px) {
          #normal section.employment .event .event-list > li.consult .contact-area {
            text-align: center; } }
        #normal section.employment .event .event-list > li.consult .contact-area .head {
          background: #002953;
          color: #fff;
          font-size: 14px;
          line-height: 26px;
          margin-bottom: 7px;
          text-align: center; }
          @media (max-width: 767px) {
            #normal section.employment .event .event-list > li.consult .contact-area .head {
              font-size: 12px;
              line-height: 24px; } }
        #normal section.employment .event .event-list > li.consult .contact-area .icon-tel, #normal section.employment .event .event-list > li.consult .contact-area .link-tel, #normal section.employment .event .event-list > li.consult .contact-area .link-mail {
          display: inline-block; }
          #normal section.employment .event .event-list > li.consult .contact-area .icon-tel img, #normal section.employment .event .event-list > li.consult .contact-area .link-tel img, #normal section.employment .event .event-list > li.consult .contact-area .link-mail img {
            vertical-align: top;
            width: 100%; }
        #normal section.employment .event .event-list > li.consult .contact-area .icon-tel {
          margin-left: 4px;
          margin-right: 3px;
          vertical-align: -3px;
          width: 44px; }
          @media (max-width: 767px) {
            #normal section.employment .event .event-list > li.consult .contact-area .icon-tel {
              margin-left: 0;
              vertical-align: -6px;
              width: 55px; } }
        #normal section.employment .event .event-list > li.consult .contact-area .link-tel {
          margin-right: 17px;
          vertical-align: 0px;
          width: 153px; }
          @media (max-width: 767px) {
            #normal section.employment .event .event-list > li.consult .contact-area .link-tel {
              margin-right: 0;
              width: 191px; } }
        #normal section.employment .event .event-list > li.consult .contact-area .link-mail {
          vertical-align: -9px;
          width: 144px; }
          @media (max-width: 767px) {
            #normal section.employment .event .event-list > li.consult .contact-area .link-mail {
              display: block;
              margin: 0 auto;
              width: 180px; } }
    #normal section.employment .event .event-list > li .list-head {
      color: #00244B;
      font-size: 20px;
      font-weight: bold;
      line-height: 1.2;
      margin-bottom: 7px; }
      @media (max-width: 767px) {
        #normal section.employment .event .event-list > li .list-head {
          font-size: 20px;
          line-height: 32px;
          margin-bottom: 2px; } }
    #normal section.employment .event .event-list > li .desc {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 13px; }
      @media (max-width: 767px) {
        #normal section.employment .event .event-list > li .desc {
          font-size: 12px;
          line-height: 18px;
          margin-bottom: 10px; } }
    #normal section.employment .event .event-list > li .img-box {
      margin-bottom: 12px; }
      @media (max-width: 767px) {
        #normal section.employment .event .event-list > li .img-box {
          margin-bottom: 0; } }
      #normal section.employment .event .event-list > li .img-box img {
        vertical-align: top;
        width: 100%; }


/*********************************************/



        #course.ground-future .content-work .container .work-list > li:nth-of-type(11) {
          padding: 16px 0 0;
          width: 100%; }

          #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .list-title {
            color: #ea7606;
            font-size: 36px;
            font-weight: bold;
            line-height: 50px;
            margin-bottom: 52px;
            text-align: center; }
            @media (max-width: 767px) {
              #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .list-title {
                font-size: 24px;
                line-height: 32px; } }
          #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area {
            border-radius: 0 14px 0 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
            position: relative; }
            @media (max-width: 767px) {
              #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area {
                padding: 0; } }
            @media (max-width: 767px) {
              #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .bg-img-box {
                position: relative; }
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .bg-img-box::after {
                  background: rgba(0, 0, 0, 0.2);
                  bottom: 0;
                  content: "";
                  display: block;
                  left: 0;
                  position: absolute;
                  right: 0;
                  top: 0; } }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .bg-img-box img {
              vertical-align: top;
              width: 100%; }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .num {
              background: #ea7606;
              border-radius: 2px;
              color: #fff;
              font-family: "Roboto", sans-serif;
              font-size: 32px;
              left: 0;
              line-height: 48px;
              position: absolute;
              text-align: center;
              top: 0;
              width: 62px; }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .num {
                  font-size: 22px;
                  line-height: 32px;
                  width: 40px; } }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .head {
              color: #fff;
              font-size: 28px;
              font-weight: bold;
              left: 33px;
              line-height: 1;
              position: absolute;
              top: 166px; }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .head {
                  font-size: 18px;
                  left: 0;
                  line-height: 24px;
                  text-align: center;
                  top: 49px;
                  width: 100%; } }
              @media (max-width: 320px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .head {
                  top: 40px; } }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .desc {
              color: #fff;
              font-size: 14px;
              left: 31px;
              line-height: 24px;
              position: absolute;
              top: 205px;
              width: 360px; }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .desc {
                  -webkit-box-sizing: border-box;
                  box-sizing: border-box;
                  font-size: 12px;
                  left: 0;
                  line-height: 18px;
                  padding: 0 10px;
                  text-align: justify;
                  top: 80px;
                  width: 100%; } }
              @media (max-width: 320px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .desc {
                  font-size: 11px;
                  line-height: 17px;
                  top: 70px; } }
          #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area {
            background: #fff;
            border-radius: 0 0 14px 14px;
            overflow: hidden;
            padding: 25px 32px 40px 34px; }
            @media (max-width: 767px) {
              #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area {
                padding: 20px 10px; } }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .area-head, #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .head {
              font-size: 28px;
              font-weight: bold;
              line-height: 1; }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .area-head, #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .head {
                  font-size: 18px;
                  line-height: 24px; } }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .area-head {
              margin-bottom: 12px; }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .area-head {
                  margin-bottom: 10px; } }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .head {
              color: #ea7606;
              margin-bottom: 7px;
              margin-top: 34px; }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .head {
                  margin-bottom: 5px;
                  margin-top: 15px; } }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area p {
              font-size: 14px;
              line-height: 24px; }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area p {
                  font-size: 12px;
                  line-height: 20px; } }




/* 将来の仕事 */

#normal section.future .content-box-wrap {
  padding-top: 40px;
  padding-bottom: 40px; }
  @media (max-width: 767px) {
    #normal section.future .content-box-wrap {
      padding-top: 20px;
      padding-bottom: 20px; } }
  #normal section.future .content-box-wrap .head-title {
    font-size: 40px;
    text-align: center;
    font-weight: bold; }
    @media (max-width: 767px) {
      #normal section.future .content-box-wrap .head-title {
        margin: 0 0 20px;
        font-size: 16px;
        line-height: 24px; } }

  #normal section.future .content-box-wrap .sub-intro {
	color: #004896;
	font-weight: bold;
	text-align: center;
	margin: 20px auto;
    font-size: 16px;
    line-height: 30px; }

    @media (max-width: 767px) {
      #normal section.future .content-box-wrap .sub-intro {
        font-size: 14px;
        line-height: 22px; } }


  #normal section.future .content-box-wrap .head-message {
    margin-top: 80px;
    margin-bottom: 45px;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    color: #002855; }
    @media (max-width: 767px) {
      #normal section.future .content-box-wrap .head-message {
        display: none; } }
  #normal section.future .content-box-wrap .employment-image-wrap {
/*    background-color: #8FC31F;*/
    background-color: #ffffff;
    overflow: hidden;
    position: relative; }
    #normal section.future .content-box-wrap .employment-image-wrap .employment-image {
      left: 50%;
      position: relative;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
/*      width: 1400px; */
      width: 956px; 
    	border: solid 1px #B5B5B6;
	}
      @media (max-width: 767px) {
        #normal section.future .content-box-wrap .employment-image-wrap .employment-image {
          min-width: 0; } }
      #normal section.future .content-box-wrap .employment-image-wrap .employment-image img {
        vertical-align: top;
        width: 100%; }
  #normal section.future .content-box-wrap .btn-click {
    display: none; }
    @media (max-width: 767px) {
      #normal section.future .content-box-wrap .btn-click {
        border: 1px solid #032A53;
        background: #032A53;
        color: #fff;
        display: block;
        font-size: 12px;
        line-height: 24px;
        margin: 15px auto 0;
        text-align: center;
        width: 140px; } }
  #normal section.future .content-box-wrap .employment-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 57px 0 115px;
    width: 980px;
    margin: 0 auto; }
    #normal section.future .content-box-wrap .employment-list::after {
      clear: both;
      content: "";
      display: block; }
    @media (max-width: 767px) {
      #normal section.future .content-box-wrap .employment-list {
        padding: 28px 10px;
        width: 100%; } }
    #normal section.future .content-box-wrap .employment-list li {
      float: left;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 31%;
      height: 347px;
      border: solid 1px #00A7EA;
      margin-right: 3.5%;
      margin-bottom: 55px;
      position: relative; }
      @media (max-width: 767px) {
        #normal section.future .content-box-wrap .employment-list li {
          float: none;
          height: auto;
          margin-bottom: 10px;
          width: 100%; } }
      @media (min-width: 768px) {
        #normal section.future .content-box-wrap .employment-list li:nth-child(3n) {
          margin-right: 0; } }
      #normal section.future .content-box-wrap .employment-list li .head-area {
        background-color: #00A7EA;
        height: 50px;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 50px;
        padding-top: 17px;
        font-size: 15px;
        line-height: 15px;
        color: #FFFFFF; }
        @media (max-width: 767px) {
          #normal section.future .content-box-wrap .employment-list li .head-area {
            height: auto;
            padding-left: 30px;
            padding-top: 8px;
            padding-bottom: 8px;
            font-size: 14px;
            line-height: 1; } }


        #normal section.future .content-box-wrap .employment-list li .head-area .number {
          position: absolute;
          top: 10px;
          left: 10px;
          width: 29px; }
          @media (max-width: 767px) {
            #normal section.future .content-box-wrap .employment-list li .head-area .number {
              top: 8px;
              left: 8px;
              width: 14px; } }
      #normal section.future .content-box-wrap .employment-list li .content-area {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 17px 23px 24px; }
        @media (max-width: 767px) {
          #normal section.future .content-box-wrap .employment-list li .content-area {
            padding: 10px 10px 10px; }
            #normal section.future .content-box-wrap .employment-list li .content-area::after {
              clear: both;
              content: "";
              display: block; } }
        @media (max-width: 767px) {
          #normal section.future .content-box-wrap .employment-list li .content-area .content-image {
            float: left;
            width: 130px; } }
        #normal section.future .content-box-wrap .employment-list li .content-area .content-image img {
          vertical-align: top;
          width: 100%; }
        #normal section.future .content-box-wrap .employment-list li .content-area .desc {
          margin-top: 10px;
          font-size: 10px;
          line-height: 15px; }
          @media (max-width: 767px) {
            #normal section.future .content-box-wrap .employment-list li .content-area .desc {
              float: right;
              font-size: 12px;
              line-height: 18px;
              margin-top: 0;
              text-align: justify;
              width: calc(100% - 140px); } }
      #normal section.future .content-box-wrap .employment-list li .link-btn-wrap {
        position: absolute;
        bottom: 24px;
        left: 0;
        right: 0; }
        @media (max-width: 767px) {
          #normal section.future .content-box-wrap .employment-list li .link-btn-wrap {
            padding: 0 10px 10px;
            position: static; } }
        #normal section.future .content-box-wrap .employment-list li .link-btn-wrap .link-btn {
          position: relative;
          display: block;
          border: solid 1px #00A7EA;
          padding: 8px 0;
          color: #00A7EA;
          font-size: 11px;
          line-height: 11px;
          text-align: center;
          margin: 0 23px; }
          @media (max-width: 767px) {
            #normal section.future .content-box-wrap .employment-list li .link-btn-wrap .link-btn {
              font-size: 14px;
              line-height: 20px;
              margin: 0 auto;
              width: 230px; } }
          #normal section.future .content-box-wrap .employment-list li .link-btn-wrap .link-btn span::after {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 15px;
            width: 7px;
            height: 7px;
            margin: auto;
            content: "";
            position: absolute;
            border-top: 1px solid #00A7EA;
            border-right: 1px solid #00A7EA;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
            @media (max-width: 767px) {
              #normal section.future .content-box-wrap .employment-list li .link-btn-wrap .link-btn span::after {
                right: 14px;
                width: 7px;
                height: 7px; } }

      #normal section.future .content-box-wrap .employment-list li.orange {
        border: solid 1px #F08300; }
        #normal section.future .content-box-wrap .employment-list li.orange .head-area {
          background-color: #F08300; }

      #normal section.future .content-box-wrap .employment-list li.orange .line2{
		line-height: 1.2;
        	padding-top: 9px; }
        @media (max-width: 767px) {
          #normal section.future .content-box-wrap .employment-list li.orange .line2 {
            padding-top: 8px; } }


        #normal section.future .content-box-wrap .employment-list li.orange .link-btn-wrap .link-btn {
          color: #F08300;
          border: solid 1px #F08300; }

          #normal section.future .content-box-wrap .employment-list li.orange .link-btn-wrap .link-btn span::after {
            border-top: 1px solid #F08300;
            border-right: 1px solid #F08300; }

      #normal section.future .content-box-wrap .employment-list li.brown {
        border: solid 1px #a28a78; }
        #normal section.future .content-box-wrap .employment-list li.brown .head-area {
          background-color: #a28a78; }
        #normal section.future .content-box-wrap .employment-list li.brown .link-btn-wrap .link-btn {
          color: #a28a78;
          border: solid 1px #a28a78; }
          #normal section.future .content-box-wrap .employment-list li.brown .link-btn-wrap .link-btn span::after {
            border-top: 1px solid #a28a78;
            border-right: 1px solid #a28a78; }



  #normal section.future .content-box-wrap .full-line {
    width: 100%;
    height: 1px;
    background-color: #B5B5B6;
    margin-bottom: 130px; }
    @media (max-width: 767px) {
      #normal section.future .content-box-wrap .full-line {
        margin-bottom: 40px; } }
  #normal section.future .content-box-wrap .content-box {
    margin: 0 auto;
    width: 980px;
    padding-top: 70px;
    padding-bottom: 20px; }
    @media (max-width: 767px) {
      #normal section.future .content-box-wrap .content-box {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px; } }
    @media (max-width: 767px) {
      #normal section.future .content-box-wrap .content-box {
        padding-top: 20px;
        padding-bottom: 10px; } }
    #normal section.future .content-box-wrap .content-box img {
      width: 100%; }
    #normal section.future .content-box-wrap .content-box .future-title {
      font-size: 28px;
      font-weight: bold;
      color: #002855; }
      @media (max-width: 767px) {
        #normal section.future .content-box-wrap .content-box .future-title {
          font-size: 18px; } }
    #normal section.future .content-box-wrap .content-box .line-box {
      width: 100%; }
      #normal section.future .content-box-wrap .content-box .line-box::after {
        clear: both;
        content: "";
        display: block; }
      #normal section.future .content-box-wrap .content-box .line-box .left-line {
        float: left;
        width: 27%;
        height: 2px;
        background-color: #00428c; }
      #normal section.future .content-box-wrap .content-box .line-box .right-line {
        float: right;
        width: 73%;
        height: 2px;
        background-color: #e0e9f3; }
    #normal section.future .content-box-wrap .content-box .desc {
      padding-top: 20px;
      font-size: 14px;
      line-height: 27px; }
      @media (max-width: 767px) {
        #normal section.future .content-box-wrap .content-box .desc {
          padding-top: 10px;
          font-size: 12px;
          line-height: 23px; } }
    #normal section.future .content-box-wrap .content-box .future-image {
      margin-top: 20px; }
      @media (max-width: 767px) {
        #normal section.future .content-box-wrap .content-box .future-image {
          margin-top: 10px; } }

#normal section.offer-list .content-box {
  margin: 0 auto;
  width: 980px;
  padding-top: 40px; }
  @media (max-width: 767px) {
    #normal section.offer-list .content-box {
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 10px;
      padding-right: 10px; } }
  @media (max-width: 767px) {
    #normal section.offer-list .content-box {
      padding-top: 20px; } }

#normal section.offer-list .title {
  font-size: 28px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"; }
  @media (max-width: 767px) {
    #normal section.offer-list .title {
      font-size: 16px;
      line-height: 24px; } }

#normal section.offer-list .line-box {
  width: 100%; }
  #normal section.offer-list .line-box::after {
    clear: both;
    content: "";
    display: block; }
  #normal section.offer-list .line-box .left-line {
    float: left;
    width: 27%;
    height: 2px;
    background-color: #00428c; }
  #normal section.offer-list .line-box .right-line {
    float: right;
    width: 73%;
    height: 2px;
    background-color: #e0e9f3; }

#normal section.offer-list .index-list {
  width: 100%;
  padding-bottom: 40px; }
  @media (max-width: 767px) {
    #normal section.offer-list .index-list {
      padding-bottom: 20px; } }
  #normal section.offer-list .index-list > li {
    margin-top: 30px; }
    @media (max-width: 767px) {
      #normal section.offer-list .index-list > li {
        margin-top: 15px; } }
    #normal section.offer-list .index-list > li .index-title {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px 8px;
      font-size: 20px;
      line-height: 20px;
      font-weight: bold;
      color: #002855;
      background-color: #dfedf7; }
      @media (max-width: 767px) {
        #normal section.offer-list .index-list > li .index-title {
          padding: 5px 4px;
          font-size: 14px;
          line-height: 14px; } }
  #normal section.offer-list .index-list .list {
    padding-bottom: 5px; }
    #normal section.offer-list .index-list .list::after {
      clear: both;
      content: "";
      display: block; }
    #normal section.offer-list .index-list .list li {
      float: left;
      margin-top: 13px;
      font-size: 14px;
      width: 33.3%; }
      @media (max-width: 767px) {
        #normal section.offer-list .index-list .list li {
          margin-top: 6px;
          font-size: 10px;
          width: 50%; } }

#normal section.ob-message .content-box {
  margin: 0 auto;
  width: 980px;
  padding-top: 40px;
  padding-bottom: 40px; }
  @media (max-width: 767px) {
    #normal section.ob-message .content-box {
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 10px;
      padding-right: 10px; } }
  @media (max-width: 767px) {
    #normal section.ob-message .content-box {
      padding-top: 20px;
      padding-bottom: 20px; } }
  #normal section.ob-message .content-box .head-title {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: center; }
    @media (max-width: 767px) {
      #normal section.ob-message .content-box .head-title {
        font-size: 20px;
        line-height: 20px; } }
  #normal section.ob-message .content-box .list-box {
    width: 100%;
    padding-top: 20px; }
    @media (max-width: 767px) {
      #normal section.ob-message .content-box .list-box {
        padding-top: 10px; } }
    #normal section.ob-message .content-box .list-box > li {
      padding-top: 20px; }
      @media (max-width: 767px) {
        #normal section.ob-message .content-box .list-box > li {
          padding-top: 10px; } }
      #normal section.ob-message .content-box .list-box > li .title {
        font-size: 28px; }
        @media (max-width: 767px) {
          #normal section.ob-message .content-box .list-box > li .title {
            font-size: 18px; } }
      #normal section.ob-message .content-box .list-box > li .line-box {
        width: 100%; }
        #normal section.ob-message .content-box .list-box > li .line-box::after {
          clear: both;
          content: "";
          display: block; }
        #normal section.ob-message .content-box .list-box > li .line-box .left-line {
          float: left;
          width: 27%;
          height: 2px;
          background-color: #00428c; }
        #normal section.ob-message .content-box .list-box > li .line-box .right-line {
          float: right;
          width: 73%;
          height: 2px;
          background-color: #e0e9f3; }
    #normal section.ob-message .content-box .list-box .message-box {
      padding-top: 20px; }
      #normal section.ob-message .content-box .list-box .message-box::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #normal section.ob-message .content-box .list-box .message-box {
          padding-top: 10px; } }
      #normal section.ob-message .content-box .list-box .message-box li {
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 49%;
        height: 345px;
        margin-right: 2%;
        margin-bottom: 20px;
        border: solid 1px #cccccc; }
        @media (max-width: 767px) {
          #normal section.ob-message .content-box .list-box .message-box li {
            width: 100%;
            height: auto;
            margin-right: 0;
            margin-bottom: 10px; } }
        #normal section.ob-message .content-box .list-box .message-box li:nth-child(2n) {
          margin-right: 0; }
        #normal section.ob-message .content-box .list-box .message-box li .head-box {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          background-color: #dfedf7;
          padding: 13px 20px; }
          @media (max-width: 767px) {
            #normal section.ob-message .content-box .list-box .message-box li .head-box {
              padding: 7px 10px 10px; } }
          #normal section.ob-message .content-box .list-box .message-box li .head-box .place {
            display: inline-block;
            padding: 9px;
            background-color: #FFFFFF;
            border: solid 1px #002855;
            vertical-align: top;
            font-size: 14px;
            line-height: 14px;
            color: #002855; }
            @media (max-width: 767px) {
              #normal section.ob-message .content-box .list-box .message-box li .head-box .place {
                padding: 4px;
                font-size: 10px;
                line-height: 10px; } }
          #normal section.ob-message .content-box .list-box .message-box li .head-box .place-name {
            display: inline-block;
            color: #002855;
            font-weight: bold;
            vertical-align: top;
            padding-top: 8px;
            padding-left: 10px;
            font-size: 18px;
            line-height: 18px; }
            @media (max-width: 767px) {
              #normal section.ob-message .content-box .list-box .message-box li .head-box .place-name {
                display: block;
                padding-top: 4px;
                padding-left: 0;
                font-size: 14px;
                line-height: 14px; } }
        #normal section.ob-message .content-box .list-box .message-box li .message-content {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 20px; }
          @media (max-width: 767px) {
            #normal section.ob-message .content-box .list-box .message-box li .message-content {
              padding: 10px; } }
          #normal section.ob-message .content-box .list-box .message-box li .message-content .top-box::after {
            clear: both;
            content: "";
            display: block; }
          #normal section.ob-message .content-box .list-box .message-box li .message-content .top-box .image {
            float: left;
            width: 30%; }
            @media (max-width: 767px) {
              #normal section.ob-message .content-box .list-box .message-box li .message-content .top-box .image {
                float: none;
                width: 40%;
                margin: 0 auto; } }
            #normal section.ob-message .content-box .list-box .message-box li .message-content .top-box .image img {
              width: 100%; }
          #normal section.ob-message .content-box .list-box .message-box li .message-content .top-box .profile {
            float: right;
            width: 70%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-left: 20px; }
            @media (max-width: 767px) {
              #normal section.ob-message .content-box .list-box .message-box li .message-content .top-box .profile {
                float: none;
                width: 100%;
                padding-left: 0;
                padding-top: 8px; } }
          #normal section.ob-message .content-box .list-box .message-box li .message-content .top-box .head {
            font-size: 18px;
            line-height: 21px;
            color: #002855;
            font-weight: bold; }
            @media (max-width: 767px) {
              #normal section.ob-message .content-box .list-box .message-box li .message-content .top-box .head {
                font-size: 14px;
                line-height: 16px; } }
          #normal section.ob-message .content-box .list-box .message-box li .message-content .top-box .name {
            margin: 7px 0;
            font-size: 18px;
            font-weight: bold; }
            @media (max-width: 767px) {
              #normal section.ob-message .content-box .list-box .message-box li .message-content .top-box .name {
                margin: 5px 0;
                font-size: 14px; } }
          #normal section.ob-message .content-box .list-box .message-box li .message-content .top-box .info {
            font-size: 14px;
            line-height: 24px; }
            @media (max-width: 767px) {
              #normal section.ob-message .content-box .list-box .message-box li .message-content .top-box .info {
                font-size: 11px;
                line-height: 20px; } }
          #normal section.ob-message .content-box .list-box .message-box li .message-content .message {
            margin-top: 12px;
            font-size: 14px;
            line-height: 24px; }
            @media (max-width: 767px) {
              #normal section.ob-message .content-box .list-box .message-box li .message-content .message {
                margin-top: 6px;
                font-size: 10px;
                line-height: 18px; } }
    #normal section.ob-message .content-box .list-box .box-orange li .head-box {
      background-color: #ffebd8; }
      #normal section.ob-message .content-box .list-box .box-orange li .head-box .place {
        border: solid 1px #eb6100;
        color: #eb6100; }
      #normal section.ob-message .content-box .list-box .box-orange li .head-box .place-name {
        color: #eb6100; }
    #normal section.ob-message .content-box .list-box .box-orange li .message-content .top-box .head {
      color: #eb6100; }

#normal.success-graduate {
  padding: 0 0 110px; }
  @media (max-width: 767px) {
    #normal.success-graduate {
      padding: 0 0 40px; } }
  #normal.success-graduate .title-area {
    padding: 47px 0 36px; }
    @media (max-width: 767px) {
      #normal.success-graduate .title-area {
        padding: 20px 10px; } }
    #normal.success-graduate .title-area .head-title {
      font-size: 40px;
      line-height: 40px;
      letter-spacing: 0.05em;
      font-weight: bold;
      text-align: center; }
      @media (max-width: 767px) {
        #normal.success-graduate .title-area .head-title {
          font-size: 20px;
          line-height: 1.5; } }

  #normal.success-graduate .course-list > li.maintenance {
    margin-bottom: 60px; }
    @media (max-width: 767px) {
      #normal.success-graduate .course-list > li.maintenance {
        margin-bottom: 30px; } }
    #normal.success-graduate .course-list > li.maintenance .course-title {
      background: #003F8A; }
      #normal.success-graduate .course-list > li.maintenance .course-title img {
        margin-right: 28px;
        vertical-align: -8px;
        width: 58px; }
        @media (max-width: 767px) {
          #normal.success-graduate .course-list > li.maintenance .course-title img {
            margin-right: 10px;
            vertical-align: -2px;
            width: 29px; } }
    #normal.success-graduate .course-list > li.maintenance .people-list .attr-box {
      background: rgba(0, 63, 138, 0.8); }
      @media (max-width: 767px) {
        #normal.success-graduate .course-list > li.maintenance .people-list .attr-box {
          background: #003F8A; } }
    #normal.success-graduate .course-list > li.maintenance .desc-list .list-head {
      color: #004896; }
  #normal.success-graduate .course-list > li.support .course-title {
    background: #E76A0B; }
    #normal.success-graduate .course-list > li.support .course-title img {
      margin-right: 26px;
      vertical-align: -7px;
      width: 59px; }
      @media (max-width: 767px) {
        #normal.success-graduate .course-list > li.support .course-title img {
          margin-right: 10px;
          vertical-align: -1px;
          width: 29px; } }
  #normal.success-graduate .course-list > li.support .people-list .attr-box {
    background: rgba(231, 106, 11, 0.8); }
    @media (max-width: 767px) {
      #normal.success-graduate .course-list > li.support .people-list .attr-box {
        background: #E76A0B; } }
  #normal.success-graduate .course-list > li.support .desc-list .list-head {
    color: #ea7606; }
  #normal.success-graduate .course-list > li .course-title {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    line-height: 64px;
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      #normal.success-graduate .course-list > li .course-title {
        font-size: 22px;
        line-height: 40px;
        margin-bottom: 20px; } }
  #normal.success-graduate .course-list > li .people-list {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal.success-graduate .course-list > li .people-list {
        width: 100%; } }
    #normal.success-graduate .course-list > li .people-list > li:nth-last-of-type(n+2) {
      margin-bottom: 52px; }
      @media (max-width: 767px) {
        #normal.success-graduate .course-list > li .people-list > li:nth-last-of-type(n+2) {
          margin-bottom: 20px; } }
    #normal.success-graduate .course-list > li .people-list > li .people-head {
      margin-bottom: 32px;
      position: relative; }
      @media (max-width: 767px) {
        #normal.success-graduate .course-list > li .people-list > li .people-head {
          margin-bottom: 20px; } }
      #normal.success-graduate .course-list > li .people-list > li .people-head img {
        vertical-align: top;
        width: 100%; }
      #normal.success-graduate .course-list > li .people-list > li .people-head .attr-box {
        bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        height: 160px;
        left: 0;
        padding: 23px 0 0 20px;
        position: absolute;
        width: 390px; }
        @media (max-width: 767px) {
          #normal.success-graduate .course-list > li .people-list > li .people-head .attr-box {
            height: auto;
            padding: 10px 10px;
            position: static;
            width: 100%; } }
        #normal.success-graduate .course-list > li .people-list > li .people-head .attr-box.right {
          left: auto;
          right: 0; }
        #normal.success-graduate .course-list > li .people-list > li .people-head .attr-box .company {
          font-size: 19px;
          line-height: 23px;
          margin-bottom: 11px; }
          @media (max-width: 767px) {
            #normal.success-graduate .course-list > li .people-list > li .people-head .attr-box .company {
              font-size: 14px;
              line-height: 21px;
              margin-bottom: 0; } }
        #normal.success-graduate .course-list > li .people-list > li .people-head .attr-box .name {
          font-size: 26px;
          line-height: 1;
          margin-bottom: 11px; }
          @media (max-width: 767px) {
            #normal.success-graduate .course-list > li .people-list > li .people-head .attr-box .name {
              font-size: 17px;
              line-height: 24px;
              margin-bottom: 2px; } }
        #normal.success-graduate .course-list > li .people-list > li .people-head .attr-box .desc {
          font-size: 16px;
          line-height: 23px; }
          @media (max-width: 767px) {
            #normal.success-graduate .course-list > li .people-list > li .people-head .attr-box .desc {
              font-size: 13px;
              line-height: 20px; } }
    @media (max-width: 767px) {
      #normal.success-graduate .course-list > li .people-list > li .desc-list {
        padding: 0 10px; } }
    #normal.success-graduate .course-list > li .people-list > li .desc-list li::after {
      clear: both;
      content: "";
      display: block; }
    #normal.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(1) {
      margin-bottom: 19px; }
      #normal.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(1) .img-box {
        float: right; }
        @media (max-width: 767px) {
          #normal.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(1) .img-box {
            margin: 0 0 10px 10px; } }
      #normal.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(1) .txt-box {
        float: left; }
        @media (max-width: 767px) {
          #normal.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(1) .txt-box {
            float: none; } }
    #normal.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(2) .img-box {
      float: left; }
      @media (max-width: 767px) {
        #normal.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(2) .img-box {
          margin: 0 10px 10px 0; } }
    #normal.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(2) .txt-box {
      float: right; }
      @media (max-width: 767px) {
        #normal.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(2) .txt-box {
          float: none; } }
    #normal.success-graduate .course-list > li .people-list > li .desc-list li .img-box {
      width: 361px; }
      @media (max-width: 767px) {
        #normal.success-graduate .course-list > li .people-list > li .desc-list li .img-box {
          width: 130px; } }
      #normal.success-graduate .course-list > li .people-list > li .desc-list li .img-box img {
        vertical-align: top;
        width: 100%; }
    #normal.success-graduate .course-list > li .people-list > li .desc-list li .txt-box {
      width: 580px; }
      @media (max-width: 767px) {
        #normal.success-graduate .course-list > li .people-list > li .desc-list li .txt-box {
          width: 100%; } }
      #normal.success-graduate .course-list > li .people-list > li .desc-list li .txt-box .list-head {
        font-size: 24px;
        font-weight: bold;
        line-height: 30px;
        margin-bottom: 3px; }
        @media (max-width: 767px) {
          #normal.success-graduate .course-list > li .people-list > li .desc-list li .txt-box .list-head {
            font-size: 16px;
            line-height: 24px; }
            #normal.success-graduate .course-list > li .people-list > li .desc-list li .txt-box .list-head br {
              display: none; } }
      #normal.success-graduate .course-list > li .people-list > li .desc-list li .txt-box .desc {
        color: #333;
        font-size: 16px;
        line-height: 32px; }
        @media (max-width: 767px) {
          #normal.success-graduate .course-list > li .people-list > li .desc-list li .txt-box .desc {
            font-size: 12px;
            line-height: 18px; } }

/*
 * その他 配下ページ

  23. 職業実践専門課程について
  26. 卒業生の皆様へ
 */
#normal section.practice .content-box {
  margin: 0 auto;
  width: 980px;
  padding-top: 40px;
  padding-bottom: 40px; }
  @media (max-width: 767px) {
    #normal section.practice .content-box {
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 10px;
      padding-right: 10px; } }
  @media (max-width: 767px) {
    #normal section.practice .content-box {
      padding-top: 20px;
      padding-bottom: 20px; } }
  #normal section.practice .content-box .desc {
    font-size: 14px;
    line-height: 24px; }
    @media (max-width: 767px) {
      #normal section.practice .content-box .desc {
        font-size: 12px;
        line-height: 20px; } }
  #normal section.practice .content-box .box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: solid 1px #cccccc;
    padding: 18px;
    margin: 32px 0; }
    @media (max-width: 767px) {
      #normal section.practice .content-box .box {
        padding: 10px;
        margin: 16px 0; } }
    #normal section.practice .content-box .box .department-title {
      padding-bottom: 3px;
      font-size: 18px;
      line-height: 30px;
      font-weight: bold; }
      @media (max-width: 767px) {
        #normal section.practice .content-box .box .department-title {
          padding-bottom: 5px;
          font-size: 14px;
          line-height: 24px; } }
      #normal section.practice .content-box .box .department-title a {
        color: #002855;
        text-decoration: underline; }
    #normal section.practice .content-box .box .department-desc {
      margin-top: 10px;
      font-size: 14px;
      line-height: 14px; }
      @media (max-width: 767px) {
        #normal section.practice .content-box .box .department-desc {
          margin-top: 10px;
          text-indent: -1em;
          padding-left: 1em;
          font-size: 10px;
          line-height: 14px; } }
  #normal section.practice .content-box .reference-title {
    font-size: 16px;
    text-align: center;
    font-weight: bold; }
    @media (max-width: 767px) {
      #normal section.practice .content-box .reference-title {
        font-size: 14px; } }
  #normal section.practice .content-box .reference-link {
    display: block;
    margin-top: 8px;
    font-size: 16px;
    text-align: center;
    color: #002855;
    text-decoration: underline; }
    @media (max-width: 767px) {
      #normal section.practice .content-box .reference-link {
        margin-top: 6px;
        font-size: 14px; } }

#normal section.graduate .content-box {
  margin: 0 auto;
  width: 980px;
  padding-top: 40px;
  padding-bottom: 40px; }
  @media (max-width: 767px) {
    #normal section.graduate .content-box {
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 10px;
      padding-right: 10px; } }
  @media (max-width: 767px) {
    #normal section.graduate .content-box {
      padding-top: 20px;
      padding-bottom: 20px; } }
  #normal section.graduate .content-box .title {
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"; }
    @media (max-width: 767px) {
      #normal section.graduate .content-box .title {
        font-size: 16px;
        line-height: 24px; } }
  #normal section.graduate .content-box .head-title {
    margin-top: 50px;
    font-size: 28px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"; }
    @media (max-width: 767px) {
      #normal section.graduate .content-box .head-title {
        margin-top: 25px;
        font-size: 16px;
        line-height: 24px; } }
  #normal section.graduate .content-box .line-box {
    width: 100%;
    padding-bottom: 20px; }
    #normal section.graduate .content-box .line-box::after {
      clear: both;
      content: "";
      display: block; }
    @media (max-width: 767px) {
      #normal section.graduate .content-box .line-box {
        padding-bottom: 10px; } }
    #normal section.graduate .content-box .line-box .left-line {
      float: left;
      width: 27%;
      height: 2px;
      background-color: #00428c; }
    #normal section.graduate .content-box .line-box .right-line {
      float: right;
      width: 73%;
      height: 2px;
      background-color: #e0e9f3; }
  #normal section.graduate .content-box .desc {
    font-size: 16px;
    line-height: 26px; }
    @media (max-width: 767px) {
      #normal section.graduate .content-box .desc {
        font-size: 12px;
        line-height: 20px; } }
  #normal section.graduate .content-box .head-and-desc {
    margin-top: 35px;
    font-size: 16px;
    line-height: 31px; }
    @media (max-width: 767px) {
      #normal section.graduate .content-box .head-and-desc {
        margin-top: 18px;
        font-size: 12px;
        line-height: 22px; } }
    #normal section.graduate .content-box .head-and-desc .strong {
      font-weight: bold;
      color: #00428c; }
  #normal section.graduate .content-box .desc-list-bottom {
    font-size: 16px;
    line-height: 31px; }
    @media (max-width: 767px) {
      #normal section.graduate .content-box .desc-list-bottom {
        font-size: 12px;
        line-height: 22px; } }
  #normal section.graduate .content-box .table-wrap {
    background-color: #ededed;
    padding: 8px; }
    @media (max-width: 767px) {
      #normal section.graduate .content-box .table-wrap {
        padding: 6px; } }
    #normal section.graduate .content-box .table-wrap table {
      background-color: #FFFFFF;
      border: solid 1px #FFFFFF;
      width: 100%; }
    #normal section.graduate .content-box .table-wrap tr:last-child {
      border-bottom: solid 1px #FFFFFF; }
    #normal section.graduate .content-box .table-wrap th {
      background-color: #e9fbfc;
      border-top: solid 1px #FFFFFF;
      border-right: solid 1px #ededed;
      width: 33.3%;
      padding: 16px 0;
      text-align: center;
      font-size: 18px;
      line-height: 18px; }
      @media (max-width: 767px) {
        #normal section.graduate .content-box .table-wrap th {
          padding: 8px 0;
          text-align: center;
          font-size: 11px;
          line-height: 11px; } }
      #normal section.graduate .content-box .table-wrap th:last-child {
        border-right: solid 1px #FFFFFF; }
    #normal section.graduate .content-box .table-wrap td {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-top: solid 1px #ededed;
      border-right: solid 1px #ededed;
      width: 33.3%;
      padding: 16px 35px;
      font-size: 18px;
      line-height: 36px;
      text-align: center;
      vertical-align: middle; }
      @media (max-width: 767px) {
        #normal section.graduate .content-box .table-wrap td {
          padding: 8px;
          text-align: center;
          font-size: 11px;
          line-height: 22px; } }
      #normal section.graduate .content-box .table-wrap td:first-child {
        text-align: left; }
      #normal section.graduate .content-box .table-wrap td:last-child {
        border-right: solid 1px #FFFFFF; }
    #normal section.graduate .content-box .table-wrap.table-center td:first-child {
      text-align: center; }
  #normal section.graduate .content-box .gray-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #99b3d1;
    border-radius: 4px;
    background-color: #f4f4f4;
    width: 100%;
    margin: 14px 0;
    padding: 22px 20px 25px; }
    @media (max-width: 767px) {
      #normal section.graduate .content-box .gray-list {
        margin: 7px 0;
        padding: 11px 10px 12px; } }
    #normal section.graduate .content-box .gray-list li {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-indent: -1em;
      padding-left: 1em;
      font-size: 16px;
      line-height: 34px; }
      @media (max-width: 767px) {
        #normal section.graduate .content-box .gray-list li {
          font-size: 11px;
          line-height: 23px; } }
      #normal section.graduate .content-box .gray-list li::before {
        content: "• ";
        font-weight: bold; }
      #normal section.graduate .content-box .gray-list li a {
        color: #00428c;
        text-decoration: underline; }
  #normal section.graduate .content-box .notice {
    padding-top: 15px;
    font-size: 12px;
    text-align: right; }
    @media (max-width: 767px) {
      #normal section.graduate .content-box .notice {
        padding-top: 7px;
        font-size: 9px;
        text-align: left; } }

/*
 * オープンキャンパス 20. 体験入学・見学会
 */
#normal .main {
  min-width: 1020px; }
  @media (max-width: 767px) {
    #normal .main {
      min-width: 0; } }

#normal .open {
  min-width: 1020px;
/*  padding: 64px 0 174px; */
  padding: 0px 0 174px !important; }
  @media (max-width: 767px) {
    #normal .open {
      min-width: 0;
/*      padding: 32px 0 0; */
      padding: 0px 0 0px 0 !important; } }

#normal .open2{
	padding-top: 40px !important;
	padding-bottom : 0 !important;
}

#normal .event .section-title2{
	color: inherit !important;
	background-color: #ffffff !important;
	border-bottom: none!important;
	text-align: left !important;
}

/*
***** オープンキャンパス ****
*/


  #normal .open .container {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal .open .container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%; } }

  #normal .open .section-title {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 38px;
    text-align: center; }
    @media (max-width: 767px) {
      #normal .open .section-title {
        font-size: 20px;
        margin-bottom: 3px; } }

  #normal .open .intro {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 26px; }
    @media (max-width: 767px) {
      #normal .open .intro {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 20px; } }


  #normal .open .time-head {
    color: #002953;
    font-size: 32px;
    font-weight: bold;
    line-height: 42px;
    margin: 0 auto 27px;
    padding-bottom: 4px;
    position: relative;
    text-align: center; }
    @media (max-width: 767px) {
      #normal .open .time-head {
        font-size: 22px;
        line-height: 32px; } }
    #normal .open .time-head::after {
/*
      background: #002953;
      bottom: 0;
      content: "";
      display: block;
      height: 2px;
      left: 0;
      margin: 0 auto;
      position: absolute;
      right: 0;
      width: 550px; 
*/
}
      @media (max-width: 767px) {
        #normal .open .time-head::after {
/*          width: 100%; */
	} }

  #normal .open .time-table > li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 64px;
    padding-left: 350px;
    position: relative; }
    @media (max-width: 767px) {
      #normal .open .time-table > li {
        padding: 20px 10px 10px; } }
    #normal .open .time-table > li:nth-of-type(odd) {
      background: #58C4EF;
      color: #fff; }
      #normal .open .time-table > li:nth-of-type(odd)::after {
        border-top-color: #58C4EF; }
    #normal .open .time-table > li:nth-of-type(even) {
      background: #ACDDF6;
      color: #002953; }
      #normal .open .time-table > li:nth-of-type(even)::after {
        border-top-color: #ACDDF6; }
    #normal .open .time-table > li:nth-of-type(1) {
      height: 352px; }
      @media (max-width: 767px) {
        #normal .open .time-table > li:nth-of-type(1) {
          height: auto; } }
      #normal .open .time-table > li:nth-of-type(1) .head-area {
        margin-bottom: 0; }
      #normal .open .time-table > li:nth-of-type(1) .img-bus {
        left: 285px;
        position: absolute;
        top: 91px;
        width: 270px; }
        @media (max-width: 767px) {
          #normal .open .time-table > li:nth-of-type(1) .img-bus {
            display: none; } }
      #normal .open .time-table > li:nth-of-type(1) .img-balloon {
        left: 529px;
        position: absolute;
        top: 36px;
        width: 344px; }
        @media (max-width: 767px) {
          #normal .open .time-table > li:nth-of-type(1) .img-balloon {
            display: none; } }
      #normal .open .time-table > li:nth-of-type(1) .img-bus-balloon {
        display: none; }
        @media (max-width: 767px) {
          #normal .open .time-table > li:nth-of-type(1) .img-bus-balloon {
            display: inline;
            vertical-align: top;
            width: 100%; } }
      #normal .open .time-table > li:nth-of-type(1) .notice {
        bottom: 38px;
        font-size: 16px;
        left: 532px;
        line-height: 20px;
        position: absolute; }
        @media (max-width: 767px) {
          #normal .open .time-table > li:nth-of-type(1) .notice {
            margin-top: 11px;
            position: static; } }
    #normal .open .time-table > li:nth-of-type(2), #normal .open .time-table > li:nth-of-type(3), #normal .open .time-table > li:nth-of-type(4) {
      padding-bottom: 32px; }
      @media (max-width: 767px) {
        #normal .open .time-table > li:nth-of-type(2), #normal .open .time-table > li:nth-of-type(3), #normal .open .time-table > li:nth-of-type(4) {
          padding-bottom: 10px; } }
      #normal .open .time-table > li:nth-of-type(2) .txt-box, #normal .open .time-table > li:nth-of-type(3) .txt-box, #normal .open .time-table > li:nth-of-type(4) .txt-box {
        bottom: 29px;
        font-size: 17px;
        line-height: 25px;
        position: absolute;
        right: 60px;
        width: 220px; }
        @media (max-width: 767px) {
          #normal .open .time-table > li:nth-of-type(2) .txt-box, #normal .open .time-table > li:nth-of-type(3) .txt-box, #normal .open .time-table > li:nth-of-type(4) .txt-box {
            font-size: 14px;
            line-height: 22px;
            margin-top: 13px;
            position: static;
            width: 100%; } }
        #normal .open .time-table > li:nth-of-type(2) .txt-box .caution, #normal .open .time-table > li:nth-of-type(3) .txt-box .caution, #normal .open .time-table > li:nth-of-type(4) .txt-box .caution {
          font-size: 14px;
          line-height: 20px; }
          @media (max-width: 767px) {
            #normal .open .time-table > li:nth-of-type(2) .txt-box .caution, #normal .open .time-table > li:nth-of-type(3) .txt-box .caution, #normal .open .time-table > li:nth-of-type(4) .txt-box .caution {
              font-size: 12px;
              line-height: 18px; } }
    #normal .open .time-table > li:nth-of-type(4) {
      padding-bottom: 24px; }
      @media (max-width: 767px) {
        #normal .open .time-table > li:nth-of-type(4) {
          margin-bottom: 20px; } }
      #normal .open .time-table > li:nth-of-type(4)::after {
        display: none; }
      #normal .open .time-table > li:nth-of-type(4) .txt-box {
        font-size: 17px;
        line-height: 25px;
        position: absolute;
        right: 60px;
        top: 60px;
        width: 220px; }
        @media (max-width: 767px) {
          #normal .open .time-table > li:nth-of-type(4) .txt-box {
            font-size: 14px;
            line-height: 22px;
            margin-bottom: 13px;
            position: static;
            width: 100%; } }
      #normal .open .time-table > li:nth-of-type(4) .class-list li {
        position: relative;
        width: 335px; }
        @media (max-width: 767px) {
          #normal .open .time-table > li:nth-of-type(4) .class-list li {
            width: 100%; } }
        #normal .open .time-table > li:nth-of-type(4) .class-list li:nth-last-of-type(n+2) {
          margin-bottom: 25px; }
          @media (max-width: 767px) {
            #normal .open .time-table > li:nth-of-type(4) .class-list li:nth-last-of-type(n+2) {
              margin-bottom: 20px; } }
        #normal .open .time-table > li:nth-of-type(4) .class-list li .course-name {
          background: #fff;
          color: #002953;
          display: inline-block;
          font-size: 12px;
          height: 27px;
          line-height: 27px;
          padding: 0 10px;
          position: absolute;
          right: 0;
          top: 0;
          z-index: 1; }
          @media (max-width: 767px) {
            #normal .open .time-table > li:nth-of-type(4) .class-list li .course-name {
              height: 24px;
              line-height: 24px; } }
        #normal .open .time-table > li:nth-of-type(4) .class-list li .class-name {
          background: #002953;
          bottom: 0;
          color: #fff;
          font-size: 16px;
          height: 30px;
          left: 0;
          line-height: 30px;
          position: absolute;
          text-align: center;
          width: 100%;
          z-index: 1; }
          @media (max-width: 767px) {
            #normal .open .time-table > li:nth-of-type(4) .class-list li .class-name {
              font-size: 12px;
              height: 24px;
              line-height: 24px; } }
    #normal .open .time-table > li::after {
      border-top: 34px solid;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      bottom: -34px;
      content: "";
      display: block;
      height: 0;
      left: 0;
      margin: 0 auto;
      position: absolute;
      right: 0;
      width: 0;
      z-index: 1; }
      @media (max-width: 767px) {
        #normal .open .time-table > li::after {
          border-top-width: 13px;
          border-left-width: 10px;
          border-right-width: 10px;
          bottom: -13px; } }
    #normal .open .time-table > li .img-clock {
      left: 49px;
      position: absolute;
      top: 32px;
      width: 98px; }
      @media (max-width: 767px) {
        #normal .open .time-table > li .img-clock {
          left: 20px;
          top: 20px;
          width: 49px; } }
      #normal .open .time-table > li .img-clock img {
        vertical-align: top;
        width: 100%; }
    #normal .open .time-table > li .head-area {
      left: 165px;
      position: absolute;
      top: 45px; }
      @media (max-width: 767px) {
        #normal .open .time-table > li .head-area {
          margin-bottom: 18px;
          padding-left: 77px;
          position: static; } }
      #normal .open .time-table > li .head-area time {
        color: #fff;
        font-size: 48px;
        line-height: 1; }
        @media (max-width: 767px) {
          #normal .open .time-table > li .head-area time {
            font-size: 24px; } }
      #normal .open .time-table > li .head-area .list-head {
        color: #FFEE00;
        font-size: 23px;
        font-weight: bold;
        line-height: 1;
        margin-top: 12px; }
        @media (max-width: 767px) {
          #normal .open .time-table > li .head-area .list-head {
            font-size: 16px;
            line-height: 1.2;
            margin-top: 4px; } }
    #normal .open .time-table > li .img-box {
      width: 335px; }
      @media (max-width: 767px) {
        #normal .open .time-table > li .img-box {
          width: 100%; } }
      #normal .open .time-table > li .img-box img {
        vertical-align: top;
        width: 100%; }


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

      #normal .open .container .program {
	margin-bottom: 50px; }



    #normal .open .container .program-line {
      background: #8caf73;
      content: "";
      display: block;
      height: 1px;
      margin: 40px auto;
      width: 690px; }

      @media (max-width: 767px) {
        #normal .open .container .program-line {
          width: 80%; } }




  #normal .open .container .program .intro {
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      #normal .open .container .program .intro {
        margin-bottom: 5px; } }


      #normal .open .container .program > dd .notice {
        font-size: 12px;
        line-height: 20px;
	text-align: center;
        margin-top: 8px; }

        @media (max-width: 767px) {
          #normal .open .container .program > dd .notice {
            font-size: 10px;
            line-height: 16px;
		text-align: left;
		margin-bottom: 10px;
            margin-top: 4px; } }


  #normal .open .container .program .left-box {
    	width: 320px; 
	margin-top: 30px;
/*	margin-right: 100px;*/
	margin-right: 50px;
	float: left;}

    @media (max-width: 767px) {
      #normal .open .container .program .left-box {
    	width: 220px; 
	margin-top: 30px;
	margin-right: 10px;
         } }

  #normal .open .container .program .left-box.setsumeikai {
/*    	width: 370px; */
    	width: 420px; 
	margin-top: 30px;
/*	margin-right: 100px;*/
	margin-right: 50px;
	float: left;
	}

    @media (max-width: 767px) {
      #normal .open .container .program .left-box.setsumeikai {
    	width: 320px; 
	margin-top: 30px;
	margin-right: 10px;
         } }



  #normal .open .container .program.taiken .right-box {
    width: 200px; 
	margin-top: 0px;
	float: left;}

    @media (max-width: 767px) {
      #normal .open .container .program.taiken .right-box {
    	width: auto; } }

  #normal .open .container .program.kengaku .right-box {
    width: 200px; 
	float: left;}

    @media (max-width: 767px) {
      #normal .open .container .program.kengaku .right-box {
    	width: 350px;
	margin: 0 auto;
	float: none; } }

  #normal .open .container .program.taiken .right-box img {
    /* width: 100px; */
    width: 200px; }

  #normal .open .container .program.kengaku .right-box img {
/*    width: 350px; */
    width: 300px; }

    @media (max-width: 767px) {
	  #normal .open .container .program.taiken .right-box img {
	    /* width: 100px; */
		margin-left: 100px;
	    width: 200px; }

	  #normal .open .container .program.kengaku .right-box img {
	    width: 350px; } }

      @media (max-width: 767px) {
        #normal .open .container .program > dd .table-wrapper {
/*          overflow: scroll; */
          overflow-x: scroll; }
          #normal .open .container .program > dd .table-wrapper table {
            /* width: 980px; */
            width: 700px;
            /* width: 100%; */} }

  #normal .open .container .program.kengaku .left-box img {
/*    	width: 100px; */
    	width: 300px; 
	margin-bottom: 20px;
	margin-left: 100px;}

      @media (max-width: 767px) {
	  #normal .open .container .program.kengaku .left-box img {
/*	    	width: 100px; */
	    	width: 270px; 
		margin-left: 100px;} }




/*      #normal .open .container > dd table {*/
      #normal .open .container .program .program > dd table {
	border: #ececec 3px solid;
        border-collapse: collapse;
        margin-top: 25px;
        table-layout: fixed;
        /* width: 100%; */ }

        @media (max-width: 767px) {
          #normal .open .container .program > dd table {
            margin-top: 12px; } }


        #normal .open .container .program > dd table th{
          border: 1px solid #ececec;
          vertical-align: middle; }

        #normal .open .container .program > dd table td {
          border: 1px solid #ececec;
          vertical-align: middle; }

        #normal .open .container .program > dd table .yen {
          text-align: right; }
        #normal .open .container .program .space01 {
          letter-spacing:7px;padding-right: 7px; }
        #normal .open .container .program .space02 {
          letter-spacing:14px; }
            @media (max-width: 767px) {
              #normal .open .container .program .space01 {
        	    letter-spacing:6px;padding-right: 6px;
              }
              #normal .open .container .program .space02 {
        	    letter-spacing:12px;
              }
           }
      #normal .open .container .program > dd.course {
        /* margin-bottom: 36px; */
        margin-bottom: 20px; }


/* new 20230722 */
      #normal .open .container .program > dd.course table {
        margin: 0 auto; }



        #normal .open .container .program > dd.course table th, #normal .open .container .program > dd.course table td {
          height: 52px;
	text-align: center;
          /* padding: 0 28px; */
          padding: 0 10px; }

        #normal .open .container .program > dd.course table td.date {
          min-width: 100px; }


        #normal .open .container .program > dd.course table th {
          background: #f3faf9;
/*          font-weight: bold;*/
          text-align: center; }

          #normal .open .container .program > dd.course table th:nth-of-type(1) {
            width: 150px; }

          #normal .open .container .program > dd.course table th:nth-of-type(2) {
            width: 150px; }

          #normal .open .container .program > dd.course table th:nth-of-type(3) {
		min-width: 120px;
/*            width: 150px;*/
	 }

          #normal .open .container .program > dd.course table th:nth-of-type(4) {
            width: 200px; }

          #normal .open .container .program > dd.course table th:nth-of-type(5) {
            width: 120px; }


        @media (max-width: 767px) {
	          #normal .open .container .program > dd.course table th:nth-of-type(1) {
	            width: 100px; }}


        #normal .open .container .program > dd.course table td:nth-last-of-type(1), #normal .open .container .program > dd.course table td:nth-last-of-type(2) {
          text-align: center; }
        #normal .open .container .program > dd.course table tr:nth-of-type(2) td:nth-of-type(1) {
/*          background: #D9EAF5;*/
/*          font-weight: bold; */
	}
        #normal .open .container .program > dd.course table tr:nth-of-type(3) td:nth-of-type(1) {
          /* text-align: left; */}
        #normal .open .container .program > dd.course table tr:nth-of-type(4) td:nth-of-type(1) {
/*          background: #FFE8D2;
          font-weight: bold; */
	}

        #normal .open .container .program > dd.course table tr:nth-of-type(2) td:nth-of-type(5) p.note{
		text-align: left;
		font-size:14px;
	}

        #normal .open .container .program > dd.course table tr:nth-of-type(5) td:nth-of-type(1) {
/*          background: #F2F2F2;
          font-weight: bold;*/
/*          text-align: left;*/ }


/*** CUT   *******/


/*
    #normal .open .container .program .photocut > ul > li {
      border-top: 1px solid #EE821A;
      margin-right: 0;
      width: 100%; }
      #normal .open .container .program .photocut > ul > li .txt-box {
        height: auto; }
*/

      #normal .open .container .program .photocut > ul {
        margin-top: 46px; }

      #normal .open .container .program .photocut > ul.second {
        margin-top: 20px; }


        @media (max-width: 767px) {
          #normal .open .container .program .photocut > ul {
            margin-top: 20px; } }
        #normal .open .container .program .photocut > ul li {
          display: inline-block;
          vertical-align: top;
          width: 300px; }
          @media (max-width: 767px) {
            #normal .open .container .program .photocut > ul li {
              display: block;
              width: 100%; } }
          #normal .open .container .program .photocut > ul li:nth-last-of-type(n+2) {
            margin-right: 34px; }
            @media (max-width: 767px) {
              #normal .open .container .program .photocut > ul li:nth-last-of-type(n+2) {
                margin-right: 0; } }

          #normal .open .container .program .photocut > ul li .img-box {
            margin-bottom: 14px; }
            @media (max-width: 767px) {
              #normal .open .container .program .photocut > ul li .img-box {
		text-align: center;
                margin-bottom: 20px; } }

          #normal .open .container .program .photocut > ul li .txt-box {
            font-size: 18px;
            line-height: 1.5; }
            @media (max-width: 767px) {
              #normal .open .container .program .photocut > ul li .txt-box {
                font-size: 14px;
                line-height: 20px; } }


	      #normal .open .container .program .photocut > ul li .img-box img {
	        vertical-align: top;
	        width: 100%; }
            @media (max-width: 767px) {
		      #normal .open .container .program .photocut > ul li .img-box img {
		        width: 80%; } }


	      #normal .open .container .program .photocut > ul li.icon .img-box img {
	        width: 150px; }
            @media (max-width: 767px) {
		      #normal .open .container .program .photocut > ul li.icon .img-box img {
		        width: 120px; } }


/*** CUT END  *******/


      #normal .open .container .program > dd.term .head {
        color: #0f2658;
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        margin-bottom: 4px; }
        @media (max-width: 767px) {
          #normal .open .container .program > dd.term .head {
            font-size: 14px;
            line-height: 22px; } }
      #normal .open .container .program > dd.term .big {
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 5px; }
        @media (max-width: 767px) {
          #normal .open .container .program > dd.term .big {
            font-size: 16px;
            line-height: 24px; } }
      #normal .open .container .program > dd.distinct .distinct-list dt {
        border: 1px solid #002855;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #002855;
        cursor: pointer;
        font-size: 18px;
        font-weight: bold;
        height: 56px;
        line-height: 24px;
        margin: 20px 0 14px;
        padding: 15px 18px;
        position: relative; }
        @media (max-width: 767px) {
          #normal .open .container .program > dd.distinct .distinct-list dt {
            font-size: 14px;
            height: auto;
            line-height: 22px;
            margin: 10px 0 8px;
            padding: 10px 12px; } }
        #normal .open .container .program > dd.distinct .distinct-list dt.opened span::after {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
        #normal .open .container .program > dd.distinct .distinct-list dt span {
          background: #002855;
          height: 30px;
          position: absolute;
          right: 16px;
          top: 12px;
          width: 30px; }
          @media (max-width: 767px) {
            #normal .open .container .program > dd.distinct .distinct-list dt span {
              height: 24px;
              right: 10px;
              top: 10px;
              width: 24px; } }
          #normal .open .container .program > dd.distinct .distinct-list dt span::before, #normal .open .container .program > dd.distinct .distinct-list dt span::after {
            background: #fff;
            bottom: 0;
            content: "";
            display: block;
            height: 2px;
            left: 0;
            margin: auto;
            position: absolute;
            right: 0;
            top: 0;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            width: 18px; }
            @media (max-width: 767px) {
              #normal .open .container .program > dd.distinct .distinct-list dt span::before, #normal .open .container .program > dd.distinct .distinct-list dt span::after {
                width: 16px; } }
          #normal .open .container .program > dd.distinct .distinct-list dt span::after {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg); }


      #normal .open .container .program > dd.distinct .distinct-list dd {
/*        display: none; */
        display: block; 
	}
        #normal .open .container .program > dd.distinct .distinct-list dd.high-school table {
          margin-bottom: 13px;
          margin-top: 16px;
          table-layout: fixed; }
          @media (max-width: 767px) {
            #normal .open .container .program > dd.distinct .distinct-list dd.high-school table {
              margin: 8px 0 7px; } }
          #normal .open .container .program > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(1) th {
            background: #f3faf9;
            color: #323232;
/*            font-weight: bold;*/
            height: 52px;
            text-align: center;
            width: 15%; }
            #normal .open .container .program > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(1) th:nth-of-type(2) {
              width: 25%; }
          #normal .open .container .program > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(1) th:nth-of-type(2) {
            border-top: 0; }
          #normal .open .container .program > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(2) th {
            background: #F2F2F2;
            font-weight: bold;
            height: 52px;
            text-align: center; }



#normal .open .container .over-top_title{
	border: none;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 0px;
	color: #8caf73;
}

#normal .open .container .left-box.setsumeikai .over-top_title{
	float:left;	
}


#normal .open .container .left-box.setsumeikai .special_event{
/*	color:#f39700;	*/
/*	font-size:120%;	*/
/*	float:left;	*/
/*	font-weight:bold;*/
/*	line-height: 1.2;*/
/*	margin-top:5px;	*/

	background-image: url(./assets/images/open/img-open-special.png);
	content: '';
	display: inline-block;
	background-size: contain;
	vertical-align: middle;
	margin-top: -12px;
	background-repeat: no-repeat;
	width:150px;
	height: 100px;

}


@media (max-width: 767px){
	#normal .open .container .over-top_title{
		font-size: 22px;
	}
}

#normal .open .container .over-top_date{
	border: none;
	font-size: 32px;
	font-weight: normal;
	margin-bottom: 10px;
	color: #8caf73;
	margin-top: 0px;
}
#normal .open .container .setsumeikai .over-top_date{
	margin-top: -20px;
}

@media (max-width: 767px){
	#normal .open .container .over-top_date{
		font-size: 22px;
	}
}


#normal .open .container .over-top_note{
	font-size: 14px;
	font-weight: normal;
/*	margin-top: 30px;*/
	margin-top: 10px;
	margin-bottom: 16px;
}


#normal .open .container .over-top_title::before{
	font-size: 110%;
	content: "●";
	color: #52b3a4;
}

#normal .open .container .over-top_title.blue::before{
	font-size: 110%;
	content: "●";
	/* color: #81c0e9;*/
	color: #9bb3dd;

}
#normal .open .container .over-top_title.orange::before{
	font-size: 110%;
	content: "●";
	color: #e69d71;
}


/* openmenu */
/* eventmenu */
/* open */


#normal .open .btn-link ,
#normal .eventmenu .btn-link ,
#normal .openmenu .btn-link {
/*	  border: 1px solid #00244B;*/
	  border: 1px solid rgb(0, 162, 230);
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
/*	  color: #00244B;*/
	  color: rgb(0, 162, 230);
	  display: block;
	  font-size: 22px;
	  font-weight: bold;
	  height: 48px;
	  line-height: 46px;
	  margin: 40px auto;
	  position: relative;
	  text-align: center;
	  width: 358px; }

#normal .eventmenu .btn-link.international ,
#normal .openmenu .btn-link.international {
	  border: 1px solid #66b572;
	  color: #66b572; }

#normal .openmenu .btn-link.international {
	  border: 1px solid #66b572;
	  color: #66b572; }

#normal .open .btn-link.international {
	  border: 1px solid #66b572;
/*	width: 490px;*/
	  color: #66b572; }

#normal .open .btn-link.international .eng {
	font-size:14px;
	vertical-align:middle; }


  @media (max-width: 767px) {
	    #normal .eventmenu .btn-link ,
	    #normal .openmenu .btn-link {
	      font-size: 18px;
	      height: 40px;
	      line-height: 38px;
	      width: calc(100% - 20px); } }

/*
  @media (max-width: 767px) {
	    #normal .open .btn-link {
	      font-size: 16px;
	      height: 50px;
	      line-height: 24px;
	      width: calc(100% - 20px) !important; } 

		#normal .open .btn-link.international .eng {
			font-size:14px;}
  }
*/


	  #normal .open .btn-link::after ,
	  #normal .eventmenu .btn-link::after ,
	  #normal .openmenu .btn-link::after {
/*		    border-right: 2px solid #00244B;*/
/*		    border-top: 2px solid #00244B;*/
		    border-right: 2px solid #00A2E6;
		    border-top: 2px solid #00A2E6;
		    bottom: 0;
		    content: "";
		    display: block;
		    height: 10px;
		    margin: auto 0;
		    position: absolute;
		    right: 18px;
		    top: 0;
		    -webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		    transform: rotate(45deg);
	    		width: 10px; }

	  #normal .open .btn-link.international::after ,
	  #normal .eventmenu .btn-link.international::after ,
	  #normal .openmenu .btn-link.international::after {
		    border-right: 2px solid #66b572;
		    border-top: 2px solid #66b572; }



    @media (max-width: 767px) {
	      #normal .open .btn-link::after ,
	      #normal .eventmenu .btn-link::after ,
	      #normal .openmenu .btn-link::after {
	        height: 8px;
	        width: 8px; } }





#normal .eventmenu .intro,
#normal .openmenu .intro {
	text-align: center;
	font-size: 16px;
	line-height: 1.625;
}

#normal .open .caution {
	text-align: center;
	font-size: 16px;
	line-height: 1.625;
	color: red;
	font-weight: bold;
}

    @media (max-width: 767px) {
      #normal .open .caution {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px; } }




#normal .eventmenu .greeting-text ,
#normal .openmenu .greeting-text {
	color: #00428c;	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 20px;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 50px;
}
@media (max-width: 767px) {
	#normal .eventmenu .greeting-text ,
	#normal .openmenu .greeting-text {
		    float: none;
		    font-size: 20px;
			margin-bottom: 20px;
		    width: 100%; } }



/* ##openmenu */



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


/* イベント　使用せず？ */
#normal .event {
  margin: 0 auto;
  padding-bottom: 140px;
  width: 980px; }
  @media (max-width: 767px) {
    #normal .event {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 10px 40px;
      width: 100%; } }
  #normal .event .section-title {
    color: #002953;
    font-size: 32px;
    font-weight: bold;
    line-height: 48px;
    margin-bottom: 56px;
    padding-bottom: 8px;
    position: relative; }
    @media (max-width: 767px) {
      #normal .event .section-title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 20px;
        padding-bottom: 4px; } }
    #normal .event .section-title::before, #normal .event .section-title::after {
      bottom: 0;
      content: "";
      display: block;
      height: 2px;
      position: absolute; }
    #normal .event .section-title::before {
      background: #C9C9CA;
      width: 100%; }
    #normal .event .section-title::after {
      background: #002953;
      left: 0;
      width: 100%; }
      @media (max-width: 767px) {
        #normal .event .section-title::after {
          width: 100%; } }
  #normal .event .event-calender-area {
    margin: 0 auto 85px;
    width: 463px; }
    @media (max-width: 767px) {
      #normal .event .event-calender-area {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 20px;
        width: 100%; } }
    #normal .event .event-calender-area #event-calender {
      border: 1px solid #B6B9BC;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0 16px; }
      @media (max-width: 767px) {
        #normal .event .event-calender-area #event-calender {
          padding: 0 0 11px; } }
      #normal .event .event-calender-area #event-calender .calender-head {
        background: #00244B;
        height: 54px;
        position: relative; }
        @media (max-width: 767px) {
          #normal .event .event-calender-area #event-calender .calender-head {
            height: 35px; } }
        #normal .event .event-calender-area #event-calender .calender-head .head {
          color: #fff;
          font-size: 24px;
          line-height: 54px;
          text-align: center; }
          @media (max-width: 767px) {
            #normal .event .event-calender-area #event-calender .calender-head .head {
              font-size: 16px;
              line-height: 35px; } }
        #normal .event .event-calender-area #event-calender .calender-head .btn-prev, #normal .event .event-calender-area #event-calender .calender-head .btn-next {
          cursor: pointer;
          height: 21px;
          position: absolute;
          width: 26px; }
          @media (max-width: 767px) {
            #normal .event .event-calender-area #event-calender .calender-head .btn-prev, #normal .event .event-calender-area #event-calender .calender-head .btn-next {
              height: 13px;
              width: 16px; } }
          #normal .event .event-calender-area #event-calender .calender-head .btn-prev img, #normal .event .event-calender-area #event-calender .calender-head .btn-next img {
            vertical-align: top;
            width: 100%; }
        #normal .event .event-calender-area #event-calender .calender-head .btn-prev {
          left: 20px;
          top: 16px; }
          @media (max-width: 767px) {
            #normal .event .event-calender-area #event-calender .calender-head .btn-prev {
              left: 14px;
              top: 11px; } }
        #normal .event .event-calender-area #event-calender .calender-head .btn-next {
          right: 20px;
          top: 16px; }
          @media (max-width: 767px) {
            #normal .event .event-calender-area #event-calender .calender-head .btn-next {
              right: 12px;
              top: 11px; } }
          #normal .event .event-calender-area #event-calender .calender-head .btn-next img {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
      #normal .event .event-calender-area #event-calender #calender {
        border: solid 1px #fff;
        border-collapse: collapse;
        margin: 13px auto;
        width: 426px; }
        @media (max-width: 767px) {
          #normal .event .event-calender-area #event-calender #calender {
            table-layout: fixed;
            margin: 8px auto;
            width: calc(100% - 20px); } }
        #normal .event .event-calender-area #event-calender #calender tr th, #normal .event .event-calender-area #event-calender #calender tr td {
          border: solid 1px #fff;
          font-size: 18px;
          height: 53px;
          line-height: 53px;
          text-align: center;
          width: 60px; }
          @media (max-width: 767px) {
            #normal .event .event-calender-area #event-calender #calender tr th, #normal .event .event-calender-area #event-calender #calender tr td {
              font-size: 12px;
              height: 34px;
              line-height: 34px;
              width: 14.28%; } }
          #normal .event .event-calender-area #event-calender #calender tr th a, #normal .event .event-calender-area #event-calender #calender tr td a {
            color: #fff;
            display: block;
            height: 53px;
            width: 60px; }
            @media (max-width: 767px) {
              #normal .event .event-calender-area #event-calender #calender tr th a, #normal .event .event-calender-area #event-calender #calender tr td a {
                height: 34px;
                width: 100%; } }
        #normal .event .event-calender-area #event-calender #calender tr th {
          background: #5B5B5B;
          color: #fff;
          font-weight: bold; }
          #normal .event .event-calender-area #event-calender #calender tr th.sat {
            background: #006AB8; }
          #normal .event .event-calender-area #event-calender #calender tr th.sun {
            background: #F35039; }
        #normal .event .event-calender-area #event-calender #calender tr td {
          background: #EBEBEB;
          color: #333; }
          #normal .event .event-calender-area #event-calender #calender tr td.pink {
            background: #F3467B; }
          #normal .event .event-calender-area #event-calender #calender tr td.orange {
            background: #F56B1D; }
          #normal .event .event-calender-area #event-calender #calender tr td.green {
            background: #7CB217; }
      #normal .event .event-calender-area #event-calender .guide-list {
        font-size: 0;
        letter-spacing: 0;
        padding: 0 18px; }
        @media (max-width: 767px) {
          #normal .event .event-calender-area #event-calender .guide-list {
            padding: 0 11px; } }
        #normal .event .event-calender-area #event-calender .guide-list li {
          display: inline-block;
          font-size: 16px;
          line-height: 1; }
          #normal .event .event-calender-area #event-calender .guide-list li:nth-last-of-type(n+2) {
            margin-right: 18px; }
            @media (max-width: 767px) {
              #normal .event .event-calender-area #event-calender .guide-list li:nth-last-of-type(n+2) {
                margin-right: 8px; } }
          #normal .event .event-calender-area #event-calender .guide-list li .color-box {
            display: inline-block;
            height: 15px;
            margin-right: 11px;
            vertical-align: -1px;
            width: 15px; }
            @media (max-width: 767px) {
              #normal .event .event-calender-area #event-calender .guide-list li .color-box {
                height: 10px;
                margin-right: 5px;
                width: 10px; } }

            #normal .event .event-calender-area #event-calender .guide-list li .color-box.pink {
/*              background: #F3467B; */
              background: #fc8888; }
            #normal .event .event-calender-area #event-calender .guide-list li .color-box.orange {
/*              background: #F56B1D; */
              background: #fca424; }
            #normal .event .event-calender-area #event-calender .guide-list li .color-box.green {
/*              background: #7CB217; */
              background: #5fc7e0; }

          @media (max-width: 767px) {
            #normal .event .event-calender-area #event-calender .guide-list li {
              font-size: 11px; } }




  #normal .event .event-list::after {
    clear: both;
    content: "";
    display: block; }
  #normal .event .event-list > li {
    border: 1px solid #B6B9BC;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 555px;
    padding: 20px 33px 0;
    width: 466px; }
    @media (max-width: 767px) {
      #normal .event .event-list > li {
        height: auto;
        padding: 6px 10px 10px;
        width: 100%; } }
    #normal .event .event-list > li.tour {
      float: left; }
      @media (max-width: 767px) {
        #normal .event .event-list > li.tour {
          float: none;
          margin-bottom: 15px; } }
      #normal .event .event-list > li.tour .date-list {
        margin: 20px 0 18px; }
        @media (max-width: 767px) {
          #normal .event .event-list > li.tour .date-list {
            margin: 10px 0 5px; } }
        #normal .event .event-list > li.tour .date-list li:nth-of-type(1) {
          margin-bottom: 10px; }
          @media (max-width: 767px) {
            #normal .event .event-list > li.tour .date-list li:nth-of-type(1) {
              margin-bottom: 5px; } }
        #normal .event .event-list > li.tour .date-list li .date {
          color: #002855;
          font-size: 24px;
          -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
          font-weight: bold;
          line-height: 40px; }
          @media (max-width: 767px) {
            #normal .event .event-list > li.tour .date-list li .date {
              font-size: 18px;
              line-height: 24px; } }
          #normal .event .event-list > li.tour .date-list li .date span {
            font-size: 32px; }
            @media (max-width: 767px) {
              #normal .event .event-list > li.tour .date-list li .date span {
                font-size: 24px; } }
        #normal .event .event-list > li.tour .date-list li .name {
          color: #002855;
          font-size: 12px;
          line-height: 21px; }
          @media (max-width: 767px) {
            #normal .event .event-list > li.tour .date-list li .name span {
              letter-spacing: -0.6em; } }
      #normal .event .event-list > li.tour .caution {
        color: #002855;
        font-size: 14px;
        line-height: 20px; }
        @media (max-width: 767px) {
          #normal .event .event-list > li.tour .caution {
            font-size: 11px;
            line-height: 17px; } }
    #normal .event .event-list > li.consult {
      float: right; }
      @media (max-width: 767px) {
        #normal .event .event-list > li.consult {
          float: none; } }
      #normal .event .event-list > li.consult .option-list {
        margin-bottom: 21px; }
        @media (max-width: 767px) {
          #normal .event .event-list > li.consult .option-list {
            margin: 10px 0; } }
        #normal .event .event-list > li.consult .option-list::after {
          clear: both;
          content: "";
          display: block; }
        #normal .event .event-list > li.consult .option-list li {
          background: #00A2E6;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          color: #fff;
          float: left;
          font-size: 19px;
          height: 70px;
          line-height: 25px;
          padding-top: 22px;
          text-align: center;
          vertical-align: middle;
          width: 126px; }
          @media (max-width: 767px) {
            #normal .event .event-list > li.consult .option-list li {
              font-size: 14px;
              height: 50px;
              line-height: 20px;
              padding-top: 15px;
              width: calc((100% - 20px)/3); } }
          #normal .event .event-list > li.consult .option-list li:nth-of-type(n+2) {
            padding-top: 10px; }
            @media (max-width: 767px) {
              #normal .event .event-list > li.consult .option-list li:nth-of-type(n+2) {
                padding-top: 5px; } }
          #normal .event .event-list > li.consult .option-list li:nth-last-of-type(n+2) {
            margin-right: 10px; }
      #normal .event .event-list > li.consult .contact-area {
        font-size: 0;
        letter-spacing: 0; }
        @media (max-width: 767px) {
          #normal .event .event-list > li.consult .contact-area {
            text-align: center; } }
        #normal .event .event-list > li.consult .contact-area .head {
          background: #002953;
          color: #fff;
          font-size: 14px;
          line-height: 26px;
          margin-bottom: 7px;
          text-align: center; }
          @media (max-width: 767px) {
            #normal .event .event-list > li.consult .contact-area .head {
              font-size: 12px;
              line-height: 24px; } }
        #normal .event .event-list > li.consult .contact-area .icon-tel, #normal .event .event-list > li.consult .contact-area .link-tel, #normal .event .event-list > li.consult .contact-area .link-mail {
          display: inline-block; }
          #normal .event .event-list > li.consult .contact-area .icon-tel img, #normal .event .event-list > li.consult .contact-area .link-tel img, #normal .event .event-list > li.consult .contact-area .link-mail img {
            vertical-align: top;
            width: 100%; }
        #normal .event .event-list > li.consult .contact-area .icon-tel {
          margin-left: 4px;
          margin-right: 3px;
          vertical-align: -3px;
          width: 44px; }
          @media (max-width: 767px) {
            #normal .event .event-list > li.consult .contact-area .icon-tel {
              margin-left: 0;
              vertical-align: -6px;
              width: 55px; } }
        #normal .event .event-list > li.consult .contact-area .link-tel {
          margin-right: 17px;
          vertical-align: 0px;
          width: 153px; }
          @media (max-width: 767px) {
            #normal .event .event-list > li.consult .contact-area .link-tel {
              margin-right: 0;
              width: 191px; } }
        #normal .event .event-list > li.consult .contact-area .link-mail {
          vertical-align: -9px;
          width: 144px; }
          @media (max-width: 767px) {
            #normal .event .event-list > li.consult .contact-area .link-mail {
              display: block;
              margin: 0 auto;
              width: 180px; } }
    #normal .event .event-list > li .list-head {
      color: #00244B;
      font-size: 32px;
      font-weight: bold;
      line-height: 48px;
      margin-bottom: 7px; }
      @media (max-width: 767px) {
        #normal .event .event-list > li .list-head {
          font-size: 22px;
          line-height: 32px;
          margin-bottom: 2px; } }
    #normal .event .event-list > li .desc {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 13px; }
      @media (max-width: 767px) {
        #normal .event .event-list > li .desc {
          font-size: 12px;
          line-height: 18px;
          margin-bottom: 10px; } }
    #normal .event .event-list > li .img-box {
      margin-bottom: 12px; }
      @media (max-width: 767px) {
        #normal .event .event-list > li .img-box {
          margin-bottom: 0; } }
      #normal .event .event-list > li .img-box img {
        vertical-align: top;
        width: 100%; }




/*
 * 個人情報の取扱 24. 交通アクセス
 */
#normal .main {
  min-width: 1020px; }
  @media (max-width: 767px) {
    #normal .main {
      min-width: 0; } }

#normal .access {
  padding: 14px 0 65px;
  min-width: 1020px; }
  @media (max-width: 767px) {
    #normal .access {
/*      padding: 18px 0 32px;*/
      padding: 0px 0 32px;
      min-width: 0; } }
  #normal .access .section-title {
    font-size: 40px;
    font-weight: bold;
    line-height: 80px;
    margin-bottom: 19px;
    text-align: center; }
    @media (max-width: 767px) {
      #normal .access .section-title {
        font-size: 20px;
        line-height: 1.2;
        margin-bottom: 18px; } }
  #normal .access .google-map {
    height: 440px; }
    @media (max-width: 767px) {
      #normal .access .google-map {
        height: 220px; } }
  #normal .access .access-info {
    background: #DDEEF7;
    font-size: 16px;
    height: 66px;
    line-height: 66px;
    text-align: center; }
    @media (max-width: 767px) {
      #normal .access .access-info {
        font-size: 11px;
        height: auto;
        line-height: 22px;
        padding: 4px 0 2px; } }
    @media (max-width: 767px) {
      #normal .access .access-info .address, #normal .access .access-info .tel {
        display: block; } }
    #normal .access .access-info .tel {
      margin-left: 18px; }
      @media (max-width: 767px) {
        #normal .access .access-info .tel {
          margin-left: 0; } }
      #normal .access .access-info .tel img {
        margin-left: 10px;
        margin-right: 10px;
        vertical-align: -4px;
        width: 35px; }
        @media (max-width: 767px) {
          #normal .access .access-info .tel img {
            margin-left: 5px;
            margin-right: 5px;
            vertical-align: -6px;
            width: 24px; } }
      #normal .access .access-info .tel a {
        color: #00428c;
        font-size: 32px;
        font-family: 'Roboto', sans-serif; }
        @media (max-width: 767px) {
          #normal .access .access-info .tel a {
            font-size: 22px;
            vertical-align: -3px; } }
  #normal .access .caution {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 17px;
    text-align: center; }
    @media (max-width: 767px) {
      #normal .access .caution {
        font-size: 12px;
        margin-top: 8px; } }

#normal .school-bus {
  min-width: 1020px;
  padding-bottom: 101px; }
  @media (max-width: 767px) {
    #normal .school-bus {
      min-width: 0;
      padding-bottom: 40px; } }
  #normal .school-bus .container {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal .school-bus .container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%; } }
    #normal .school-bus .container .section-title {
      font-size: 40px;
      font-weight: bold;
      line-height: 1.2;
      margin-bottom: 27px;
      padding-bottom: 7px;
      position: relative;
      text-align: center; }
      @media (max-width: 767px) {
        #normal .school-bus .container .section-title {
          font-size: 20px;
          margin-bottom: 10px;
          padding-bottom: 6px; } }
      #normal .school-bus .container .section-title::before, #normal .school-bus .container .section-title::after {
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        position: absolute; }
      #normal .school-bus .container .section-title::before {
        background: #DBE5F0;
        width: 100%; }
      #normal .school-bus .container .section-title::after {
        background: #003A80;
        left: 0;
        margin: 0 auto;
        right: 0;
        width: 254px; }
        @media (max-width: 767px) {
          #normal .school-bus .container .section-title::after {
            width: 120px; } }
    #normal .school-bus .container .intro {
      font-size: 20px;
      font-weight: bold;
      line-height: 1.2;
      margin-bottom: 34px;
      text-align: center; }
      @media (max-width: 767px) {
        #normal .school-bus .container .intro {
          font-size: 14px;
          line-height: 1.5;
          margin-bottom: 16px; } }
    #normal .school-bus .container .figure-box {
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        #normal .school-bus .container .figure-box {
          text-align: center; } }
      #normal .school-bus .container .figure-box img {
        vertical-align: top;
        width: 100%; }
        #normal .school-bus .container .figure-box img:nth-of-type(n+2) {
          display: none; }
        @media (max-width: 767px) {
          #normal .school-bus .container .figure-box img:nth-of-type(1) {
            display: none; }
          #normal .school-bus .container .figure-box img:nth-of-type(2) {
            display: inline;
            width: 100%; }
          #normal .school-bus .container .figure-box img:nth-of-type(3) {
            display: inline;
            width: 66.55%; } }
    #normal .school-bus .container .access-time {
      margin-bottom: 53px; }
      @media (max-width: 767px) {
        #normal .school-bus .container .access-time {
          margin-bottom: 26px; } }
      #normal .school-bus .container .access-time::after {
        clear: both;
        content: "";
        display: block; }
      #normal .school-bus .container .access-time .tennoudai {
        float: left;
        width: 660px; }
        @media (max-width: 767px) {
          #normal .school-bus .container .access-time .tennoudai {
            float: none;
            width: 100%; } }
        #normal .school-bus .container .access-time .tennoudai .time-head {
          width: 288px; }
          @media (max-width: 767px) {
            #normal .school-bus .container .access-time .tennoudai .time-head {
              width: 100%; } }
      #normal .school-bus .container .access-time .abiko {
        float: right;
        width: 270px; }
        @media (max-width: 767px) {
          #normal .school-bus .container .access-time .abiko {
            float: none;
            width: 100%; } }
        #normal .school-bus .container .access-time .abiko .time-head {
          width: 270px; }
          @media (max-width: 767px) {
            #normal .school-bus .container .access-time .abiko .time-head {
              width: 100%; } }
      #normal .school-bus .container .access-time .time-head {
        background: #003A81;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        line-height: 46px;
        margin: 0 auto 42px; }
        @media (max-width: 767px) {
          #normal .school-bus .container .access-time .time-head {
            line-height: 33px;
            margin-bottom: 27px; } }
      #normal .school-bus .container .access-time ul {
        font-size: 0;
        letter-spacing: 0;
        text-align: center; }
        #normal .school-bus .container .access-time ul li {
          background: #DCEEF6;
          border-radius: 50%;
          display: inline-block;
          height: 148px;
          width: 148px; }
          @media (max-width: 767px) {
            #normal .school-bus .container .access-time ul li {
              height: 125px;
              width: 125px; } }
          @media (min-width: 768px) {
            #normal .school-bus .container .access-time ul li:nth-last-of-type(n+2) {
              margin-right: 20px; } }
          @media (max-width: 767px) {
            #normal .school-bus .container .access-time ul li:nth-of-type(odd) {
              margin-right: 20px; }
            #normal .school-bus .container .access-time ul li:nth-last-of-type(n+2) {
              margin-bottom: 25px; } }
          #normal .school-bus .container .access-time ul li .icon {
            margin: 0 auto;
            position: relative;
            top: -10px;
            width: 27px; }
            @media (max-width: 767px) {
              #normal .school-bus .container .access-time ul li .icon {
                width: 22px; } }
            #normal .school-bus .container .access-time ul li .icon img {
              vertical-align: top;
              width: 100%; }
          #normal .school-bus .container .access-time ul li .from {
            font-size: 16px;
            font-weight: bold;
            position: relative;
            text-align: center;
            top: -3px; }
            @media (max-width: 767px) {
              #normal .school-bus .container .access-time ul li .from {
                font-size: 14px; } }
          #normal .school-bus .container .access-time ul li .time {
            color: #003A81;
            font-size: 20px;
            position: relative;
            text-align: center;
            top: -14px; }
            @media (max-width: 767px) {
              #normal .school-bus .container .access-time ul li .time {
                font-size: 17px; } }
            #normal .school-bus .container .access-time ul li .time span {
              display: inline-block;
              font-family: "Roboto", sans-serif;
              font-size: 60px;
              font-weight: 200;
              text-align: center;
              width: 66px; }
              @media (max-width: 767px) {
                #normal .school-bus .container .access-time ul li .time span {
                  font-size: 50px;
                  width: 58px; } }
    #normal .school-bus .container .notice {
      font-size: 14px;
      line-height: 22px;
      text-align: center; }
      @media (max-width: 767px) {
        #normal .school-bus .container .notice {
          font-size: 12px;
          line-height: 20px; } }

#normal .comunity-bus {
  min-width: 1020px;
  padding-bottom: 92px; }
  @media (max-width: 767px) {
    #normal .comunity-bus {
      min-width: 0;
      padding-bottom: 40px; } }
  #normal .comunity-bus .container {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal .comunity-bus .container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%; } }
    #normal .comunity-bus .container .section-title {
      font-size: 40px;
      font-weight: bold;
      line-height: 1.2;
      margin-bottom: 27px;
      padding-bottom: 7px;
      position: relative;
      text-align: center; }
      @media (max-width: 767px) {
        #normal .comunity-bus .container .section-title {
          font-size: 20px;
          margin-bottom: 10px;
          padding-bottom: 6px; } }
      #normal .comunity-bus .container .section-title::before, #normal .comunity-bus .container .section-title::after {
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        position: absolute; }
      #normal .comunity-bus .container .section-title::before {
        background: #DBE5F0;
        width: 100%; }
      #normal .comunity-bus .container .section-title::after {
        background: #003A80;
        left: 0;
        margin: 0 auto;
        right: 0;
        width: 228px; }
    #normal .comunity-bus .container .intro {
      font-size: 20px;
      font-weight: bold;
      line-height: 1.2;
      margin-bottom: 16px;
      text-align: center; }
      @media (max-width: 767px) {
        #normal .comunity-bus .container .intro {
          font-size: 14px;
          line-height: 1.5;
          margin-bottom: 8px; } }
      #normal .comunity-bus .container .intro span {
        font-size: 14px; }
        @media (max-width: 767px) {
          #normal .comunity-bus .container .intro span {
            font-size: 12px; } }
    #normal .comunity-bus .container .notice {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 42px;
      text-align: center; }
      @media (max-width: 767px) {
        #normal .comunity-bus .container .notice {
          font-size: 12px;
          line-height: 20px;
          margin-bottom: 21px; } }
    #normal .comunity-bus .container .time-table dt {
      color: #00428c;
      font-size: 24px;
      font-weight: bold;
      line-height: 28px;
      margin-bottom: 8px; }
      @media (max-width: 767px) {
        #normal .comunity-bus .container .time-table dt {
          font-size: 16px;
          line-height: 20px;
          margin-bottom: 4px; } }
      #normal .comunity-bus .container .time-table dt span {
        color: #333;
        font-size: 18px;
        font-weight: normal;
        margin-left: 10px; }
        @media (max-width: 767px) {
          #normal .comunity-bus .container .time-table dt span {
            font-size: 14px;
            margin-left: 5px; } }
    #normal .comunity-bus .container .time-table dd {
      margin-bottom: 34px; }
      @media (max-width: 767px) {
        #normal .comunity-bus .container .time-table dd {
          margin-bottom: 12px;
          overflow: scroll; } }
      #normal .comunity-bus .container .time-table dd img {
        vertical-align: top;
        width: 100%; }
        @media (max-width: 767px) {
          #normal .comunity-bus .container .time-table dd img {
            width: 980px; } }

#normal section.n-tac {
  min-width: 1020px;
  padding-bottom: 80px; }
  @media (max-width: 767px) {
    #normal section.n-tac {
      min-width: 0;
      padding-bottom: 40px; } }
  #normal section.n-tac .section-logo {
    margin: 0 auto 17px;
    width: 116px; }
    @media (max-width: 767px) {
      #normal section.n-tac .section-logo {
        margin-bottom: 11px;
        width: 82px; } }
    #normal section.n-tac .section-logo img {
      vertical-align: top;
      width: 100%; }
  #normal section.n-tac .intro {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 22px;
    text-align: center; }
    @media (max-width: 767px) {
      #normal section.n-tac .intro {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 10px;
        padding: 0 10px; } }
  #normal section.n-tac .banner-area {
    font-size: 0;
    letter-spacing: 0;
    margin: 0 auto;
    padding: 27px 0 29px;
    text-align: center; }
    @media (max-width: 767px) {
      #normal section.n-tac .banner-area {
        padding: 14px 10px 18px; } }
    #normal section.n-tac .banner-area .banner-list {
      margin: 0 auto;
      width: 1000px; }
      @media (max-width: 767px) {
        #normal section.n-tac .banner-area .banner-list {
          width: 100%; } }
    #normal section.n-tac .banner-area li {
      display: inline-block;
      width: 480px; }
      @media (max-width: 767px) {
        #normal section.n-tac .banner-area li {
          display: block;
          width: 100%; }
          #normal section.n-tac .banner-area li:nth-last-of-type(n+2) {
            margin-bottom: 12px; } }
      @media (min-width: 768px) {
        #normal section.n-tac .banner-area li:first-of-type {
          margin-right: 26px; }
        #normal section.n-tac .banner-area li:last-of-type {
          margin-top: 16px; } }
      #normal section.n-tac .banner-area li img {
        vertical-align: top;
        width: 100%; }

/*
 * 学校案内 02. 3つの強み
 * 学校案内 04. 施設紹介
 * 学校案内 07. キャンパスライフ
 */
#normal .main {
  min-width: 1020px; }
  @media (max-width: 767px) {
    #normal .main {
      min-width: 0; } }

#normal .appeal, #normal .equipment, #normal .campuslife {
  min-width: 1020px;
/*  padding: 64px 0 0; */
  padding: 0px 0 0; }

  @media (max-width: 767px) {
    #normal .appeal, #normal .equipment, #normal .campuslife {
      min-width: 0;
/*      padding: 32px 0 0; */
      padding: 0px 0 0; } }
  #normal .appeal .section-title, #normal .equipment .section-title, #normal .campuslife .section-title {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 6px;
    text-align: center; }
    @media (max-width: 767px) {
      #normal .appeal .section-title, #normal .equipment .section-title, #normal .campuslife .section-title {
        font-size: 20px;
        margin-bottom: 3px; } }

#normal .appeal .appeal-list > li {
  padding: 46px 0 54px; }
  @media (max-width: 767px) {
    #normal .appeal .appeal-list > li {
      padding: 23px 10px 27px; } }
  #normal .appeal .appeal-list > li:nth-of-type(2) {
    background: #EEEFEF; }
  #normal .appeal .appeal-list > li .container {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal .appeal .appeal-list > li .container {
        width: 100%; } }
    #normal .appeal .appeal-list > li .container .list-head {
      margin-bottom: 16px; }
      @media (max-width: 767px) {
        #normal .appeal .appeal-list > li .container .list-head {
          margin-bottom: 8px;
          font-size: 0;
          letter-spacing: 0; } }
      #normal .appeal .appeal-list > li .container .list-head .num {
        background: #002953;
        color: #fff;
        display: inline-block;
        font-size: 40px;
        font-weight: bold;
        height: 90px;
        line-height: 90px;
        margin-right: 20px;
        text-align: center;
        width: 90px; }
        @media (max-width: 767px) {
          #normal .appeal .appeal-list > li .container .list-head .num {
            font-size: 20px;
            height: 45px;
            line-height: 45px;
            margin-right: 15px;
            vertical-align: top;
            width: 45px; } }
      #normal .appeal .appeal-list > li .container .list-head .list-title {
        display: inline-block;
        font-size: 34px;
        font-weight: bold;
        line-height: 25px; }
        @media (max-width: 767px) {
          #normal .appeal .appeal-list > li .container .list-head .list-title {
            font-size: 25px;
            line-height: 30px;
            width: calc(100% - 60px); } }
        #normal .appeal .appeal-list > li .container .list-head .list-title span {
          position: relative;
          background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, transparent), color-stop(0%, #FFE018));
          background: -webkit-linear-gradient(transparent 85%, #FFE018 0%);
          background: -o-linear-gradient(transparent 85%, #FFE018 0%);
          background: linear-gradient(transparent 85%, #FFE018 0%); }
    #normal .appeal .appeal-list > li .container .intro {
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 35px; }
      @media (max-width: 767px) {
        #normal .appeal .appeal-list > li .container .intro {
          font-size: 14px;
          line-height: 22px; } }
    #normal .appeal .appeal-list > li .container .figure-box::after {
      clear: both;
      content: "";
      display: block; }
    #normal .appeal .appeal-list > li .container .figure-box .img-box, #normal .appeal .appeal-list > li .container .figure-box .txt-box {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: 256px; }
      @media (max-width: 767px) {
        #normal .appeal .appeal-list > li .container .figure-box .img-box, #normal .appeal .appeal-list > li .container .figure-box .txt-box {
          height: auto; } }
    #normal .appeal .appeal-list > li .container .figure-box .img-box {
      width: 50%; }
      @media (max-width: 767px) {
        #normal .appeal .appeal-list > li .container .figure-box .img-box {
          float: none;
          width: 100%; } }
      #normal .appeal .appeal-list > li .container .figure-box .img-box:nth-of-type(1) {
        float: right; }
      #normal .appeal .appeal-list > li .container .figure-box .img-box:nth-of-type(3) {
        float: left; }
      #normal .appeal .appeal-list > li .container .figure-box .img-box img {
        vertical-align: top;
        width: 100%; }
    #normal .appeal .appeal-list > li .container .figure-box .txt-box {
      background: #002953;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #fff;
      padding: 25px 40px;
      position: relative;
      width: 50%; }
      @media (max-width: 767px) {
        #normal .appeal .appeal-list > li .container .figure-box .txt-box {
          float: none;
          padding: 15px 20px;
          width: 100%; } }
      #normal .appeal .appeal-list > li .container .figure-box .txt-box:nth-of-type(2) {
        float: right; }
        #normal .appeal .appeal-list > li .container .figure-box .txt-box:nth-of-type(2)::after {
          border-left: 30px solid #002953;
          right: -50px; }
      #normal .appeal .appeal-list > li .container .figure-box .txt-box:nth-of-type(4) {
        float: left; }
        #normal .appeal .appeal-list > li .container .figure-box .txt-box:nth-of-type(4)::after {
          border-right: 30px solid #002953;
          left: -50px; }
      #normal .appeal .appeal-list > li .container .figure-box .txt-box::after {
        border: 20px solid transparent;
        bottom: 0;
        content: "";
        display: block;
        height: 0;
        margin: auto 0;
        position: absolute;
        top: 0;
        width: 0; }
        @media (max-width: 767px) {
          #normal .appeal .appeal-list > li .container .figure-box .txt-box::after {
            display: none; } }
      #normal .appeal .appeal-list > li .container .figure-box .txt-box .txt-title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 22px;
        white-space: nowrap; }
        @media (max-width: 767px) {
          #normal .appeal .appeal-list > li .container .figure-box .txt-box .txt-title {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 8px;
            white-space: normal; }
            #normal .appeal .appeal-list > li .container .figure-box .txt-box .txt-title br {
              display: none; } }
      #normal .appeal .appeal-list > li .container .figure-box .txt-box p {
        font-size: 14px;
        line-height: 29px; }
        @media (max-width: 767px) {
          #normal .appeal .appeal-list > li .container .figure-box .txt-box p {
            font-size: 12px;
            line-height: 18px; } }

#normal .equipment .section-title {
  margin-bottom: 25px; }
  @media (max-width: 767px) {
    #normal .equipment .section-title {
      margin-bottom: 20px; } }

#normal .equipment .btn-360 {
  border: 1px solid #00244B;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #00244B;
  display: block;
  font-size: 22px;
  font-weight: bold;
  height: 48px;
  line-height: 46px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 358px; }
  @media (max-width: 767px) {
    #normal .equipment .btn-360 {
      font-size: 18px;
      height: 40px;
      line-height: 38px;
      width: calc(100% - 20px); } }
  #normal .equipment .btn-360::after {
    border-right: 2px solid #00244B;
    border-top: 2px solid #00244B;
    bottom: 0;
    content: "";
    display: block;
    height: 10px;
    margin: auto 0;
    position: absolute;
    right: 18px;
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px; }
    @media (max-width: 767px) {
      #normal .equipment .btn-360::after {
        height: 8px;
        width: 8px; } }

#normal .equipment .map-area {
  background: #EEEFEF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
/*  height: 490px;*/
  height: 520px;
  margin: 52px 0 79px;
  padding-top: 55px; }
  @media (max-width: 767px) {
    #normal .equipment .map-area {
      height: auto;
      margin: 40px 0;
      padding: 20px 0; } }
  #normal .equipment .map-area .img-box {
    margin: 0 auto;
    width: 993px; }
    @media (max-width: 767px) {
      #normal .equipment .map-area .img-box {
        width: 100%; } }
    #normal .equipment .map-area .img-box img {
      vertical-align: top;
      width: 100%; }

#normal .equipment .course-list {
  margin: 0 auto;
  width: 980px; }
  @media (max-width: 767px) {
    #normal .equipment .course-list {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 10px;
      width: 100%; } }
  #normal .equipment .course-list dt {
    font-size: 32px;
    font-weight: bold;
    line-height: 48px;
    margin-bottom: 51px;
    padding-bottom: 8px;
    position: relative; }
    @media (max-width: 767px) {
      #normal .equipment .course-list dt {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 20px;
        padding-bottom: 4px; } }
    #normal .equipment .course-list dt::before, #normal .equipment .course-list dt::after {
      bottom: 0;
      content: "";
      display: block;
      height: 2px;
      position: absolute; }
    #normal .equipment .course-list dt::before {
      background: #C9C9CA;
      width: 100%; }
    #normal .equipment .course-list dt::after {
      left: 0;
      width: 254px; }
      @media (max-width: 767px) {
        #normal .equipment .course-list dt::after {
          width: 33%; } }
    #normal .equipment .course-list dt.maintenance::after {
      background: #00A2E6; }
    #normal .equipment .course-list dt.support::after {
      background: #EE821A; }
    #normal .equipment .course-list dt.welfare::after {
      background: #E65498; }
  #normal .equipment .course-list dd {
    margin-bottom: 38px; }
    @media (max-width: 767px) {
      #normal .equipment .course-list dd {
        margin-bottom: 40px; } }
    #normal .equipment .course-list dd > ul {
      font-size: 0;
      letter-spacing: 0; }
      #normal .equipment .course-list dd > ul > li {
        display: inline-block;
        margin-bottom: 56px;
        padding-top: 10px;
        vertical-align: top;
        width: 460px; }
        @media (max-width: 767px) {
          #normal .equipment .course-list dd > ul > li {
            display: block;
            margin-bottom: 20px;
            width: 100%; } }
        #normal .equipment .course-list dd > ul > li:nth-of-type(odd) {
          margin-right: 60px; }
          @media (max-width: 767px) {
            #normal .equipment .course-list dd > ul > li:nth-of-type(odd) {
              margin-right: 0; } }
    #normal .equipment .course-list dd.maintenance li {
      border-top: 1px solid #00A2E6; }
    #normal .equipment .course-list dd.maintenance .title-area .num {
      background: #00A2E6; }
      #normal .equipment .course-list dd.maintenance .title-area .num::after {
        border-top-color: #00A2E6; }
    #normal .equipment .course-list dd.maintenance .title-area .title {
      color: #00A2E6; }
    #normal .equipment .course-list dd.maintenance .btn-360 {
      border-color: #00A2E6;
      color: #00A2E6; }
      #normal .equipment .course-list dd.maintenance .btn-360::after {
        border-color: #00A2E6; }
    #normal .equipment .course-list dd.support > ul > li {
      border-top: 1px solid #EE821A;
      margin-right: 0;
      width: 100%; }
      #normal .equipment .course-list dd.support > ul > li .txt-box {
        height: auto; }
      #normal .equipment .course-list dd.support > ul > li ul {
        margin-top: 46px; }
        @media (max-width: 767px) {
          #normal .equipment .course-list dd.support > ul > li ul {
            margin-top: 20px; } }
        #normal .equipment .course-list dd.support > ul > li ul li {
          display: inline-block;
          vertical-align: top;
          width: 304px; }
          @media (max-width: 767px) {
            #normal .equipment .course-list dd.support > ul > li ul li {
              display: block;
              width: 100%; } }
          #normal .equipment .course-list dd.support > ul > li ul li:nth-last-of-type(n+2) {
            margin-right: 34px; }
            @media (max-width: 767px) {
              #normal .equipment .course-list dd.support > ul > li ul li:nth-last-of-type(n+2) {
                margin-right: 0; } }
          #normal .equipment .course-list dd.support > ul > li ul li .img-box {
            margin-bottom: 14px; }
            @media (max-width: 767px) {
              #normal .equipment .course-list dd.support > ul > li ul li .img-box {
                margin-bottom: 10px; } }
          #normal .equipment .course-list dd.support > ul > li ul li .txt-box {
            font-size: 18px;
            line-height: 1.5; }
            @media (max-width: 767px) {
              #normal .equipment .course-list dd.support > ul > li ul li .txt-box {
                font-size: 14px;
                line-height: 20px; } }
    #normal .equipment .course-list dd.support .title-area .num {
      background: #EE821A; }
      #normal .equipment .course-list dd.support .title-area .num::after {
        border-top-color: #EE821A; }
    #normal .equipment .course-list dd.support .title-area .title {
      color: #EE821A; }
    #normal .equipment .course-list dd.support .btn-360 {
      border-color: #EE821A;
      color: #EE821A;
      width: 458px; }
      @media (max-width: 767px) {
        #normal .equipment .course-list dd.support .btn-360 {
          width: 100%; } }
      #normal .equipment .course-list dd.support .btn-360::after {
        border-color: #EE821A; }
    #normal .equipment .course-list dd.welfare li {
      border-top: 1px solid #E65498; }
    #normal .equipment .course-list dd.welfare .title-area .num {
      background: #E65498; }
      #normal .equipment .course-list dd.welfare .title-area .num::after {
        border-top-color: #E65498; }
    #normal .equipment .course-list dd.welfare .title-area .title {
      color: #E65498; }
    #normal .equipment .course-list dd.welfare .btn-360 {
      border-color: #E65498;
      color: #E65498; }
      #normal .equipment .course-list dd.welfare .btn-360::after {
        border-color: #E65498; }
    #normal .equipment .course-list dd .title-area {
      height: 80px;
      margin-bottom: 18px;
      padding-left: 80px;
      position: relative; }
      @media (max-width: 767px) {
        #normal .equipment .course-list dd .title-area {
          height: 48px;
          margin-bottom: 10px;
          padding-left: 48px; } }
      #normal .equipment .course-list dd .title-area .num {
        border-radius: 50%;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-size: 48px;
        font-weight: bold;
        height: 60px;
        left: 4px;
        line-height: 60px;
        position: absolute;
        text-align: center;
        top: 7px;
        width: 60px; }
        @media (max-width: 767px) {
          #normal .equipment .course-list dd .title-area .num {
            font-size: 30px;
            height: 40px;
            line-height: 40px;
            top: 5px;
            width: 40px; } }
        #normal .equipment .course-list dd .title-area .num::after {
          border-top: 15px solid;
          border-left: 6px solid transparent;
          border-right: 6px solid transparent;
          bottom: -12px;
          content: "";
          display: block;
          height: 0;
          left: 0;
          margin: 0 auto;
          position: absolute;
          right: 0;
          width: 0; }
          @media (max-width: 767px) {
            #normal .equipment .course-list dd .title-area .num::after {
              border-top-width: 10px;
              border-left-width: 4px;
              border-right-width: 4px;
              bottom: -8px; } }
      #normal .equipment .course-list dd .title-area .title {
        display: table-cell;
        font-size: 24px;
        font-weight: bold;
        line-height: 40px;
        height: 80px;
        vertical-align: middle; }
        @media (max-width: 767px) {
          #normal .equipment .course-list dd .title-area .title {
            font-size: 16px;
            line-height: 24px;
            height: 48px; } }
    #normal .equipment .course-list dd .img-box {
      margin-bottom: 7px; }
      #normal .equipment .course-list dd .img-box img {
        vertical-align: top;
        width: 100%; }
    #normal .equipment .course-list dd .txt-box {
      font-size: 20px;
      height: 140px;
      line-height: 35px;
      margin-bottom: 13px; }
      @media (max-width: 767px) {
        #normal .equipment .course-list dd .txt-box {
          font-size: 14px;
          height: auto;
          line-height: 20px;
          margin-bottom: 10px; } }
    #normal .equipment .course-list dd .btn-360 {
      width: 100%; }

#normal .campuslife .container {
  margin: 0 auto;
  width: 980px; }
  @media (max-width: 767px) {
    #normal .campuslife .container {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 10px;
      width: 100%; } }
  #normal .campuslife .container .section-title {
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      #normal .campuslife .container .section-title {
        margin-bottom: 24px; } }
  #normal .campuslife .container .intro {
    font-size: 27px;
    font-weight: bold;
    letter-spacing: -0.06em;
    line-height: 35px;
    margin-bottom: 18px; }
    @media (max-width: 767px) {
      #normal .campuslife .container .intro {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 10px; } }
  #normal .campuslife .container .sub-intro {
    font-size: 16px;
	width: 60%;
    line-height: 30px; }
    @media (max-width: 767px) {
      #normal .campuslife .container .sub-intro {
        font-size: 14px;
	  width: 100%;
        line-height: 22px; } }


  #normal .campuslife .container .campuslife-list {
	margin-top: -80px;}
  #normal .campuslife .container .campuslife-list > li {
/*    padding: 115px 0; */
    padding: 60px 0; }

    @media (max-width: 767px) {
	  #normal .campuslife .container .campuslife-list {
		margin-top: 0px;}
      #normal .campuslife .container .campuslife-list > li {
        padding: 40px 0; } }

    #normal .campuslife .container .campuslife-list > li:nth-of-type(1) {
      border-bottom: 1px solid #B5B6B6;
      /*padding-top: 78px; */
      padding-top: 0px; }

    #normal .campuslife .container .campuslife-list > li:nth-of-type(2) {
      border-bottom: 1px solid #B5B6B6;
      padding-top: 78px; }


      @media (max-width: 767px) {
        #normal .campuslife .container .campuslife-list > li:nth-of-type(1) {
          padding-top: 40px; } }
      #normal .campuslife .container .campuslife-list > li:nth-of-type(1) .title-area {
        /* border-bottom: 1px solid #F19716; */
        border-bottom: 1px solid #53c8fb; }
        #normal .campuslife .container .campuslife-list > li:nth-of-type(1) .title-area .genre {
          /* background: #F19716; */
          background: #53c8fb; }
        #normal .campuslife .container .campuslife-list > li:nth-of-type(1) .title-area .list-title {
          /* color: #F19716; */
          color: #53c8fb; }
      #normal .campuslife .container .campuslife-list > li:nth-of-type(1) .profile-box .detail-box .course {
        /* background: #F19716; */
        background: #53c8fb; }
      #normal .campuslife .container .campuslife-list > li:nth-of-type(1) .profile-box .feature-box .way {
        border-color: #F19716;
        color: #F19716; }
      #normal .campuslife .container .campuslife-list > li:nth-of-type(1) .profile-box .feature-box ul li::before {
        color: #F19716; }
      #normal .campuslife .container .campuslife-list > li:nth-of-type(1) .qa-list {
/*        border-top: 1px solid #F19716; */
/*          border-top: 1px solid #53c8fb; */
          border-top: none; }

        #normal .campuslife .container .campuslife-list > li:nth-of-type(1) .qa-list li .q-head {
          /* background: #F19716; */
          background: #aad38a; }


    #normal .campuslife .container .campuslife-list > li:nth-of-type(2) .title-area {
      /*border-bottom: 1px solid #83BB1D; */
      border-bottom: 1px solid #f76b7a; }
      #normal .campuslife .container .campuslife-list > li:nth-of-type(2) .title-area .genre {
        /* background: #83BB1D; */
        background: #f76b7a; }
      #normal .campuslife .container .campuslife-list > li:nth-of-type(2) .title-area .list-title {
        /* color: #83BB1D; */
        color: #f76b7a; }
    #normal .campuslife .container .campuslife-list > li:nth-of-type(2) .profile-box .detail-box .course {
      /* background: #83BB1D; */
      background: #f76b7a; }
    #normal .campuslife .container .campuslife-list > li:nth-of-type(2) .profile-box .feature-box {
      padding-right: 28px; }
      @media (max-width: 767px) {
        #normal .campuslife .container .campuslife-list > li:nth-of-type(2) .profile-box .feature-box {
          padding-right: 0; } }
      #normal .campuslife .container .campuslife-list > li:nth-of-type(2) .profile-box .feature-box .way {
        /* border-color: #83BB1D;
        color: #83BB1D; */
        border-color: #f76b7a;
        color: #f76b7a; }
      #normal .campuslife .container .campuslife-list > li:nth-of-type(2) .profile-box .feature-box ul li::before {
        color: #83BB1D; }
      #normal .campuslife .container .campuslife-list > li:nth-of-type(2) .profile-box .feature-box .notice {
        font-size: 10px;
        line-height: 16px;
        padding-left: 12px; }
      #normal .campuslife .container .campuslife-list > li:nth-of-type(2) .profile-box .feature-box img {
        position: absolute;
        right: -27px;
        top: 50px;
        width: 50px; }
        @media (max-width: 767px) {
          #normal .campuslife .container .campuslife-list > li:nth-of-type(2) .profile-box .feature-box img {
            right: 0px;
            top: 20px; } }
    #normal .campuslife .container .campuslife-list > li:nth-of-type(2) .qa-list {
      /* border-top: 1px solid #83BB1D; */
      /* border-top: 1px solid #f76b7a; */
      border-top: none; }
      #normal .campuslife .container .campuslife-list > li:nth-of-type(2) .qa-list li .q-head {
        /* background: #83BB1D; */
        /*background: #f76b7a; */
        background: #f4e591; }
    #normal .campuslife .container .campuslife-list > li .title-area {
      font-size: 0;
      line-height: 0; }
      #normal .campuslife .container .campuslife-list > li .title-area .genre {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        display: inline-block;
        font-size: 32px;
        font-weight: bold;
        height: 128px;
        letter-spacing: -0.06em;
        line-height: 38px;
        padding-top: 42px;
        position: relative;
        text-align: center;
        vertical-align: bottom;
        width: 104px; }
        @media (max-width: 767px) {
          #normal .campuslife .container .campuslife-list > li .title-area .genre {
            font-size: 16px;
            height: 64px;
            line-height: 19px;
            padding-top: 22px;
            width: 54px; } }
        #normal .campuslife .container .campuslife-list > li .title-area .genre::before, #normal .campuslife .container .campuslife-list > li .title-area .genre::after {
          border-top: 52px solid #fff;
          content: "";
          display: block;
          height: 0;
          position: absolute;
          top: 0;
          width: 0;
          z-index: 1; }
          @media (max-width: 767px) {
            #normal .campuslife .container .campuslife-list > li .title-area .genre::before, #normal .campuslife .container .campuslife-list > li .title-area .genre::after {
              border-width: 27px; } }
        #normal .campuslife .container .campuslife-list > li .title-area .genre::before {
          border-right: 52px solid transparent;
          left: 0; }
          @media (max-width: 767px) {
            #normal .campuslife .container .campuslife-list > li .title-area .genre::before {
              border-width: 27px; } }
        #normal .campuslife .container .campuslife-list > li .title-area .genre::after {
          border-left: 52px solid transparent;
          right: 0; }
          @media (max-width: 767px) {
            #normal .campuslife .container .campuslife-list > li .title-area .genre::after {
              border-width: 27px; } }
      #normal .campuslife .container .campuslife-list > li .title-area .list-title {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        font-size: 23px;
        font-weight: bold;
        line-height: 34px;
        padding-left: 35px;
        padding-bottom: 15px;
        vertical-align: bottom;
        width: 876px; }
        @media (max-width: 767px) {
          #normal .campuslife .container .campuslife-list > li .title-area .list-title {
            font-size: 12px;
            line-height: 18px;
            padding-bottom: 4px;
            padding-left: 10px;
            width: calc(100% - 54px); }
            #normal .campuslife .container .campuslife-list > li .title-area .list-title br {
              display: none; } }


    #normal .campuslife .container .campuslife-list > li .profile-box::after {
      clear: both;
      content: "";
      display: block; }
    #normal .campuslife .container .campuslife-list > li .profile-box .img-box {
      float: left;
      /* width: 705px;*/
      width: 100%; }
      @media (max-width: 767px) {
        #normal .campuslife .container .campuslife-list > li .profile-box .img-box {
          float: none;
          width: 100%; } }
      #normal .campuslife .container .campuslife-list > li .profile-box .img-box img {
        vertical-align: top;
        width: 100%; }
    #normal .campuslife .container .campuslife-list > li .profile-box .txt-box {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      float: right;
      padding: 27px 27px 0;
      width: 275px; }
      @media (max-width: 767px) {
        #normal .campuslife .container .campuslife-list > li .profile-box .txt-box {
          float: none;
          padding: 10px 0;
          width: 100%; } }
      #normal .campuslife .container .campuslife-list > li .profile-box .txt-box .detail-box {
        margin-bottom: 10px; }
        #normal .campuslife .container .campuslife-list > li .profile-box .txt-box .detail-box .course {
          color: #fff;
          font-size: 12px;
          height: 20px;
          line-height: 20px;
          margin-bottom: 8px;
          text-align: center; }
          @media (max-width: 767px) {
            #normal .campuslife .container .campuslife-list > li .profile-box .txt-box .detail-box .course {
              display: block;
              padding: 0 5px;
              width: 200px; } }
        #normal .campuslife .container .campuslife-list > li .profile-box .txt-box .detail-box .name {
          font-size: 24px;
          line-height: 30px; }
          @media (max-width: 767px) {
            #normal .campuslife .container .campuslife-list > li .profile-box .txt-box .detail-box .name {
              display: inline-block;
              font-size: 18px;
              line-height: 24px;
              vertical-align: middle; } }
          #normal .campuslife .container .campuslife-list > li .profile-box .txt-box .detail-box .name span {
            font-size: 20px;
            line-height: 30px; }
            @media (max-width: 767px) {
              #normal .campuslife .container .campuslife-list > li .profile-box .txt-box .detail-box .name span {
                font-size: 16px;
                line-height: 24px; } }
        #normal .campuslife .container .campuslife-list > li .profile-box .txt-box .detail-box .from {
          font-size: 12px;
          line-height: 18px; }
          @media (max-width: 767px) {
            #normal .campuslife .container .campuslife-list > li .profile-box .txt-box .detail-box .from {
              display: inline-block;
              font-size: 10px;
              line-height: 16px;
              vertical-align: middle; } }
      #normal .campuslife .container .campuslife-list > li .profile-box .txt-box .feature-box {
        border-top: 1px solid #333;
        padding-top: 15px;
        position: relative; }
        #normal .campuslife .container .campuslife-list > li .profile-box .txt-box .feature-box .way {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border: 1px solid;
          font-size: 14px;
          height: 22px;
          line-height: 20px;
          margin-bottom: 10px;
          text-align: center;
          width: 200px; }
        #normal .campuslife .container .campuslife-list > li .profile-box .txt-box .feature-box ul li {
          font-size: 12px;
          line-height: 18px;
          padding-left: 1em;
          text-indent: -1em; }
          #normal .campuslife .container .campuslife-list > li .profile-box .txt-box .feature-box ul li::before {
            content: "・"; }
    #normal .campuslife .container .campuslife-list > li .qa-list {
      font-size: 0;
      letter-spacing: 0;
      margin-bottom: 28px;
      padding-top: 41px; }
      @media (max-width: 767px) {
        #normal .campuslife .container .campuslife-list > li .qa-list {
          margin-bottom: 14px;
          padding-top: 20px; } }
      #normal .campuslife .container .campuslife-list > li .qa-list li {
        display: inline-block;
        vertical-align: top;
	margin-bottom: 26px;
        width: 300px; }
        @media (max-width: 767px) {
          #normal .campuslife .container .campuslife-list > li .qa-list li {
            display: block;
            width: 100%; } }

/*
        #normal .campuslife .container .campuslife-list > li .qa-list li:nth-last-of-type(n+2) {
          margin-right: 40px; }
          @media (max-width: 767px) {
            #normal .campuslife .container .campuslife-list > li .qa-list li:nth-last-of-type(n+2) {
              margin-bottom: 26px;
              margin-right: 0; } }
*/

        #normal .campuslife .container .campuslife-list > li .qa-list li:nth-last-of-type(3n) ,
        #normal .campuslife .container .campuslife-list > li .qa-list li:nth-last-of-type(3n-1) {
          margin-right: 40px; }

        #normal .campuslife .container .campuslife-list > li .qa-list li:nth-last-of-type(1) {
/*          text-align:center; */
          text-align:left; }
        #normal .campuslife .container .campuslife-list > li .qa-list li:nth-last-of-type(1) img {
/*	  margin-top:10px;*/
          width: 120px; }


          @media (max-width: 767px) {
            #normal .campuslife .container .campuslife-list > li .qa-list li {
              margin-bottom: 26px;
              margin-right: 0; } 

	        #normal .campuslife .container .campuslife-list > li .qa-list li:nth-last-of-type(1) {
	              margin-bottom: 10px;
	              margin-right: 0; } 

	}


        #normal .campuslife .container .campuslife-list > li .qa-list li .q-head {
          border-radius: 8px;
          color: #fff;
          font-size: 20px;
          font-weight: bold;
/*          line-height: 32px;*/
          line-height: 22px;
          margin-bottom: 18px;
          position: relative;
/*          text-align: center; */
		height: 48px;
          text-align: left; }
          @media (max-width: 767px) {
            #normal .campuslife .container .campuslife-list > li .qa-list li .q-head {
              font-size: 14px;
              line-height: 22px;
              margin-bottom: 10px; } }
          #normal .campuslife .container .campuslife-list > li .qa-list li .q-head.small {
            font-size: 16px;
            letter-spacing: -0.06em;
/*            padding-left: 40px; */
		height: 50px;
            padding-left: 50px; }
          #normal .campuslife .container .campuslife-list > li .qa-list li .q-head.small p{
		position: relative;
		top: 3px;
            line-height: 22px; }

            @media (max-width: 767px) {
              #normal .campuslife .container .campuslife-list > li .qa-list li .q-head.small {
                font-size: 14px;
		height: 25px;
                /* padding-left: 0;*/ 
		} }
          #normal .campuslife .container .campuslife-list > li .qa-list li .q-head.semi {
            font-size: 18px;
            letter-spacing: -0.06em; }
            @media (max-width: 767px) {
              #normal .campuslife .container .campuslife-list > li .qa-list li .q-head.semi {
                font-size: 14px; } }
          #normal .campuslife .container .campuslife-list > li .qa-list li .q-head img {
            left: 0px;
            position: absolute;
/*            top: -18px;*/
            top: -11px;
            width: 47px; }
            @media (max-width: 767px) {
              #normal .campuslife .container .campuslife-list > li .qa-list li .q-head img {
/*                top: -12px;*/
                top: -9px;
                width: 30px; } }
        #normal .campuslife .container .campuslife-list > li .qa-list li .a-head {
          font-size: 20px;
          font-weight: bold;
          line-height: 28px;
          margin-bottom: 9px;
          text-align: center; }
          @media (max-width: 767px) {
            #normal .campuslife .container .campuslife-list > li .qa-list li .a-head {
              font-size: 14px;
              line-height: 22px;
              margin-bottom: 5px; } }
        #normal .campuslife .container .campuslife-list > li .qa-list li .a-body {
          font-size: 13px;
          line-height: 23px; }
          @media (max-width: 767px) {
            #normal .campuslife .container .campuslife-list > li .qa-list li .a-body {
              font-size: 12px;
              line-height: 18px; } }

    #normal .campuslife .container .campuslife-list > li .schedule-box img {
      vertical-align: top;
      width: 100%; }
      #normal .campuslife .container .campuslife-list > li .schedule-box img:nth-of-type(2) {
        display: none; }

      @media (max-width: 767px) {
        #normal .campuslife .container .campuslife-list > li .schedule-box img:nth-of-type(1) {
          display: none; }
        #normal .campuslife .container .campuslife-list > li .schedule-box img:nth-of-type(2) {
          display: inline; } }


    #normal .campuslife .container .campuslife-list > li .schedule-box {
      margin-bottom: 20px; }

    #normal .campuslife .container .campuslife-list > li .schedule-box2 {
      padding: 0px 25px; }

    #normal .campuslife .container .campuslife-list > li .schedule-box2 img {
      vertical-align: top;
      width: 100%; }
      #normal .campuslife .container .campuslife-list > li .schedule-box2 img:nth-of-type(2) {
        display: none; }

      @media (max-width: 767px) {
        #normal .campuslife .container .campuslife-list > li .schedule-box2 img:nth-of-type(1) {
          display: none; }
        #normal .campuslife .container .campuslife-list > li .schedule-box2 img:nth-of-type(2) {
          display: inline; } }



/* harf block */
  #normal .campuslife .container .campuslife-list.harf {
	display: flex;
  	justify-content: flex-start;
  	flex-wrap: wrap;center;
	margin-top: 78px;}


  #normal .campuslife .container .campuslife-list.harf > li {
    	padding: 0px 0;
	margin: 0 auto;
	border-bottom: none;
	width:400px;}


  #normal .campuslife .container .campuslife-list.harf > li:first-child {
	margin: 10px 0;}


    #normal .campuslife .container .campuslife-list.harf > li:nth-of-type(2)  {
	width:382px;}


  #normal .campuslife .container .campuslife-list.harf > li:nth-of-type(1) .qa-list li .q-head {
    background: #d1bada; }
  #normal .campuslife .container .campuslife-list.harf > li:nth-of-type(2) .qa-list li .q-head {
    background: #bae3f9; }


    #normal .campuslife .container .campuslife-list.harf > li .qa-list {
      font-size: 0;
      letter-spacing: 0;
      margin-bottom: 28px;
	text-align:center;
      padding-top: 41px; }
      @media (max-width: 767px) {
        #normal .campuslife .container .campuslife-list.harf > li .qa-list {
          margin-bottom: 14px;
          padding-top: 20px; } }
      #normal .campuslife .container .campuslife-list.harf > li .qa-list li {
        display: inline-block;
        vertical-align: top;
	margin-bottom: 26px;
	text-align: left;
        width: 300px; }
        @media (max-width: 767px) {
          #normal .campuslife .container .campuslife-list.harf > li .qa-list li {
            display: block;
            width: 100%; } }


        #normal .campuslife .container .campuslife-list.harf > li .qa-list li:nth-last-of-type(3n) ,
        #normal .campuslife .container .campuslife-list.harf > li .qa-list li:nth-last-of-type(3n-1) {
          margin-right: 0px; }

        #normal .campuslife .container .campuslife-list.harf > li .qa-list li:nth-last-of-type(1) {
/*          text-align:center; */
          text-align:left; }
        #normal .campuslife .container .campuslife-list.harf > li .qa-list li:nth-last-of-type(1) img {
/*	  margin-top:10px;*/
/*          width: 120px; */
	}

          @media (max-width: 767px) {
            #normal .campuslife .container .campuslife-list.harf > li .qa-list li {
              margin-bottom: 26px;
              margin-right: 0; } 

	        #normal .campuslife .container .campuslife-list.harf > li .qa-list li:nth-last-of-type(1) {
	              margin-bottom: 10px;
	              margin-right: 0; } 

	}


/*
 * 学校案内 02. 3つの強み
 */
#normal .main {
  min-width: 1020px; }
  @media (max-width: 767px) {
    #normal .main {
      min-width: 0; } }

#normal .teacher {
  min-width: 1020px;
  padding: 64px 0 0; }
  @media (max-width: 767px) {
    #normal .teacher {
      min-width: 0;
      padding: 32px 0 0; } }
  #normal .teacher .section-title {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 34px;
    text-align: center; }
    @media (max-width: 767px) {
      #normal .teacher .section-title {
        font-size: 20px;
        margin-bottom: 26px; } }
  #normal .teacher .intro {
    font-size: 20px;
    line-height: 32px;
    margin: 0 auto 47px;
    width: 980px; }
    @media (max-width: 767px) {
      #normal .teacher .intro {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 23px;
        padding: 0 10px;
        width: 100%; } }
  #normal .teacher .teacher-list {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal .teacher .teacher-list {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%; } }
    #normal .teacher .teacher-list > li {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #333;
      float: left;
      height: 354px;
      width: 464px; }
      @media (max-width: 767px) {
        #normal .teacher .teacher-list > li {
          height: auto;
          width: 100%; } }
      #normal .teacher .teacher-list > li:nth-of-type(odd) {
        margin-right: 52px; }
        @media (max-width: 767px) {
          #normal .teacher .teacher-list > li:nth-of-type(odd) {
            margin-right: 0; } }
      #normal .teacher .teacher-list > li:nth-last-of-type(n+3) {
        margin-bottom: 72px; }
      @media (max-width: 767px) {
        #normal .teacher .teacher-list > li:nth-last-of-type(n+2) {
          margin-bottom: 20px; } }
      #normal .teacher .teacher-list > li .list-head {
        background: #CFD6E3;
        border-bottom: 1px solid #333;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 0;
        height: 73px;
        letter-spacing: 0;
        padding: 16px 0; }
        @media (max-width: 767px) {
          #normal .teacher .teacher-list > li .list-head {
            height: auto;
            padding: 8px 8px 0; } }
        #normal .teacher .teacher-list > li .list-head .name {
          display: inline-block;
          font-size: 30px;
          font-weight: bold;
          line-height: 40px;
          text-align: center;
          vertical-align: top;
          width: 178px; }
          @media (max-width: 767px) {
            #normal .teacher .teacher-list > li .list-head .name {
              font-size: 20px;
              line-height: 28px;
              padding-bottom: 7px;
              width: 100%; } }
        #normal .teacher .teacher-list > li .list-head .attr-list {
          border-left: 1px solid #002953;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          display: inline-block;
          font-size: 0;
          height: 40px;
          letter-spacing: 0;
          padding: 11px 0 11px 16px;
          vertical-align: top; }
          @media (max-width: 767px) {
            #normal .teacher .teacher-list > li .list-head .attr-list {
              border: 0;
              border-top: 1px solid #002953;
              display: block;
              height: auto;
              padding: 8px 0 8px;
              text-align: center; } }
          #normal .teacher .teacher-list > li .list-head .attr-list li {
            background: #002953;
            border-radius: 2px;
            color: #fff;
            display: inline-block;
            font-size: 10px;
            line-height: 18px;
            margin-right: 14px;
            padding: 0 11px;
            text-align: center; }
            @media (max-width: 767px) {
              #normal .teacher .teacher-list > li .list-head .attr-list li {
                margin-right: 8px; } }
      #normal .teacher .teacher-list > li .list-content {
        font-size: 18px;
        line-height: 26px;
        padding: 20px; }
        @media (max-width: 767px) {
          #normal .teacher .teacher-list > li .list-content {
            font-size: 12px;
            line-height: 18px;
            padding: 10px; } }
        #normal .teacher .teacher-list > li .list-content .graduate, #normal .teacher .teacher-list > li .list-content .qualify {
          padding-left: 54px;
          position: relative; }
          @media (max-width: 767px) {
            #normal .teacher .teacher-list > li .list-content .graduate, #normal .teacher .teacher-list > li .list-content .qualify {
              padding-left: 32px; } }
          #normal .teacher .teacher-list > li .list-content .graduate .head, #normal .teacher .teacher-list > li .list-content .qualify .head {
            left: 0;
            position: absolute;
            top: 0; }
        #normal .teacher .teacher-list > li .list-content .graduate {
          border-bottom: 1px solid #002953;
          height: 76px; }
          @media (max-width: 767px) {
            #normal .teacher .teacher-list > li .list-content .graduate {
              height: auto;
              padding-bottom: 10px; } }
        #normal .teacher .teacher-list > li .list-content .qualify {
          padding-top: 19px; }
          @media (max-width: 767px) {
            #normal .teacher .teacher-list > li .list-content .qualify {
              padding-top: 8px; } }
          #normal .teacher .teacher-list > li .list-content .qualify .head {
            top: 19px; }
            @media (max-width: 767px) {
              #normal .teacher .teacher-list > li .list-content .qualify .head {
                top: 8px; } }

/*
 * 個人情報の取扱 27. 個人情報の取扱について
 */
#normal .main {
  min-width: 1020px; }
  @media (max-width: 767px) {
    #normal .main {
      min-width: 0; } }

#normal .privacy {
  min-width: 1020px;
  padding: 26px 0 67px; }
  @media (max-width: 767px) {
    #normal .privacy {
      min-width: 0;
      padding: 13px 0 34px; } }
  #normal .privacy .privacy-list {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal .privacy .privacy-list {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%; } }
    #normal .privacy .privacy-list dt {
      font-size: 28px;
      line-height: 48px;
      margin-bottom: 20px;
      position: relative; }
      @media (max-width: 767px) {
        #normal .privacy .privacy-list dt {
          font-size: 18px;
          line-height: 26px;
          margin-bottom: 10px; } }
      #normal .privacy .privacy-list dt::before, #normal .privacy .privacy-list dt::after {
        bottom: -4px;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute; }
        @media (max-width: 767px) {
          #normal .privacy .privacy-list dt::before, #normal .privacy .privacy-list dt::after {
            botton: -2px; } }
      #normal .privacy .privacy-list dt::before {
        background: #DBE5F0;
        width: 100%; }
      #normal .privacy .privacy-list dt::after {
        background: #003A81;
        width: 33%; }
    #normal .privacy .privacy-list dd {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 24px; }
      @media (max-width: 767px) {
        #normal .privacy .privacy-list dd {
          font-size: 12px;
          line-height: 22px;
          margin-bottom: 12px; } }
      #normal .privacy .privacy-list dd ul, #normal .privacy .privacy-list dd .content {
        border: 1px solid #C4C4C4;
        margin: 24px 0 20px;
        padding: 17px 20px; }
        @media (max-width: 767px) {
          #normal .privacy .privacy-list dd ul, #normal .privacy .privacy-list dd .content {
            margin: 12px 0 10px;
            padding: 8px 10px; }
            #normal .privacy .privacy-list dd ul li, #normal .privacy .privacy-list dd .content li {
              padding-left: 1.2em;
              text-indent: -1.2em; } }

/*
 * 個人情報の取扱 17. 募集要項
 */
#normal .main {
  min-width: 1020px; }
  @media (max-width: 767px) {
    #normal .main {
      min-width: 0; } }

#normal .requirement {
  padding: 26px 0 86px;
  min-width: 1020px; }
  @media (max-width: 767px) {
    #normal .requirement {
      padding: 13px 0 43px;
      min-width: 0; } }
  #normal .requirement .section-title {
    font-size: 40px;
    font-weight: bold;
    line-height: 80px;
    margin-bottom: 5px;
    text-align: center; }
    @media (max-width: 767px) {
      #normal .requirement .section-title {
        font-size: 20px;
        line-height: 1.2; } }
  #normal .requirement .requirement-list {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal .requirement .requirement-list {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%; } }
    #normal .requirement .requirement-list > dt {
      font-size: 28px;
      line-height: 48px;
      margin-bottom: 20px;
      position: relative; }
      @media (max-width: 767px) {
        #normal .requirement .requirement-list > dt {
          font-size: 18px;
          line-height: 26px;
          margin-bottom: 10px; } }
      #normal .requirement .requirement-list > dt .tag {
        background: #00244B;
        border-radius: 4px;
        color: #fff;
        display: inline-block;
        height: 27px;
        font-size: 16px;
        line-height: 27px;
        margin-left: 20px;
        text-align: center;
        vertical-align: 5px;
        width: 103px; }
        @media (max-width: 767px) {
          #normal .requirement .requirement-list > dt .tag {
            font-size: 14px;
            line-height: 26px;
            margin-left: 0;
            height: 26px;
            width: 80px; } }
      #normal .requirement .requirement-list > dt::before, #normal .requirement .requirement-list > dt::after {
        bottom: -4px;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute; }
        @media (max-width: 767px) {
          #normal .requirement .requirement-list > dt::before, #normal .requirement .requirement-list > dt::after {
            botton: -2px; } }
      #normal .requirement .requirement-list > dt::before {
        background: #DBE5F0;
        width: 100%; }
      #normal .requirement .requirement-list > dt::after {
        background: #003A81;
        width: 269px; }
        @media (max-width: 767px) {
          #normal .requirement .requirement-list > dt::after {
            width: 33%; } }
    #normal .requirement .requirement-list > dd {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 24px; }
      @media (max-width: 767px) {
        #normal .requirement .requirement-list > dd {
          font-size: 12px;
          line-height: 20px;
          margin-bottom: 12px; } }
      #normal .requirement .requirement-list > dd .notice {
        font-size: 12px;
        line-height: 20px;
        margin-top: 8px; }
        @media (max-width: 767px) {
          #normal .requirement .requirement-list > dd .notice {
            font-size: 10px;
            line-height: 16px;
            margin-top: 4px; } }
      @media (max-width: 767px) {
        #normal .requirement .requirement-list > dd .table-wrapper {
          overflow: scroll; }
          #normal .requirement .requirement-list > dd .table-wrapper table {
            width: 980px; } }
      #normal .requirement .requirement-list > dd table {
        border-collapse: collapse;
        margin-top: 25px;
        table-layout: fixed;
        width: 100%; }
        @media (max-width: 767px) {
          #normal .requirement .requirement-list > dd table {
            margin-top: 12px; } }
        #normal .requirement .requirement-list > dd table th, #normal .requirement .requirement-list > dd table td {
          border: 1px solid #C5C5C5;
          vertical-align: middle; }
        #normal .requirement .requirement-list > dd table .yen {
          text-align: right; }
        #normal .requirement .requirement-list .space01 {
          letter-spacing:7px;padding-right: 7px; }
        #normal .requirement .requirement-list .space02 {
          letter-spacing:14px; }
            @media (max-width: 767px) {
              #normal .requirement .requirement-list .space01 {
        	    letter-spacing:6px;padding-right: 6px;
              }
              #normal .requirement .requirement-list .space02 {
        	    letter-spacing:12px;
              }
           }
      #normal .requirement .requirement-list > dd.course {
        margin-bottom: 36px; }
        #normal .requirement .requirement-list > dd.course table th, #normal .requirement .requirement-list > dd.course table td {
          height: 52px;
          padding: 0 28px; }
        #normal .requirement .requirement-list > dd.course table th {
          background: #F2F2F2;
          font-weight: bold;
          text-align: center; }
          #normal .requirement .requirement-list > dd.course table th:nth-of-type(1), #normal .requirement .requirement-list > dd.course table th:nth-of-type(2) {
            width: 238px; }
        #normal .requirement .requirement-list > dd.course table td:nth-last-of-type(1), #normal .requirement .requirement-list > dd.course table td:nth-last-of-type(2) {
          text-align: center; }
        #normal .requirement .requirement-list > dd.course table tr:nth-of-type(2) td:nth-of-type(1) {
          background: #D9EAF5;
          font-weight: bold; }
        #normal .requirement .requirement-list > dd.course table tr:nth-of-type(3) td:nth-of-type(1) {
          background: #FFE8D2;
          text-align: left; }
        #normal .requirement .requirement-list > dd.course table tr:nth-of-type(4) td:nth-of-type(1) {
          background: #FFE8D2;
          font-weight: bold; }
        #normal .requirement .requirement-list > dd.course table tr:nth-of-type(5) td:nth-of-type(1) {
          background: #F2F2F2;
          font-weight: bold;
          text-align: left; }
      #normal .requirement .requirement-list > dd.term .head {
        color: #0f2658;
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        margin-bottom: 4px; }
        @media (max-width: 767px) {
          #normal .requirement .requirement-list > dd.term .head {
            font-size: 14px;
            line-height: 22px; } }
      #normal .requirement .requirement-list > dd.term .big {
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 5px; }
        @media (max-width: 767px) {
          #normal .requirement .requirement-list > dd.term .big {
            font-size: 16px;
            line-height: 24px; } }
      #normal .requirement .requirement-list > dd.distinct .distinct-list dt {
        border: 1px solid #002855;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #002855;
        cursor: pointer;
        font-size: 18px;
        font-weight: bold;
        height: 56px;
        line-height: 24px;
        margin: 20px 0 14px;
        padding: 15px 18px;
        position: relative; }
        @media (max-width: 767px) {
          #normal .requirement .requirement-list > dd.distinct .distinct-list dt {
            font-size: 14px;
            height: auto;
            line-height: 22px;
            margin: 10px 0 8px;
            padding: 10px 12px; } }
        #normal .requirement .requirement-list > dd.distinct .distinct-list dt.opened span::after {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
        #normal .requirement .requirement-list > dd.distinct .distinct-list dt span {
          background: #002855;
          height: 30px;
          position: absolute;
          right: 16px;
          top: 12px;
          width: 30px; }
          @media (max-width: 767px) {
            #normal .requirement .requirement-list > dd.distinct .distinct-list dt span {
              height: 24px;
              right: 10px;
              top: 10px;
              width: 24px; } }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dt span::before, #normal .requirement .requirement-list > dd.distinct .distinct-list dt span::after {
            background: #fff;
            bottom: 0;
            content: "";
            display: block;
            height: 2px;
            left: 0;
            margin: auto;
            position: absolute;
            right: 0;
            top: 0;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            width: 18px; }
            @media (max-width: 767px) {
              #normal .requirement .requirement-list > dd.distinct .distinct-list dt span::before, #normal .requirement .requirement-list > dd.distinct .distinct-list dt span::after {
                width: 16px; } }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dt span::after {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
      #normal .requirement .requirement-list > dd.distinct .distinct-list dd {
        display: none; }
        #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table {
          margin-bottom: 13px;
          margin-top: 16px;
          table-layout: fixed; }
          @media (max-width: 767px) {
            #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table {
              margin: 8px 0 7px; } }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(1) th {
            background: #8E8E8E;
            color: #fff;
            font-weight: bold;
            height: 52px;
            text-align: center;
            width: 25%; }
            #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(1) th:nth-of-type(2) {
              width: 25%; }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(1) th:nth-of-type(2) {
            border-top: 0; }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(2) th {
            background: #F2F2F2;
            font-weight: bold;
            height: 52px;
            text-align: center; }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(3) td:nth-last-of-type(1), #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(4) td:nth-last-of-type(1) {
            background: #DAEAF5; }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(3) td:nth-of-type(1), #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(4) td:nth-of-type(1) {
            background: #DAEAF5; }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(3) td:nth-of-type(2), #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(4) td:nth-of-type(2) {
            background: #8ABEE3; }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(3) td:nth-of-type(4), #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(4) td:nth-of-type(4) {
            background: #8ABEE3; }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(5) td:nth-last-of-type(1), #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(6) td:nth-last-of-type(1) {
            background: #D6F3F9; }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(5) td:nth-of-type(1), #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(6) td:nth-of-type(1) {
            background: #D6F3F9; }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(5) td:nth-of-type(2), #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(6) td:nth-of-type(2) {
            background: #AFE4F7; }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(5) td:nth-of-type(4), #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(6) td:nth-of-type(4) {
            background: #AFE4F7; }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(7) td:nth-last-of-type(1), #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(8) td:nth-last-of-type(1), #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(9) td:nth-last-of-type(1) {
            background: #DFF5F3; }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(7) td:nth-of-type(1), #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(8) td:nth-of-type(1), #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(9) td:nth-of-type(1) {
            background: #DFF5F3; }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(7) td:nth-of-type(2), #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(8) td:nth-of-type(2), #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(9) td:nth-of-type(2) {
            background: #C2F4ED; }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(7) td:nth-of-type(4), #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(8) td:nth-of-type(4), #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr:nth-of-type(9) td:nth-of-type(4) {
            background: #C2F4ED; }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr td {
            text-align: center;
            vertical-align: middle; }
            #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr td:nth-of-type(1),
            #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr td:nth-of-type(2),
            #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr td:nth-of-type(3) {
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              font-weight: normal;
              padding: 11px 0 14px 21px;
              text-align: left; }
              #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr td .center{
              	text-align: center;
              	display: block;
              }
              #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr td:nth-of-type(3) .head {
                font-size: 14px;
                font-weight: bold;
                line-height: 32px; }
              #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr td:nth-of-type(3) .bg {
                background: #F2F2F2;
                left: -10px;
                margin-bottom: 6px;
                padding: 4px 0 4px 10px;
                position: relative; }
              #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr td:nth-of-type(3) .notice {
                margin-bottom: 7px;
                margin-top: 1px; }
              #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr td:nth-of-type(3) .frame {
                border: 1px solid #333;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                font-weight: bold;
                height: 34px;
                line-height: 32px;
                margin: 9px 0 5px;
                text-align: center;
                width: 77px; }
            #normal .requirement .requirement-list > dd.distinct .distinct-list dd.high-school table tr td:nth-last-of-type(1) {
              font-weight: normal; }
        #normal .requirement .requirement-list > dd.distinct .distinct-list dd.other table {
          margin: 20px 0 30px;
          table-layout: fixed; }
        #normal .requirement .requirement-list > dd.distinct .distinct-list h3 {
        color: #0f2658;
        font-size: 18px;
        font-weight: bold;
        line-height: 32px; }
          
          @media (max-width: 767px) {
            #normal .requirement .requirement-list > dd.distinct .distinct-list dd.other table {
              margin: 10px 0 15px; } }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.other table tr:nth-of-type(1) th {
            background: #8E8E8E;
            color: #fff;
            font-weight: bold;
            height: 52px;
            text-align: center; }
            #normal .requirement .requirement-list > dd.distinct .distinct-list dd.other table tr:nth-of-type(1) th:nth-of-type(1) {
              width: 50%;
            }
            #normal .requirement .requirement-list > dd.distinct .distinct-list dd.other table tr:nth-of-type(1) th:nth-of-type(2) {
              width: 15%; }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.other table tr:nth-of-type(2) td:nth-of-type(1) {
            background: #FFF; }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.other table tr:nth-of-type(2) td:nth-of-type(2) {
              background: #FFF;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              font-weight: normal;
              padding: 11px 0 14px 21px;
              text-align: left;
             }
          #normal .requirement .requirement-list > dd.distinct .distinct-list dd.other table tr td {
            text-align: center;
            vertical-align: middle; }
            #normal .requirement .requirement-list > dd.distinct .distinct-list dd.other table tr td:nth-of-type(3) {
              font-weight: normal;
              padding: 11px 21px 13px;
               }
              #normal .requirement .requirement-list > dd.distinct .distinct-list dd.other table tr td:nth-of-type(3) .head {
                font-size: 14px;
                font-weight: bold;
                line-height: 32px; }
              #normal .requirement .requirement-list > dd.distinct .distinct-list dd.other table tr td:nth-of-type(3) .bg {
                background: #F2F2F2; }
              #normal .requirement .requirement-list > dd.distinct .distinct-list dd.other table tr td:nth-of-type(3) .frame {
                border: 1px solid #333;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                font-weight: bold;
                height: 34px;
                line-height: 32px;
                margin: 10px 0 6px;
                text-align: center;
                width: 77px; }
        #normal .requirement .requirement-list > dd.distinct .distinct-list dd.other .frame-box {
          border: 1px solid  #C5C5C5;
          margin-top: 12px;
          padding: 15px 20px; }
      #normal .requirement .requirement-list > dd.notice .notice-list dt {
        color: #0f2658;
        font-size: 16px;
        font-weight: bold;
        line-height: 32px; }
        @media (max-width: 767px) {
          #normal .requirement .requirement-list > dd.notice .notice-list dt {
            font-size: 14px;
            line-height: 22px;
            margin-top: 6px; } }
      #normal .requirement .requirement-list > dd.other-school .btn-apply {
        background: #E76A0B;
        border-radius: 3px;
        color: #fff;
        display: block;
        font-size: 20px;
        font-weight: bold;
        height: 52px;
        line-height: 52px;
        margin: 53px auto 0;
        text-align: center;
        width: 506px; }
        @media (max-width: 767px) {
          #normal .requirement .requirement-list > dd.other-school .btn-apply {
            font-size: 14px;
            height: 40px;
            line-height: 40px;
            margin-top: 26px;
            width: 100%; } }
        #normal .requirement .requirement-list > dd.other-school .btn-apply::before {
          border-right: 2px solid #fff;
          border-top: 2px solid #fff;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          content: "";
          display: inline-block;
          height: 10px;
          margin-right: 10px;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          vertical-align: 2px;
          width: 10px; }

       #normal section .expenses h3{
        color: #0f2658;
        font-size: 18px;
        font-weight: bold;
        line-height: 32px; 
        padding: 1em 0;
       }

       #normal section .expenses h4{
        color: #0f2658;
        font-size: 18px;
        font-weight: bold;
        line-height: 32px; 
        padding: 1em 0 0 10px;
       }

       #normal section .expenses p{
        padding-bottom: 1em;
       }
       #normal section .expenses img,
       #normal section .requirement-list img{
        padding: 1em 0;
        max-width: 100%;
       }
       #normal section .expenses table{
        margin-bottom: 2em;
       }
       #normal section .expenses tr td{
        padding: 15px 10px;
       }
       #normal section .expenses tr th{
        padding: 15px 10px;
       }
       #normal section .expenses .expenses-table06 tr,
       #normal section .expenses .expenses-table01 tr,
       #normal section .expenses .expenses-table02 tr,
       #normal section .expenses .expenses-table03 tr,
       #normal section .expenses .expenses-table04 tr,
       #normal section .expenses .expenses-table05 tr{
       	text-align: center;
       }
       #normal section .expenses .expenses-table06 th,
       #normal section .expenses .expenses-table01 th,
       #normal section .expenses .expenses-table02 th,
       #normal section .expenses .expenses-table03 th,
       #normal section .expenses .expenses-table04 th,
       #normal section .expenses .expenses-table05 th {
       	font-weight: bold;
       	text-align: center;
       }
       #normal section .expenses .expenses-table01 th,
       #normal section .expenses .expenses-table01 tr td:first-child{
       	  background: #ebf5ff;
       	  text-align: center;
       }
       #normal section .expenses .expenses-table02 th,
       #normal section .expenses .expenses-table02 tr td:first-child{
       	  background: #eafcfe;
       	  text-align: center;
       }
       #normal section .expenses .expenses-table03 th,
       #normal section .expenses .expenses-table03 tr td:first-child{
       	  background: #fff3eb;
       	  text-align: center;
       }
       #normal section .expenses .expenses-table04 th,
       #normal section .expenses .expenses-table04 tr td:first-child{
       	  background: #F2F2F2;
       	  text-align: center;
       }
       #normal section .expenses .expenses-table04 tr th:first-child,
       #normal section .expenses .expenses-table04 tr td:first-child{
       	  width: 5%;
       }
       #normal section .expenses .expenses-table06 th,
       #normal section .expenses .expenses-table05 th,
       #normal section .expenses .expenses-table05 tr td:first-child{
       	  background: #F2F2F2;
       	  text-align: center;
       }
       #normal section .expenses .expenses-table05 tr th:first-child,
       #normal section .expenses .expenses-table05 tr td:first-child{
       	  width: 5%;
       }

       #normal section .expenses .expenses-table06 tr th:first-child{
       	  width: 20%;
       }

       #normal section .expenses .expenses-table06 tr th:nth-child(2){
       	  width: 34%;
       }

       #normal section .expenses .expenses-table06 td.center{
       	  text-align: center;
       }



/*
 * 18. 学費について
 */
#normal section.expenses {
  padding-bottom: 160px; }
  @media (max-width: 767px) {
    #normal section.expenses {
      padding-bottom: 80px; } }
  #normal section.expenses .contents-area {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal section.expenses .contents-area {
        width: 94%; } }
    #normal section.expenses .contents-area .bold {
      font-weight: bold; }
    #normal section.expenses .contents-area .title {
      font-size: 28px;
      font-weight: bold;
      text-align: center; }
      #normal section.expenses .contents-area .title:first-child {
        font-size: 40px;
        margin-top: 40px; }
      @media (max-width: 767px) {
        #normal section.expenses .contents-area .title {
          font-size: 18px; }
          #normal section.expenses .contents-area .title:first-child {
            font-size: 20px;
            line-height: 1.2;
            margin-top: 20px; } }
    #normal section.expenses .contents-area .sub-title {
      font-size: 24px;
      margin-bottom: 7px;
      margin-top: 35px; }
      @media (max-width: 767px) {
        #normal section.expenses .contents-area .sub-title {
          font-size: 16px;
          margin-bottom: 3px;
          margin-top: 18px; } }
    #normal section.expenses .contents-area .border-wrapper .border-left {
      background-color: #00428c;
      float: left;
      height: 2px;
      width: 245px; }
      @media (max-width: 767px) {
        #normal section.expenses .contents-area .border-wrapper .border-left {
          width: 25%; } }
    #normal section.expenses .contents-area .border-wrapper .border-right {
      background-color: #e0e9f3;
      float: left;
      height: 2px;
      width: 735px; }
      @media (max-width: 767px) {
        #normal section.expenses .contents-area .border-wrapper .border-right {
          width: 75%; } }
    #normal section.expenses .contents-area .table-option {
      font-size: 14px;
      margin-top: 20px;
      text-align: right; }
      @media (max-width: 767px) {
        #normal section.expenses .contents-area .table-option {
          font-size: 12px;
          margin-top: 10px; } }
    #normal section.expenses .contents-area .table-wrap {
      margin-bottom: 35px;
      margin-top: 10px; }
      @media (max-width: 767px) {
        #normal section.expenses .contents-area .table-wrap {
          overflow: scroll;
          margin: 10px auto 18px;
          width: 100%; } }
      #normal section.expenses .contents-area .table-wrap table {
        width: 100%; }
        #normal section.expenses .contents-area .table-wrap table tr td {
          border: 1px solid #cccccc;
          font-size: 14px;
          padding: 15px 10px;
          text-align: center; }
          @media (max-width: 767px) {
            #normal section.expenses .contents-area .table-wrap table tr td {
              font-size: 12px;
              padding: 5px 10px;
              text-align: left;
              white-space: nowrap; } }
        #normal section.expenses .contents-area .table-wrap table tr .center-01 {
          line-height: 2em;
          padding: 70px 10px; }
        #normal section.expenses .contents-area .table-wrap table tr .center-02 {
          line-height: 110px; }
          @media (max-width: 767px) {
            #normal section.expenses .contents-area .table-wrap table tr .center-02 {
              line-height: 136px; } }
        #normal section.expenses .contents-area .table-wrap table tr .center-03 {
          line-height: 32px; }
          @media (max-width: 767px) {
            #normal section.expenses .contents-area .table-wrap table tr .center-03 {
              line-height: 40px; } }
        @media (max-width: 767px) {
          #normal section.expenses .contents-area .table-wrap table tr .center-sp-01 {
            text-align: center; } }
        @media (max-width: 767px) {
          #normal section.expenses .contents-area .table-wrap table tr .center-sp-02 {
            line-height: 3em; } }
      #normal section.expenses .contents-area .table-wrap .table-01 tr {
        background-color: #ebf5ff; }
        #normal section.expenses .contents-area .table-wrap .table-01 tr:last-of-type {
          background-color: #fff; }
      #normal section.expenses .contents-area .table-wrap .table-02 tr {
        background-color: #eafcfe; }
        #normal section.expenses .contents-area .table-wrap .table-02 tr:last-of-type {
          background-color: #fff; }
      #normal section.expenses .contents-area .table-wrap .table-03 tr {
        background-color: #fff3eb; }
        #normal section.expenses .contents-area .table-wrap .table-03 tr:last-of-type {
          background-color: #fff; }
    #normal section.expenses .contents-area .table-note {
      font-size: 13px;
      line-height: 1.7em;
      padding-left: 3.5em;
      text-indent: -3.5em; }
      @media (max-width: 767px) {
        #normal section.expenses .contents-area .table-note {
          font-size: 11px; } }
    #normal section.expenses .contents-area .table-note-02 {
      font-size: 12px;
      line-height: 1.7em;
      margin-top: 10px; }
      @media (max-width: 767px) {
        #normal section.expenses .contents-area .table-note-02 {
          font-size: 10px; } }
    #normal section.expenses .contents-area .note {
      border: 1px solid #cccccc;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 13px;
      line-height: 1.7em;
      padding: 15px;
      margin-bottom: 60px;
      margin-top: 30px;
      width: 100%; }
      @media (max-width: 767px) {
        #normal section.expenses .contents-area .note {
          font-size: 11px;
          margin-bottom: 30px;
          margin-top: 15px; } }
    #normal section.expenses .contents-area .item {
      color: #0f2658;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 10px;
      margin-top: 15px; }
      @media (max-width: 767px) {
        #normal section.expenses .contents-area .item {
          font-size: 12px;
          margin-bottom: 5px;
          margin-top: 8px; } }
    #normal section.expenses .contents-area .item-info {
      font-size: 13px;
      line-height: 1.7em; }
      @media (max-width: 767px) {
        #normal section.expenses .contents-area .item-info {
          font-size: 11px; } }
    #normal section.expenses .contents-area .item-note {
      border: 1px solid #cccccc;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 12px;
      line-height: 2em;
      padding: 15px;
      margin-bottom: 15px;
      margin-top: 15px;
      width: 100%; }
      @media (max-width: 767px) {
        #normal section.expenses .contents-area .item-note {
          font-size: 10px;
          margin-bottom: 10px;
          margin-top: 8px; } }

/*
 * 18. 学校指定寮紹介
 */
#normal section.lodgings {
  padding-bottom: 160px; }
  @media (max-width: 767px) {
    #normal section.lodgings {
      padding-bottom: 80px; } }
  #normal section.lodgings .contents-area {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal section.lodgings .contents-area {
        width: 94%; } }
    #normal section.lodgings .contents-area .bold {
      font-weight: bold; }
    #normal section.lodgings .contents-area .title {
      font-size: 28px;
      font-weight: bold;
      text-align: center; }
      #normal section.lodgings .contents-area .title:first-child {
        font-size: 40px;
        margin-top: 40px; }
      @media (max-width: 767px) {
        #normal section.lodgings .contents-area .title {
          font-size: 18px; }
          #normal section.lodgings .contents-area .title:first-child {
            font-size: 20px;
            line-height: 1.2;
            margin-top: 20px; } }
    #normal section.lodgings .contents-area .message {
      font-size: 14px;
      line-height: 1.7em;
      margin-top: 30px; }
      @media (max-width: 767px) {
        #normal section.lodgings .contents-area .message {
          font-size: 13px;
          margin-top: 15px; } }
    #normal section.lodgings .contents-area .sub-title {
      display: inline-block;
      font-size: 24px;
      margin-bottom: 5px;
      margin-top: 35px; }
      @media (max-width: 767px) {
        #normal section.lodgings .contents-area .sub-title {
          font-size: 16px;
          margin-bottom: 3px;
          margin-top: 18px; } }
    #normal section.lodgings .contents-area .mark {
      background-color: #002855;
      border-radius: 5px;
      color: #fff;
      display: inline-block;
      font-size: 14px;
      padding: 3px 20px;
      margin-bottom: 7px;
      margin-left: 10px;
      vertical-align: middle; }
      @media (max-width: 767px) {
        #normal section.lodgings .contents-area .mark {
          font-size: 10px;
          margin-bottom: 3px; } }

    #normal section.lodgings .contents-area .border-wrapper .border-left {
      background-color: #00428c;
      float: left;
      height: 2px;
      width: 245px; }


      @media (max-width: 767px) {
        #normal section.lodgings .contents-area .border-wrapper .border-left {
          width: 25%; } }
    #normal section.lodgings .contents-area .border-wrapper .border-right {
      background-color: #e0e9f3;
      float: left;
      height: 2px;
      width: 735px; }
      @media (max-width: 767px) {
        #normal section.lodgings .contents-area .border-wrapper .border-right {
          width: 75%; } }
    #normal section.lodgings .contents-area .address {
      font-size: 13px;
      margin-bottom: 15px;
      margin-top: 15px; }
      @media (max-width: 767px) {
        #normal section.lodgings .contents-area .address {
          font-size: 11px;
          margin-bottom: 8px;
          margin-top: 8px; } }
    #normal section.lodgings .contents-area .info-wrap {
      font-size: 14px; }
      #normal section.lodgings .contents-area .info-wrap dl dt, #normal section.lodgings .contents-area .info-wrap dl dd {
        border: 1px solid #cccccc;
        border-bottom: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        padding: 15px 30px; }
        #normal section.lodgings .contents-area .info-wrap dl dt:last-of-type, #normal section.lodgings .contents-area .info-wrap dl dd:last-of-type {
          border-bottom: 1px solid #cccccc; }
        @media (max-width: 767px) {
          #normal section.lodgings .contents-area .info-wrap dl dt, #normal section.lodgings .contents-area .info-wrap dl dd {
            font-size: 10px;
            padding: 10px; } }
      #normal section.lodgings .contents-area .info-wrap dl dt {
        background-color: #f4f4f4;
        font-weight: bold;
        width: 43%; }
      #normal section.lodgings .contents-area .info-wrap dl .info-center {
        line-height: 3em; }
      #normal section.lodgings .contents-area .info-wrap dl dd {
        border-left: none;
        width: 57%; }
    #normal section.lodgings .contents-area .note {
      color: #002855;
      font-size: 20px;
      line-height: 1.7em;
      margin-top: 40px;
      text-align: center; }
      @media (max-width: 767px) {
        #normal section.lodgings .contents-area .note {
          font-size: 14px;
          margin-top: 20px; } }

/*
 * 06. 年間スケジュール
 */
#normal .main {
  min-width: 1020px; }
  @media (max-width: 767px) {
    #normal .main {
      min-width: 0; } }

#normal .schedule {
  min-width: 1020px;
/*  padding: 60px 0 76px; */
  padding: 0px 0 76px !important; }


#normal .schedule2 {
	padding-top: 33px !important;
}



  @media (max-width: 767px) {
    #normal .schedule {
      min-width: 0;
/*      padding: 30px 0 38px; */
      padding: 0px 0 38px !important; } }
  #normal .schedule .section-title {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 111px;
    text-align: center; }
    @media (max-width: 767px) {
      #normal .schedule .section-title {
        font-size: 20px;
        margin-bottom: 32px; } }
  #normal .schedule .schedule-list {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal .schedule .schedule-list {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%; } }
    #normal .schedule .schedule-list > li {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 140px;
      position: relative; }
      @media (max-width: 767px) {
        #normal .schedule .schedule-list > li {
          min-height: 120px;
          padding-left: 70px; } }
      #normal .schedule .schedule-list > li::before {
        background: #002953;
        content: "";
        display: block;
        height: 90%;
        left: 55px;
        position: absolute;
        top: 0;
        width: 1px; }
        @media (max-width: 767px) {
          #normal .schedule .schedule-list > li::before {
            left: 30px; } }
      #normal .schedule .schedule-list > li.april {
        padding-bottom: 94px; }
        @media (max-width: 767px) {
          #normal .schedule .schedule-list > li.april {
            padding-bottom: 20px; } }
        #normal .schedule .schedule-list > li.april .img-box {
          height: 223px;
          margin-top: 35px; }
          @media (max-width: 767px) {
            #normal .schedule .schedule-list > li.april .img-box {
              height: auto;
              margin-top: 10px; } }
          #normal .schedule .schedule-list > li.april .img-box::after {
            clear: both;
            content: "";
            display: block; }
          #normal .schedule .schedule-list > li.april .img-box img {
            height: 223px; }
            @media (max-width: 767px) {
              #normal .schedule .schedule-list > li.april .img-box img {
                height: auto;
                width: 100%; } }
            #normal .schedule .schedule-list > li.april .img-box img:nth-of-type(1) {
              float: left; }
              @media (max-width: 767px) {
                #normal .schedule .schedule-list > li.april .img-box img:nth-of-type(1) {
                  float: none; } }
            #normal .schedule .schedule-list > li.april .img-box img:nth-of-type(2) {
              float: right; }
              @media (max-width: 767px) {
                #normal .schedule .schedule-list > li.april .img-box img:nth-of-type(2) {
                  display: none; } }
      #normal .schedule .schedule-list > li.may {
        height: 263px;
        padding-top: 39px; }
        @media (max-width: 767px) {
          #normal .schedule .schedule-list > li.may {
            height: auto;
            padding-top: 20px; } }
        #normal .schedule .schedule-list > li.may .img-box {
          position: absolute;
          right: 0;
          top: 0;
          width: 597px; }
          @media (max-width: 767px) {
            #normal .schedule .schedule-list > li.may .img-box {
              display: none; } }
          #normal .schedule .schedule-list > li.may .img-box img {
            vertical-align: top;
            width: 100%; }
      #normal .schedule .schedule-list > li.june {
        height: 474px;
        padding-top: 29px; }
        @media (max-width: 767px) {
          #normal .schedule .schedule-list > li.june {
            height: auto;
            padding-bottom: 20px;
            padding-top: 10px; } }
        #normal .schedule .schedule-list > li.june .img-box {
          margin-top: 20px;
          width: 836px; }
          @media (max-width: 767px) {
            #normal .schedule .schedule-list > li.june .img-box {
              margin-top: 10px;
              width: 100%; } }
          #normal .schedule .schedule-list > li.june .img-box img {
            vertical-align: top;
            width: 100%; }
      #normal .schedule .schedule-list > li.july {
        height: 297px;
        padding-top: 43px; }
        @media (max-width: 767px) {
          #normal .schedule .schedule-list > li.july {
            height: auto;
            padding-top: 20px; } }
        #normal .schedule .schedule-list > li.july .img-box {
          position: absolute;
          right: 0;
          top: 0;
          width: 537px; }
          @media (max-width: 767px) {
            #normal .schedule .schedule-list > li.july .img-box {
              display: none; } }
          #normal .schedule .schedule-list > li.july .img-box img {
            vertical-align: top;
            width: 100%; }
      #normal .schedule .schedule-list > li.august {
        height: 284px;
        padding-top: 21px; }
        @media (max-width: 767px) {
          #normal .schedule .schedule-list > li.august {
            height: auto;
            padding-top: 10px; } }
      #normal .schedule .schedule-list > li.september {
        height: 753px;
        padding-top: 8px; }
        @media (max-width: 767px) {
          #normal .schedule .schedule-list > li.september {
            height: auto;
            padding-bottom: 20px;
            padding-top: 0; } }
        #normal .schedule .schedule-list > li.september .img-box {
          margin-top: 30px;
          width: 836px; }
          @media (max-width: 767px) {
            #normal .schedule .schedule-list > li.september .img-box {
              margin-top: 10px;
              width: 100%; } }
          #normal .schedule .schedule-list > li.september .img-box img {
            vertical-align: top;
            width: 100%; }
      #normal .schedule .schedule-list > li.october {
        height: 702px;
        padding-top: 3px; }
        @media (max-width: 767px) {
          #normal .schedule .schedule-list > li.october {
            height: auto;
            padding-bottom: 20px;
            padding-top: 0; } }
        #normal .schedule .schedule-list > li.october .img-box {
          z-index: -1;
          position: absolute;
          right: -7px;
          top: 8px;
          width: 870px; }
          @media (max-width: 767px) {
            #normal .schedule .schedule-list > li.october .img-box {
              margin-top: 0;
              position: static;
              width: 100%; } }
          #normal .schedule .schedule-list > li.october .img-box img {
            vertical-align: top;
            width: 100%; }


        #normal .schedule .schedule-list > li.october .img-box2 {
          margin-top: 19px;
          width: 841px; }
          @media (max-width: 767px) {
            #normal .schedule .schedule-list > li.october .img-box2 {
              margin-top: 10px;
              width: 100%; } }
          #normal .schedule .schedule-list > li.october .img-box2 img {
            vertical-align: top;
            width: 100%; }



      #normal .schedule .schedule-list > li.november {
        height: 808px;
        padding-top: 24px; }
        @media (max-width: 767px) {
          #normal .schedule .schedule-list > li.november {
            height: auto;
            padding-bottom: 20px;
            padding-top: 10px; } }
        #normal .schedule .schedule-list > li.november .img-box {
          margin-top: 19px;
          width: 841px; }
          @media (max-width: 767px) {
            #normal .schedule .schedule-list > li.november .img-box {
              margin-top: 10px;
              width: 100%; } }
          #normal .schedule .schedule-list > li.november .img-box img {
            vertical-align: top;
            width: 100%; }
      #normal .schedule .schedule-list > li.december {
        height: 260px;
        padding-top: 46px; }
        @media (max-width: 767px) {
          #normal .schedule .schedule-list > li.december {
            height: auto;
            padding-top: 20px; } }
        #normal .schedule .schedule-list > li.december .img-box {
          position: absolute;
          right: 0px;
          top: 0;
          /* width: 471px; */
          width: 405px; }
          @media (max-width: 767px) {
            #normal .schedule .schedule-list > li.december .img-box {
              display: none; } }
          #normal .schedule .schedule-list > li.december .img-box img {
            vertical-align: top;
            width: 100%; }
      #normal .schedule .schedule-list > li.february {
        height: 283px;
        padding-top: 41px; }
        @media (max-width: 767px) {
          #normal .schedule .schedule-list > li.february {
            height: auto;
            padding-top: 20px; } }
      #normal .schedule .schedule-list > li.march {
        padding-top: 4px; }
        @media (max-width: 767px) {
          #normal .schedule .schedule-list > li.march {
            padding-top: 0; } }
        #normal .schedule .schedule-list > li.march::before {
          display: none; }
        #normal .schedule .schedule-list > li.march .img-box {
          margin-top: 23px;
          width: 838px; }
          @media (max-width: 767px) {
            #normal .schedule .schedule-list > li.march .img-box {
              margin-top: 10px;
              width: 100%; } }
          #normal .schedule .schedule-list > li.march .img-box img {
            vertical-align: top;
            width: 100%; }
      #normal .schedule .schedule-list > li .month-box {
        background: #002953;
        color: #fff;
        font-family: "Roboto", sans-serif;
        font-size: 70px;
        font-weight: bold;
        height: 110px;
        left: 0;
        line-height: 110px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 110px; }
        @media (max-width: 767px) {
          #normal .schedule .schedule-list > li .month-box {
            font-size: 40px;
            height: 60px;
            line-height: 60px;
            width: 60px; } }
        #normal .schedule .schedule-list > li .month-box::after {
          border: 1px solid #fff;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          content: "";
          display: block;
          height: 98px;
          left: 6px;
          position: absolute;
          top: 6px;
          width: 98px; }
          @media (max-width: 767px) {
            #normal .schedule .schedule-list > li .month-box::after {
              height: 52px;
              left: 4px;
              top: 4px;
              width: 52px; } }
      #normal .schedule .schedule-list > li .img-plane {
        bottom: 0;
        left: 27px;
        position: absolute;
        width: 55px; }
        @media (max-width: 767px) {
          #normal .schedule .schedule-list > li .img-plane {
            left: 15px;
            width: 30px; } }
        #normal .schedule .schedule-list > li .img-plane img {
          vertical-align: center;
          width: 100%; }
      #normal .schedule .schedule-list > li .event-list li {
        font-size: 20px;
        font-weight: bold;
        line-height: 33px;
        padding-left: 22px;
        position: relative; }
        @media (max-width: 767px) {
          #normal .schedule .schedule-list > li .event-list li {
            font-size: 14px;
            line-height: 22px;
            padding-left: 14px; } }
        #normal .schedule .schedule-list > li .event-list li::before {
          background: #002953;
          content: "";
          display: block;
          height: 12px;
          left: 6px;
          position: absolute;
          top: 11px;
          width: 12px; }
          @media (max-width: 767px) {
            #normal .schedule .schedule-list > li .event-list li::before {
              height: 8px;
              left: 3px;
              top: 7px;
              width: 8px; } }

/*
 * 03. 学校概要
 */
#normal section.outline {
  padding-bottom: 160px; }
  @media (max-width: 767px) {
    #normal section.outline {
      padding-bottom: 80px; } }
  #normal section.outline .contents-area {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal section.outline .contents-area {
        width: 94%; } }
    #normal section.outline .contents-area .bold {
      font-weight: bold; }
    #normal section.outline .contents-area .title {
      font-size: 28px;
      font-weight: bold;
      text-align: center; }
      #normal section.outline .contents-area .title:first-child {
        font-size: 40px;
        margin-top: 40px; }
      @media (max-width: 767px) {
        #normal section.outline .contents-area .title {
          font-size: 18px; }
          #normal section.outline .contents-area .title:first-child {
            font-size: 20px;
            line-height: 1.2;
            margin-top: 20px; } }
    #normal section.outline .contents-area .greeting-title {
      color: #002855;
      font-size: 22px;
      font-weight: bold;
      margin-top: 30px; }
      @media (max-width: 767px) {
        #normal section.outline .contents-area .greeting-title {
          font-size: 16px;
          line-height: 1.7em;
          margin-top: 15px;
          text-align: center; } }
    #normal section.outline .contents-area .greeting-wrap {
      margin-bottom: 35px;
      margin-top: 30px; }
      @media (max-width: 767px) {
        #normal section.outline .contents-area .greeting-wrap {
          margin-bottom: 18px;
          margin-top: 20px; } }
      #normal section.outline .contents-area .greeting-wrap .greeting-image {
        float: right;
        width: 25%; }
        @media (max-width: 767px) {
          #normal section.outline .contents-area .greeting-wrap .greeting-image {
            float: none;
            margin: 0 auto 15px;
            width: 65%; } }
        #normal section.outline .contents-area .greeting-wrap .greeting-image img {
          width: 100%; }
        #normal section.outline .contents-area .greeting-wrap .greeting-image .image-info {
          font-size: 14px;
          margin-top: 5px;
          text-align: right; }
          @media (max-width: 767px) {
            #normal section.outline .contents-area .greeting-wrap .greeting-image .image-info {
              font-size: 12px;
              margin-top: 3px;
              text-align: center; } }
          #normal section.outline .contents-area .greeting-wrap .greeting-image .image-info .name {
            font-size: 22px;
            font-weight: bold; }
            @media (max-width: 767px) {
              #normal section.outline .contents-area .greeting-wrap .greeting-image .image-info .name {
                font-size: 16px;
                margin-top: 15px; } }
      #normal section.outline .contents-area .greeting-wrap .greeting-text {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        font-size: 17px;
        line-height: 2em;
        margin-right: 5%;
        width: 70%; }
        @media (max-width: 767px) {
          #normal section.outline .contents-area .greeting-wrap .greeting-text {
            float: none;
            font-size: 14px;
            width: 100%; } }
    #normal section.outline .contents-area .sub-title {
      font-size: 24px;
      margin-bottom: 5px;
      margin-top: 35px; }
      @media (max-width: 767px) {
        #normal section.outline .contents-area .sub-title {
          font-size: 16px;
          margin-bottom: 3px;
          margin-top: 18px; } }
    #normal section.outline .contents-area .border-wrapper .border-left {
      background-color: #00428c;
      float: left;
      height: 2px;
      width: 245px; }
      @media (max-width: 767px) {
        #normal section.outline .contents-area .border-wrapper .border-left {
          width: 25%; } }
    #normal section.outline .contents-area .border-wrapper .border-right {
      background-color: #e0e9f3;
      float: left;
      height: 2px;
      width: 735px; }
      @media (max-width: 767px) {
        #normal section.outline .contents-area .border-wrapper .border-right {
          width: 75%; } }
    #normal section.outline .contents-area .outline-text {
      font-size: 14px;
      line-height: 1.7em;
      margin-top: 20px; }
      @media (max-width: 767px) {
        #normal section.outline .contents-area .outline-text {
          font-size: 13px;
          margin-top: 10px; } }
    #normal section.outline .contents-area .goal-list {
      font-size: 0;
      margin-top: 20px; }
      #normal section.outline .contents-area .goal-list li {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.7em; }
      @media (max-width: 767px) {
        #normal section.outline .contents-area .goal-list {
          margin-top: 10px; }
          #normal section.outline .contents-area .goal-list li {
            font-size: 14px; } }
    #normal section.outline .contents-area .outline-wrap {
      margin-top: 25px; }
      @media (max-width: 767px) {
        #normal section.outline .contents-area .outline-wrap {
          margin-top: 17px; } }
      #normal section.outline .contents-area .outline-wrap .table {
        border-collapse: collapse;
        table-layout: fixed;
        width: 980px; }
        @media (max-width: 767px) {
          #normal section.outline .contents-area .outline-wrap .table {
            width: 100%; } }
        #normal section.outline .contents-area .outline-wrap .table th, #normal section.outline .contents-area .outline-wrap .table td {
          border: 1px solid #cccccc;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          font-size: 14px;
          padding: 15px 30px;
          vertical-align: middle; }
          @media (max-width: 767px) {
            #normal section.outline .contents-area .outline-wrap .table th, #normal section.outline .contents-area .outline-wrap .table td {
              font-size: 10px;
              padding: 8px; } }
        #normal section.outline .contents-area .outline-wrap .table th {
          background-color: #f4f4f4;
          width: 25%; }
          #normal section.outline .contents-area .outline-wrap .table th .hidden {
            visibility: hidden; }
          @media (max-width: 767px) {
            #normal section.outline .contents-area .outline-wrap .table th {
              width: 30%; } }
        #normal section.outline .contents-area .outline-wrap .table td {
          border-left: none;
          width: 75%; }
          @media (max-width: 767px) {
            #normal section.outline .contents-area .outline-wrap .table td {
              width: 70%; } }
        #normal section.outline .contents-area .outline-wrap .table .info-indent {
          text-indent: -7.4em;
          padding-left: 9.7em; }
          @media (max-width: 767px) {
            #normal section.outline .contents-area .outline-wrap .table .info-indent {
              text-indent: 0;
              padding-left: 8px; } }
    #normal section.outline .contents-area .note {
      color: #002855;
      font-size: 20px;
      line-height: 1.7em;
      margin-top: 40px;
      text-align: center; }
      @media (max-width: 767px) {
        #normal section.outline .contents-area .note {
          font-size: 14px;
          margin-top: 20px; } }


    #normal section.outline .above-img {
    text-align: center; }

/*    #normal section.outline .contents-area .above-img img {*/
    #normal section.outline .above-img img {
    vertical-align: top;
	margin-top: 10px;
	max-width: 1000px;
    width: 100%; }

/*    #normal section.outline .contents-area .above-img img:nth-of-type(2) {*/
    #normal section.outline .above-img img:nth-of-type(2) {
      display: none; }

    @media (max-width: 767px) {
/*      #normal section.outline .contents-area .above-img img:nth-of-type(1) {*/
      #normal section.outline .above-img img:nth-of-type(1) {
        display: none; }

/*      #normal section.outline .contents-area .above-img img:nth-of-type(2) {*/
      #normal section.outline .above-img img:nth-of-type(2) {
        display: inline; } }


/*
 * 31. 学校評価
 */
#normal section.report {
  padding-bottom: 160px; }
  @media (max-width: 767px) {
    #normal section.report {
      padding-bottom: 80px; } }
  #normal section.report .contents-area {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal section.report .contents-area {
        width: 94%; } }
    #normal section.report .contents-area .bold {
      font-weight: bold; }
    #normal section.report .contents-area .title {
      border-left: 4px solid #00428c;
      font-size: 20px;
      padding-left: 8px;
      margin-bottom: 20px;
      margin-top: 35px; }
      @media (max-width: 767px) {
        #normal section.report .contents-area .title {
          font-size: 14px;
          padding-left: 4px;
          margin-bottom: 10px;
          margin-top: 18px; } }
    #normal section.report .contents-area .report-list {
      font-size: 0; }
      #normal section.report .contents-area .report-list li {
        border-top: 1px solid #e0e1e2;
        padding: 12px 0; }

      #normal dev.report .contents-area .report-list li {
        border-top: 1px solid #e0e1e2;
        padding: 12px 0; }


        #normal section.report .contents-area .report-list li:last-of-type {
          border-bottom: 1px solid #e0e1e2; }
        @media (max-width: 767px) {
          #normal section.report .contents-area .report-list li {
            padding: 20px 0; } }
        #normal section.report .contents-area .report-list li .report-name {
          float: left;
          font-size: 14px;
          font-weight: bold;
          padding-top: 10px;
          width: 50%; }
          @media (max-width: 767px) {
            #normal section.report .contents-area .report-list li .report-name {
              float: none;
              font-size: 13px;
              padding: 0 0 10px;
              width: 100%; } }
        #normal section.report .contents-area .report-list li .report-btn {
          border: 1px solid #00428c;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          color: #00428c;
          float: right;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          width: 400px; }
          #normal section.report .contents-area .report-list li .report-btn a {
            display: block;
            padding: 7px;
            position: relative; }
            #normal section.report .contents-area .report-list li .report-btn a .btn-arrow {
              color: #00428c;
              font-size: 20px;
              position: absolute;
              right: 15px;
              top: 2px; }
          @media (max-width: 767px) {
            #normal section.report .contents-area .report-list li .report-btn {
              float: none;
              font-size: 14px;
              padding-top: 0;
              width: 100%; }
              #normal section.report .contents-area .report-list li .report-btn a {
                padding: 10px; }
                #normal section.report .contents-area .report-list li .report-btn a .btn-arrow {
                  top: 3px; } }

/*
 * 32. 学校財務
 */
#normal section.financial {
  padding-bottom: 160px; }

  @media (max-width: 767px) {
    #normal section.financial {
      padding-bottom: 80px; } }
  #normal section.financial .contents-area {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal section.financial .contents-area {
        width: 94%; } }
    #normal section.financial .contents-area .bold {
      font-weight: bold; }
    #normal section.financial .contents-area .report-list {
      font-size: 0;
      margin-top: 40px; }
      @media (max-width: 767px) {
        #normal section.financial .contents-area .report-list {
          margin-top: 20px; } }
      #normal section.financial .contents-area .report-list li {
        border-top: 1px solid #e0e1e2;
        padding: 12px 0; }
        #normal section.financial .contents-area .report-list li:last-of-type {
          border-bottom: 1px solid #e0e1e2; }
        @media (max-width: 767px) {
          #normal section.financial .contents-area .report-list li {
            padding: 20px 0; } }
        #normal section.financial .contents-area .report-list li .report-name {
          float: left;
          font-size: 14px;
          font-weight: bold;
          padding-top: 10px;
          width: 50%; }
          @media (max-width: 767px) {
            #normal section.financial .contents-area .report-list li .report-name {
              float: none;
              font-size: 13px;
              padding: 0 0 10px;
              width: 100%; } }
        #normal section.financial .contents-area .report-list li .report-btn {
          border: 1px solid #00428c;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          color: #00428c;
          float: right;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          width: 400px; }
          #normal section.financial .contents-area .report-list li .report-btn a {
            display: block;
            padding: 7px;
            position: relative; }
            #normal section.financial .contents-area .report-list li .report-btn a .btn-arrow {
              color: #00428c;
              font-size: 20px;
              position: absolute;
              right: 15px;
              top: 2px; }
          @media (max-width: 767px) {
            #normal section.financial .contents-area .report-list li .report-btn {
              float: none;
              font-size: 14px;
              padding-top: 0;
              width: 100%; }
              #normal section.financial .contents-area .report-list li .report-btn a {
                padding: 10px; }
                #normal section.financial .contents-area .report-list li .report-btn a .btn-arrow {
                  top: 3px; } }


/*
 * NEW. 修学支援制度
 */
#normal section.supportsystem {
  padding-bottom: 160px; }

  @media (max-width: 767px) {
    #normal section.supportsystem {
      padding-bottom: 80px; } }
  #normal section.supportsystem .contents-area {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal section.supportsystem .contents-area {
        width: 94%; } }
    #normal section.supportsystem .contents-area .bold {
      font-weight: bold; }

    #normal section.supportsystem .contents-area .title {
      border-left: 4px solid #00428c;
      font-size: 20px;
      padding-left: 8px;
      margin-bottom: 20px;
      margin-top: 35px; }
      @media (max-width: 767px) {
        #normal section.supportsystem .contents-area .title {
          font-size: 14px;
          padding-left: 4px;
          margin-bottom: 10px;
          margin-top: 18px; } }

    #normal section.supportsystem .contents-area .report-list {
      font-size: 0;
      margin-top: 40px; }
      @media (max-width: 767px) {
        #normal section.supportsystem .contents-area .report-list {
          margin-top: 20px; } }
      #normal section.supportsystem .contents-area .report-list li {
        border-top: 1px solid #e0e1e2;
        padding: 12px 0; }
        #normal section.supportsystem .contents-area .report-list li:last-of-type {
          border-bottom: 1px solid #e0e1e2; }
        @media (max-width: 767px) {
          #normal section.supportsystem .contents-area .report-list li {
            padding: 20px 0; } }
        #normal section.supportsystem .contents-area .report-list li .report-name {
          float: left;
          font-size: 14px;
          font-weight: bold;
          padding-top: 10px;
          width: 50%; }
          @media (max-width: 767px) {
            #normal section.supportsystem .contents-area .report-list li .report-name {
              float: none;
              font-size: 13px;
              padding: 0 0 10px;
              width: 100%; } }
        #normal section.supportsystem .contents-area .report-list li .report-btn {
          border: 1px solid #00428c;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          color: #00428c;
          float: right;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          width: 400px; }
          #normal section.supportsystem .contents-area .report-list li .report-btn a {
            display: block;
            padding: 7px;
            position: relative; }
            #normal section.supportsystem .contents-area .report-list li .report-btn a .btn-arrow {
              color: #00428c;
              font-size: 20px;
              position: absolute;
              right: 15px;
              top: 2px; }
          @media (max-width: 767px) {
            #normal section.supportsystem .contents-area .report-list li .report-btn {
              float: none;
              font-size: 14px;
              padding-top: 0;
              width: 100%; }
              #normal section.supportsystem .contents-area .report-list li .report-btn a {
                padding: 10px; }
                #normal section.supportsystem .contents-area .report-list li .report-btn a .btn-arrow {
                  top: 3px; } }



/*
 * NEW. 新pageテンプレート用　page-normtemplate.php

 */
#normal section.normtemplate {
  padding-bottom: 160px; }

  @media (max-width: 767px) {
    #normal section.normtemplate {
      padding-bottom: 80px; } }
  #normal section.normtemplate .contents-area {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal section.normtemplate .contents-area {
        width: 94%; } 
      #normal section.normtemplate .contents-area p{
	font-size: 14px; } 
	}

    #normal section.normtemplate .contents-area .bold {
      font-weight: bold; }



    #normal section.normtemplate .contents-area .title {
      border-left: 4px solid #00428c;
      font-size: 20px;
      padding-left: 8px;
      margin-bottom: 20px;
      margin-top: 35px; }
      @media (max-width: 767px) {
        #normal section.normtemplate .contents-area .title {
          font-size: 14px;
          padding-left: 4px;
          margin-bottom: 10px;
          margin-top: 18px; } }


    #normal section.normtemplate .contents-area .title2 {
      font-size: 40px;
      padding-left: 8px;
      margin-bottom: 20px;
      margin-top: 40px; }
      @media (max-width: 767px) {
          #normal section.normtemplate .contents-area .title2 {
            font-size: 20px;
            line-height: 1.2;
            margin-top: 20px; } }



    #normal section.normtemplate .contents-area .nobar {
      border: none;
      padding-left: 0px;}


    #normal section.normtemplate .contents-area .report-list {
      font-size: 0;
      margin-top: 40px; }
      @media (max-width: 767px) {
        #normal section.normtemplate .contents-area .report-list {
          margin-top: 20px; } }
      #normal section.normtemplate .contents-area .report-list li {
        border-top: 1px solid #e0e1e2;
        padding: 12px 0; }
        #normal section.normtemplate .contents-area .report-list li:last-of-type {
          border-bottom: 1px solid #e0e1e2; }
        @media (max-width: 767px) {
          #normal section.normtemplate .contents-area .report-list li {
            padding: 20px 0; } }
        #normal section.normtemplate .contents-area .report-list li .report-name {
          float: left;
          font-size: 14px;
          font-weight: bold;
          padding-top: 10px;
          width: 50%; }
          @media (max-width: 767px) {
            #normal section.normtemplate .contents-area .report-list li .report-name {
              float: none;
              font-size: 13px;
              padding: 0 0 10px;
              width: 100%; } }
        #normal section.normtemplate .contents-area .report-list li .report-btn {
          border: 1px solid #00428c;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          color: #00428c;
          float: right;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          width: 400px; }
          #normal section.normtemplate .contents-area .report-list li .report-btn a {
            display: block;
            padding: 7px;
            position: relative; }
            #normal section.normtemplate .contents-area .report-list li .report-btn a .btn-arrow {
              color: #00428c;
              font-size: 20px;
              position: absolute;
              right: 15px;
              top: 2px; }
          @media (max-width: 767px) {
            #normal section.normtemplate .contents-area .report-list li .report-btn {
              float: none;
              font-size: 14px;
              padding-top: 0;
              width: 100%; }
              #normal section.normtemplate .contents-area .report-list li .report-btn a {
                padding: 10px; }
                #normal section.normtemplate .contents-area .report-list li .report-btn a .btn-arrow {
                  top: 3px; } }


/* from section.outline */



    #normal section.normtemplate .contents-area .greeting-title {
      color: #002855;
      font-size: 22px;
      font-weight: bold;
      margin-top: 30px; }
      @media (max-width: 767px) {
        #normal section.normtemplate .contents-area .greeting-title {
          font-size: 16px;
          line-height: 1.7em;
          margin-top: 15px;
          text-align: center; } }
    #normal section.normtemplate .contents-area .greeting-wrap {
      margin-bottom: 35px;
      margin-top: 30px; }
      @media (max-width: 767px) {
        #normal section.normtemplate .contents-area .greeting-wrap {
          margin-bottom: 18px;
          margin-top: 20px; } }
      #normal section.normtemplate .contents-area .greeting-wrap .greeting-image {
        float: right;
        width: 25%; }
        @media (max-width: 767px) {
          #normal section.normtemplate .contents-area .greeting-wrap .greeting-image {
            float: none;
            margin: 0 auto 15px;
            width: 65%; } }
        #normal section.normtemplate .contents-area .greeting-wrap .greeting-image img {
          width: 100%; }
        #normal section.normtemplate .contents-area .greeting-wrap .greeting-image .image-info {
          font-size: 14px;
          margin-top: 5px;
          text-align: right; }
          @media (max-width: 767px) {
            #normal section.normtemplate .contents-area .greeting-wrap .greeting-image .image-info {
              font-size: 12px;
              margin-top: 3px;
              text-align: center; } }
          #normal section.normtemplate .contents-area .greeting-wrap .greeting-image .image-info .name {
            font-size: 22px;
            font-weight: bold; }
            @media (max-width: 767px) {
              #normal section.normtemplate .contents-area .greeting-wrap .greeting-image .image-info .name {
                font-size: 16px;
                margin-top: 15px; } }
      #normal section.normtemplate .contents-area .greeting-wrap .greeting-text {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        font-size: 17px;
        line-height: 2em;
        margin-right: 5%;
        width: 70%; }
        @media (max-width: 767px) {
          #normal section.normtemplate .contents-area .greeting-wrap .greeting-text {
            float: none;
            font-size: 14px;
            width: 100%; } }
    #normal section.normtemplate .contents-area .sub-title {
      font-size: 24px;
      margin-bottom: 5px;
      margin-top: 35px; }
      @media (max-width: 767px) {
        #normal section.normtemplate .contents-area .sub-title {
          font-size: 16px;
          margin-bottom: 3px;
          margin-top: 18px; } }


    #normal section.normtemplate .contents-area .border-wrapper .border-left {
      background-color: #00428c;
      float: left;
      height: 2px;
      width: 245px; }
      @media (max-width: 767px) {
        #normal section.normtemplate .contents-area .border-wrapper .border-left {
          width: 25%; } }
    #normal section.normtemplate .contents-area .border-wrapper .border-right {
      background-color: #e0e9f3;
      float: left;
      height: 2px;
      width: 735px; }
      @media (max-width: 767px) {
        #normal section.normtemplate .contents-area .border-wrapper .border-right {
          width: 75%; } }
    #normal section.normtemplate .contents-area .outline-text {
      font-size: 14px;
      line-height: 1.7em;
      margin-top: 20px; }
      @media (max-width: 767px) {
        #normal section.normtemplate .contents-area .outline-text {
          font-size: 13px;
          margin-top: 10px; } }
    #normal section.normtemplate .contents-area .goal-list {
      font-size: 0;
      margin-top: 20px; }
      #normal section.normtemplate .contents-area .goal-list li {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.7em; }
      @media (max-width: 767px) {
        #normal section.normtemplate .contents-area .goal-list {
          margin-top: 10px; }
          #normal section.normtemplate .contents-area .goal-list li {
            font-size: 14px; } }
    #normal section.normtemplate .contents-area .outline-wrap {
      margin-top: 25px; }
      @media (max-width: 767px) {
        #normal section.normtemplate .contents-area .outline-wrap {
          margin-top: 17px; } }
      #normal section.normtemplate .contents-area .outline-wrap .table {
        border-collapse: collapse;
        table-layout: fixed;
        width: 980px; }
        @media (max-width: 767px) {
          #normal section.normtemplate .contents-area .outline-wrap .table {
            width: 100%; } }
        #normal section.normtemplate .contents-area .outline-wrap .table th, #normal section.normtemplate .contents-area .outline-wrap .table td {
          border: 1px solid #cccccc;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          font-size: 14px;
          padding: 15px 30px;
          vertical-align: middle; }
          @media (max-width: 767px) {
            #normal section.normtemplate .contents-area .outline-wrap .table th, #normal section.normtemplate .contents-area .outline-wrap .table td {
              font-size: 10px;
              padding: 8px; } }
        #normal section.normtemplate .contents-area .outline-wrap .table th {
          background-color: #f4f4f4;
          width: 25%; }
          #normal section.normtemplate .contents-area .outline-wrap .table th .hidden {
            visibility: hidden; }
          @media (max-width: 767px) {
            #normal section.normtemplate .contents-area .outline-wrap .table th {
              width: 30%; } }
        #normal section.normtemplate .contents-area .outline-wrap .table td {
          border-left: none;
          width: 75%; }
          @media (max-width: 767px) {
            #normal section.normtemplate .contents-area .outline-wrap .table td {
              width: 70%; } }
        #normal section.normtemplate .contents-area .outline-wrap .table .info-indent {
          text-indent: -7.4em;
          padding-left: 9.7em; }
          @media (max-width: 767px) {
            #normal section.normtemplate .contents-area .outline-wrap .table .info-indent {
              text-indent: 0;
              padding-left: 8px; } }



/*
 * 学校案内 配下ページ

 08. 写真で見るN-TAC
 09. 動画で見るN-TAC
     N-TAC network
 */
#normal section.photo-page .content-box-wrap {
  padding-top: 40px;
  padding-bottom: 40px; }
  @media (max-width: 767px) {
    #normal section.photo-page .content-box-wrap {
      padding-top: 20px;
      padding-bottom: 20px; } }
  #normal section.photo-page .content-box-wrap .content-box {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal section.photo-page .content-box-wrap .content-box {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px; } }
  #normal section.photo-page .content-box-wrap .head-title {
    font-size: 40px;
    text-align: center;
    font-weight: bold; }
    @media (max-width: 767px) {
      #normal section.photo-page .content-box-wrap .head-title {
        margin: 0 0 22px;
        font-size: 16px;
        line-height: 24px; } }
  #normal section.photo-page .content-box-wrap .head-message {
    margin-top: 40px;
    font-size: 20px;
    line-height: 32px; }
    @media (max-width: 767px) {
      #normal section.photo-page .content-box-wrap .head-message {
        margin-top: 20px;
        font-size: 14px;
        line-height: 24px; } }
  #normal section.photo-page .content-box-wrap .picure-box {
    margin: 0 auto;
    width: 980px;
    margin-top: 80px; }
    @media (max-width: 767px) {
      #normal section.photo-page .content-box-wrap .picure-box {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px; } }
    @media (max-width: 767px) {
      #normal section.photo-page .content-box-wrap .picure-box {
        margin-top: 40px; } }
    #normal section.photo-page .content-box-wrap .picure-box .picure-title {
      margin-top: 50px;
      font-size: 28px;
      -webkit-font-feature-settings: "palt";
      font-feature-settings: "palt"; }
      @media (max-width: 767px) {
        #normal section.photo-page .content-box-wrap .picure-box .picure-title {
          margin-top: 25px;
          font-size: 16px;
          line-height: 24px; } }
    #normal section.photo-page .content-box-wrap .picure-box .line-box {
      width: 100%;
      padding-bottom: 20px; }
      #normal section.photo-page .content-box-wrap .picure-box .line-box::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #normal section.photo-page .content-box-wrap .picure-box .line-box {
          padding-bottom: 10px; } }
      #normal section.photo-page .content-box-wrap .picure-box .line-box .left-line {
        float: left;
        width: 27%;
        height: 2px;
        background-color: #00428c; }
      #normal section.photo-page .content-box-wrap .picure-box .line-box .right-line {
        float: right;
        width: 73%;
        height: 2px;
        background-color: #e0e9f3; }
    #normal section.photo-page .content-box-wrap .picure-box .desc {
      font-size: 16px;
      line-height: 26px; }
      @media (max-width: 767px) {
        #normal section.photo-page .content-box-wrap .picure-box .desc {
          font-size: 12px;
          line-height: 20px; } }
    #normal section.photo-page .content-box-wrap .picure-box ul.pictures {
      width: 100%;
      margin-top: 10px; }
      #normal section.photo-page .content-box-wrap .picure-box ul.pictures::after {
        clear: both;
        content: "";
        display: block; }
      #normal section.photo-page .content-box-wrap .picure-box ul.pictures li {
        float: left;
        width: 24.1%;
        height: 150px;
        margin-right: 1.2%;
        margin-bottom: 10px;
        background-position: center;
        background-size: cover; }
        @media (max-width: 767px) {
          #normal section.photo-page .content-box-wrap .picure-box ul.pictures li {
            width: 49%;
            height: 120px;
            margin-right: 2%;
            margin-bottom: 8px; } }
        @media (max-width: 767px) {
          #normal section.photo-page .content-box-wrap .picure-box ul.pictures li:nth-child(2n) {
            margin-right: 0; } }
        #normal section.photo-page .content-box-wrap .picure-box ul.pictures li:nth-child(4n) {
          margin-right: 0; }
        #normal section.photo-page .content-box-wrap .picure-box ul.pictures li:hover {
          opacity: 0.9; }
        #normal section.photo-page .content-box-wrap .picure-box ul.pictures li a {
          display: block;
          width: 100%;
          height: 150px; }
          @media (max-width: 767px) {
            #normal section.photo-page .content-box-wrap .picure-box ul.pictures li a {
              height: 120px; } }
    #normal section.photo-page .content-box-wrap .picure-box ul.movies {
      width: 100%;
      margin-top: 15px; }
      #normal section.photo-page .content-box-wrap .picure-box ul.movies::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #normal section.photo-page .content-box-wrap .picure-box ul.movies {
          margin-top: 10px; } }
      #normal section.photo-page .content-box-wrap .picure-box ul.movies li {
        float: left;
        width: 31.6%;
        margin-right: 2.6%;
        margin-bottom: 10px; }
        @media (max-width: 767px) {
          #normal section.photo-page .content-box-wrap .picure-box ul.movies li {
            width: 100%;
            margin-right: 0;
            margin-bottom: 8px; } }
        #normal section.photo-page .content-box-wrap .picure-box ul.movies li:nth-child(3n) {
          margin-right: 0; }
        #normal section.photo-page .content-box-wrap .picure-box ul.movies li:nth-child(n + 4) {
          margin-top: 50px; }
          @media (max-width: 767px) {
            #normal section.photo-page .content-box-wrap .picure-box ul.movies li:nth-child(n + 4) {
              margin-top: 0; } }
        @media (max-width: 767px) {
          #normal section.photo-page .content-box-wrap .picure-box ul.movies li:nth-child(n + 2) {
            margin-top: 15px; } }
        #normal section.photo-page .content-box-wrap .picure-box ul.movies li:hover {
          opacity: 0.9; }
        #normal section.photo-page .content-box-wrap .picure-box ul.movies li .movie {
          width: 100%;
          height: 175px;
          background-position: center;
          background-size: cover; }
          @media (max-width: 767px) {
            #normal section.photo-page .content-box-wrap .picure-box ul.movies li .movie {
              width: 60%;
              height: 110px;
              margin: 0 auto; } }
        #normal section.photo-page .content-box-wrap .picure-box ul.movies li .movie-title {
          padding-top: 15px;
          font-size: 17px;
          text-align: center;
          font-weight: bold;
          color: #002855; }
          @media (max-width: 767px) {
            #normal section.photo-page .content-box-wrap .picure-box ul.movies li .movie-title {
              padding-top: 10px;
              font-size: 13px; } }
        #normal section.photo-page .content-box-wrap .picure-box ul.movies li .desc-box {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border-top: solid 1px #002855;
          border-bottom: solid 1px #002855;
          padding: 15px 5px 0;
          height: 90px;
          margin-top: 10px; }
          @media (max-width: 767px) {
            #normal section.photo-page .content-box-wrap .picure-box ul.movies li .desc-box {
              padding: 10px 10px;
              height: auto;
              margin-top: 8px; } }
          #normal section.photo-page .content-box-wrap .picure-box ul.movies li .desc-box .name {
            margin-bottom: 6px;
            font-size: 15px;
            font-weight: bold;
            color: #002855; }
            @media (max-width: 767px) {
              #normal section.photo-page .content-box-wrap .picure-box ul.movies li .desc-box .name {
                margin-bottom: 4px;
                font-size: 12px; } }
          #normal section.photo-page .content-box-wrap .picure-box ul.movies li .desc-box .profile {
            font-size: 11px;
            line-height: 19px; }
            @media (max-width: 767px) {
              #normal section.photo-page .content-box-wrap .picure-box ul.movies li .desc-box .profile {
                font-size: 10px;
                line-height: 17px; } }
        #normal section.photo-page .content-box-wrap .picure-box ul.movies li .desc-box-double {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border-bottom: solid 1px #002855;
          padding-top: 15px;
          height: 85px;
          text-align: center;
          font-size: 17px;
          line-height: 30px;
          color: #002855;
          font-weight: bold; }
          @media (max-width: 767px) {
            #normal section.photo-page .content-box-wrap .picure-box ul.movies li .desc-box-double {
              padding: 10px 0;
              height: auto;
              text-align: center;
              font-size: 13px;
              line-height: 24px; } }
        #normal section.photo-page .content-box-wrap .picure-box ul.movies li .desc-box-single {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border-bottom: solid 1px #002855;
          padding-top: 32px;
          height: 85px;
          text-align: center;
          font-size: 17px;
          line-height: 17px;
          color: #002855;
          font-weight: bold; }
          @media (max-width: 767px) {
            #normal section.photo-page .content-box-wrap .picure-box ul.movies li .desc-box-single {
              padding: 10px 0;
              height: auto;
              text-align: center;
              font-size: 13px;
              line-height: 24px; } }
  #normal section.photo-page .content-box-wrap .full-line {
    margin-top: 105px;
    width: 100%;
    height: 1px;
    background-color: #DCDDDD; }
    @media (max-width: 767px) {
      #normal section.photo-page .content-box-wrap .full-line {
        margin-top: 50px; } }


/* 動画で見るN-TAC 追加 /movie/index.php分 */
#normal section.photo-page .content-box-wrap .picure-box ul.movies li .movie-title-single{
  padding-top: 27px;
  padding-bottom: 15px;
  font-size: 17px;
  text-align: center;
  font-weight: bold;
  color: #002855;	
}
#normal section.photo-page .content-box-wrap .picure-box ul.movies li .movie-title-double{
  padding-top: 15px;
  font-size: 17px;  
  text-align: center;
  font-weight: bold;
  color: #002855;	
}
.movies .pc {
  display: block;
}
@media (max-width: 767px) {
  .movies .pc {
    display: none;
  }
  #normal section.photo-page .content-box-wrap .picure-box ul.movies li .movie-title-single,
  #normal section.photo-page .content-box-wrap .picure-box ul.movies li .movie-title-double{
    padding-top: 10px;
    padding-bottom: 0;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    color: #002855;
  }
}



#normal.network {
  padding: 0 0 100px; }
  @media (max-width: 767px) {
    #normal.network {
      padding: 0 0 40px; } }
  #normal.network .title-area {
    padding: 37px 0 18px; }
    @media (max-width: 767px) {
      #normal.network .title-area {
        padding: 20px 10px; } }
    #normal.network .title-area .page-title {
      font-size: 40px;
      font-weight: bold;
      line-height: 1.5;
      text-align: center; }
      @media (max-width: 767px) {
        #normal.network .title-area .page-title {
          font-size: 20px; } }
  #normal.network .publish .container {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal.network .publish .container {
        width: 100%; } }
    #normal.network .publish .container .section-title {
      color: #002855;
      font-size: 32px;
      font-weight: bold;
      line-height: 1.5;
      margin-bottom: 10px; }
      @media (max-width: 767px) {
        #normal.network .publish .container .section-title {
          font-size: 18px;
          margin-bottom: 4px;
          padding: 0 10px; } }
    #normal.network .publish .container .desc {
      font-size: 16px;
      line-height: 30px;
      margin-bottom: 31px; }
      @media (max-width: 767px) {
        #normal.network .publish .container .desc {
          font-size: 14px;
          line-height: 22px;
          margin-bottom: 20px;
          padding: 0 10px; } }
    #normal.network .publish .container .publish-list {
      border-top: 1px solid #D4D4D4; }
      #normal.network .publish .container .publish-list > li {
        border-bottom: 1px solid #D4D4D4;
        padding: 24px 0 20px; }
        @media (max-width: 767px) {
          #normal.network .publish .container .publish-list > li {
            padding: 12px 10px; } }
        #normal.network .publish .container .publish-list > li::after {
          clear: both;
          content: "";
          display: block; }
        #normal.network .publish .container .publish-list > li .figure-box {
          float: left;
          margin-right: 27px;
          width: 154px; }
          @media (max-width: 767px) {
            #normal.network .publish .container .publish-list > li .figure-box {
              float: none;
              margin-bottom: 20px;
              margin-right: 0;
              text-align: center;
              width: 100%; } }
          #normal.network .publish .container .publish-list > li .figure-box .issue-name {
            color: #002855;
            font-size: 22px;
            font-weight: bold;
            line-height: 30px;
            margin-bottom: 9px;
            white-space: nowrap; }
            @media (max-width: 767px) {
              #normal.network .publish .container .publish-list > li .figure-box .issue-name {
                font-size: 15px;
                line-height: 24px; } }
          #normal.network .publish .container .publish-list > li .figure-box .img-box {
            width: 150px; }
            @media (max-width: 767px) {
              #normal.network .publish .container .publish-list > li .figure-box .img-box {
                margin: 0 auto; } }
            #normal.network .publish .container .publish-list > li .figure-box .img-box img {
              vertical-align: top;
              width: 100%; }
        #normal.network .publish .container .publish-list > li .txt-box {
          float: left;
          width: 799px; }
          @media (max-width: 767px) {
            #normal.network .publish .container .publish-list > li .txt-box {
              width: 100%; } }
          #normal.network .publish .container .publish-list > li .txt-box p {
            font-size: 14px;
            font-weight: bold;
            line-height: 28px; }
            @media (max-width: 767px) {
              #normal.network .publish .container .publish-list > li .txt-box p {
                font-size: 12px;
                line-height: 20px; } }
          #normal.network .publish .container .publish-list > li .txt-box ul li {
            font-size: 14px;
            line-height: 24px; }
            @media (max-width: 767px) {
              #normal.network .publish .container .publish-list > li .txt-box ul li {
                font-size: 12px;
                line-height: 18px;
                text-indent: -1em;
                padding-left: 1em; } }

/*
 * 学科・コースページ
 */
#course {
  min-width: 1020px; }
  @media (max-width: 767px) {
    #course {
      min-width: 0; } }
  #course .top-main-area {
    width: 100%;
    height: 240px;
    background-position: center;
    background-size: cover;
    background-color: #7f7f7f;
    overflow: hidden; }
    @media (max-width: 767px) {
      #course .top-main-area {
        height: 180px; } }
    #course .top-main-area .content-wrap {
      margin: 0 auto;
      width: 980px;
      position: relative; }
      @media (max-width: 767px) {
        #course .top-main-area .content-wrap {
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px; } }
      #course .top-main-area .content-wrap .title {
        margin-top: 100px;
        font-size: 40px;
        line-height: 40px;
        font-weight: bold;
        display: inline-block;
        vertical-align: top;
        color: #FFFFFF; }
        @media (max-width: 767px) {
          #course .top-main-area .content-wrap .title {
            display: block;
            text-align: center;
            margin-top: 45px;
            font-size: 28px;
            line-height: 28px; } }
        #course .top-main-area .content-wrap .title span {
          font-size: 24px;
          line-height: 40px;
          margin-left: 20px; }
          @media (max-width: 767px) {
            #course .top-main-area .content-wrap .title span {
              display: block;
              font-size: 14px;
              line-height: 24px;
              margin-left: 0;
              margin-top: 5px; } }
      #course .top-main-area .content-wrap .sub-title-bottom {
        margin-top: 12px;
        font-family: 'Roboto';
        font-size: 16px;
        line-height: 16px;
        display: block;
        color: #FFFFFF; }
        @media (max-width: 767px) {
          #course .top-main-area .content-wrap .sub-title-bottom {
            text-align: center;
            margin-top: 20px;
            font-size: 13px;
            line-height: 13px; } }
      #course .top-main-area .content-wrap .sub-title {
        margin-top: 110px;
        margin-left: 10px;
        font-size: 16px;
        line-height: 16px;
        font-weight: bold;
        vertical-align: top;
        display: inline-block;
        color: #FFFFFF; }
        @media (max-width: 767px) {
          #course .top-main-area .content-wrap .sub-title {
            margin-top: 82px;
            font-size: 13px;
            line-height: 13px; } }
      #course .top-main-area .content-wrap .sub-title-ja {
        margin-top: 110px;
        margin-left: 10px;
        font-size: 24px;
        line-height: 24px;
        font-weight: bold;
        vertical-align: top;
        display: inline-block;
        color: #FFFFFF; }
        @media (max-width: 767px) {
          #course .top-main-area .content-wrap .sub-title-ja {
            margin-top: 82px;
            font-size: 13px;
            line-height: 13px; } }
      #course .top-main-area .content-wrap .band-area {
        position: absolute;
        top: 0;
        right: -88px;
        width: 383px;
        height: 240px;
        background-size: cover;
        color: #FFFFFF; }
        #course .top-main-area .content-wrap .band-area .band-title {
          padding-top: 52px;
          padding-left: 40px;
          text-align: center;
          font-size: 24px;
          line-height: 24px;
          font-weight: bold; }
        #course .top-main-area .content-wrap .band-area .band-sub-title {
          margin-top: 30px;
          text-align: center; }
          #course .top-main-area .content-wrap .band-area .band-sub-title .num {
            display: inline-block;
            font-size: 54px;
            line-height: 54px;
            font-family: 'Roboto';
            vertical-align: middle; }
          #course .top-main-area .content-wrap .band-area .band-sub-title .year {
            display: inline-block;
            font-size: 24px;
            line-height: 24px;
            vertical-align: middle; }
        #course .top-main-area .content-wrap .band-area .band-sub-title-btm {
          font-size: 13px;
          line-height: 18px; }
        #course .top-main-area .content-wrap .band-area.technology .band-title {
          padding-top: 58px;
          padding-left: 120px;
          text-align: left; }
        #course .top-main-area .content-wrap .band-area.technology .band-sub-title {
          margin-top: 26px;
          text-align: left;
          padding-left: 120px; }
        #course .top-main-area .content-wrap .band-area.technology .band-sub-title-btm {
          padding-left: 120px; }
        #course .top-main-area .content-wrap .band-area.mechanic .band-title {
          padding-top: 58px;
          padding-left: 120px;
          text-align: left; }
        #course .top-main-area .content-wrap .band-area.mechanic .band-sub-title {
          margin-top: 16px;
          text-align: left;
          padding-left: 120px; }
        #course .top-main-area .content-wrap .band-area.mechanic .band-sub-title-btm {
          padding-left: 120px; }
  #course .sp-band-area {
    display: none; }
    @media (max-width: 767px) {
      #course .sp-band-area {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        #course .sp-band-area::after {
          clear: both;
          content: "";
          display: block; }
        #course .sp-band-area .band-sub-title {
          padding: 8px 10px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 33%;
          height: 46px;
          float: left;
          color: #FFFFFF;
          text-align: center; }
          #course .sp-band-area .band-sub-title .num {
            display: inline-block;
            font-size: 26px;
            line-height: 26px;
            vertical-align: middle; }
          #course .sp-band-area .band-sub-title .year {
            display: inline-block;
            font-size: 12px;
            line-height: 12px;
            vertical-align: middle; }
        #course .sp-band-area .band-title {
          float: right;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 14px 10px;
          width: 67%;
          height: 46px;
          font-size: 16px;
          line-height: 16px;
          font-weight: bold;
          text-align: center;
          color: #FFFFFF; } }
    #course .sp-band-area.bg-orange .band-sub-title {
      background-color: #ea7606; }
    #course .sp-band-area.bg-orange .band-title {
      background-color: #8c4704; }
    #course .sp-band-area.technology .band-sub-title {
      background-color: #29beae; }
    #course .sp-band-area.technology .band-title {
      background-color: #197268; }
    #course .sp-band-area.mechanic .band-sub-title {
      background-color: #10b0ec; }
    #course .sp-band-area.mechanic .band-title {
      background-color: #0a6a8e; }
    #course .sp-band-area.first_common .band-sub-title {
      background-color: #29beae; }
    #course .sp-band-area.first_common .band-title {
      background-color: #197268; }
  #course .badge-wrap {
    position: relative;
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #course .badge-wrap {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px; } }
    #course .badge-wrap .badge {
      position: absolute;
      right: 0px;
      top: -38px;
      width: 96px; }
      @media (max-width: 767px) {
        #course .badge-wrap .badge {
          right: 10px;
          top: -120px;
          width: 64px; } }
      #course .badge-wrap .badge img {
        width: 100%; }
  #course .tab-area {
    padding: 33px 0 37px; }
    @media (max-width: 767px) {
      #course .tab-area {
        padding: 10px 10px; } }
    #course .tab-area .tab-list {
      font-size: 0;
      letter-spacing: 0;
      margin: 0 auto;
      text-align: center;
      width: 980px; }
      @media (max-width: 767px) {
        #course .tab-area .tab-list {
          text-align: left;
          width: 100%; } }
      #course .tab-area .tab-list li {
        border-radius: 5px;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
        display: inline-block;
        overflow: hidden;
        vertical-align: top;
        width: 236px; }
        @media (max-width: 767px) {
          #course .tab-area .tab-list li {
            border-radius: 3px;
            -webkit-box-shadow: none;
            box-shadow: none;
            width: calc((100% - 10px)/2); } }
        @media (min-width: 768px) {
          #course .tab-area .tab-list li:nth-last-of-type(n+2) {
            margin-right: 12px; } }
        @media (max-width: 767px) {
          #course .tab-area .tab-list li:nth-of-type(odd) {
            margin-right: 10px; }
          #course .tab-area .tab-list li:nth-last-of-type(n+3) {
            margin-bottom: 10px; } }
        #course .tab-area .tab-list li.maintenance {
          background: #003A81; }
        #course .tab-area .tab-list li.mechanic {
          background: #10A7E9; }
          #course .tab-area .tab-list li.mechanic span {
            color: #10A7E9; }
            #course .tab-area .tab-list li.mechanic span::before {
              border-color: #10A7E9; }
        #course .tab-area .tab-list li.technology {
          background: #23B5A3; }
          #course .tab-area .tab-list li.technology span {
            color: #23B5A3; }
            #course .tab-area .tab-list li.technology span::before {
              border-color: #23B5A3; }
        #course .tab-area .tab-list li.first-common {
          position: relative; }
          #course .tab-area .tab-list li.first-common::before, #course .tab-area .tab-list li.first-common::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            width: 50%; }
            @media (max-width: 767px) {
              #course .tab-area .tab-list li.first-common::before, #course .tab-area .tab-list li.first-common::after {
                height: 100%; } }
          #course .tab-area .tab-list li.first-common::before {
            background: #10A7E9;
            left: 0; }
          #course .tab-area .tab-list li.first-common::after {
            background: #23B5A3;
            right: 0; }
          #course .tab-area .tab-list li.first-common span {
            color: #10A7E9; }
            #course .tab-area .tab-list li.first-common span::before {
              border-color: #10A7E9; }
        #course .tab-area .tab-list li a, #course .tab-area .tab-list li span {
          color: #fff;
          display: block;
          font-size: 20px;
          font-weight: bold;
          height: 50px;
          line-height: 50px;
          text-align: center;
          position: relative;
          z-index: 1; }
          @media (max-width: 767px) {
            #course .tab-area .tab-list li a, #course .tab-area .tab-list li span {
              font-size: 14px;
              height: 40px;
              line-height: 40px; } }
          #course .tab-area .tab-list li a::before, #course .tab-area .tab-list li span::before {
            border-right: 1px solid #fff;
            border-top: 1px solid #fff;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            content: "";
            display: inline-block;
            height: 8px;
            margin-right: 7px;
            width: 8px; }
            @media (max-width: 767px) {
              #course .tab-area .tab-list li a::before, #course .tab-area .tab-list li span::before {
                height: 6px;
                width: 6px; } }
        #course .tab-area .tab-list li a::before {
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          vertical-align: 3px; }
          @media (max-width: 767px) {
            #course .tab-area .tab-list li a::before {
              vertical-align: 2px; } }
        #course .tab-area .tab-list li span {
          background: #000; }
          #course .tab-area .tab-list li span::before {
            -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
            vertical-align: 5px; }
            @media (max-width: 767px) {
              #course .tab-area .tab-list li span::before {
                vertical-align: 4px; } }
  #course .and-more-area {
    padding: 40px 0 50px; }
    @media (max-width: 767px) {
      #course .and-more-area {
        padding: 20px 0 25px; } }
    #course .and-more-area .and-more {
      width: 132px;
      margin: 0 auto; }
      #course .and-more-area .and-more img {
        width: 100%; }
      @media (max-width: 767px) {
        #course .and-more-area .and-more {
          width: 66px; } }
    #course .and-more-area .title {
      padding: 26px 0;
      font-size: 32px;
      line-height: 32px;
      font-weight: bold;
      text-align: center; }
      @media (max-width: 767px) {
        #course .and-more-area .title {
          padding: 13px 0;
          font-size: 22px;
          line-height: 30px; } }
      #course .and-more-area .title .strong {
        color: #ea7606; }
        #course .and-more-area .title .strong.technology {
          color: #29beae; }
        #course .and-more-area .title .strong.mechanic {
          color: #10b0ec; }
        #course .and-more-area .title .strong.first_common {
          color: #10b0ec; }
    #course .and-more-area .desc {
      margin: 0 auto;
      width: 980px;
      font-size: 16px;
      line-height: 25px;
      letter-spacing: 0.025em; }
      @media (max-width: 767px) {
        #course .and-more-area .desc {
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px; } }
      @media (max-width: 767px) {
        #course .and-more-area .desc {
          font-size: 13px;
          line-height: 19px; } }
    #course .and-more-area .sp-left-image {
      display: none; }
      @media (max-width: 767px) {
        #course .and-more-area .sp-left-image {
          display: block;
          padding-top: 20px; }
          #course .and-more-area .sp-left-image img {
            width: 100%; } }

    #course .and-more-area .msg-bg {
      position: relative;
      width: 100%;
      height: 385px;
      /* background-image: url("/wp-content/themes/n-tac/assets/images/support/bg-teacher-box.jpg"); */
      background-image: url("/wp-content/themes/niia/assets/images/support/bg-teacher-box-sp.png");
      background-size: cover;
      background-position: center top;
      overflow: hidden; }


      @media (max-width: 767px) {
        #course .and-more-area .msg-bg {
          height: auto;
          background-image: url("/wp-content/themes/niia/assets/images/support/bg-teacher-box-sp.png");
          background-position: right; } }
      #course .and-more-area .msg-bg.technology {
        background-image: url("/wp-content/themes/niia/assets/images/technology/bg-teacher-box.jpg"); }
        @media (max-width: 767px) {
          #course .and-more-area .msg-bg.technology {
            background-image: url("/wp-content/themes/niia/assets/images/technology/bg-teacher-box-sp.png"); } }
        #course .and-more-area .msg-bg.technology .teacher-box-wrap {
          padding-top: 40px; 
}

      #course .and-more-area .msg-bg.first_common {
        /* background-image: url("/wp-content/themes/niia/assets/images/first_common/bg-teacher-box.jpg"); } */
        background-image: url("/wp-content/themes/niia/assets/images/first_common/bg-teacher-box-sp.png"); 
	      background-size: contain;
	      background-position: top 50% left 25%;
	      background-repeat: no-repeat;  }


        @media (max-width: 767px) {
          #course .and-more-area .msg-bg.first_common {
            background-image: url("/wp-content/themes/niia/assets/images/first_common/bg-teacher-box-sp.png"); 
	      	background-size: 130px;
	      	background-position: top 50% left 5%;
	      	background-repeat: no-repeat;  }
	 }


        #course .and-more-area .msg-bg.first_common .teacher-box-wrap {
          padding-top: 40px; }


      #course .and-more-area .msg-bg .teacher-box-wrap {
        margin: 0 auto;
        width: 980px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
/*        padding-right: 165px;*/
        padding-right: 110px;
        padding-top: 35px; }
        @media (max-width: 767px) {
          #course .and-more-area .msg-bg .teacher-box-wrap {
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-left: 10px;
            padding-right: 10px; } }
        #course .and-more-area .msg-bg .teacher-box-wrap::after {
          clear: both;
          content: "";
          display: block; }
        @media (max-width: 767px) {
          #course .and-more-area .msg-bg .teacher-box-wrap {
            padding-right: 10px;
            padding-top: 20px; } }
        #course .and-more-area .msg-bg .teacher-box-wrap .teacher-box {
          float: right;
/*          float: left;*/
          width: 415px; }
          @media (max-width: 767px) {
            #course .and-more-area .msg-bg .teacher-box-wrap .teacher-box {
              float: none;
              width: 100%; } }
          #course .and-more-area .msg-bg .teacher-box-wrap .teacher-box .msg-head {
            font-size: 24px;
            line-height: 29px; }
            @media (max-width: 767px) {
              #course .and-more-area .msg-bg .teacher-box-wrap .teacher-box .msg-head {
                font-size: 16px;
		float: right;
                line-height: 21px; } }
          #course .and-more-area .msg-bg .teacher-box-wrap .teacher-box .msg {
            margin-top: 10px;
            font-size: 14px;
            line-height: 22px; }
            @media (max-width: 767px) {
              #course .and-more-area .msg-bg .teacher-box-wrap .teacher-box .msg {
                margin-top: 6px;
                width: 55%;
                font-size: 10px;
		float: right;
		clear: both;
                line-height: 16px; } }
          #course .and-more-area .msg-bg .teacher-box-wrap .teacher-box .teacher-name {
            margin-top: 35px;
            text-align: right;
            font-size: 18px;
            line-height: 18px; }
            @media (max-width: 767px) {
              #course .and-more-area .msg-bg .teacher-box-wrap .teacher-box .teacher-name {
		clear: both;
		padding-top: 10px;
                padding-right: 10px;
                margin-top: 17px;
                font-size: 14px;
                line-height: 14px; } }
            #course .and-more-area .msg-bg .teacher-box-wrap .teacher-box .teacher-name span {
              font-size: 12px; }
              @media (max-width: 767px) {
                #course .and-more-area .msg-bg .teacher-box-wrap .teacher-box .teacher-name span {
                  display: block;
                  font-size: 9px;
                  margin-bottom: 3px; } }


/**** mechanic(2-3年次) 2024 *****/
      #course .and-more-area .msg-bg.mechanic {
        margin-top: 20px;
        /* background-image: url("/wp-content/themes/niia/assets/images/mechanic/bg-teacher-box.jpg"); }*/
        background-image: url("/wp-content/themes/niia/assets/images/mechanic/bg-teacher-box-sp.png"); 
	      background-size: contain;
	      background-position: top 50% right 20%;
	      background-repeat: no-repeat;
/*
        width: 100%;
        height: 385px;*/
	}

        @media (max-width: 767px) {
             #course .and-more-area .msg-bg.mechanic {
              	margin-top: 0;
            	/* background-image: url("/wp-content/themes/niia/assets/images/mechanic/bg-teacher-box-sp.jpg"); } }*/
            	background-image: url("/wp-content/themes/niia/assets/images/mechanic/bg-teacher-box-sp.png"); 
	      	background-size: 150px;
	      	background-position: top 50% right 5%;
	      	background-repeat: no-repeat;  }
	}

        #course .and-more-area .msg-bg.mechanic .teacher-box-wrap {
          padding-top: 40px; }

      #course .and-more-area .msg-bg.mechanic .teacher-box-wrap {
        margin: 0 auto;
        width: 980px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
/*        padding-right: 165px;*/
        padding-left: 85px;
        padding-right: 0px;
        padding-top: 35px; }
        @media (max-width: 767px) {
          #course .and-more-area .msg-bg.mechanic .teacher-box-wrap {
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-left: 10px;
            padding-right: 10px; } }
        #course .and-more-area .msg-bg.mechanic .teacher-box-wrap::after {
          clear: both;
          content: "";
          display: block; }
        @media (max-width: 767px) {
          #course .and-more-area .msg-bg.mechanic .teacher-box-wrap {
            padding-right: 0;
            padding-top: 20px; } }
        #course .and-more-area .msg-bg.mechanic .teacher-box-wrap .teacher-box {
          float: left;
/*          float: left;*/
          width: 415px; }
          @media (max-width: 767px) {
            #course .and-more-area .msg-bg.mechanic .teacher-box-wrap .teacher-box {
              float: none;
              width: 100%; } }
          #course .and-more-area .msg-bg.mechanic .teacher-box-wrap .teacher-box .msg-head {
            font-size: 24px;
            line-height: 29px; }
            @media (max-width: 767px) {
              #course .and-more-area .msg-bg.mechanic .teacher-box-wrap .teacher-box .msg-head {
                font-size: 16px;
		float: left;
                line-height: 21px; } }
          #course .and-more-area .msg-bg.mechanic .teacher-box-wrap .teacher-box .msg {
		/* float: left; */
            margin-top: 10px;
            font-size: 14px;
            line-height: 22px; }
            @media (max-width: 767px) {
              #course .and-more-area .msg-bg.mechanic .teacher-box-wrap .teacher-box .msg {
		float: left;
                margin-top: 6px;
                width: 55%;
                font-size: 10px;
                line-height: 16px; } }
          #course .and-more-area .msg-bg.mechanic .teacher-box-wrap .teacher-box .teacher-name {
            margin-top: 35px;
            text-align: left;
            font-size: 18px;
            line-height: 18px; }
            @media (max-width: 767px) {
              #course .and-more-area .msg-bg.mechanic .teacher-box-wrap .teacher-box .teacher-name {
                padding-right: 10px;
		padding-top:10px;
                margin-top: 17px;
                font-size: 14px;
                line-height: 14px; } }
            #course .and-more-area .msg-bg.mechanic .teacher-box-wrap .teacher-box .teacher-name span {
              font-size: 12px; }
              @media (max-width: 767px) {
                #course .and-more-area .msg-bg.mechanic .teacher-box-wrap .teacher-box .teacher-name span {
                  display: block;
                  font-size: 9px;	
                  margin-bottom: 3px; } }

/**** G support 2024 *****/

      #course .and-more-area .msg-bg.support {
        margin-top: 20px;
        /* background-image: url("/wp-content/themes/niia/assets/images/mechanic/bg-teacher-box.jpg"); }*/
        background-image: url("/wp-content/themes/niia/assets/images/support/bg-teacher-box-sp.png"); 
	      background-size: contain;
	      background-position: top 50% right 20%;
	      background-repeat: no-repeat;

/*        width: 100%; */
        height: 400px;
	}

        @media (max-width: 767px) {
             #course .and-more-area .msg-bg.support {
              	margin-top: 0;
            	/* background-image: url("/wp-content/themes/niia/assets/images/mechanic/bg-teacher-box-sp.jpg"); } }*/
            	background-image: url("/wp-content/themes/niia/assets/images/support/bg-teacher-box-sp.png"); 
	      	background-size: 150px;
	      	/* background-position: top 50% right 5%; */
	      	background-position: top 30% right 5%;
	      	background-repeat: no-repeat;  }
	}

        #course .and-more-area .msg-bg.support .teacher-box-wrap {
          padding-top: 40px; }

      #course .and-more-area .msg-bg.support .teacher-box-wrap {
        margin: 0 auto;
        width: 980px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
/*        padding-right: 165px;*/
        padding-left: 85px;
        padding-right: 0px;
        padding-top: 35px; }
        @media (max-width: 767px) {
          #course .and-more-area .msg-bg.support .teacher-box-wrap {
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-left: 10px;
            padding-right: 10px; } }
        #course .and-more-area .msg-bg.support .teacher-box-wrap::after {
          clear: both;
          content: "";
          display: block; }
        @media (max-width: 767px) {
          #course .and-more-area .msg-bg.support .teacher-box-wrap {
            padding-right: 0;
            padding-top: 20px; } }
        #course .and-more-area .msg-bg.support .teacher-box-wrap .teacher-box {
          float: left;
/*          float: left;*/
          width: 415px; }
          @media (max-width: 767px) {
            #course .and-more-area .msg-bg.support .teacher-box-wrap .teacher-box {
              float: none;
              width: 100%; } }
          #course .and-more-area .msg-bg.support .teacher-box-wrap .teacher-box .msg-head {
            font-size: 24px;
            line-height: 29px; }
            @media (max-width: 767px) {
              #course .and-more-area .msg-bg.support .teacher-box-wrap .teacher-box .msg-head {
                font-size: 16px;
		float: left;
                line-height: 21px; } }
          #course .and-more-area .msg-bg.support .teacher-box-wrap .teacher-box .msg {
		/* float: left; */
            margin-top: 10px;
            font-size: 14px;
            line-height: 22px; }

            @media (max-width: 767px) {
              #course .and-more-area .msg-bg.support .teacher-box-wrap .teacher-box .msg {
		float: left;
                margin-top: 6px;
                width: 55%;
                font-size: 10px;
                line-height: 16px; } }
          #course .and-more-area .msg-bg.support .teacher-box-wrap .teacher-box .teacher-name {
            margin-top: 35px;
            text-align: left;
            font-size: 18px;
            line-height: 18px; }
            @media (max-width: 767px) {
              #course .and-more-area .msg-bg.support .teacher-box-wrap .teacher-box .teacher-name {
                padding-right: 10px;
		padding-top:10px;
                margin-top: 17px;
                font-size: 14px;
                line-height: 14px; } }
            #course .and-more-area .msg-bg.support .teacher-box-wrap .teacher-box .teacher-name span {
              font-size: 12px; }
              @media (max-width: 767px) {
                #course .and-more-area .msg-bg.support .teacher-box-wrap .teacher-box .teacher-name span {
                  display: block;
                  font-size: 9px;	
                  margin-bottom: 3px; } }

/***************************************************/


  #course .timetable-area {
    background-color: #fdf1e6;
    overflow: hidden; }
    #course .timetable-area .bg-cloack-wrap {
      margin: 0 auto;
      width: 980px;
      height: 83px;
      position: relative; }
      @media (max-width: 767px) {
        #course .timetable-area .bg-cloack-wrap {
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px; } }
      @media (max-width: 767px) {
        #course .timetable-area .bg-cloack-wrap {
          height: 42px; } }
      #course .timetable-area .bg-cloack-wrap .bg-cloack {
        position: absolute;
        top: -120px;
        left: -292px;
        width: 482px; }
        #course .timetable-area .bg-cloack-wrap .bg-cloack img {
          width: 100%; }
        @media (max-width: 767px) {
          #course .timetable-area .bg-cloack-wrap .bg-cloack {
            top: -60px;
            left: -146px;
            width: 241px; } }
    #course .timetable-area .head-box {
      position: relative;
      margin: 0 auto;
      width: 980px;
      padding-right: 32px;
      padding-bottom: 40px;
      text-align: right; }
      @media (max-width: 767px) {
        #course .timetable-area .head-box {
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px; } }
      #course .timetable-area .head-box::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #course .timetable-area .head-box {
          padding-right: 16px;
          padding-bottom: 20px;
          text-align: center; } }
      #course .timetable-area .head-box .orange-line-long {
        position: absolute;
        top: -13px;
        right: -4px;
        width: 45px; }
        #course .timetable-area .head-box .orange-line-long img {
          width: 100%; }
        @media (max-width: 767px) {
          #course .timetable-area .head-box .orange-line-long {
            display: none; } }
      #course .timetable-area .head-box .head {
        float: right;
        padding-top: 4px;
        padding-left: 20px; }
        @media (max-width: 767px) {
          #course .timetable-area .head-box .head {
            float: none;
            padding-top: 2px;
            padding-left: 10px; } }
        #course .timetable-area .head-box .head .left {
          display: inline-block;
          font-size: 18px;
          line-height: 36px;
          vertical-align: middle; }
          @media (max-width: 767px) {
            #course .timetable-area .head-box .head .left {
              margin-right: 10px;
              font-size: 12px;
              line-height: 24px; } }
        #course .timetable-area .head-box .head .right {
          display: inline-block;
          vertical-align: middle;
          font-size: 36px;
          line-height: 36px;
          color: #ea7606; }
          @media (max-width: 767px) {
            #course .timetable-area .head-box .head .right {
              font-size: 26px;
              line-height: 26px; } }
      #course .timetable-area .head-box .timetable-sample {
        float: right;
        width: 218px; }
        #course .timetable-area .head-box .timetable-sample img {
          width: 100%; }
        @media (max-width: 767px) {
          #course .timetable-area .head-box .timetable-sample {
            float: none;
            margin: 20px auto;
            width: 109px; } }
    #course .timetable-area .timetable-image-wrap {
      margin: 0 auto;
      width: 980px;
/*      height: 360px;*/
      height: 523px;
      position: relative; }
      @media (max-width: 767px) {
        #course .timetable-area .timetable-image-wrap {
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px; } }
      @media (max-width: 767px) {
        #course .timetable-area .timetable-image-wrap {
          height: auto; } }


      #course .timetable-area .timetable-image-wrap .timetable-image {
        position: absolute;
        top: 0;
        left: 0; }
        @media (max-width: 767px) {
          #course .timetable-area .timetable-image-wrap .timetable-image {
            position: relative;
            width: 100%;
/*            height: 342px;*/
            height: 308px;
            /* overflow-y: scroll; */
            overflow-x: scroll; } }


        #course .timetable-area .timetable-image-wrap .timetable-image img {
/*          width: 1174px;*/
/*          height: 358px; */
          width: 980px;
          height: 480px; }
          @media (max-width: 767px) {
            #course .timetable-area .timetable-image-wrap .timetable-image img {
              width: 587px;
/*              height: 179px; */
              height: 288px; } }
    #course .timetable-area.technology {
      background-color: #dff5f3;
      padding-bottom: 20px; }
      @media (max-width: 767px) {
        #course .timetable-area.technology {
          padding-bottom: 0; } }
      #course .timetable-area.technology .head .right {
        color: #29beae; }
    #course .timetable-area.mechanic {
      background-color: #e7f7fd;
      padding-bottom: 20px; }
      @media (max-width: 767px) {
        #course .timetable-area.mechanic {
          padding-bottom: 0; } }
      #course .timetable-area.mechanic .head .right {
        color: #10b0ec; }
      #course .timetable-area.mechanic .timetable-image-wrap .timetable-image img {
/*        width: 1208px;
        height: 359px; */
        width: 980px;
        height: 523px; }
        @media (max-width: 767px) {
          #course .timetable-area.mechanic .timetable-image-wrap .timetable-image img {
            width: 604px;
            height: 323px; } }
    #course .timetable-area.first_common {
      background-color: #e7f7fd;
      padding-bottom: 20px; }
      @media (max-width: 767px) {
        #course .timetable-area.first_common {
          padding-bottom: 0; } }
      #course .timetable-area.first_common .head .right {
        color: #10b0ec; }


        @media (max-width: 767px) {
          #course .timetable-area.mechanic .timetable-image-wrap .timetable-image {
            position: relative;
            width: 100%;
            height: 342px;
            overflow-y: scroll; } }



  #course .license-area {
    background-color: #fdf1e6;
    width: 100%;
    padding: 55px 0 0;
    overflow: hidden;
    position: relative; }
    @media (max-width: 767px) {
      #course .license-area {
        padding: 25px 0 0; } }
    #course .license-area .head {
      font-size: 32px;
      line-height: 32px;
      font-weight: bold;
      text-align: center; }
      @media (max-width: 767px) {
        #course .license-area .head {
          font-size: 22px;
          line-height: 22px; } }
    #course .license-area .orange-line {
      width: 147px;
      height: 7px;
      background-color: #ea7606;
      margin: 24px auto 40px; }
      @media (max-width: 767px) {
        #course .license-area .orange-line {
          width: 73px;
          height: 3px;
          margin: 12px auto 11px; } }
    #course .license-area ul.license-list {
      margin: 0 auto;
      width: 980px; }
      @media (max-width: 767px) {
        #course .license-area ul.license-list {
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px; } }
      #course .license-area ul.license-list::after {
        clear: both;
        content: "";
        display: block; }
      #course .license-area ul.license-list li {
        float: left;
        width: 48.3%;
        height: 192px;
        margin-right: 3.4%;
        background-image: url("/wp-content/themes/niia/assets/images/support/license-bg.png");
        background-size: cover;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 30px 24px;
        margin-bottom: 25px; }
        @media (max-width: 767px) {
          #course .license-area ul.license-list li {
            float: none;
            height: auto;
            width: 100%;
            margin-right: 0;
            padding: 15px 12px;
            margin-bottom: 12px; } }
        #course .license-area ul.license-list li:nth-child(2n) {
          margin-right: 0; }
        #course .license-area ul.license-list li .title {
          padding-bottom: 20px;
          font-size: 24px;
          line-height: 28px;
          color: #ea7606; }
          @media (max-width: 767px) {
            #course .license-area ul.license-list li .title {
              padding-bottom: 10px;
              font-size: 16px;
              line-height: 22px; } }
          #course .license-area ul.license-list li .title .sub {
            font-size: 16px; }
            @media (max-width: 767px) {
              #course .license-area ul.license-list li .title .sub {
                font-size: 13px; } }
        #course .license-area ul.license-list li .desc {
          font-size: 16px;
          line-height: 29px; }
          @media (max-width: 767px) {
            #course .license-area ul.license-list li .desc {
              font-size: 13px;
              line-height: 23px; } }
    #course .license-area .license-btm-bg {
      margin-top: 37px;
      background-size: cover;
      background-position: center;
      width: 100%;
      height: 159px; }
      @media (max-width: 767px) {
        #course .license-area .license-btm-bg {
          font-size: 13px;
          line-height: 23px; } }
      #course .license-area .license-btm-bg .link-btn {
        z-index: 4;
        display: block;
        margin: 0 auto;
        width: 507px;
        padding: 16px 0;
        background-color: #ea7606;
        border-radius: 4px;
        text-align: center;
        color: #FFFFFF;
        font-size: 20px;
        line-height: 20px;
        font-weight: bold; }
        @media (max-width: 767px) {
          #course .license-area .license-btm-bg .link-btn {
            margin: 18px auto 0;
            width: 90%;
            padding: 8px 0;
            border-radius: 2px;
            font-size: 14px;
            line-height: 14px; } }
        #course .license-area .license-btm-bg .link-btn span::before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          line-height: 20px;
          margin-right: 6px;
          margin-bottom: 4px;
          width: 7px;
          height: 7px;
          border: 0px;
          border-top: solid 2px #FFFFFF;
          border-right: solid 2px #FFFFFF;
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
    #course .license-area.technology {
      background-color: #dff5f3; }
      #course .license-area.technology .orange-line {
        background-color: #29beae; }
      #course .license-area.technology ul.license-list li {
        background-image: url("/wp-content/themes/niia/assets/images/technology/license-bg.png");
        height: 220px;
        padding-right: 16px; }
        @media (max-width: 767px) {
          #course .license-area.technology ul.license-list li {
            height: auto;
            padding-right: 12px;
            margin-bottom: 12px; } }
        #course .license-area.technology ul.license-list li .title {
          color: #29beae; }
      #course .license-area.technology .license-btm-bg {
        margin-top: 0;
        height: 148px; }
        @media (max-width: 767px) {
          #course .license-area.technology .license-btm-bg {
            margin-top: 37px; } }
    #course .license-area.mechanic {
      background-color: #e7f7fd; }
      #course .license-area.mechanic .orange-line {
        background-color: #10b0ec; }
      #course .license-area.mechanic ul.license-list li {
        background-image: url("/wp-content/themes/niia/assets/images/mechanic/license-bg.png");
        height: 220px;
        padding-right: 16px; }
        @media (max-width: 767px) {
          #course .license-area.mechanic ul.license-list li {
            height: auto;
            padding-right: 12px;
            margin-bottom: 12px; } }
        #course .license-area.mechanic ul.license-list li .title {
          color: #10b0ec; }
      #course .license-area.mechanic .license-btm-bg {
        margin-top: 0;
        height: 151px; }
        @media (max-width: 767px) {
          #course .license-area.mechanic .license-btm-bg {
            height: 75px; } }
    #course .license-area.first_common {
      background-color: #e7f7fd; }
      #course .license-area.first_common .orange-line {
        background-color: #10b0ec; }
      #course .license-area.first_common ul.license-list li {
        background-image: url("/wp-content/themes/niia/assets/images/first_common/license-bg.png");
        height: 244px;
        padding-right: 16px; }
        @media (max-width: 767px) {
          #course .license-area.first_common ul.license-list li {
            height: auto;
            padding-right: 12px;
            margin-bottom: 12px; } }
        #course .license-area.first_common ul.license-list li .title {
          color: #10b0ec; }
      #course .license-area.first_common .license-btm-bg {
        margin-top: 0;
        height: 151px; }
        @media (max-width: 767px) {
          #course .license-area.first_common .license-btm-bg {
            height: 75px; } }


  #course .voice-area .top-area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 43px;
    height: 285px; }
    @media (max-width: 767px) {
      #course .voice-area .top-area {
        padding-top: 21px;
        height: auto; } }


  #course .voice-area.first_common .top-area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 43px;
    height: 340px; /* title messageとの距離調整 */
	}
    @media (max-width: 767px) {
      #course .voice-area.first_common .top-area {
        padding-top: 21px;
        height: auto; } }


  #course .voice-area.mechanic .top-area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 43px;
    height: 360px;  /* title messageとの距離調整 */
	}
    @media (max-width: 767px) {
      #course .voice-area.mechanic .top-area {
        padding-top: 21px;
        height: auto; } }

  #course .voice-area.support .top-area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 23px;
    height: 300px; /* title messageとの距離調整 */
	}
    @media (max-width: 767px) {
      #course .voice-area.support .top-area {
        padding-top: 21px;
        height: auto; } }




    #course .voice-area .top-area .head {
      font-size: 32px;
      line-height: 32px;
      font-weight: bold;
      text-align: center; }
      @media (max-width: 767px) {
        #course .voice-area .top-area .head {
          font-size: 22px;
          line-height: 22px; } }
    #course .voice-area .top-area .orange-line {
      width: 147px;
      height: 7px;
      background-color: #ea7606;
      margin: 24px auto 40px; }
      @media (max-width: 767px) {
        #course .voice-area .top-area .orange-line {
          width: 73px;
          height: 3px;
          margin: 12px auto 11px; } }

  #course .voice-area .bottom-area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("/wp-content/themes/niia/assets/images/support/dot-bg.png");
    padding-bottom: 40px;
    height: 285px;
    position: relative; }

  #course .voice-area.support .bottom-area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("/wp-content/themes/niia/assets/images/support/dot-bg.png");
    padding-bottom: 40px;
/*    height: 340px;*/ /* dot blockと文字重なり調整 */
    height: 406px; /* dot blockと文字重なり調整 */
    position: relative; }

    @media (max-width: 767px) {
      #course .voice-area .bottom-area {
        padding-bottom: 20px;
        height: auto; } 

      #course .voice-area.support .bottom-area {
        padding-bottom: 20px;
        height: auto; } 
    }


    #course .voice-area .bottom-area .voice-box-wrap {
      position: absolute;
      bottom: 38px;
      left: 0;
      right: 0;
      max-width: 936px;
      width: 100%;
      margin: 0 auto; }

    #course .voice-area.support .bottom-area .voice-box-wrap {
      position: absolute;
      bottom: 78px;
      left: 0;
      right: 0;
      max-width: 936px;
      width: 100%;
      margin: 0 auto; }
      @media (max-width: 767px) {
        #course .voice-area.support .bottom-area .voice-box-wrap {
          position: relative;
          bottom: auto;
          left: auto;
          right: auto;
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 10px; } }


      #course .voice-area .bottom-area .voice-box-wrap::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #course .voice-area .bottom-area .voice-box-wrap {
          position: relative;
          bottom: auto;
          left: auto;
          right: auto;
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 10px; } }
      #course .voice-area .bottom-area .voice-box-wrap .voice-box {
        width: 47%; }
        @media (max-width: 767px) {
          #course .voice-area .bottom-area .voice-box-wrap .voice-box {
            width: 100%; } }
        #course .voice-area .bottom-area .voice-box-wrap .voice-box.box-01 {
          float: left; }
          @media (max-width: 767px) {
            #course .voice-area .bottom-area .voice-box-wrap .voice-box.box-01 {
              float: none;
              margin-bottom: 20px; } }
        #course .voice-area .bottom-area .voice-box-wrap .voice-box.box-02 {
          float: right; }
          @media (max-width: 767px) {
            #course .voice-area .bottom-area .voice-box-wrap .voice-box.box-02 {
              float: none; } }
        #course .voice-area .bottom-area .voice-box-wrap .voice-box .top-wrap::after {
          clear: both;
          content: "";
          display: block; }

        #course .voice-area .bottom-area .voice-box-wrap .voice-box .top-wrap .left {
          float: left;
          width: 52%; }
          #course .voice-area .bottom-area .voice-box-wrap .voice-box .top-wrap .left .head-txt {
            padding-top: 45px;
            font-size: 22px;
            line-height: 28px;
            color: #ea7606; }
            @media (max-width: 767px) {
              #course .voice-area .bottom-area .voice-box-wrap .voice-box .top-wrap .left .head-txt {
                padding-top: 20px;
                font-size: 14px;
                line-height: 20px; } }
          #course .voice-area .bottom-area .voice-box-wrap .voice-box .top-wrap .left .department {
            margin-top: 32px;
            font-size: 13px;
            line-height: 16px; }
            @media (max-width: 767px) {
              #course .voice-area .bottom-area .voice-box-wrap .voice-box .top-wrap .left .department {
                margin-top: 15px;
                font-size: 11px;
                line-height: 13px; } }
            #course .voice-area .bottom-area .voice-box-wrap .voice-box .top-wrap .left .department .orange-font {
              color: #ea7606; }
          #course .voice-area .bottom-area .voice-box-wrap .voice-box .top-wrap .left .profile {
            margin: 5px 0;
            font-size: 18px;
            line-height: 18px;
            white-space: nowrap; }
            @media (max-width: 767px) {
              #course .voice-area .bottom-area .voice-box-wrap .voice-box .top-wrap .left .profile {
                margin: 8px 0;
                font-size: 12px;
                line-height: 12px;
                white-space: normal; } }
            #course .voice-area .bottom-area .voice-box-wrap .voice-box .top-wrap .left .profile .strong {
              font-weight: bold; }
          #course .voice-area .bottom-area .voice-box-wrap .voice-box .top-wrap .left .home-town {
            font-size: 11px; }
            @media (max-width: 767px) {
              #course .voice-area .bottom-area .voice-box-wrap .voice-box .top-wrap .left .home-town {
                font-size: 9px; } }


        #course .voice-area .bottom-area .voice-box-wrap .voice-box .top-wrap .right {
          float: right;
          width: 38%; 
/*          width: 32%; */
}
          #course .voice-area .bottom-area .voice-box-wrap .voice-box .top-wrap .right img {
            width: 100%; }




/* CHANGE 2024 .box-01 */

        #course .voice-area .bottom-area .voice-box-wrap .voice-box.box-01 .top-wrap .right {
          float: right;
          width: 52%; }

          #course .voice-area .bottom-area .voice-box-wrap .voice-box.box-01 .top-wrap .right .head-txt {
            padding-top: 45px;
            font-size: 22px;
            line-height: 28px;
/*            color: #ea7606; */
            color: #10b0ec; }
            @media (max-width: 767px) {
              #course .voice-area .bottom-area .voice-box-wrap .voice-box.box-01 .top-wrap .right .head-txt {
                padding-top: 20px;
                font-size: 14px;
                line-height: 20px; } }


          #course .voice-area.support .bottom-area .voice-box-wrap .voice-box.box-01 .top-wrap .right .head-txt {
            padding-top: 45px;
            font-size: 22px;
            line-height: 28px;
            color: #ea7606;  }

            @media (max-width: 767px) {
              #course .voice-area.support .bottom-area .voice-box-wrap .voice-box.box-01 .top-wrap .right .head-txt {
                padding-top: 10px;
                font-size: 14px;
                line-height: 20px; } }

          #course .voice-area .bottom-area .voice-box-wrap .voice-box.box-01 .top-wrap .right .department {
            margin-top: 32px;
            font-size: 13px;
            line-height: 16px; }
            @media (max-width: 767px) {
              #course .voice-area .bottom-area .voice-box-wrap .voice-box.box-01 .top-wrap .right .department {
                margin-top: 15px;
                font-size: 11px;
                line-height: 13px; } }

            #course .voice-area .bottom-area .voice-box-wrap .voice-box.box-01 .top-wrap .right .department .orange-font {
/*              color: #ea7606; */
              color: #10b0ec; }

            #course .voice-area.support .bottom-area .voice-box-wrap .voice-box.box-01 .top-wrap .right .department .orange-font {
              color: #ea7606; }


          #course .voice-area .bottom-area .voice-box-wrap .voice-box.box-01 .top-wrap .right .profile {
            margin: 5px 0;
            font-size: 18px;
            line-height: 18px;
            white-space: nowrap; }
            @media (max-width: 767px) {
              #course .voice-area .bottom-area .voice-box-wrap .voice-box.box-01 .top-wrap .right .profile {
                margin: 8px 0;
                font-size: 12px;
                line-height: 12px;
                white-space: normal; } }
            #course .voice-area .bottom-area .voice-box-wrap .voice-box.box-01 .top-wrap .right .profile .strong {
              font-weight: bold; }
          #course .voice-area .bottom-area .voice-box-wrap .voice-box.box-01 .top-wrap .right .home-town {
            font-size: 11px; }
            @media (max-width: 767px) {
              #course .voice-area .bottom-area .voice-box-wrap .voice-box.box-01 .top-wrap .right .home-town {
                font-size: 9px; } }


        #course .voice-area .bottom-area .voice-box-wrap .voice-box.box-01 .top-wrap .left {
          float: left;
          width: 38%; }
          #course .voice-area .bottom-area .voice-box-wrap .voice-box.box-01 .top-wrap .left img {
            width: 100%; }

/* ## CHANGE 2024 .box-01 */

        #course .voice-area .bottom-area .voice-box-wrap .voice-box .bottom-wrap {
          margin-top: 10px;
          font-size: 13px;
          line-height: 25px; }
          @media (max-width: 767px) {
            #course .voice-area .bottom-area .voice-box-wrap .voice-box .bottom-wrap {
              font-size: 11px;
              line-height: 20px; } }
          #course .voice-area .bottom-area .voice-box-wrap .voice-box .bottom-wrap .gray-text {
            color: #666666; }
  #course .voice-area.technology .top-area .orange-line {
    background-color: #29beae; }
  #course .voice-area.technology .bottom-area {
    background-image: url("/wp-content/themes/niia/assets/images/technology/dot-bg.png");
    height: 320px; }
    @media (max-width: 767px) {
      #course .voice-area.technology .bottom-area {
        height: auto; } }
    #course .voice-area.technology .bottom-area .voice-box-wrap {
      bottom: 30px; }
      @media (max-width: 767px) {
        #course .voice-area.technology .bottom-area .voice-box-wrap {
          bottom: auto; } }
      #course .voice-area.technology .bottom-area .voice-box-wrap .voice-box.box-01 .bottom-wrap {
        margin-top: 3px; }
        @media (max-width: 767px) {
          #course .voice-area.technology .bottom-area .voice-box-wrap .voice-box.box-01 .bottom-wrap {
            margin-top: 10px; } }
      #course .voice-area.technology .bottom-area .voice-box-wrap .voice-box .top-wrap .left .head-txt {
        color: #29beae; }
      @media (max-width: 767px) {
        #course .voice-area.technology .bottom-area .voice-box-wrap .voice-box .top-wrap .left .department {
          font-size: 10px;
          line-height: 12px; } }
      #course .voice-area.technology .bottom-area .voice-box-wrap .voice-box .top-wrap .left .department .orange-font {
        color: #29beae; }
  #course .voice-area.mechanic .top-area .orange-line {
    background-color: #10b0ec; }

  #course .voice-area.mechanic .bottom-area {
    background-image: url("/wp-content/themes/niia/assets/images/mechanic/dot-bg.png");
    /* height: 300px;*/
    /*height: 220px;*/  /* dot blockと文字重なり調整 */
    height: 236px;  /* dot blockと文字重なり調整 */
	}
    @media (max-width: 767px) {
      #course .voice-area.mechanic .bottom-area {
        height: auto; } }

    #course .voice-area.mechanic .bottom-area .voice-box-wrap {
      bottom: 30px; }
      @media (max-width: 767px) {
        #course .voice-area.mechanic .bottom-area .voice-box-wrap {
          bottom: auto; } }
      #course .voice-area.mechanic .bottom-area .voice-box-wrap .voice-box .top-wrap .left .head-txt {
        color: #10b0ec; }
      @media (max-width: 767px) {
        #course .voice-area.mechanic .bottom-area .voice-box-wrap .voice-box .top-wrap .left .department {
          font-size: 10px;
          line-height: 12px; } }
      #course .voice-area.mechanic .bottom-area .voice-box-wrap .voice-box .top-wrap .left .department .orange-font {
        color: #10b0ec; }
      #course .voice-area.mechanic .bottom-area .voice-box-wrap .voice-box.box-02 .top-wrap .right {
        width: 160px; }
        @media (max-width: 767px) {
          #course .voice-area.mechanic .bottom-area .voice-box-wrap .voice-box.box-02 .top-wrap .right {
            width: 38%; } }
  #course .voice-area.first_common {
    padding-bottom: 42px; }
    #course .voice-area.first_common .top-area .orange-line {
      background-color: #10b0ec; }

    #course .voice-area.first_common .bottom-area {
      background-image: url("/wp-content/themes/niia/assets/images/first_common/dot-bg-2.png");
      /* height: 300px; */
      height: 235px; }

      @media (max-width: 767px) {
        #course .voice-area.first_common .bottom-area {
          height: auto; } }
      #course .voice-area.first_common .bottom-area .voice-box-wrap {
        bottom: 30px; }
        @media (max-width: 767px) {
          #course .voice-area.first_common .bottom-area .voice-box-wrap {
            bottom: auto; } }
        #course .voice-area.first_common .bottom-area .voice-box-wrap .voice-box .top-wrap .left .head-txt {
          color: #10b0ec; }
        @media (max-width: 767px) {
          #course .voice-area.first_common .bottom-area .voice-box-wrap .voice-box .top-wrap .left .department {
            font-size: 10px;
            line-height: 12px; } }
        #course .voice-area.first_common .bottom-area .voice-box-wrap .voice-box .top-wrap .left .department .orange-font {
          color: #10b0ec; }
  #course .activity-info-area {
    margin: 0 auto;
    width: 980px;
    padding: 67px 0 30px; }
    @media (max-width: 767px) {
      #course .activity-info-area {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px; } }
    #course .activity-info-area img {
      width: 100%; }
    @media (max-width: 767px) {
      #course .activity-info-area {
        padding: 33px 0 15px; } }
    #course .activity-info-area .head {
      font-size: 32px;
      line-height: 32px;
      font-weight: bold;
      text-align: center; }
      @media (max-width: 767px) {
        #course .activity-info-area .head {
          font-size: 22px;
          line-height: 28px; } }
    #course .activity-info-area .orange-line {
      width: 147px;
      height: 7px;
      background-color: #ea7606;
      margin: 24px auto 52px; }
      @media (max-width: 767px) {
        #course .activity-info-area .orange-line {
          width: 73px;
          height: 3px;
          margin: 12px auto 11px; } }
    #course .activity-info-area .activity-msg-box {
      position: relative;
      width: 100%;
      height: 864px; }
      @media (max-width: 767px) {
        #course .activity-info-area .activity-msg-box {
          height: auto; } }
      #course .activity-info-area .activity-msg-box .bg {
        position: absolute; }
        @media (max-width: 767px) {
          #course .activity-info-area .activity-msg-box .bg {
            position: relative;
            width: 100%;
            padding-bottom: 10px; } }
      #course .activity-info-area .activity-msg-box .badge-01 {
        position: absolute;
        top: 12px;
        right: 320px;
        width: 86px; }
        @media (max-width: 767px) {
          #course .activity-info-area .activity-msg-box .badge-01 {
            position: relative;
            display: inline-block;
            top: auto;
            right: auto;
            width: 57px;
            padding-left: 10px; } }
      #course .activity-info-area .activity-msg-box .badge-02 {
        position: absolute;
        top: 378px;
        right: 320px;
        width: 97px; }
        @media (max-width: 767px) {
          #course .activity-info-area .activity-msg-box .badge-02 {
            position: relative;
            display: inline-block;
            top: auto;
            right: auto;
            width: 57px;
            padding-left: 10px; } }
      #course .activity-info-area .activity-msg-box .badge-03 {
        position: absolute;
        top: 456px;
        left: -80px;
        width: 426px; }
        @media (max-width: 767px) {
          #course .activity-info-area .activity-msg-box .badge-03 {
            top: 10px;
            left: 0px;
            width: 55%; } }
      #course .activity-info-area .activity-msg-box .head-01 {
        position: absolute;
        top: 22px;
        left: 668px;
        font-size: 18px;
        line-height: 21px;
        color: #FFFFFF;
        font-weight: bold; }
        @media (max-width: 767px) {
          #course .activity-info-area .activity-msg-box .head-01 {
            position: relative;
            top: auto;
            left: auto;
            font-size: 14px;
            line-height: 19px;
            display: inline-block;
            padding-top: 10px;
            padding-left: 10px;
            color: inherit;
            vertical-align: top; } }
      #course .activity-info-area .activity-msg-box .msg-01 {
        position: absolute;
        top: 80px;
        left: 668px;
        width: 294px;
        font-size: 13px;
        line-height: 21px;
        color: #FFFFFF; }
        @media (max-width: 767px) {
          #course .activity-info-area .activity-msg-box .msg-01 {
            position: relative;
            top: auto;
            left: auto;
            width: auto;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 20px 10px;
            font-size: 11px;
            line-height: 16px;
            color: inherit; } }
      #course .activity-info-area .activity-msg-box .head-02 {
        position: absolute;
        top: 392px;
        left: 668px;
        font-size: 18px;
        line-height: 21px;
        color: #FFFFFF;
        font-weight: bold; }
        @media (max-width: 767px) {
          #course .activity-info-area .activity-msg-box .head-02 {
            position: relative;
            top: auto;
            left: auto;
            font-size: 14px;
            line-height: 19px;
            display: inline-block;
            padding-top: 10px;
            padding-left: 10px;
            color: inherit;
            vertical-align: top; } }
      #course .activity-info-area .activity-msg-box .msg-02 {
        position: absolute;
        top: 450px;
        left: 668px;
        width: 294px;
        font-size: 13px;
        line-height: 21px;
        color: #FFFFFF; }
        @media (max-width: 767px) {
          #course .activity-info-area .activity-msg-box .msg-02 {
            position: relative;
            top: auto;
            left: auto;
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 20px 10px;
            font-size: 11px;
            line-height: 16px;
            color: inherit; } }
      #course .activity-info-area .activity-msg-box .link-btn {
        position: absolute;
        right: 27px;
        bottom: 33px;
        width: 288px;
        text-align: center;
        padding: 18px 0;
        background-color: #ea7606;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: bold; }
        @media (max-width: 767px) {
          #course .activity-info-area .activity-msg-box .link-btn {
            position: relative;
            display: block;
            right: auto;
            bottom: auto;
            width: 90%;
            padding: 9px 0;
            font-size: 12px;
            line-height: 12px;
            margin: 0 auto 10px; } }
    #course .activity-info-area.technology .orange-line {
      background-color: #10b0ec; }
    #course .activity-info-area.technology .activity-msg-box .link-btn {
      background-color: #10b0ec; }
    #course .activity-info-area.mechanic .orange-line {
      background-color: #10b0ec; }

    #course .activity-info-area.support .orange-line {
      background-color: #ea7606; }


    #course .activity-info-area.mechanic .activity-msg-box .msg-02 {
      top: 470px; }
      @media (max-width: 767px) {
        #course .activity-info-area.mechanic .activity-msg-box .msg-02 {
          top: auto; } }
    #course .activity-info-area.mechanic .activity-msg-box .link-btn {
      background-color: #10b0ec; }
  #course section.n-tac {
    min-width: 1020px;
	padding-top: 40px;
    padding-bottom: 80px; }
    @media (max-width: 767px) {
      #course section.n-tac {
        min-width: 0;
        padding-bottom: 40px; } }
    #course section.n-tac .section-logo {
      margin: 0 auto 17px;
      width: 116px; }
      @media (max-width: 767px) {
        #course section.n-tac .section-logo {
          margin-bottom: 11px;
          width: 82px; } }
      #course section.n-tac .section-logo img {
        vertical-align: top;
        width: 100%; }
    #course section.n-tac .intro {
      font-size: 18px;
      font-weight: bold;
      line-height: 1.2;
      margin-bottom: 22px;
      text-align: center; }
      @media (max-width: 767px) {
        #course section.n-tac .intro {
          font-size: 14px;
          line-height: 1.5;
          margin-bottom: 10px;
          padding: 0 10px; } }
    #course section.n-tac .banner-area {
      font-size: 0;
      letter-spacing: 0;
      margin: 0 auto;
      padding: 27px 0 29px;
      text-align: center; }
      @media (max-width: 767px) {
        #course section.n-tac .banner-area {
          padding: 14px 10px 18px; } }
      #course section.n-tac .banner-area .banner-list {
        margin: 0 auto;
        width: 1000px; }
        @media (max-width: 767px) {
          #course section.n-tac .banner-area .banner-list {
            width: 100%; } }
      #course section.n-tac .banner-area li {
        display: inline-block;
        width: 480px; }
        @media (max-width: 767px) {
          #course section.n-tac .banner-area li {
            display: block;
            width: 100%; }
            #course section.n-tac .banner-area li:nth-last-of-type(n+2) {
              margin-bottom: 12px; } }
        @media (min-width: 768px) {
          #course section.n-tac .banner-area li:first-of-type {
            margin-right: 26px; }
          #course section.n-tac .banner-area li:last-of-type {
/*            margin-top: 16px; */
            margin-top: 0px; } }
        #course section.n-tac .banner-area li img {
          vertical-align: top;
          width: 100%; }

/*
 * 学科・コース トップページ
 */
#course section.top-page {
  overflow: hidden; }

  #course section.top-page .top-page-main {
/*  #normal section.top-page .contents-area .top-page-main { */
/*
    background-image: url("/wp-content/themes/n-tac/assets/images/course/bg.jpg");
    background-position: center bottom;
    background-size: cover;
    width: 100%; 
*/
	}


  #course section.top-page .top-page-main .top_message {
	background-color: rgba(0, 140, 202, 0.8);
	height: 80px;
    	width: 100%; 
	}
    @media (max-width: 767px) {
      #course section.top-page .top-page-main {
        /* background-image: url("/wp-content/themes/n-tac/assets/images/course/bg-sp.jpg"); */
	} }






    #course section.top-page .top-page-main .content-box {
      position: relative;
/*      margin: 0 auto; */
	margin: 0px auto 0 auto;
      width: 980px;
      padding-bottom: 10px; 
	}

    #course section.top-page .top-page-main .content-box .course-box .blue-btn {
      position: relative;
	margin-top: -117px;
      padding-bottom: 0px; 
	}

      @media (max-width: 767px) {
    #course section.top-page .top-page-main .content-box .course-box .blue-btn {
      position: relative;
	margin-top: 0px;
      padding-bottom: 0px; 
	} }


      @media (max-width: 767px) {
        #course section.top-page .top-page-main .content-box {
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px; } }

      @media (max-width: 767px) {
        #course section.top-page .top-page-main .content-box {
          padding-bottom: 10px;
          overflow: hidden; } }

/*      #course section.top-page .top-page-main .content-box .top-title {*/
      #course section.top-page .top-page-main .top_message .top-title {
        padding: 28px 0 0px;
        font-size: 26px;
        line-height: 26px;
        font-weight: bold;
        text-align: center;
        color: #FFFFFF; }

        @media (max-width: 767px) {
/*          #course section.top-page .top-page-main .content-box .top-title {*/
          #course section.top-page .top-page-main .top_message .top-title {
            padding: 18px 0 17px;
            font-size: 18px;
            line-height: 22px; } }

/*      #course section.top-page .top-page-main .content-box .blue-bg-line {*/
      #course section.top-page .top-page-main .blue-bg-line {
        background-image: url("/wp-content/themes/niia/assets/images/course/blue-bg-line2.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin-top:50px;
	margin-bottom:15px;
	height: 50px;
	}

        #course section.top-page .top-page-main .content-box .blue-bg-line img {
          width: 100%; }

        @media (max-width: 767px) {
/*          #course section.top-page .top-page-main .content-box .blue-bg-line {*/
          #course section.top-page .top-page-main .blue-bg-line {
	        background-image: url("/wp-content/themes/niia/assets/images/course/blue-bg-line2-sp.png");
		background-size: contain;
		background-repeat: no-repeat;
		margin-top:50px;
		margin-bottom:15px;
		height: 50px;
		min-width: 500px;
	} }

/*      #course section.top-page .top-page-main .content-box .orange-bg-line {*/
      #course section.top-page .top-page-main .orange-bg-line {
        background-image: url("/wp-content/themes/niia/assets/images/course/orange-bg-line2.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin-top:0px;
	margin-bottom:15px;
	height: 50px;
/*	position: relative;
	top: 450px;
	left: 0;*/
	 }
        #course section.top-page .top-page-main .content-box .orange-bg-line img {
          width: 100%; }

        @media (max-width: 767px) {
/*          #course section.top-page .top-page-main .content-box .orange-bg-line {*/
          #course section.top-page .top-page-main .orange-bg-line {
	        background-image: url("/wp-content/themes/niia/assets/images/course/orange-bg-line2-sp.png");
		background-size: contain;
		background-repeat: no-repeat;
		margin-top:0px;
		margin-bottom:15px;
		height: 50px;
		min-width: 500px;
		} }

	    @media (max-width: 767px) {
	      #course section.top-page .top-page-main .content-box .course-box .image .course-maintenance {
	        background-image: url("/wp-content/themes/niia/assets/images/course/course1_sp.jpg"); 
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		height: 132px;
		min-width: 400px;
		} }

	    @media (max-width: 767px) {
	      #course section.top-page .top-page-main .content-box .course-box .image .course-support {
	        background-image: url("/wp-content/themes/niia/assets/images/course/course2_sp.jpg"); 
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		height: 132px;
		min-width: 320px;
		} }

	    @media (max-width: 767px) {
	      #course section.top-page .top-page-main .content-box .course-box .course-sptitle {
	        background-image: url("/wp-content/themes/niia/assets/images/course/course-title-sp.png"); 
		background-size: cover;
		background-repeat: repeat;
		background-position: left;
		height: 71px;
		min-width: 320px;
		margin: 0 auto;
		} }

/*
	    @media (max-width: 767px) {
	      #course section.top-page .top-page-main .content-box .course-box .course-sptitle img {
	        background-image: url("/wp-content/themes/niia/assets/images/course/course-title-sp.png"); 
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;

		width: 100%;
		min-width: 400px;
		} }
*/


      #course section.top-page .top-page-main .content-box .course-box {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        background-color: #FFFFFF;
        border-radius: 3px;
        position: relative;
        padding: 2px;
        margin-bottom: 45px;
        font-size: 0; }
        #course section.top-page .top-page-main .content-box .course-box::after {
          clear: both;
          content: "";
          display: block; }
        @media (max-width: 767px) {
          #course section.top-page .top-page-main .content-box .course-box {
            margin-bottom: 25px; } }
        #course section.top-page .top-page-main .content-box .course-box .box-line {
          position: absolute;
          right: 10px;
          bottom: 2px;
          width: 47px; }
          #course section.top-page .top-page-main .content-box .course-box .box-line img {
            width: 100%; }
          @media (max-width: 767px) {
            #course section.top-page .top-page-main .content-box .course-box .box-line {
              right: 5px;
              width: 24px; } }
        #course section.top-page .top-page-main .content-box .course-box .image {
/*         float: left;*/
/*          width: 487px; */
          width: 100%; }
          #course section.top-page .top-page-main .content-box .course-box .image img {
            width: 100%;
		min-width: 320px; 
		}
          @media (max-width: 767px) {
            #course section.top-page .top-page-main .content-box .course-box .image {
              width: 100%;
		margin: 0 auto;
		} }
        #course section.top-page .top-page-main .content-box .course-box .course-desc {
          float: right;
          width: 480px;
          text-align: right; }
          @media (max-width: 767px) {
            #course section.top-page .top-page-main .content-box .course-box .course-desc {
              width: 59%; } }
          #course section.top-page .top-page-main .content-box .course-box .course-desc .course-name {
            position: relative;
            display: inline-block;
            padding-top: 30px;
            padding-right: 30px;
            padding-bottom: 10px;
            font-size: 40px;
            line-height: 40px; }
            @media (max-width: 767px) {
              #course section.top-page .top-page-main .content-box .course-box .course-desc .course-name {
                padding-top: 15px;
                padding-right: 15px;
                padding-bottom: 8px;
                font-size: 22px;
                line-height: 23px; } }
            #course section.top-page .top-page-main .content-box .course-box .course-desc .course-name img {
              position: absolute;
              padding-top: 3px;
              left: -25px;
              width: 17px; }
              @media (max-width: 767px) {
                #course section.top-page .top-page-main .content-box .course-box .course-desc .course-name img {
                  left: -12px;
                  width: 8px; } }
          #course section.top-page .top-page-main .content-box .course-box .course-desc .en-course-name {
            padding-right: 30px;
            text-align: right;
            font-family: 'Roboto';
            font-size: 16px;
            line-height: 16px; }
            @media (max-width: 767px) {
              #course section.top-page .top-page-main .content-box .course-box .course-desc .en-course-name {
                padding-right: 15px;
                font-size: 8px;
                line-height: 8px; } }
          #course section.top-page .top-page-main .content-box .course-box .course-desc.blue {
            color: #10b0ec; }
          #course section.top-page .top-page-main .content-box .course-box .course-desc.orange {
            color: #ea7606; }
            @media (max-width: 767px) {
              #course section.top-page .top-page-main .content-box .course-box .course-desc.orange .course-name {
                padding-top: 10px; }
                #course section.top-page .top-page-main .content-box .course-box .course-desc.orange .course-name img {
                  padding-top: 16px; } }

/*        #course section.top-page .top-page-main .content-box .course-box .blue-box-msg {*/
        #course section.top-page .top-page-main .blue-box-msg {
          float: left;
		margin-top:-10px;
          padding-top: 0px;
          padding-left: 250px;
          font-size: 30px;
		color: #45484c;
          text-align: left;
          font-weight: bold; }

          @media (max-width: 767px) {
/*            #course section.top-page .top-page-main .content-box .course-box .blue-box-msg {*/
            #course section.top-page .top-page-main .blue-box-msg {
              width: 100%;
              padding-top: 18px;
              /* padding-right: 33px;*/
          	padding-left: 70px;
              font-size: 18px;
              line-height: 18px; } }

/*        #course section.top-page .top-page-main .content-box .course-box .orange-box-msg {*/
        #course section.top-page .top-page-main .orange-box-msg {
          float: left;
		margin-top:-10px;
          padding-top: 0px;
          padding-left: 250px;
          font-size: 30px;
		color: #45484c;
          text-align: left;
          font-weight: bold; }

          @media (max-width: 767px) {
/*            #course section.top-page .top-page-main .content-box .course-box .orange-box-msg {*/
            #course section.top-page .top-page-main .orange-box-msg {
              width: 100%;
		margin-top:2px;
              padding-top: 0px;
/*              padding-bottom: 12px;*/
/*              padding-right: 33px;*/
          	padding-left: 70px;
              font-size: 18px;
              line-height: 18px; } }
        #course section.top-page .top-page-main .content-box .course-box .blue-btn {
          float: right;
          padding-top: 10px;
          padding-right: 30px; }

          @media (max-width: 767px) {
            #course section.top-page .top-page-main .content-box .course-box .blue-btn {

	        background-image: url("/wp-content/themes/niia/assets/images/course/course-title-sp-bg.png"); 
		background-size: contain;
		background-repeat: repeat;
		background-position: left;

		margin: 0 auto;
              padding-top: 5px;
              padding-bottom: 8px;
		float: none;
		min-width: 320px;
              padding-right: 0px;
		} }

          #course section.top-page .top-page-main .content-box .course-box .blue-btn a {
            display: inline-block;
            padding: 0px 7px;
/*            background-color: #10b0ec;
            border-radius: 2px;
            color: #FFFFFF;
            font-size: 16px;
            line-height: 16px;
            vertical-align: top;  */
            margin-left: 7px;
		 }

            @media (max-width: 767px) {
              #course section.top-page .top-page-main .content-box .course-box .blue-btn a {
                padding: 4px 5px;
                font-size: 11px;
                line-height: 11px;
		width: 45%;
                margin-left: 5px; } }

            @media (max-width: 767px) {
              #course section.top-page .top-page-main .content-box .course-box .blue-btn a img {
/*                padding: 4px 5px;*/
                font-size: 11px;
                line-height: 11px;
		width: 100%;
/*                margin-left: 5px; */ } }


/*
 * 12. グランドサポート学科
 * 12_2. 特殊車両実習
 * 12_3. グランドハンドリング 将来の仕事
 */
#course section.support .top-buttons-wrap {
  background-image: url("/wp-content/themes/niia/assets/images/support/dot-bg.png"); }
  #course section.support .top-buttons-wrap ul.buttons {
    margin: 0 auto;
    width: 980px;
    padding: 27px 0; }
    @media (max-width: 767px) {
      #course section.support .top-buttons-wrap ul.buttons {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px; } }
    #course section.support .top-buttons-wrap ul.buttons::after {
      clear: both;
      content: "";
      display: block; }
    @media (max-width: 767px) {
      #course section.support .top-buttons-wrap ul.buttons {
        padding: 15px 10px; } }
    #course section.support .top-buttons-wrap ul.buttons li {
      float: left;
      width: 24.1%;
      margin-right: 1.2%; }
      @media (max-width: 767px) {
        #course section.support .top-buttons-wrap ul.buttons li {
          width: 49%;
          margin-right: 2%; } }
      #course section.support .top-buttons-wrap ul.buttons li:last-child {
        margin-right: 0; }
      @media (max-width: 767px) {
        #course section.support .top-buttons-wrap ul.buttons li:nth-child(2n) {
          margin-right: 0; } }
      @media (max-width: 767px) {
        #course section.support .top-buttons-wrap ul.buttons li:nth-child(n + 3) {
          margin-top: 10px; } }
      #course section.support .top-buttons-wrap ul.buttons li a, #course section.support .top-buttons-wrap ul.buttons li span {
        display: block;
        padding: 16px 0;
        background-color: #ea7606;
        border-radius: 4px;
        text-align: center;
        color: #FFFFFF;
        font-size: 19px;
        line-height: 19px;
        font-weight: bold; }
        @media (max-width: 767px) {
          #course section.support .top-buttons-wrap ul.buttons li a, #course section.support .top-buttons-wrap ul.buttons li span {
            padding: 8px 0;
            border-radius: 2px;
            font-size: 13px;
            line-height: 13px; } }
        #course section.support .top-buttons-wrap ul.buttons li a::before, #course section.support .top-buttons-wrap ul.buttons li span::before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          line-height: 19px;
          margin-right: 6px;
          margin-bottom: 4px;
          width: 7px;
          height: 7px;
          border: 0px;
          border-top: solid 2px #FFFFFF;
          border-right: solid 2px #FFFFFF;
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
      #course section.support .top-buttons-wrap ul.buttons li span {
        background-color: #282a2c;
        color: #ea7606; }
        #course section.support .top-buttons-wrap ul.buttons li span::before {
          border-top: solid 2px #ea7606;
          border-right: solid 2px #ea7606;
          margin-right: 4px;
          vertical-align: 1px;
          -ms-transform: rotate(135deg);
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg); }
          @media (max-width: 767px) {
            #course section.support .top-buttons-wrap ul.buttons li span::before {
              vertical-align: -1px; } }

#course section.support .lead-wrap {
  padding: 8px 0 25px; }
  @media (max-width: 767px) {
    #course section.support .lead-wrap {
      padding: 4px 0 12px; } }
  #course section.support .lead-wrap .lead-bg {
    width: 100%;
    height: 307px;
    background-size: cover;
    background-position: center; }
    @media (max-width: 767px) {
      #course section.support .lead-wrap .lead-bg {
        height: auto; } }
    #course section.support .lead-wrap .lead-bg .content {
      width: 740px;
      margin: 0 auto; }
      @media (max-width: 767px) {
        #course section.support .lead-wrap .lead-bg .content {
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0 10px; } }
      #course section.support .lead-wrap .lead-bg .content .head {
        padding-top: 50px;
        font-size: 40px;
        line-height: 44px;
        font-weight: bold;
        color: #ea7606;
        text-align: center; }
        @media (max-width: 767px) {
          #course section.support .lead-wrap .lead-bg .content .head {
            padding-top: 25px;
            font-size: 20px;
            line-height: 28px; } }
      #course section.support .lead-wrap .lead-bg .content .desc {
        margin-top: 15px;
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 0.06em;
        text-align: center; }
        @media (max-width: 767px) {
          #course section.support .lead-wrap .lead-bg .content .desc {
            margin-top: 8px;
            font-size: 12px;
            line-height: 22px; } }

#course section.support .ground-handling {
  margin-bottom: 1px; }
  #course section.support .ground-handling .bg {
    position: relative;
    width: 100%;
    height: 545px;
    background-size: cover;
    background-position: center;
    overflow: hidden; }
    #course section.support .ground-handling .bg::after {
      clear: both;
      content: "";
      display: block; }
    @media (max-width: 767px) {
      #course section.support .ground-handling .bg {
        height: auto; } }
    #course section.support .ground-handling .bg .content-wrap {
      margin: 0 auto;
      width: 980px; }
      @media (max-width: 767px) {
        #course section.support .ground-handling .bg .content-wrap {
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px; } }
      #course section.support .ground-handling .bg .content-wrap .content {
        float: right;
        width: 380px;
        padding-top: 90px;
        color: #FFFFFF; }
        @media (max-width: 767px) {
          #course section.support .ground-handling .bg .content-wrap .content {
            float: none;
            width: 100%;
            padding: 50px 0; } }
        #course section.support .ground-handling .bg .content-wrap .content .head {
          position: absolute;
          top: 50px;
          font-size: 32px;
          line-height: 32px;
          font-weight: bold;
          white-space: nowrap; }
          @media (max-width: 767px) {
            #course section.support .ground-handling .bg .content-wrap .content .head {
              position: relative;
              top: auto;
              font-size: 22px;
              line-height: 30px;
              text-align: right; } }
        #course section.support .ground-handling .bg .content-wrap .content .sub {
          font-size: 14px; }
          @media (max-width: 767px) {
            #course section.support .ground-handling .bg .content-wrap .content .sub {
              padding-top: 5px;
              font-size: 11px;
              text-align: right; } }
        #course section.support .ground-handling .bg .content-wrap .content .desc {
          margin-top: 30px;
          font-size: 16px;
          line-height: 25px;
          letter-spacing: 0.05em; }
          @media (max-width: 767px) {
            #course section.support .ground-handling .bg .content-wrap .content .desc {
              display: none;
              margin-top: 15px;
              padding-bottom: 30px;
              font-size: 13px;
              line-height: 19px; } }
    #course section.support .ground-handling .bg .bottom-txt-wrap {
      position: absolute;
      bottom: 0;
      left: 50%; }
      @media (max-width: 767px) {
        #course section.support .ground-handling .bg .bottom-txt-wrap {
          left: 0; } }
      #course section.support .ground-handling .bg .bottom-txt-wrap .bottom-wrap {
        position: relative;
        width: 1100px;
        height: 160px; }
        @media (max-width: 767px) {
          #course section.support .ground-handling .bg .bottom-txt-wrap .bottom-wrap {
            width: 275px;
            height: 40px; } }
        #course section.support .ground-handling .bg .bottom-txt-wrap .bottom-wrap .bottom-txt {
          position: absolute;
          left: -550px;
          bottom: -25px;
          font-size: 150px;
          line-height: 150px;
          font-family: 'Roboto';
          font-weight: 100;
          color: #FFFFFF;
          white-space: nowrap; }
          @media (max-width: 767px) {
            #course section.support .ground-handling .bg .bottom-txt-wrap .bottom-wrap .bottom-txt {
              left: 0;
              bottom: -6px;
              font-size: 37px;
              line-height: 37px; } }
  #course section.support .ground-handling .sp-desc {
    display: none; }
    @media (max-width: 767px) {
      #course section.support .ground-handling .sp-desc {
        display: block;
        background-color: #ea7606;
        padding: 20px 10px;
        font-size: 13px;
        line-height: 20px;
        color: #FFFFFF; } }

#course section.support .air-cargo .bg {
  position: relative;
  width: 100%;
  height: 545px;
  background-size: cover;
  background-position: center;
  overflow: hidden; }
  #course section.support .air-cargo .bg::after {
    clear: both;
    content: "";
    display: block; }
  @media (max-width: 767px) {
    #course section.support .air-cargo .bg {
      height: auto; } }
  #course section.support .air-cargo .bg .content-wrap {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #course section.support .air-cargo .bg .content-wrap {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px; } }
    #course section.support .air-cargo .bg .content-wrap .content {
      width: 380px;
      padding-top: 90px;
      color: #FFFFFF; }
      @media (max-width: 767px) {
        #course section.support .air-cargo .bg .content-wrap .content {
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 50px 0; } }
      #course section.support .air-cargo .bg .content-wrap .content .head {
        position: absolute;
        top: 50px;
        font-size: 32px;
        line-height: 32px;
        font-weight: bold;
        white-space: nowrap; }
        @media (max-width: 767px) {
          #course section.support .air-cargo .bg .content-wrap .content .head {
            position: relative;
            top: auto;
            font-size: 22px;
            line-height: 30px;
            text-align: left; } }
      #course section.support .air-cargo .bg .content-wrap .content .sub {
        font-size: 14px; }
        @media (max-width: 767px) {
          #course section.support .air-cargo .bg .content-wrap .content .sub {
            padding-top: 5px;
            font-size: 11px;
            text-align: left; } }
      #course section.support .air-cargo .bg .content-wrap .content .desc {
        margin-top: 30px;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: 0.05em; }
        @media (max-width: 767px) {
          #course section.support .air-cargo .bg .content-wrap .content .desc {
            display: none;
            margin-top: 15px;
            padding-bottom: 50px;
            font-size: 13px;
            line-height: 19px; } }
  #course section.support .air-cargo .bg .bottom-txt-wrap {
    position: absolute;
    bottom: 0;
    left: 50%; }
    @media (max-width: 767px) {
      #course section.support .air-cargo .bg .bottom-txt-wrap {
        left: auto;
        right: 0; } }
    #course section.support .air-cargo .bg .bottom-txt-wrap .bottom-wrap {
      position: relative;
      width: 1100px;
      height: 160px; }
      @media (max-width: 767px) {
        #course section.support .air-cargo .bg .bottom-txt-wrap .bottom-wrap {
          width: 275px;
          height: 40px; } }
      #course section.support .air-cargo .bg .bottom-txt-wrap .bottom-wrap .bottom-txt {
        position: absolute;
        left: -550px;
        bottom: -25px;
        font-size: 150px;
        line-height: 150px;
        font-family: 'Roboto';
        font-weight: 100;
        color: #FFFFFF;
        white-space: nowrap; }
        @media (max-width: 767px) {
          #course section.support .air-cargo .bg .bottom-txt-wrap .bottom-wrap .bottom-txt {
            left: auto;
            right: 0;
            bottom: -6px;
            font-size: 37px;
            line-height: 37px; } }

#course section.support .air-cargo .sp-desc {
  display: none; }
  @media (max-width: 767px) {
    #course section.support .air-cargo .sp-desc {
      display: block;
      background-color: #ea7606;
      padding: 20px 10px;
      font-size: 13px;
      line-height: 20px;
      color: #FFFFFF; } }

#course section.support .strong-point-top {
  padding-top: 68px; }
  @media (max-width: 767px) {
    #course section.support .strong-point-top {
      padding-top: 34px; } }
  #course section.support .strong-point-top .head {
    padding: 12px 0;
    background-color: #ea7606;
    text-align: center;
    font-size: 32px;
    line-height: 32px;
    font-weight: bold;
    color: #FFFFFF; }
    @media (max-width: 767px) {
      #course section.support .strong-point-top .head {
        padding: 6px 0;
        font-size: 20px;
        line-height: 20px; } }
    #course section.support .strong-point-top .head span {
      padding-top: 5px;
      display: inline-block;
      vertical-align: middle; }
      @media (max-width: 767px) {
        #course section.support .strong-point-top .head span {
          padding-top: 3px; } }
    #course section.support .strong-point-top .head img {
      display: inline-block;
      vertical-align: middle;
      line-height: 32px;
      width: 60px;
      padding-right: 8px; }
      @media (max-width: 767px) {
        #course section.support .strong-point-top .head img {
          width: 30px;
          padding-right: 4px; } }

#course section.support .strong-point-area {
  background-color: #fdf1e6;
  padding: 40px 0 45px; }
  @media (max-width: 767px) {
    #course section.support .strong-point-area {
      padding: 20px 0 22px; } }
  #course section.support .strong-point-area .wrap {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #course section.support .strong-point-area .wrap {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px; } }
    #course section.support .strong-point-area .wrap .head {
      font-size: 32px;
      line-height: 32px;
      font-weight: bold;
      text-align: center; }
      @media (max-width: 767px) {
        #course section.support .strong-point-area .wrap .head {
          font-size: 22px;
          line-height: 22px; } }
    #course section.support .strong-point-area .wrap .orange-line {
      width: 147px;
      height: 7px;
      background-color: #ea7606;
      margin: 24px auto 22px; }
      @media (max-width: 767px) {
        #course section.support .strong-point-area .wrap .orange-line {
          width: 73px;
          height: 3px;
          margin: 12px auto 11px; } }
    #course section.support .strong-point-area .wrap .desc-01 {
      font-size: 16px;
      line-height: 25px;
      letter-spacing: 0.05em; }
      @media (max-width: 767px) {
        #course section.support .strong-point-area .wrap .desc-01 {
          font-size: 13px;
          line-height: 19px; } }
    #course section.support .strong-point-area .wrap .title-box {
      margin-top: 60px;
      font-size: 0; }
      #course section.support .strong-point-area .wrap .title-box::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #course section.support .strong-point-area .wrap .title-box {
          margin-top: 30px; } }
      #course section.support .strong-point-area .wrap .title-box .left-title {
        float: left;
        padding-top: 2px;
        font-size: 36px;
        line-height: 36px;
        color: #ea7606; }
        @media (max-width: 767px) {
          #course section.support .strong-point-area .wrap .title-box .left-title {
            padding-top: 0;
            font-size: 22px;
            line-height: 30px;
            padding-bottom: 10px; } }
      #course section.support .strong-point-area .wrap .title-box .right-line {
        float: left;
        width: 42px; }
        #course section.support .strong-point-area .wrap .title-box .right-line img {
          width: 100%; }
        @media (max-width: 767px) {
          #course section.support .strong-point-area .wrap .title-box .right-line {
            display: none; } }
      #course section.support .strong-point-area .wrap .title-box .left-line {
        float: right;
        width: 42px; }
        #course section.support .strong-point-area .wrap .title-box .left-line img {
          width: 100%; }
        @media (max-width: 767px) {
          #course section.support .strong-point-area .wrap .title-box .left-line {
            display: none; } }
      #course section.support .strong-point-area .wrap .title-box .right-title {
        float: right;
        padding-left: 8px;
        padding-top: 2px;
        font-size: 36px;
        line-height: 36px;
        color: #ea7606; }
        @media (max-width: 767px) {
          #course section.support .strong-point-area .wrap .title-box .right-title {
            padding-left: 0;
            padding-top: 0;
            padding-bottom: 10px;
            font-size: 22px;
            line-height: 30px; } }
    #course section.support .strong-point-area .wrap .image {
      width: 100%;
      margin-bottom: 27px; }
      #course section.support .strong-point-area .wrap .image img {
        width: 100%; }
      @media (max-width: 767px) {
        #course section.support .strong-point-area .wrap .image {
          margin-bottom: 13px; } }
    #course section.support .strong-point-area .wrap .desc-02 {
      font-size: 16px;
      line-height: 31px;
      letter-spacing: 0.05em; }
      @media (max-width: 767px) {
        #course section.support .strong-point-area .wrap .desc-02 {
          font-size: 13px;
          line-height: 19px; } }
    #course section.support .strong-point-area .wrap .link-btn {
      display: block;
      margin: 37px auto 0;
      width: 507px;
      padding: 16px 0;
      background-color: #ea7606;
      border-radius: 4px;
      text-align: center;
      color: #FFFFFF;
      font-size: 20px;
      line-height: 20px;
      font-weight: bold; }
      @media (max-width: 767px) {
        #course section.support .strong-point-area .wrap .link-btn {
          margin: 18px auto 0;
          width: 90%;
          padding: 8px 0;
          border-radius: 2px;
          font-size: 14px;
          line-height: 14px; } }
      #course section.support .strong-point-area .wrap .link-btn span::before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        line-height: 20px;
        margin-right: 6px;
        margin-bottom: 4px;
        width: 7px;
        height: 7px;
        border: 0px;
        border-top: solid 2px #FFFFFF;
        border-right: solid 2px #FFFFFF;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
    #course section.support .strong-point-area .wrap .desc-box {
      margin-top: 20px; }
      #course section.support .strong-point-area .wrap .desc-box::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        #course section.support .strong-point-area .wrap .desc-box {
          margin-top: 10px; } }
      #course section.support .strong-point-area .wrap .desc-box .left-image {
        float: left;
        width: 36%;
        padding-top: 5px; }
        #course section.support .strong-point-area .wrap .desc-box .left-image img {
          width: 100%; }
      #course section.support .strong-point-area .wrap .desc-box .desc-03 {
        float: right;
        width: 59%;
        padding-right: 1%;
        font-size: 16px;
        line-height: 31px; }
        @media (max-width: 767px) {
          #course section.support .strong-point-area .wrap .desc-box .desc-03 {
            padding-right: 0;
            font-size: 13px;
            line-height: 19px; } }

@media (max-width: 767px) {
  #course.workshop .badge-wrap .badge {
    top: -75px; } }

#course.workshop .section-head {
  padding: 21px 0 43px; }
  @media (max-width: 767px) {
    #course.workshop .section-head {
      padding: 13px 0 12px; } }
  #course.workshop .section-head .link-area {
    margin: 0 auto 46px;
    width: 980px; }
    @media (max-width: 767px) {
      #course.workshop .section-head .link-area {
        margin: 0 auto 8px;
        text-align: center;
        width: 100%; } }
    #course.workshop .section-head .link-area .back-category-top {
      font-size: 14px;
      line-height: 1.5; }
      @media (max-width: 767px) {
        #course.workshop .section-head .link-area .back-category-top {
          font-size: 11px; } }
      #course.workshop .section-head .link-area .back-category-top img {
        margin-right: 6px;
        vertical-align: -1px;
        width: 15px; }
        @media (max-width: 767px) {
          #course.workshop .section-head .link-area .back-category-top img {
            vertical-align: -3px; } }
  #course.workshop .section-head .head-title {
    color: #ea7606;
    font-size: 36px;
    font-weight: bold;
    line-height: 44px;
    margin-bottom: 18px;
    text-align: center; }
    @media (max-width: 767px) {
      #course.workshop .section-head .head-title {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 7px;
        text-align: center; } }
  #course.workshop .section-head .intro {
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 25px;
    text-align: center; }
    @media (max-width: 767px) {
      #course.workshop .section-head .intro {
        font-size: 12px;
        line-height: 20px;
        padding: 0 10px;
        text-align: justify; }
        #course.workshop .section-head .intro br {
          display: none; } }

#course.workshop .schedule {
  background: #DEDEDE;
  margin-bottom: 57px;
  padding: 22px 0 0; }
  @media (max-width: 767px) {
    #course.workshop .schedule {
      margin-bottom: 19px; } }

  #course.workshop .schedule .section-title {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 987px auto;
    font-size: 28px;
    font-weight: bold;
/*    line-height: 89px;*/
    	line-height: 28px;
	padding-top: 46px;
/*    margin-bottom: 30px;*/
    	margin-bottom: 5px;
    color: #333333;
    text-align: center; }
    @media (max-width: 767px) {
      #course.workshop .schedule .section-title {
        background-size: contain;
        background-position: 0 80%;
        font-size: 20px;
        line-height: 25px;
        padding-bottom: 28px; } }

  #course.workshop .schedule .section-title span {
	font-size: 14px;
  	font-weight: normal; }


  #course.workshop .schedule .select-tab {
    border-bottom: #E5BC17 solid 8px;
    font-size: 0;
    letter-spacing: 0;
    text-align: center; }
    @media (max-width: 767px) {
      #course.workshop .schedule .select-tab {
        border-bottom-width: 4px;
        overflow: scroll;
        white-space: nowrap; } }
    #course.workshop .schedule .select-tab > li {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-right: 3px solid #E5BC17;
      cursor: pointer;
      display: inline-block;
      height: 173px;
      padding: 20px 0 0;
      vertical-align: top;
      width: 195px; }
      @media (max-width: 767px) {
        #course.workshop .schedule .select-tab > li {
          border-width: 2px;
          height: 87px;
          padding: 10px 0 0;
          width: 98px; } }
      #course.workshop .schedule .select-tab > li.selected {
        background: #E5BC17; }
        #course.workshop .schedule .select-tab > li.selected .list-title {
          color: #333; }
      #course.workshop .schedule .select-tab > li.list-1 {
        border-left: 3px solid #E5BC17;
        width: 198px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .select-tab > li.list-1 {
            margin-left: 10px;
            border-left-width: 2px;
            width: 100px; } }
        #course.workshop .schedule .select-tab > li.list-1 .list-title {
          margin-bottom: 21px; }
          @media (max-width: 767px) {
            #course.workshop .schedule .select-tab > li.list-1 .list-title {
              margin-bottom: 8px; } }
        #course.workshop .schedule .select-tab > li.list-1 .img-box {
          width: 152px; }
          @media (max-width: 767px) {
            #course.workshop .schedule .select-tab > li.list-1 .img-box {
              width: 76px; } }
      #course.workshop .schedule .select-tab > li.list-2 .list-title {
        margin-bottom: 39px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .select-tab > li.list-2 .list-title {
            margin-bottom: 15px; } }
      #course.workshop .schedule .select-tab > li.list-2 .img-box {
        width: 173px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .select-tab > li.list-2 .img-box {
            width: 87px; } }
      #course.workshop .schedule .select-tab > li.list-3 .list-title {
        margin-bottom: 25px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .select-tab > li.list-3 .list-title {
            margin-bottom: 11px; } }
      #course.workshop .schedule .select-tab > li.list-3 .img-box {
        width: 180px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .select-tab > li.list-3 .img-box {
            width: 90px; } }
      #course.workshop .schedule .select-tab > li.list-4 .list-title {
        margin-bottom: 10px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .select-tab > li.list-4 .list-title {
            margin-bottom: 3px; } }
      #course.workshop .schedule .select-tab > li.list-4 .img-box {
        width: 177px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .select-tab > li.list-4 .img-box {
            width: 89px; } }
      @media (max-width: 767px) {
        #course.workshop .schedule .select-tab > li.list-5 {
          margin-right: 10px; } }
      #course.workshop .schedule .select-tab > li.list-5 .list-title {
        margin-bottom: 16px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .select-tab > li.list-5 .list-title {
            margin-bottom: 8px; } }
      #course.workshop .schedule .select-tab > li.list-5 .img-box {
        width: 129px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .select-tab > li.list-5 .img-box {
            width: 65px; } }
      #course.workshop .schedule .select-tab > li .list-title {
        color: #ea7606;
        font-size: 16px;
        font-weight: bold;
        line-height: 17px;
        text-align: center; }
        @media (max-width: 767px) {
          #course.workshop .schedule .select-tab > li .list-title {
            font-size: 9px;
            line-height: 12px; } }
      #course.workshop .schedule .select-tab > li .img-box {
        margin: 0 auto; }
        #course.workshop .schedule .select-tab > li .img-box img {
          vertical-align: top;
          width: 100%; }

  #course.workshop .schedule .content .content-list > li {
    background-repeat: no-repeat;
    background-position: center 156px;
    display: none; }

    @media (max-width: 767px) {
      #course.workshop .schedule .content .content-list > li {
        background-size: 0 0; } }


    #course.workshop .schedule .content .content-list > li .container {
      margin: 0 auto;
      padding: 23px 0 131px;
      width: 980px; }
      @media (max-width: 767px) {
        #course.workshop .schedule .content .content-list > li .container {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 18px 0 41px;
          width: 100%; } }
    #course.workshop .schedule .content .content-list > li:nth-of-type(1) {
      display: block; }

    #course.workshop .schedule .content .content-list > li:nth-of-type(2) {
      background-position: center 116px; }
      @media (max-width: 767px) {
        #course.workshop .schedule .content .content-list > li:nth-of-type(2) {
          background: none; } }
      #course.workshop .schedule .content .content-list > li:nth-of-type(2) .container {
        padding: 23px 0 67px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li:nth-of-type(2) .container {
            padding: 18px 0 41px; } }
      #course.workshop .schedule .content .content-list > li:nth-of-type(2) .title-wrap {
        margin-bottom: 92px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li:nth-of-type(2) .title-wrap {
            margin-bottom: 0; } }
      #course.workshop .schedule .content .content-list > li:nth-of-type(2) .flow-list li .date-box {
        width: 132px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li:nth-of-type(2) .flow-list li .date-box {
            white-space: nowrap;
            width: 93px; }
            #course.workshop .schedule .content .content-list > li:nth-of-type(2) .flow-list li .date-box .month span {
              letter-spacing: -0.08em; } }
      #course.workshop .schedule .content .content-list > li:nth-of-type(2) .flow-list li:nth-of-type(3) .txt-box {
        margin-bottom: 34px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li:nth-of-type(2) .flow-list li:nth-of-type(3) .txt-box {
            margin-bottom: 0; } }
      #course.workshop .schedule .content .content-list > li:nth-of-type(2) .flow-list li:nth-of-type(4) {
        margin-top: 21px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li:nth-of-type(2) .flow-list li:nth-of-type(4) {
            margin-top: 48px; } }
      #course.workshop .schedule .content .content-list > li:nth-of-type(2) .flow-list li.flow-middle .txt-box {
        width: 230px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li:nth-of-type(2) .flow-list li.flow-middle .txt-box {
            width: 100%; } }
    #course.workshop .schedule .content .content-list > li:nth-of-type(3) {
      background-position: center 116px; }
      @media (max-width: 767px) {
        #course.workshop .schedule .content .content-list > li:nth-of-type(3) {
          background: none; } }
      #course.workshop .schedule .content .content-list > li:nth-of-type(3) .container {
        padding: 23px 0 67px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li:nth-of-type(3) .container {
            padding: 18px 0 41px; } }
      #course.workshop .schedule .content .content-list > li:nth-of-type(3) .title-wrap {
        margin-bottom: 92px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li:nth-of-type(3) .title-wrap {
            margin-bottom: 0; } }
      #course.workshop .schedule .content .content-list > li:nth-of-type(3) .flow-list li:nth-of-type(1) .txt-box {
        margin-bottom: 42px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li:nth-of-type(3) .flow-list li:nth-of-type(1) .txt-box {
            margin-bottom: 11px; } }
      #course.workshop .schedule .content .content-list > li:nth-of-type(3) .flow-list li:nth-of-type(4) {
        margin-top: 21px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li:nth-of-type(3) .flow-list li:nth-of-type(4) {
            margin-top: 48px; } }
    #course.workshop .schedule .content .content-list > li:nth-of-type(4) {
      background-position: center 116px; }
      @media (max-width: 767px) {
        #course.workshop .schedule .content .content-list > li:nth-of-type(4) {
          background: none; } }
      #course.workshop .schedule .content .content-list > li:nth-of-type(4) .container {
        padding: 23px 0 67px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li:nth-of-type(4) .container {
            padding: 18px 0 41px; } }
      #course.workshop .schedule .content .content-list > li:nth-of-type(4) .flow-list li:nth-of-type(1) .txt-box {
        margin-bottom: 8px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li:nth-of-type(4) .flow-list li:nth-of-type(1) .txt-box {
            margin-bottom: 11px; } }
      #course.workshop .schedule .content .content-list > li:nth-of-type(4) .flow-list li:nth-of-type(2) .date-box {
        width: 132px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li:nth-of-type(4) .flow-list li:nth-of-type(2) .date-box {
            width: 93px; }
            #course.workshop .schedule .content .content-list > li:nth-of-type(4) .flow-list li:nth-of-type(2) .date-box .month span {
              letter-spacing: -0.06em; } }
      #course.workshop .schedule .content .content-list > li:nth-of-type(4) .flow-list li:nth-of-type(2) .txt-box {
        margin-bottom: 21px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li:nth-of-type(4) .flow-list li:nth-of-type(2) .txt-box {
            margin-bottom: 11px; } }
      #course.workshop .schedule .content .content-list > li:nth-of-type(4) .flow-list li:nth-of-type(3)::after {
        display: none; }
      #course.workshop .schedule .content .content-list > li:nth-of-type(4) .flow-list li:nth-of-type(3) .txt-box {
        letter-spacing: -0.02em;
        margin-bottom: 21px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li:nth-of-type(4) .flow-list li:nth-of-type(3) .txt-box {
            margin-bottom: 11px; } }
      #course.workshop .schedule .content .content-list > li:nth-of-type(4) .flow-list li .txt-box .box-title {
        font-size: 16px;
        font-weight: bold;
        line-height: 21px;
        margin-bottom: 2px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li:nth-of-type(4) .flow-list li .txt-box .box-title {
            font-size: 12px;
            line-height: 18px; } }
    #course.workshop .schedule .content .content-list > li .content-title {
      font-size: 20px;
      font-weight: bold;
      line-height: 30px;
      margin-bottom: 3px; }
      @media (max-width: 767px) {
        #course.workshop .schedule .content .content-list > li .content-title {
          font-size: 14px;
          line-height: 22px;
          margin-bottom: 0; } }
    #course.workshop .schedule .content .content-list > li .desc {
      font-size: 14px;
      line-height: 22px; }
      @media (max-width: 767px) {
        #course.workshop .schedule .content .content-list > li .desc {
          font-size: 12px;
          line-height: 20px; } }
    #course.workshop .schedule .content .content-list > li .title-wrap {
      background-size: 0 0;
      margin-bottom: 88px; }
      @media (max-width: 767px) {
        #course.workshop .schedule .content .content-list > li .title-wrap {
          background-size: 100% auto;
          background-position: 0 bottom;
          background-repeat: no-repeat;
          margin-bottom: 0;
          padding: 0 10px 27px; } }
      #course.workshop .schedule .content .content-list > li .title-wrap::after {
        clear: both;
        content: "";
        display: block; }
      #course.workshop .schedule .content .content-list > li .title-wrap .column {
        float: left;
        width: 475px; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li .title-wrap .column {
            float: none;
            width: 100%; } }
        #course.workshop .schedule .content .content-list > li .title-wrap .column:nth-of-type(2) {
          float: right; }
          @media (max-width: 767px) {
            #course.workshop .schedule .content .content-list > li .title-wrap .column:nth-of-type(2) {
              float: none;
              margin-top: 23px; } }
    #course.workshop .schedule .content .content-list > li .flow-list {
      background-size: 0 0; }
      @media (max-width: 767px) {
        #course.workshop .schedule .content .content-list > li .flow-list {
          background-size: 320px auto;
          background-position: center top;
          background-repeat: no-repeat;
          padding: 28px 0 0; } }
      #course.workshop .schedule .content .content-list > li .flow-list::after {
        clear: both;
        content: "";
        display: block; }
      #course.workshop .schedule .content .content-list > li .flow-list li {
        position: relative; }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li .flow-list li {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 10px; } }
        #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(-n+3) {
          float: left; }
        #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(n+4) {
          float: right; }
        #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(1) {
          margin-right: 77px; }
          @media (max-width: 767px) {
            #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(1) {
              margin-bottom: 37px;
              margin-right: 0; } }
          #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(1)::after {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-right: 4px solid #E66A0B;
            border-top: 4px solid #E66A0B;
            content: "";
            display: block;
            height: 22px;
            position: absolute;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 22px;
            right: -42px;
            top: 75px; }
            @media (max-width: 767px) {
              #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(1)::after {
                border-width: 3px; } }
            @media (max-width: 767px) {
              #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(1)::after {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border-right: 4px solid #E66A0B;
                border-top: 4px solid #E66A0B;
                content: "";
                display: block;
                height: 22px;
                position: absolute;
                -webkit-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                transform: rotate(135deg);
                width: 22px;
                bottom: -28px;
                left: 0;
                margin: 0 auto;
                right: 0;
                top: auto; } }
  @media (max-width: 767px) and (max-width: 767px) {
    #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(1)::after {
      border-width: 3px; } }
        #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(2) {
          margin-right: 66px; }
          @media (max-width: 767px) {
            #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(2) {
              margin-bottom: 37px;
              margin-right: 0; } }
          #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(2)::after {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-right: 4px solid #E66A0B;
            border-top: 4px solid #E66A0B;
            content: "";
            display: block;
            height: 22px;
            position: absolute;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 22px;
            right: -37px;
            top: 75px; }
            @media (max-width: 767px) {
              #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(2)::after {
                border-width: 3px; } }
            @media (max-width: 767px) {
              #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(2)::after {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border-right: 4px solid #E66A0B;
                border-top: 4px solid #E66A0B;
                content: "";
                display: block;
                height: 22px;
                position: absolute;
                -webkit-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                transform: rotate(135deg);
                width: 22px;
                bottom: -28px;
                left: 0;
                margin: 0 auto;
                right: 0;
                top: auto; } }
  @media (max-width: 767px) and (max-width: 767px) {
    #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(2)::after {
      border-width: 3px; } }
        #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(3)::after {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border-right: 4px solid #E66A0B;
          border-top: 4px solid #E66A0B;
          content: "";
          display: block;
          height: 22px;
          position: absolute;
          -webkit-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
          transform: rotate(135deg);
          width: 22px;
          bottom: -32px;
          left: 104px; }
          @media (max-width: 767px) {
            #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(3)::after {
              border-width: 3px; } }
          @media (max-width: 767px) {
            #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(3)::after {
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              border-right: 4px solid #E66A0B;
              border-top: 4px solid #E66A0B;
              content: "";
              display: block;
              height: 22px;
              position: absolute;
              -webkit-transform: rotate(135deg);
              -ms-transform: rotate(135deg);
              transform: rotate(135deg);
              width: 22px;
              bottom: -28px;
              left: 0;
              margin: 0 auto;
              right: 0;
              top: auto; } }
  @media (max-width: 767px) and (max-width: 767px) {
    #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(3)::after {
      border-width: 3px; } }
        @media (max-width: 767px) {
          #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(3).flow-small {
            padding: 0 10px 0 170px; }
            #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(3).flow-small .img-box {
              right: auto;
              left: 10px; } }
        #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(4) {
          margin-top: 65px; }
          @media (max-width: 767px) {
            #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(4) {
              margin-top: 37px; } }
          #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(4)::after {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-right: 4px solid #E66A0B;
            border-top: 4px solid #E66A0B;
            content: "";
            display: block;
            height: 22px;
            position: absolute;
            -webkit-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
            transform: rotate(225deg);
            width: 22px;
            left: -37px;
            top: 94px; }
            @media (max-width: 767px) {
              #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(4)::after {
                border-width: 3px; } }
            @media (max-width: 767px) {
              #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(4)::after {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border-right: 4px solid #E66A0B;
                border-top: 4px solid #E66A0B;
                content: "";
                display: block;
                height: 22px;
                position: absolute;
                -webkit-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                transform: rotate(135deg);
                width: 22px;
                bottom: -28px;
                left: 0;
                margin: 0 auto;
                right: 0;
                top: auto; } }
  @media (max-width: 767px) and (max-width: 767px) {
    #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(4)::after {
      border-width: 3px; } }
        #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(5) {
          margin-right: 116px;
          margin-top: 36px; }
          @media (max-width: 767px) {
            #course.workshop .schedule .content .content-list > li .flow-list li:nth-of-type(5) {
              margin-right: 0;
              margin-top: 0; } }
        #course.workshop .schedule .content .content-list > li .flow-list li.flow-middle {
          width: 383px; }
          @media (max-width: 767px) {
            #course.workshop .schedule .content .content-list > li .flow-list li.flow-middle {
              width: 100%; } }
          #course.workshop .schedule .content .content-list > li .flow-list li.flow-middle .date-box {
            float: left; }
            @media (max-width: 767px) {
              #course.workshop .schedule .content .content-list > li .flow-list li.flow-middle .date-box {
                float: none;
                margin: 0 auto 10px; } }
          #course.workshop .schedule .content .content-list > li .flow-list li.flow-middle .txt-box {
            float: right;
            margin-bottom: 24px;
            width: 260px; }
            @media (max-width: 767px) {
              #course.workshop .schedule .content .content-list > li .flow-list li.flow-middle .txt-box {
                float: none;
                margin-bottom: 11px;
                width: 100%; } }
          #course.workshop .schedule .content .content-list > li .flow-list li.flow-middle .img-box {
            clear: both; }
        #course.workshop .schedule .content .content-list > li .flow-list li.flow-small {
          width: 227px; }
          @media (max-width: 767px) {
            #course.workshop .schedule .content .content-list > li .flow-list li.flow-small {
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              padding-right: 170px;
              position: relative;
              width: 100%; } }
          #course.workshop .schedule .content .content-list > li .flow-list li.flow-small .date-box {
            margin-bottom: 13px; }
            @media (max-width: 767px) {
              #course.workshop .schedule .content .content-list > li .flow-list li.flow-small .date-box {
                margin-bottom: 4px; } }
          #course.workshop .schedule .content .content-list > li .flow-list li.flow-small .txt-box {
            margin-bottom: 13px; }
            @media (max-width: 767px) {
              #course.workshop .schedule .content .content-list > li .flow-list li.flow-small .txt-box {
                margin-bottom: 0; } }
          @media (max-width: 767px) {
            #course.workshop .schedule .content .content-list > li .flow-list li.flow-small .img-box {
              bottom: 0;
              height: 100px;
              margin: auto 0;
              position: absolute;
              right: 10px;
              top: 0;
              width: 150px; } }
        #course.workshop .schedule .content .content-list > li .flow-list li.flow-large {
          border-radius: 13px;
          overflow: hidden;
          width: 637px; }
          @media (max-width: 767px) {
            #course.workshop .schedule .content .content-list > li .flow-list li.flow-large {
              margin-top: 48px;
              width: 100%; } }
          @media (max-width: 767px) {
            #course.workshop .schedule .content .content-list > li .flow-list li.flow-large .img-box {
              border-radius: 8px 8px 0 0;
              overflow: hidden; } }
          #course.workshop .schedule .content .content-list > li .flow-list li.flow-large .img-box img:nth-of-type(2) {
            display: none; }
          @media (max-width: 767px) {
            #course.workshop .schedule .content .content-list > li .flow-list li.flow-large .img-box img:nth-of-type(1) {
              display: none; }
            #course.workshop .schedule .content .content-list > li .flow-list li.flow-large .img-box img:nth-of-type(2) {
              display: inline; } }
        #course.workshop .schedule .content .content-list > li .flow-list li .date-box {
          background: #E66A0B;
          height: 60px;
          position: relative;
          text-align: center;
          width: 102px; }
          @media (max-width: 767px) {
            #course.workshop .schedule .content .content-list > li .flow-list li .date-box {
              height: 48px;
              width: 76px; } }
          #course.workshop .schedule .content .content-list > li .flow-list li .date-box .year {
            background: #DEDEDE;
            color: #333;
            font-size: 18px;
            font-weight: bold;
            line-height: 21px;
            position: absolute;
            right: 0;
            top: 0;
            width: 58px; }
            @media (max-width: 767px) {
              #course.workshop .schedule .content .content-list > li .flow-list li .date-box .year {
                font-size: 12px;
                line-height: 17px;
                width: 41px; } }
          #course.workshop .schedule .content .content-list > li .flow-list li .date-box .month {
            color: #fff;
            font-size: 24px;
            font-weight: bold;
            line-height: 60px; }
            @media (max-width: 767px) {
              #course.workshop .schedule .content .content-list > li .flow-list li .date-box .month {
                font-size: 18px;
                line-height: 46px; } }
            #course.workshop .schedule .content .content-list > li .flow-list li .date-box .month span {
              font-family: 'Roboto', sans-serif;
              font-size: 60px;
              font-weight: normal;
              margin-right: 5px; }
              @media (max-width: 767px) {
                #course.workshop .schedule .content .content-list > li .flow-list li .date-box .month span {
                  font-size: 48px; } }
        #course.workshop .schedule .content .content-list > li .flow-list li .txt-box {
          font-size: 13px;
          line-height: 21px; }
          @media (max-width: 767px) {
            #course.workshop .schedule .content .content-list > li .flow-list li .txt-box {
              font-size: 10px;
              line-height: 18px; } }
        #course.workshop .schedule .content .content-list > li .flow-list li .img-box img {
          vertical-align: top;
          width: 100%; }
        #course.workshop .schedule .content .content-list > li .flow-list li .head-box {
          background: #fff;
          color: #ea7606;
          font-size: 24px;
          font-weight: bold;
          line-height: 1.5;
          padding: 14px 18px; }
          @media (max-width: 767px) {
            #course.workshop .schedule .content .content-list > li .flow-list li .head-box {
              border-radius: 0 0 8px 8px;
              font-size: 12px;
              line-height: 22px;
              padding: 5px 0 6px;
              text-align: center; } }

@media (max-width: 767px) {
  #course.ground-future .badge-wrap .badge {
    top: -75px; } }

#course.ground-future .section-head {
  padding: 21px 0 67px; }
  @media (max-width: 767px) {
    #course.ground-future .section-head {
      padding: 13px 0 12px; } }
  #course.ground-future .section-head .link-area {
    margin: 0 auto 46px;
    width: 980px; }
    @media (max-width: 767px) {
      #course.ground-future .section-head .link-area {
        margin: 0 auto 8px;
        text-align: center;
        width: 100%; } }
    #course.ground-future .section-head .link-area .back-category-top {
      font-size: 14px;
      line-height: 1.5; }
      @media (max-width: 767px) {
        #course.ground-future .section-head .link-area .back-category-top {
          font-size: 11px; } }
      #course.ground-future .section-head .link-area .back-category-top img {
        margin-right: 6px;
        vertical-align: -1px;
        width: 15px; }
        @media (max-width: 767px) {
          #course.ground-future .section-head .link-area .back-category-top img {
            vertical-align: -3px; } }
  #course.ground-future .section-head .head-title {
    color: #ea7606;
    font-size: 36px;
    font-weight: bold;
    line-height: 44px;
    margin-bottom: 18px;
    text-align: center; }
    @media (max-width: 767px) {
      #course.ground-future .section-head .head-title {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 7px;
        text-align: center; } }
  #course.ground-future .section-head .intro {
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 25px;
    margin-bottom: 62px;
    text-align: center; }
    @media (max-width: 767px) {
      #course.ground-future .section-head .intro {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 20px;
        padding: 0 10px;
        text-align: justify; }
        #course.ground-future .section-head .intro br {
          display: none; } }
  #course.ground-future .section-head .area-map {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #course.ground-future .section-head .area-map {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%; } }
    #course.ground-future .section-head .area-map .map-head {
      font-size: 24px;
      font-weight: bold;
      line-height: 28px;
/*      margin-bottom: -35px; */
      margin-bottom: -60px; 
	position: relative;
	z-index: 1;
	}
      @media (max-width: 767px) {
        #course.ground-future .section-head .area-map .map-head {
          font-size: 16px;
          line-height: 20px;
          margin-bottom: 8px;
          text-align: center; } }
    @media (max-width: 767px) {
      #course.ground-future .section-head .area-map .img-box {
        overflow: scroll; } }
    #course.ground-future .section-head .area-map .img-box img {
      vertical-align: top;
      width: 100%; }
      @media (max-width: 767px) {
        #course.ground-future .section-head .area-map .img-box img {
          width: 600px; } }

#course.ground-future .content-work {
  background-image: url("./assets/images/ground_future/bg-plane.jpg");
  background-position: 50% top;
  margin-bottom: 51px;
  padding: 20px 0 172px; }
  @media (max-width: 767px) {
    #course.ground-future .content-work {
      padding: 20px 0 40px;
      margin-bottom: 20px; } }
  #course.ground-future .content-work .container {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #course.ground-future .content-work .container {
        width: 100%; } }
    #course.ground-future .content-work .container .work-list {
      font-size: 0;
      letter-spacing: 0; }
      #course.ground-future .content-work .container .work-list > li {
        display: inline-block;
        vertical-align: top;
        width: 475px; }
        @media (max-width: 767px) {
          #course.ground-future .content-work .container .work-list > li {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            padding: 0 10px;
            width: 100%; } }
        #course.ground-future .content-work .container .work-list > li::after {
          clear: both;
          content: "";
          display: block; }
        @media (min-width: 768px) {
          #course.ground-future .content-work .container .work-list > li:nth-last-of-type(n+3) {
            margin-bottom: 36px; }
          #course.ground-future .content-work .container .work-list > li:nth-of-type(1), #course.ground-future .content-work .container .work-list > li:nth-of-type(3), #course.ground-future .content-work .container .work-list > li:nth-of-type(5), #course.ground-future .content-work .container .work-list > li:nth-of-type(7) {
            margin-right: 30px; } }
        @media (max-width: 767px) {
          #course.ground-future .content-work .container .work-list > li:nth-last-of-type(n+2) {
            margin-bottom: 20px; } }



/* エアカーゴとは  2024  9-->11変更 */
        #course.ground-future .content-work .container .work-list > li:nth-of-type(11) {
          padding: 16px 0 0;
          width: 100%; }

          #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .list-title {
            color: #ea7606;
            font-size: 36px;
            font-weight: bold;
            line-height: 50px;
            margin-bottom: 52px;
            text-align: center; }
            @media (max-width: 767px) {
              #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .list-title {
                font-size: 24px;
                line-height: 32px; } }
          #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area {
            border-radius: 0 14px 0 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
            position: relative; }
            @media (max-width: 767px) {
              #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area {
                padding: 0; } }
            @media (max-width: 767px) {
              #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .bg-img-box {
                position: relative; }
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .bg-img-box::after {
                  background: rgba(0, 0, 0, 0.2);
                  bottom: 0;
                  content: "";
                  display: block;
                  left: 0;
                  position: absolute;
                  right: 0;
                  top: 0; } }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .bg-img-box img {
              vertical-align: top;
              width: 100%; }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .num {
              background: #ea7606;
              border-radius: 2px;
              color: #fff;
              font-family: "Roboto", sans-serif;
              font-size: 32px;
              left: 0;
              line-height: 48px;
              position: absolute;
              text-align: center;
              top: 0;
              width: 62px; }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .num {
                  font-size: 22px;
                  line-height: 32px;
                  width: 40px; } }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .head {
              color: #fff;
              font-size: 28px;
              font-weight: bold;
              left: 33px;
              line-height: 1;
              position: absolute;
              top: 166px; }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .head {
                  font-size: 18px;
                  left: 0;
                  line-height: 24px;
                  text-align: center;
                  top: 49px;
                  width: 100%; } }
              @media (max-width: 320px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .head {
                  top: 40px; } }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .desc {
              color: #fff;
              font-size: 14px;
              left: 31px;
              line-height: 24px;
              position: absolute;
              top: 205px;
              width: 360px; }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .desc {
                  -webkit-box-sizing: border-box;
                  box-sizing: border-box;
                  font-size: 12px;
                  left: 0;
                  line-height: 18px;
                  padding: 0 10px;
                  text-align: justify;
                  top: 80px;
                  width: 100%; } }
              @media (max-width: 320px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .head-area .desc {
                  font-size: 11px;
                  line-height: 17px;
                  top: 70px; } }
          #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area {
            background: #fff;
            border-radius: 0 0 14px 14px;
            overflow: hidden;
            padding: 25px 32px 40px 34px; }
            @media (max-width: 767px) {
              #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area {
                padding: 20px 10px; } }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .area-head, #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .head {
              font-size: 28px;
              font-weight: bold;
              line-height: 1; }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .area-head, #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .head {
                  font-size: 18px;
                  line-height: 24px; } }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .area-head {
              margin-bottom: 12px; }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .area-head {
                  margin-bottom: 10px; } }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .head {
              color: #ea7606;
              margin-bottom: 7px;
              margin-top: 34px; }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .head {
                  margin-bottom: 5px;
                  margin-top: 15px; } }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area p {
              font-size: 14px;
              line-height: 24px; }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area p {
                  font-size: 12px;
                  line-height: 20px; } }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .img-list {
              float: right;
              margin-left: 40px;
              width: 251px; }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .img-list {
                  float: none;
                  margin-bottom: 10px;
                  margin-left: 0;
                  width: 100%; }
                  #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .img-list::after {
                    clear: both;
                    content: "";
                    display: block; } }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .img-list li {
                  float: left;
                  text-align: center;
                  width: calc((100% - 10px)/2); } }
              #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .img-list li:first-of-type {
                margin-bottom: 17px; }
                @media (max-width: 767px) {
                  #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .img-list li:first-of-type {
                    margin-bottom: 0;
                    margin-right: 10px; } }
              #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .img-list li img {
                margin-bottom: 5px;
                vertical-align: top;
                width: 100%; }
                @media (max-width: 767px) {
                  #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .img-list li img {
                    margin-bottom: 0; } }
              #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .img-list li .title {
                font-size: 12px;
                line-height: 18px; }
                @media (max-width: 767px) {
                  #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .img-list li .title {
                    font-size: 10px;
                    line-height: 16px; } }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .img-goods {
              margin-top: 30px;
              padding-bottom: 4px;
              width: 527px; }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .img-goods {
                  margin-top: 15px;
                  width: 100%; } }
              #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .img-goods img {
                vertical-align: top;
                width: 100%; }
            #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .intro-list {
              border: 2px dotted #A0A0A0;
              border-radius: 5px;
              margin: 34px 0 0;
              padding: 20px 24px 44px; }
              @media (max-width: 767px) {
                #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .intro-list {
                  margin: 20px 0 0;
                  padding: 13px 10px; } }
              #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .intro-list li:first-of-type {
                margin-bottom: 38px; }
                @media (max-width: 767px) {
                  #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .intro-list li:first-of-type {
                    margin-bottom: 15px; } }
              #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .intro-list .list-head {
                border-left: 6px solid #ea7606;
                font-size: 16px;
                font-weight: bold;
                line-height: 24px;
                margin-bottom: 8px;
                padding-left: 8px; }
                @media (max-width: 767px) {
                  #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .intro-list .list-head {
                    border-width: 3px;
                    font-size: 14px;
                    line-height: 22px;
                    padding-left: 4px; } }
              #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .intro-list .desc {
                font-size: 14px;
                line-height: 21px; }
                @media (max-width: 767px) {
                  #course.ground-future .content-work .container .work-list > li:nth-of-type(11) .content-area .intro-list .desc {
                    font-size: 12px;
                    line-height: 20px; } }





        #course.ground-future .content-work .container .work-list > li .img-box {
          float: left;
          position: relative;
          width: 241px; }
          @media (max-width: 767px) {
            #course.ground-future .content-work .container .work-list > li .img-box {
              width: 130px; } }
          #course.ground-future .content-work .container .work-list > li .img-box img {
            vertical-align: top;
            width: 100%; }
          #course.ground-future .content-work .container .work-list > li .img-box .num {
            background: #ea7606;
            border-radius: 2px;
            bottom: 2px;
            color: #fff;
            font-family: "Roboto", sans-serif;
            font-size: 28px;
            height: 31px;
            left: 2px;
            line-height: 31px;
            position: absolute;
            text-align: center;
            width: 40px; }
            @media (max-width: 767px) {
              #course.ground-future .content-work .container .work-list > li .img-box .num {
                bottom: auto;
                font-size: 18px;
                height: 22px;
                line-height: 22px;
                top: 0;
                width: 30px; } }
        #course.ground-future .content-work .container .work-list > li .txt-box {
          float: right;
          padding: 2px 0 0;
          width: 219px; }
          @media (max-width: 767px) {
            #course.ground-future .content-work .container .work-list > li .txt-box {
              width: calc(100% - 140px); } }
          #course.ground-future .content-work .container .work-list > li .txt-box .work-name {
            color: #ea7606;
            font-size: 22px;
            font-weight: bold;
            line-height: 27px;
            margin-bottom: 5px;
            white-space: nowrap; }
            @media (max-width: 767px) {
              #course.ground-future .content-work .container .work-list > li .txt-box .work-name {
                font-size: 15px;
                line-height: 18px;
                margin-bottom: 2px; } }
          #course.ground-future .content-work .container .work-list > li .txt-box .desc {
            font-size: 14px;
            line-height: 21px; }
            @media (max-width: 767px) {
              #course.ground-future .content-work .container .work-list > li .txt-box .desc {
                font-size: 12px;
                line-height: 18px; } }

/*
 * 11. 航空整備学科
 */
@media (max-width: 767px) {
  #course.maintenance .badge-wrap .badge {
    top: -75px; } }

#course.maintenance .head-area {
  background: #E0DCDB;
  font-size: 0;
  letter-spacing: 0;
  margin-bottom: 13px;
  overflow: hidden;
  white-space: nowrap; }
  @media (max-width: 767px) {
    #course.maintenance .head-area {
      white-space: normal; } }
  #course.maintenance .head-area .container {
    display: inline-block;
    left: 50%;
    position: relative;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  @media (min-width: 768px) {
    #course.maintenance .head-area .main-head, #course.maintenance .head-area .img-box {
      -webkit-transform: skew(-26deg);
      -ms-transform: skew(-26deg);
      transform: skew(-26deg); }
      #course.maintenance .head-area .main-head .head, #course.maintenance .head-area .main-head .desc, #course.maintenance .head-area .main-head img, #course.maintenance .head-area .img-box .head, #course.maintenance .head-area .img-box .desc, #course.maintenance .head-area .img-box img {
        -webkit-transform: skew(26deg);
        -ms-transform: skew(26deg);
        transform: skew(26deg); } }
  #course.maintenance .head-area .main-head {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding-top: 41px;
    height: 300px;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
    width: 876px; }
    @media (max-width: 767px) {
      #course.maintenance .head-area .main-head {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        padding: 20px 10px;
        width: 100%; } }
    #course.maintenance .head-area .main-head .head {
      color: #00428c;
      font-size: 40px;
      font-weight: bold;
      line-height: 44px;
      margin-bottom: 13px; }
      @media (max-width: 767px) {
        #course.maintenance .head-area .main-head .head {
          font-size: 26px;
          line-height: 40px; }
          #course.maintenance .head-area .main-head .head br {
            display: none; } }
    #course.maintenance .head-area .main-head .desc {
      color: #222;
      font-size: 16px;
      letter-spacing: 0.06em;
      line-height: 31px; }
      @media (max-width: 767px) {
        #course.maintenance .head-area .main-head .desc {
          font-size: 14px;
          line-height: 24px;
          text-align: left; }
          #course.maintenance .head-area .main-head .desc br {
            display: none; } }
  #course.maintenance .head-area .img-box {
    display: inline-block;
    height: 300px;
    vertical-align: top;
    width: 422px; }
    @media (max-width: 767px) {
      #course.maintenance .head-area .img-box {
        display: none; } }
    #course.maintenance .head-area .img-box img {
      height: 100%;
      left: -74px;
      position: relative; }

#course.maintenance .strong {
  background: #E3F6FD; }
  #course.maintenance .strong .section-title {
    background: #003A81;
    border-bottom: 2px solid #fff;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    line-height: 64px;
    text-align: center; }
    @media (max-width: 767px) {
      #course.maintenance .strong .section-title {
        font-size: 22px;
        line-height: 44px; } }
    #course.maintenance .strong .section-title img {
      margin-bottom: 5px;
      margin-right: 8px;
      vertical-align: middle;
      width: 48px; }
      @media (max-width: 767px) {
        #course.maintenance .strong .section-title img {
          margin-bottom: 3px;
          margin-right: 6px;
          width: 32px; } }
  #course.maintenance .strong .container {
    margin: 0 auto;
    padding: 33px 0 24px;
    width: 980px; }
    @media (max-width: 767px) {
      #course.maintenance .strong .container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 10px 5px;
        width: 100%; } }
    #course.maintenance .strong .container .section-head {
      font-size: 32px;
      font-weight: bold;
      line-height: 39px;
      text-align: center; }
      @media (max-width: 767px) {
        #course.maintenance .strong .container .section-head {
          font-size: 22px;
          line-height: 32px; }
          #course.maintenance .strong .container .section-head br {
            display: none; } }
      #course.maintenance .strong .container .section-head::after {
        background: #10A7E9;
        content: "";
        display: block;
        height: 7px;
        margin: 23px auto;
        -webkit-transform: skew(-26deg);
        -ms-transform: skew(-26deg);
        transform: skew(-26deg);
        width: 95px; }
        @media (max-width: 767px) {
          #course.maintenance .strong .container .section-head::after {
            height: 5px;
            margin: 15px auto;
            width: 80px; } }
    #course.maintenance .strong .container .intro {
      font-size: 16px;
      line-height: 31px;
      margin-bottom: 72px; }
      @media (max-width: 767px) {
        #course.maintenance .strong .container .intro {
          font-size: 14px;
          line-height: 22px;
          margin-bottom: 30px; } }
    #course.maintenance .strong .container .strong-list li {
      margin-bottom: 65px; }
      @media (max-width: 767px) {
        #course.maintenance .strong .container .strong-list li {
          margin-bottom: 30px; } }
      #course.maintenance .strong .container .strong-list li:nth-of-type(1) .list-title {
        text-align: left; }
        @media (max-width: 767px) {
          #course.maintenance .strong .container .strong-list li:nth-of-type(1) .list-title {
            text-align: left; } }
        #course.maintenance .strong .container .strong-list li:nth-of-type(1) .list-title::after {
          background: #10b0ec;
          content: "";
          display: inline-block;
          height: 54px;
          margin: 0 20px;
          -webkit-transform: skew(-26deg);
          -ms-transform: skew(-26deg);
          transform: skew(-26deg);
          vertical-align: top;
          width: 8px; }
          @media (max-width: 767px) {
            #course.maintenance .strong .container .strong-list li:nth-of-type(1) .list-title::after {
              height: 30px;
              margin: 0;
              position: absolute;
              right: 15px;
              width: 5px; } }
          @media (max-width: 767px) {
            #course.maintenance .strong .container .strong-list li:nth-of-type(1) .list-title::after {
              height: 30px;
              position: relative;
              right: -10px;
              top: -5px; } }
      #course.maintenance .strong .container .strong-list li:nth-of-type(1) .column-wrapper::after {
        clear: both;
        content: "";
        display: block; }
      #course.maintenance .strong .container .strong-list li:nth-of-type(1) .column-wrapper .img-box {
        float: left;
        margin-bottom: 0;
        width: 360px; }
        @media (max-width: 767px) {
          #course.maintenance .strong .container .strong-list li:nth-of-type(1) .column-wrapper .img-box {
            margin: 0 10px 10px 0;
            width: 140px; } }
      #course.maintenance .strong .container .strong-list li:nth-of-type(1) .column-wrapper .txt-box {
        float: right;
        width: 585px; }
        @media (max-width: 767px) {
          #course.maintenance .strong .container .strong-list li:nth-of-type(1) .column-wrapper .txt-box {
            float: none;
            width: 100%; } }
      #course.maintenance .strong .container .strong-list li:nth-of-type(2) .list-title {
        text-align: right; }
        @media (min-width: 768px) {
          #course.maintenance .strong .container .strong-list li:nth-of-type(2) .list-title::before {
            background: #10b0ec;
            content: "";
            display: inline-block;
            height: 54px;
            margin: 0 20px;
            -webkit-transform: skew(-26deg);
            -ms-transform: skew(-26deg);
            transform: skew(-26deg);
            vertical-align: top;
            width: 8px; } }
  @media (min-width: 768px) and (max-width: 767px) {
    #course.maintenance .strong .container .strong-list li:nth-of-type(2) .list-title::before {
      height: 30px;
      margin: 0;
      position: absolute;
      right: 15px;
      width: 5px; } }
        @media (max-width: 767px) {
          #course.maintenance .strong .container .strong-list li:nth-of-type(2) .list-title::after {
            background: #10b0ec;
            content: "";
            display: inline-block;
            height: 54px;
            margin: 0 20px;
            -webkit-transform: skew(-26deg);
            -ms-transform: skew(-26deg);
            transform: skew(-26deg);
            vertical-align: top;
            width: 8px; } }
  @media (max-width: 767px) and (max-width: 767px) {
    #course.maintenance .strong .container .strong-list li:nth-of-type(2) .list-title::after {
      height: 30px;
      margin: 0;
      position: absolute;
      right: 15px;
      width: 5px; } }
      #course.maintenance .strong .container .strong-list li:nth-of-type(3) .list-title {
        text-align: left; }
        #course.maintenance .strong .container .strong-list li:nth-of-type(3) .list-title::after {
          background: #10b0ec;
          content: "";
          display: inline-block;
          height: 54px;
          margin: 0 20px;
          -webkit-transform: skew(-26deg);
          -ms-transform: skew(-26deg);
          transform: skew(-26deg);
          vertical-align: top;
          width: 8px; }
          @media (max-width: 767px) {
            #course.maintenance .strong .container .strong-list li:nth-of-type(3) .list-title::after {
              height: 30px;
              margin: 0;
              position: absolute;
              right: 15px;
              width: 5px; } }
        @media (max-width: 767px) {
          #course.maintenance .strong .container .strong-list li:nth-of-type(3) .list-title::after {
            background: #10b0ec;
            content: "";
            display: inline-block;
            height: 54px;
            margin: 0 20px;
            -webkit-transform: skew(-26deg);
            -ms-transform: skew(-26deg);
            transform: skew(-26deg);
            vertical-align: top;
            width: 8px; } }
  @media (max-width: 767px) and (max-width: 767px) {
    #course.maintenance .strong .container .strong-list li:nth-of-type(3) .list-title::after {
      height: 30px;
      margin: 0;
      position: absolute;
      right: 15px;
      width: 5px; } }
  @media (max-width: 767px) and (max-width: 767px) {
    #course.maintenance .strong .container .strong-list li:nth-of-type(3) .list-title::after {
      height: 30px;
      position: relative;
      right: -10px;
      top: -5px; } }
        #course.maintenance .strong .container .strong-list li:nth-of-type(3) .list-title span {
          color: #333;
          font-size: 24px;
          vertical-align: 2px; }
          @media (max-width: 767px) {
            #course.maintenance .strong .container .strong-list li:nth-of-type(3) .list-title span {
              display: inline-block;
              font-size: 12px;
              line-height: 20px; } }
          #course.maintenance .strong .container .strong-list li:nth-of-type(3) .list-title span::before {
            background: #10b0ec;
            content: "";
            display: inline-block;
            height: 54px;
            margin: 0 20px;
            -webkit-transform: skew(-26deg);
            -ms-transform: skew(-26deg);
            transform: skew(-26deg);
            vertical-align: top;
            width: 8px; }
            @media (max-width: 767px) {
              #course.maintenance .strong .container .strong-list li:nth-of-type(3) .list-title span::before {
                height: 30px;
                margin: 0;
                position: absolute;
                right: 15px;
                width: 5px; } }
            @media (max-width: 767px) {
              #course.maintenance .strong .container .strong-list li:nth-of-type(3) .list-title span::before {
                display: none; } }
      #course.maintenance .strong .container .strong-list li:nth-of-type(4) .list-title {
        text-align: left; }
        @media (max-width: 767px) {
          #course.maintenance .strong .container .strong-list li:nth-of-type(4) .list-title {
            line-height: 20px;
            text-align: left; }
            #course.maintenance .strong .container .strong-list li:nth-of-type(4) .list-title::after {
              background: #10b0ec;
              content: "";
              display: inline-block;
              height: 54px;
              margin: 0 20px;
              -webkit-transform: skew(-26deg);
              -ms-transform: skew(-26deg);
              transform: skew(-26deg);
              vertical-align: top;
              width: 8px; } }
    @media (max-width: 767px) and (max-width: 767px) {
      #course.maintenance .strong .container .strong-list li:nth-of-type(4) .list-title::after {
        height: 30px;
        margin: 0;
        position: absolute;
        right: 15px;
        width: 5px; } }
    @media (max-width: 767px) and (max-width: 767px) {
      #course.maintenance .strong .container .strong-list li:nth-of-type(4) .list-title::after {
        height: 30px;
        position: relative;
        right: -10px;
        top: -5px; } }
        #course.maintenance .strong .container .strong-list li:nth-of-type(4) .list-title span {
          color: #333;
          font-size: 24px;
          vertical-align: 2px; }
          @media (max-width: 767px) {
            #course.maintenance .strong .container .strong-list li:nth-of-type(4) .list-title span {
              display: inline-block;
              font-size: 12px;
              line-height: 20px; } }
          #course.maintenance .strong .container .strong-list li:nth-of-type(4) .list-title span::before {
            background: #10b0ec;
            content: "";
            display: inline-block;
            height: 54px;
            margin: 0 20px;
            -webkit-transform: skew(-26deg);
            -ms-transform: skew(-26deg);
            transform: skew(-26deg);
            vertical-align: top;
            width: 8px; }
            @media (max-width: 767px) {
              #course.maintenance .strong .container .strong-list li:nth-of-type(4) .list-title span::before {
                height: 30px;
                margin: 0;
                position: absolute;
                right: 15px;
                width: 5px; } }
            @media (max-width: 767px) {
              #course.maintenance .strong .container .strong-list li:nth-of-type(4) .list-title span::before {
                display: none; } }
      #course.maintenance .strong .container .strong-list li .list-title {
        color: #10b0ec;
        font-size: 36px;
        line-height: 39px; }
        @media (max-width: 767px) {
          #course.maintenance .strong .container .strong-list li .list-title {
            font-size: 16px;
            line-height: 30px;
            padding-right: 20px; } }
      #course.maintenance .strong .container .strong-list li .img-box {
        margin-bottom: 20px; }
        @media (max-width: 767px) {
          #course.maintenance .strong .container .strong-list li .img-box {
            margin-bottom: 10px; } }
        #course.maintenance .strong .container .strong-list li .img-box img {
          vertical-align: top;
          width: 100%; }
      #course.maintenance .strong .container .strong-list li .txt-box {
        font-size: 16px;
        line-height: 31px; }
        @media (max-width: 767px) {
          #course.maintenance .strong .container .strong-list li .txt-box {
            font-size: 14px;
            line-height: 22px; } }

#course.maintenance .flow .title-area {
  background-position: 0 bottom;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 250px;
  padding: 61px 0 0; }
  @media (max-width: 767px) {
    #course.maintenance .flow .title-area {
      height: auto;
      padding: 30px 10px; } }
  #course.maintenance .flow .title-area .section-title {
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 7px;
    text-align: center; }
    @media (max-width: 767px) {
      #course.maintenance .flow .title-area .section-title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 8px; } }
  #course.maintenance .flow .title-area .sub-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: center; }
    @media (max-width: 767px) {
      #course.maintenance .flow .title-area .sub-title {
        font-size: 14px;
        line-height: 22px; } }

#course.maintenance .flow .content-area {
  background-color: #E3F6FD;
  background-position: right bottom;
  background-repeat: no-repeat;
  padding: 39px 0 72px; }
  @media (max-width: 767px) {
    #course.maintenance .flow .content-area {
      padding: 20px 0 30px; } }
  #course.maintenance .flow .content-area .flow-list {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #course.maintenance .flow .content-area .flow-list {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%; } }
    #course.maintenance .flow .content-area .flow-list::after {
      clear: both;
      content: "";
      display: block; }
    #course.maintenance .flow .content-area .flow-list > li {
      border-radius: 4px;
      position: relative; }
      #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) {
        height: 398px;
        margin-bottom: 59px; }
        @media (max-width: 767px) {
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) {
            height: auto;
            margin-bottom: 0; } }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1)::before, #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1)::after {
          background: #fff;
          bottom: -59px;
          content: "";
          height: 59px;
          position: absolute;
          width: 58px; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1)::before, #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1)::after {
              display: none; } }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1)::before {
          left: 206px; }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1)::after {
          right: 212px; }
        @media (max-width: 767px) {
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box {
            margin-bottom: 40px; } }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box.mechanic {
          background: #10b0ec;
          float: left; }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box.mechanic .head-box::after {
            background: #4DC1EF; }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box.mechanic .head-box .attr {
            background: #10b0ec;
            vertical-align: -10px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box.mechanic .head-box .attr {
                min-height: 64px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box.mechanic .img-box {
            bottom: -79px;
            right: 19px;
            width: 121px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box.mechanic .img-box {
                bottom: auto;
                right: 0;
                top: -30px;
                width: 80px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box.mechanic .txt-box .head {
            color: #10b0ec; }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box.technology {
          background: #29beae;
          float: right; }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box.technology .head-box::after {
            background: #5FCBBD; }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box.technology .head-box .attr {
            background: #29beae;
            vertical-align: 8px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box.technology .head-box .attr {
                min-height: 64px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box.technology .img-box {
            bottom: -50px;
            right: 2px;
            width: 129px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box.technology .img-box {
                bottom: auto;
                right: 0;
                top: -30px;
                width: 86px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box.technology .txt-box .head {
            color: #29beae; }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .head-box {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          color: #fff;
          height: 140px;
          padding: 10px 0 0 25px;
          position: relative; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .head-box {
              font-size: 0;
              height: auto;
              letter-spacing: 0;
              padding: 10px 0 0 10px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .head-box::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            right: 58px;
            top: 0px;
            -webkit-transform: skew(-26deg);
            -ms-transform: skew(-26deg);
            transform: skew(-26deg);
            width: 88px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .head-box::after {
                height: 62px;
                right: 50px;
                width: 44px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .head-box .course-name {
            font-size: 32px;
            font-weight: bold;
            line-height: 1.5; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .head-box .course-name {
                font-size: 22px;
                line-height: 26px;
                position: relative;
                z-index: 2; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .head-box .year {
            display: inline-block;
            font-size: 24px;
            line-height: 54px;
            margin-right: 18px;
            vertical-align: 8px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .head-box .year {
                font-size: 14px;
                line-height: 30px;
                margin-right: 0;
                width: 40px; } }
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .head-box .year span {
              font-family: 'Roboto', sans-serif;
              font-size: 54px;
              vertical-align: -7px; }
              @media (max-width: 767px) {
                #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .head-box .year span {
                  font-size: 20px;
                  line-height: 3px;
                  vertical-align: -2px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .head-box .attr {
            display: inline-block;
            font-size: 14px;
            line-height: 18px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .head-box .attr {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                font-size: 8px;
                line-height: 12px;
                padding: 6px 0 6px 6px;
                position: relative;
                white-space: nowrap;
                width: calc(100% - 40px);
                z-index: 2; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .head-box .img-box {
            position: absolute;
            z-index: 1; }
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .head-box .img-box img {
              vertical-align: top;
              width: 100%; }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .txt-box {
          height: 258px;
          padding: 22px 36px 0 30px;
          position: relative;
          z-index: 1; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .txt-box {
              height: auto;
              padding: 10px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .txt-box .head {
            font-size: 22px;
            font-weight: bold;
            line-height: 36px;
            margin-bottom: 7px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .txt-box .head {
                font-size: 15px;
                line-height: 22px;
                margin-bottom: 4px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .txt-box .desc {
            font-size: 16px;
            line-height: 28px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(1) .column-box .txt-box .desc {
                font-size: 12px;
                line-height: 18px;
                text-align: justify; } }
      #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) {
        background: #fff;
        border-radius: 4px;
        clear: both;
        margin-bottom: 66px;
        padding-bottom: 35px; }
        @media (max-width: 767px) {
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) {
            margin-bottom: 30px;
            margin-top: 30px;
            padding-bottom: 20px; } }


        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2)::before, #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2)::after {
          background: #fff;
          bottom: -66px;
          content: "";
          height: 66px;
          position: absolute;
/*          width: 58px; */
          width: 0px; }


        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2)::before {
          left: 206px; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2)::before {
              left: 0;
              margin: 0 auto;
              right: 0; } }
/*
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2)::after {
          right: 212px; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2)::after {
              display: none; } }
*/

        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .head-band {
          margin-bottom: 51px; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .head-band {
              margin-bottom: 28px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .head-band::before, #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .head-band::after {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            width: 50%; }
/*
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .head-band::before {
            background: #10b0ec;
            left: 0; }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .head-band::after {
            background: #10b0ec;
            right: 0; }
*/
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .list-head {
          top: -34px; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .list-head {
              top: -20px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .list-head::before, #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .list-head::after {
            content: "";
            display: block;
            height: 74px;
            position: absolute;
            top: 0;
            width: 70px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .list-head::before, #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .list-head::after {
                height: 48px;
                width: 50px; } }
/*
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .list-head::before {
            background: #10b0ec;
            left: 0; }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .list-head::after {
            background: #29beae;
            right: 0; }
*/
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .list-title {
          font-size: 28px;
          font-weight: bold;
          line-height: 36px;
          margin-bottom: 21px;
          text-align: center; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .list-title {
              font-size: 18px;
              line-height: 24px;
              margin-bottom: 10px; } }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .column-box {
          -webkit-box-shadow: none;
          box-shadow: none;
          font-size: 16px;
          line-height: 28px;
          margin-bottom: 20px;
          width: 395px; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .column-box {
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              font-size: 14px;
              line-height: 22px;
              margin-bottom: 10px;
              padding: 0 10px;
              width: 100%; } }
          @media (min-width: 768px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .column-box.left {
              margin-left: 82px; }
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .column-box.right {
              margin-right: 74px; } }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) ul.first-year-flow {
          clear: both;
          font-size: 0;
          letter-spacing: 0;
          margin-bottom: 29px;
          text-align: center; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) ul.first-year-flow {
              border-bottom: 1px solid #C9C8C9;
              margin-bottom: 20px;
              padding: 0 10px 15px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) ul.first-year-flow > li {
            border: 2px dotted #10b0ec;
            border-radius: 3px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: inline-block;
            font-size: 20px;
            font-weight: bold;
            line-height: 56px;
            height: 60px;
            text-align: center;
            width: 254px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) ul.first-year-flow > li {
                border-width: 1px;
                font-size: 12px;
                height: 40px;
                line-height: 38px;
                width: calc((100% - 20px)/2); } }
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) ul.first-year-flow > li:nth-of-type(1) {
              background: #F2F2F2;
              margin-right: 30px;
              position: relative; }
              @media (max-width: 767px) {
                #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) ul.first-year-flow > li:nth-of-type(1) {
                  margin-right: 20px; } }
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) ul.first-year-flow > li:nth-of-type(1)::after {
                border-right: 3px solid #10b0ec;
                border-top: 3px solid #10b0ec;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                content: "";
                display: block;
                height: 16px;
                position: absolute;
                right: -20px;
                top: 20px;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                width: 16px; }
                @media (max-width: 767px) {
                  #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) ul.first-year-flow > li:nth-of-type(1)::after {
                    border-width: 2px;
                    height: 10px;
                    right: -14px;
                    top: 14px;
                    width: 10px; } }
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) ul.first-year-flow > li:nth-of-type(2) {
              background: #F2F2F2;
              margin-right: 30px; }
              @media (max-width: 767px) {
                #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) ul.first-year-flow > li:nth-of-type(2) {
                  margin-right: 0; } }


            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) ul.first-year-flow > li:nth-of-type(3) {
              background: #10b0ec;
              color: #fff; }
              @media (max-width: 767px) {
                #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) ul.first-year-flow > li:nth-of-type(3) {
                  margin-top: 14px; } }
      #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) {
        margin-bottom: 62px; }
        @media (max-width: 767px) {
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) {
            margin-bottom: 42px; }
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .select-course {
              background: #fff;
              border: 1px solid #10b0ec;
              border-radius: 4px;
              padding: 6px 0 22px;
              position: relative; }
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .select-course .box-head {
                color: #10b0ec;
                font-size: 18px;
                font-weight: bold;
                line-height: 24px;
                text-align: center; }
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .select-course .desc {
                font-size: 14px;
                line-height: 22px;
                text-align: center; }
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .select-course .select-tab {
                bottom: -20px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                font-size: 0;
                left: 0;
                letter-spacing: 0;
                padding: 0 10px;
                position: absolute;
                width: 100%; }
                #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .select-course .select-tab li {
                  border-radius: 4px;
                  color: #fff;
                  cursor: pointer;
                  display: inline-block;
                  font-size: 14px;
                  line-height: 40px;
                  text-align: center;
                  width: calc((100% - 10px)/2); }
                  #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .select-course .select-tab li.mech {
                    background: #10b0ec;
                    margin-right: 10px; }
                  #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .select-course .select-tab li.tech {
                    background: #29beae; } }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3)::after {
          clear: both;
          content: "";
          display: block; }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3)::before {
          background: #fff;
          bottom: -62px;
          content: "";
          height: 62px;
          position: absolute;
          width: 58px; }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3)::before {
          left: 206px; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3)::before {
              display: none; } }


        @media (max-width: 767px) {
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box {
            display: none;
            float: none;
            margin-top: 58px;
            width: 100%; } }


        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box.mechanic {
          background: #10b0ec; }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box.mechanic .list-head {
            background: #10b0ec; }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box.mechanic .txt-box .box-title {
            color: #10b0ec; }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box.mechanic .tag {
            background: #10b0ec; }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box.technology {
          background: #29beae;
          position: relative; }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box.technology::before, #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box.technology::after {
            content: "";
            display: block;
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0;
            z-index: 1; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box.technology::before, #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box.technology::after {
                display: none; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box.technology::before {
            background: #fff;
            bottom: -16px;
            height: 16px;
            width: 56px; }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box.technology::after {
            border-top: 52px solid #fff;
            border-left: 52px solid transparent;
            border-right: 52px solid transparent;
            bottom: -68px;
            height: 0;
            width: 0; }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box.technology .list-head {
            background: #29beae; }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box.technology .txt-box .box-title {
            color: #29beae; }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box.technology .tag {
            background: #29beae; }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box .head-band {
          height: 24px; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box .head-band {
              height: 14px; } }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box .list-head {
          top: -34px; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box .list-head {
              top: -20px; } }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box .txt-box {
          padding: 32px 44px 49px; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box .txt-box {
              padding: 28px 10px 10px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box .txt-box .intro {
            font-size: 20px;
            font-weight: bold;
            line-height: 36px;
            margin-bottom: 4px;
            text-align: center; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box .txt-box .intro {
                font-size: 14px;
                font-weight: bold;
                line-height: 22px;
                margin-bottom: 4px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box .txt-box .box-title {
            font-size: 28px;
            font-weight: bold;
            line-height: 36px;
            margin-bottom: 14px;
            text-align: center; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box .txt-box .box-title {
                font-size: 18px;
                line-height: 24px;
                margin-bottom: 10px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box .txt-box .desc {
            font-size: 16px;
            line-height: 28px;
            margin-bottom: 30px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box .txt-box .desc {
                font-size: 14px;
                line-height: 22px;
                margin-bottom: 10px; } }



          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .column-box .txt-box .tag ,
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box .txt-box .tag {
            border-radius: 3px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #fff;
            display: block;
            font-size: 20px;
            font-weight: bold;
            line-height: 60px;
            margin: 0 auto;
            height: 60px;
            text-align: center;
            width: 254px; }

            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(2) .column-box .txt-box .tag ,
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(3) .column-box .txt-box .tag {
                font-size: 12px;
                height: 40px;
                line-height: 40px;
                width: 130px; } }
      #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4)::after {
        clear: both;
        content: "";
        display: block; }
      #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left {
        float: left;
        width: 474px; }
        @media (max-width: 767px) {
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left {
            float: none;
            margin-bottom: 30px;
            width: 100%; } }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box {
          margin-bottom: 36px; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box {
              display: none;
              margin-bottom: 20px;
              width: 100%; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box::before, #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box::after {
            bottom: 0;
            content: "";
            display: block;
            margin: auto 0;
            position: absolute;
            top: 0;
            z-index: 1; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box::before, #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box::after {
                display: none; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box::before {
            background: #fff;
            height: 56px;
            right: -16px;
            width: 16px; }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box::after {
            border-bottom: 52px solid transparent;
            border-left: 52px solid #fff;
            border-top: 52px solid transparent;
            height: 0;
            right: -68px;
            width: 0; }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box.mechanic {
            background: #10b0ec; }
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box.mechanic .list-head {
              background: #10b0ec; }
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box.mechanic .txt-box .box-title {
              color: #10b0ec; }
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box.mechanic .tag {
              background: #10b0ec; }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box .head-band {
            height: 24px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box .head-band {
                height: 14px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box .list-head {
            top: -29px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box .list-head {
                top: -20px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box .txt-box {
            border-radius: 4px;
            padding: 50px 44px 33px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box .txt-box {
                padding: 28px 10px 10px; } }
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box .txt-box .box-title {
              font-size: 28px;
              font-weight: bold;
              line-height: 36px;
              margin-bottom: 14px; }
              @media (max-width: 767px) {
                #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box .txt-box .box-title {
                  font-size: 18px;
                  line-height: 24px;
                  margin-bottom: 10px; } }
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box .txt-box .desc {
              font-size: 16px;
              line-height: 28px;
              margin-bottom: 20px; }
              @media (max-width: 767px) {
                #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box .txt-box .desc {
                  font-size: 14px;
                  line-height: 22px;
                  margin-bottom: 10px; } }
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box .txt-box .tag {
              border-radius: 3px;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              color: #fff;
              display: block;
              font-size: 20px;
              font-weight: bold;
              line-height: 60px;
              margin: 0 auto;
              height: 60px;
              text-align: center;
              width: 294px; }
              @media (max-width: 767px) {
                #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .column-box .txt-box .tag {
                  font-size: 12px;
                  height: 40px;
                  line-height: 40px;
                  width: 180px; } }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .qa-box {
          background: #10b0ec;
          border-radius: 4px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 19px 28px 21px; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .qa-box {
              padding: 10px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .qa-box .q-area {
            color: #fbffca;
            font-size: 20px;
            font-weight: bold;
            line-height: 22px;
            margin-bottom: 14px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .qa-box .q-area {
                font-size: 14px;
                line-height: 20px;
                margin-bottom: 5px; } }
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .qa-box .q-area span {
              font-size: 14px;
              font-weight: normal;
              display: block;
              margin-bottom: 2px; }
              @media (max-width: 767px) {
                #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .qa-box .q-area span {
                  font-size: 10px;
                  margin-bottom: 0; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .qa-box .a-area {
            color: #fff;
            font-size: 14px;
            line-height: 22px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .qa-box .a-area {
                font-size: 12px;
                line-height: 20px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .qa-box img {
            margin: 13px 0 16px;
            vertical-align: top;
            width: 429px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-left .qa-box img {
                margin: 10px 0;
                width: 100%; } }
      #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-right {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: right;
        padding: 17px 0 0 44px;
        width: 474px; }
        @media (max-width: 767px) {
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-right {
            float: none;
            padding: 0;
            width: 100%; } }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-right .column-head {
          background: #FAFFC3;
          border-radius: 4px;
          -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
          color: #00428c;
          font-size: 20px;
          line-height: 43px;
          margin-bottom: 17px;
          text-align: center;
          width: 257px; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-right .column-head {
              font-size: 14px;
              line-height: 40px;
              width: 100%; } }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-right .job-list li:nth-last-of-type(n+2) {
          margin-bottom: 18px; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-right .job-list li:nth-last-of-type(n+2) {
              margin-bottom: 10px; } }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-right .job-list li::after {
          clear: both;
          content: "";
          display: block; }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-right .job-list li .txt-box {
          background: transparent;
          float: left;
          width: calc(100% - 174px); }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-right .job-list li .txt-box {
              width: calc(100% - 92px); } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-right .job-list li .txt-box .list-title {
            border-left: 5px solid #10b0ec;
            color: #10b0ec;
            font-size: 18px;
            font-weight: bold;
            line-height: 24px;
            margin-bottom: 3px;
            padding-left: 7px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-right .job-list li .txt-box .list-title {
                font-size: 12px;
                line-height: 18px;
                padding-left: 5px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-right .job-list li .txt-box .desc {
            font-size: 14px;
            line-height: 23px; }
            @media (max-width: 767px) {
              #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-right .job-list li .txt-box .desc {
                font-size: 12px;
                line-height: 20px; } }
        #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-right .job-list li .img-box {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border-radius: 4px;
          float: right;
          height: 143px;
          overflow: hidden;
          width: 164px; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-right .job-list li .img-box {
              height: auto;
              width: 82px; } }
          #course.maintenance .flow .content-area .flow-list > li:nth-of-type(4) .column-right .job-list li .img-box img {
            vertical-align: top;
            width: 100%; }
      #course.maintenance .flow .content-area .flow-list > li .column-box {
        border-radius: 4px;
        -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
        position: relative;
        width: 474px; }
        @media (max-width: 767px) {
          #course.maintenance .flow .content-area .flow-list > li .column-box {
            width: calc((100% - 10px)/2); } }
        #course.maintenance .flow .content-area .flow-list > li .column-box.left {
          float: left; }
        #course.maintenance .flow .content-area .flow-list > li .column-box.right {
          float: right; }
      #course.maintenance .flow .content-area .flow-list > li .head-band {
        border-radius: 4px 4px 0 0;
        height: 28px;
        overflow: hidden;
        position: relative; }
        @media (max-width: 767px) {
          #course.maintenance .flow .content-area .flow-list > li .head-band {
            height: 14px; } }
      #course.maintenance .flow .content-area .flow-list > li .list-head {
        color: #fff;
        font-size: 26px;
        height: 74px;
        left: 0;
        line-height: 74px;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: center;
        -webkit-transform: skew(-26deg);
        -ms-transform: skew(-26deg);
        transform: skew(-26deg);
        width: 140px; }
        @media (max-width: 767px) {
          #course.maintenance .flow .content-area .flow-list > li .list-head {
            font-size: 16px;
            height: 48px;
            line-height: 48px;
            width: 100px; } }
        #course.maintenance .flow .content-area .flow-list > li .list-head > span {
          display: inline-block;
          position: relative;
          -webkit-transform: skew(26deg);
          -ms-transform: skew(26deg);
          transform: skew(26deg);
          z-index: 1; }
        #course.maintenance .flow .content-area .flow-list > li .list-head .roboto {
          font-family: "Roboto", sans-serif;
          font-size: 56px;
          vertical-align: -11px; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li .list-head .roboto {
              font-size: 24px;
              vertical-align: -3px; } }
      #course.maintenance .flow .content-area .flow-list > li .txt-box {
        background: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 4px; }
      #course.maintenance .flow .content-area .flow-list > li .btn-more {
        background: #10b0ec;
        border-radius: 3px;
        color: #fff;
        display: block;
        font-size: 20px;
        font-weight: bold;
        line-height: 52px;
        margin: 0 auto;
        text-align: center;
        width: 326px; }
        @media (max-width: 767px) {
          #course.maintenance .flow .content-area .flow-list > li .btn-more {
            font-size: 12px;
            line-height: 40px;
            width: 200px; } }
        #course.maintenance .flow .content-area .flow-list > li .btn-more::before {
          border-right: 2px solid #fff;
          border-top: 2px solid #fff;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          content: "";
          display: inline-block;
          height: 9px;
          margin-right: 8px;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          vertical-align: 3px;
          width: 9px; }
          @media (max-width: 767px) {
            #course.maintenance .flow .content-area .flow-list > li .btn-more::before {
              border-width: 1px;
              height: 6px;
              margin-right: 4px;
              vertical-align: 1px;
              width: 6px; } }

#course.maintenance .n-tac {
  padding-top: 41px; }

/*
 * 航空技術コース
 */
#course section.technology-page .catch-copy {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
  margin: 33px auto 0;
  text-align: center; }
  @media (max-width: 767px) {
    #course section.technology-page .catch-copy {
      font-size: 22px;
      line-height: 30px;
      margin: 30px auto;
      padding: 0 10px; } }
  #course section.technology-page .catch-copy::after {
    background: #29beae;
    content: "";
    display: block;
    height: 7px;
    margin: 14px auto 21px;
    -webkit-transform: skew(-26deg);
    -ms-transform: skew(-26deg);
    transform: skew(-26deg);
    width: 144px; }
    @media (max-width: 767px) {
      #course section.technology-page .catch-copy::after {
        display: none; } }

#course section.technology-page .info {
  font-size: 16px;
  line-height: 25px;
  margin: 0 auto 55px;
  text-align: center; }
  @media (max-width: 767px) {
    #course section.technology-page .info {
      display: none; } }

#course section.technology-page .checkpoints-area {
  margin: 0 auto 30px;
  overflow: hidden; }
  @media (max-width: 767px) {
    #course section.technology-page .checkpoints-area {
      margin-bottom: 15px; } }
  #course section.technology-page .checkpoints-area .checkpoints-note {
    font-size: 16px;
    line-height: 25px; }
    @media (max-width: 767px) {
      #course section.technology-page .checkpoints-area .checkpoints-note {
        font-size: 14px;
        line-height: 22px;
        padding: 0 10px; } }
  #course section.technology-page .checkpoints-area .checkpoints-list {
    font-size: 0;
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #course section.technology-page .checkpoints-area .checkpoints-list {
        width: 100%; } }
    #course section.technology-page .checkpoints-area .checkpoints-list li::after {
      background: #29beae;
      content: "";
      display: block;
      height: 1px;
      margin: 0 auto;
      width: 690px; }
      @media (max-width: 767px) {
        #course section.technology-page .checkpoints-area .checkpoints-list li::after {
          width: 80%; } }
    #course section.technology-page .checkpoints-area .checkpoints-list li:nth-of-type(1)::after {
      margin: 79px auto; }
      @media (max-width: 767px) {
        #course section.technology-page .checkpoints-area .checkpoints-list li:nth-of-type(1)::after {
          margin: 30px auto; } }
    #course section.technology-page .checkpoints-area .checkpoints-list li:nth-of-type(2)::after {
      margin: 68px auto 0; }
      @media (max-width: 767px) {
        #course section.technology-page .checkpoints-area .checkpoints-list li:nth-of-type(2)::after {
          margin: 30px auto 0; } }
    @media (max-width: 767px) {
      #course section.technology-page .checkpoints-area .checkpoints-list li .img-box {
        margin-bottom: 20px;
        padding: 0 10px; } }
    #course section.technology-page .checkpoints-area .checkpoints-list li .img-box img {
      vertical-align: top;
      width: 100%; }
    #course section.technology-page .checkpoints-area .checkpoints-list li .container::after {
      clear: both;
      content: "";
      display: block; }
    #course section.technology-page .checkpoints-area .checkpoints-list li .container .txt-box {
      float: left;
      width: 560px; }
      @media (max-width: 767px) {
        #course section.technology-page .checkpoints-area .checkpoints-list li .container .txt-box {
          float: none;
          width: 100%; } }
    #course section.technology-page .checkpoints-area .checkpoints-list li .container .img-box {
      float: right;
      margin-top: 42px;
      width: 380px; }
      @media (max-width: 767px) {
        #course section.technology-page .checkpoints-area .checkpoints-list li .container .img-box {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          float: none;
          margin-top: 20px;
          width: 100%; } }
    #course section.technology-page .checkpoints-area .checkpoints-list li .checkpoints-01 {
      font-size: 16px;
      position: relative; }
      #course section.technology-page .checkpoints-area .checkpoints-list li .checkpoints-01 .txt-checkpoints {
        margin: 0 auto -128px;
        width: 211px; }
        @media (max-width: 767px) {
          #course section.technology-page .checkpoints-area .checkpoints-list li .checkpoints-01 .txt-checkpoints {
            margin: 0 auto -16px;
            width: 105px; } }
        #course section.technology-page .checkpoints-area .checkpoints-list li .checkpoints-01 .txt-checkpoints img {
          vertical-align: top;
          width: 100%; }
      #course section.technology-page .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main {
        left: 50%;
        margin-bottom: 23px;
        position: relative;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 1400px; }
        @media (max-width: 767px) {
          #course section.technology-page .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main {
            margin-bottom: 20px;
            width: 100%; } }
        #course section.technology-page .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main img {
          vertical-align: top;
          width: 100%; }
          #course section.technology-page .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main img:nth-of-type(2) {
            display: none; }
          @media (max-width: 767px) {
            #course section.technology-page .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main img:nth-of-type(1) {
              display: none; }
            #course section.technology-page .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main img:nth-of-type(2) {
              display: inline; } }
    #course section.technology-page .checkpoints-area .checkpoints-list li .title-02 {
      color: #29beae;
      font-size: 32px;
      line-height: 48px;
      margin: 31px auto 9px; }
      @media (max-width: 767px) {
        #course section.technology-page .checkpoints-area .checkpoints-list li .title-02 {
          font-size: 22px;
          line-height: 32px;
          margin: 0 auto 10px;
          text-align: center; } }
  #course section.technology-page .checkpoints-area .flow-area::after {
    background: #7BD1F3;
    content: "";
    display: block;
    height: 1px;
    margin: 67px auto 0;
    width: 690px; }
    @media (max-width: 767px) {
      #course section.technology-page .checkpoints-area .flow-area::after {
        margin: 30px auto 0;
        width: 80%; } }
  #course section.technology-page .checkpoints-area .flow-area .area-title {
    font-size: 28px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 26px;
    text-align: center; }
    @media (max-width: 767px) {
      #course section.technology-page .checkpoints-area .flow-area .area-title {
        margin-bottom: 20px; } }
    #course section.technology-page .checkpoints-area .flow-area .area-title span {
      font-family: "Roboto", sans-serif;
      font-size: 48px;
      vertical-align: -2px; }
  #course section.technology-page .checkpoints-area .flow-area .flow-list {
    font-size: 0;
    letter-spacing: 0;
    text-align: center; }
    #course section.technology-page .checkpoints-area .flow-area .flow-list li {
      display: inline-block;
      margin: 0 18px;
      text-align: center;
      vertical-align: top;
      width: 284px; }
      @media (max-width: 767px) {
        #course section.technology-page .checkpoints-area .flow-area .flow-list li {
          display: block;
          margin: 20px auto; } }
      #course section.technology-page .checkpoints-area .flow-area .flow-list li .head {
        color: #10b0ec;
        font-size: 24px;
        font-weight: bold;
        line-height: 36px; }
      #course section.technology-page .checkpoints-area .flow-area .flow-list li .circle {
        border-radius: 50%;
        height: 284px;
        overflow: hidden;
        width: 284px; }
        #course section.technology-page .checkpoints-area .flow-area .flow-list li .circle .img-box {
          height: 174px;
          overflow: hidden;
          position: relative; }
          #course section.technology-page .checkpoints-area .flow-area .flow-list li .circle .img-box img {
            vertical-align: top;
            width: 100%; }
          #course section.technology-page .checkpoints-area .flow-area .flow-list li .circle .img-box .list-title {
            background: rgba(0, 0, 0, 0.3);
            bottom: 0;
            color: #fff;
            font-size: 18px;
            font-weight: bold;
            line-height: 34px;
            position: absolute;
            width: 100%; }
        #course section.technology-page .checkpoints-area .flow-area .flow-list li .circle .txt-box {
          background: #DAF0FB;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          font-size: 13px;
          height: 110px;
          line-height: 20px;
          padding-top: 7px; }

/*
 * 1年次共通過程
 */
#course section.first_common .title-note {
  display: inline-block;
  font-size: 24px;
  padding-left: 20px; }

#course section.first_common .title-note-sp {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.7em;
  margin-top: 5px;
  text-align: center; }

#course section.first_common .catch-copy {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
  margin: 33px auto 0;
  text-align: center; }
  @media (max-width: 767px) {
    #course section.first_common .catch-copy {
      font-size: 22px;
      line-height: 30px;
      margin: 30px auto;
      padding: 0 10px; } }
  #course section.first_common .catch-copy::after {
    background: #10A7E9;
    content: "";
    display: block;
    height: 7px;
    margin: 14px auto 21px;
    -webkit-transform: skew(-26deg);
    -ms-transform: skew(-26deg);
    transform: skew(-26deg);
    width: 144px; }
    @media (max-width: 767px) {
      #course section.first_common .catch-copy::after {
        display: none; } }

#course section.first_common .info {
  font-size: 16px;
  line-height: 25px;
  margin: 0 auto 55px;
  text-align: center; }
  @media (max-width: 767px) {
    #course section.first_common .info {
      display: none; } }

#course section.first_common .checkpoints-area {
  margin: 0 auto 30px;
  overflow: hidden; }
  @media (max-width: 767px) {
    #course section.first_common .checkpoints-area {
      margin-bottom: 15px; } }
  #course section.first_common .checkpoints-area .checkpoints-title {
    margin: 0 auto 31px;
    position: relative; }
    @media (max-width: 767px) {
      #course section.first_common .checkpoints-area .checkpoints-title {
        margin: 0 auto 13px; } }
    #course section.first_common .checkpoints-area .checkpoints-title .title-text {
      color: #fff;
      font-size: 26px;
      height: 74px;
      line-height: 74px;
      margin: 0 auto;
      position: relative;
      text-align: center;
      -webkit-transform: skew(-26deg);
      -ms-transform: skew(-26deg);
      transform: skew(-26deg);
      background: #10A7E9;
      width: 270px; }
      @media (max-width: 767px) {
        #course section.first_common .checkpoints-area .checkpoints-title .title-text {
          font-size: 13px;
          height: 37px;
          line-height: 37px;
          width: 135px; } }
      #course section.first_common .checkpoints-area .checkpoints-title .title-text::before, #course section.first_common .checkpoints-area .checkpoints-title .title-text::after {
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        width: 50%; }
        @media (max-width: 767px) {
          #course section.first_common .checkpoints-area .checkpoints-title .title-text::before, #course section.first_common .checkpoints-area .checkpoints-title .title-text::after {
            height: 100%; } }

/*
      #course section.first_common .checkpoints-area .checkpoints-title .title-text::before {
        background: #10A7E9;
        left: 0; }
      #course section.first_common .checkpoints-area .checkpoints-title .title-text::after {
        background: #23B5A3;
        right: 0; }
*/

      #course section.first_common .checkpoints-area .checkpoints-title .title-text > span {
        display: inline-block;
        position: relative;
        z-index: 1;
        -webkit-transform: skew(26deg);
        -ms-transform: skew(26deg);
        transform: skew(26deg); }
      #course section.first_common .checkpoints-area .checkpoints-title .title-text .large {
        font-family: 'Roboto', sans-serif;
        font-size: 55px;
        vertical-align: -9px; }
        @media (max-width: 767px) {
          #course section.first_common .checkpoints-area .checkpoints-title .title-text .large {
            font-size: 26px;
            vertical-align: -4px; } }
  #course section.first_common .checkpoints-area .checkpoints-note {
    font-size: 16px;
    line-height: 25px; }
    @media (max-width: 767px) {
      #course section.first_common .checkpoints-area .checkpoints-note {
        font-size: 14px;
        line-height: 22px;
        padding: 0 10px; } }
  #course section.first_common .checkpoints-area .checkpoints-list {
    font-size: 0;
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #course section.first_common .checkpoints-area .checkpoints-list {
        width: 100%; } }
    #course section.first_common .checkpoints-area .checkpoints-list li::after {
      background: #7BD1F3;
      content: "";
      display: block;
      height: 1px;
      margin: 0 auto;
      width: 690px; }
      @media (max-width: 767px) {
        #course section.first_common .checkpoints-area .checkpoints-list li::after {
          width: 80%; } }
    #course section.first_common .checkpoints-area .checkpoints-list li:nth-of-type(1)::after {
      margin: 79px auto; }
      @media (max-width: 767px) {
        #course section.first_common .checkpoints-area .checkpoints-list li:nth-of-type(1)::after {
          margin: 30px auto; } }
    #course section.first_common .checkpoints-area .checkpoints-list li:nth-of-type(2)::after {
      margin: 68px auto 74px; }
      @media (max-width: 767px) {
        #course section.first_common .checkpoints-area .checkpoints-list li:nth-of-type(2)::after {
          margin: 30px auto; } }
    #course section.first_common .checkpoints-area .checkpoints-list li:nth-of-type(3)::after {
      margin: 69px auto 48px; }
      @media (max-width: 767px) {
        #course section.first_common .checkpoints-area .checkpoints-list li:nth-of-type(3)::after {
          margin: 30px auto; } }
    @media (max-width: 767px) {
      #course section.first_common .checkpoints-area .checkpoints-list li .img-box {
        margin-bottom: 20px;
        padding: 0 10px; } }
    #course section.first_common .checkpoints-area .checkpoints-list li .img-box img {
      vertical-align: top;
      width: 100%; }
    #course section.first_common .checkpoints-area .checkpoints-list li .checkpoints-01 {
      font-size: 16px;
      position: relative; }
      #course section.first_common .checkpoints-area .checkpoints-list li .checkpoints-01 .txt-checkpoints {
        margin: 0 auto -128px;
        width: 211px; }
        @media (max-width: 767px) {
          #course section.first_common .checkpoints-area .checkpoints-list li .checkpoints-01 .txt-checkpoints {
            margin: 0 auto -16px;
            width: 105px; } }
        #course section.first_common .checkpoints-area .checkpoints-list li .checkpoints-01 .txt-checkpoints img {
          vertical-align: top;
          width: 100%; }
      #course section.first_common .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main {
        left: 50%;
        margin-bottom: 23px;
        position: relative;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 1400px; }
        @media (max-width: 767px) {
          #course section.first_common .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main {
            margin-bottom: 20px;
            width: 100%; } }
        #course section.first_common .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main img {
          vertical-align: top;
          width: 100%; }
          #course section.first_common .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main img:nth-of-type(2) {
            display: none; }
          @media (max-width: 767px) {
            #course section.first_common .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main img:nth-of-type(1) {
              display: none; }
            #course section.first_common .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main img:nth-of-type(2) {
              display: inline; } }
    #course section.first_common .checkpoints-area .checkpoints-list li .title-02, #course section.first_common .checkpoints-area .checkpoints-list li .title-03 {
      color: #10b0ec;
      font-size: 32px;
      line-height: 48px;
      margin: 31px auto 9px; }
      @media (max-width: 767px) {
        #course section.first_common .checkpoints-area .checkpoints-list li .title-02, #course section.first_common .checkpoints-area .checkpoints-list li .title-03 {
          font-size: 22px;
          line-height: 32px;
          margin: 0 auto 10px;
          text-align: center; } }
  #course section.first_common .checkpoints-area .flow-area::after {
    background: #7BD1F3;
    content: "";
    display: block;
    height: 1px;
    margin: 67px auto 0;
    width: 690px; }
    @media (max-width: 767px) {
      #course section.first_common .checkpoints-area .flow-area::after {
        margin: 30px auto 0;
        width: 80%; } }
  #course section.first_common .checkpoints-area .flow-area .area-title {
    font-size: 28px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 26px;
    text-align: center; }
    @media (max-width: 767px) {
      #course section.first_common .checkpoints-area .flow-area .area-title {
        margin-bottom: 20px; } }
    #course section.first_common .checkpoints-area .flow-area .area-title span {
      font-family: "Roboto", sans-serif;
      font-size: 48px;
      vertical-align: -2px; }
  #course section.first_common .checkpoints-area .flow-area .flow-list {
    font-size: 0;
    letter-spacing: 0;
	margin-bottom: 30px;
    text-align: center; }
    #course section.first_common .checkpoints-area .flow-area .flow-list li {
      display: inline-block;
      margin: 0 18px;
      text-align: center;
      vertical-align: top;
      width: 284px; }
      @media (max-width: 767px) {
        #course section.first_common .checkpoints-area .flow-area .flow-list li {
          display: block;
          margin: 20px auto; } }
      #course section.first_common .checkpoints-area .flow-area .flow-list li .head {
        color: #10b0ec;
        font-size: 24px;
        font-weight: bold;
        line-height: 36px; }
      #course section.first_common .checkpoints-area .flow-area .flow-list li .circle {
        border-radius: 50%;
        height: 284px;
        overflow: hidden;
        width: 284px; }
        #course section.first_common .checkpoints-area .flow-area .flow-list li .circle .img-box {
          height: 174px;
          overflow: hidden;
          position: relative; }
          #course section.first_common .checkpoints-area .flow-area .flow-list li .circle .img-box img {
            vertical-align: top;
            width: 100%; }
          #course section.first_common .checkpoints-area .flow-area .flow-list li .circle .img-box .list-title {
            background: rgba(0, 0, 0, 0.3);
            bottom: 0;
            color: #fff;
            font-size: 18px;
            font-weight: bold;
            line-height: 34px;
            position: absolute;
            width: 100%; }
        #course section.first_common .checkpoints-area .flow-area .flow-list li .circle .txt-box {
          background: #DAF0FB;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          font-size: 13px;
          height: 110px;
          line-height: 20px;
          padding-top: 7px; }

/*
 * 航空整備士コース
 */
#course section.mechanic-page .catch-copy {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
  margin: 33px auto 0;
  text-align: center; }
  @media (max-width: 767px) {
    #course section.mechanic-page .catch-copy {
      font-size: 22px;
      line-height: 30px;
      margin: 30px auto;
      padding: 0 10px; } }
  #course section.mechanic-page .catch-copy::after {
    background: #10A7E9;
    content: "";
    display: block;
    height: 7px;
    margin: 14px auto 21px;
    -webkit-transform: skew(-26deg);
    -ms-transform: skew(-26deg);
    transform: skew(-26deg);
    width: 144px; }
    @media (max-width: 767px) {
      #course section.mechanic-page .catch-copy::after {
        display: none; } }

#course section.mechanic-page .info {
  font-size: 16px;
  line-height: 25px;
  margin: 0 auto 55px;
  text-align: center; }
  @media (max-width: 767px) {
    #course section.mechanic-page .info {
      display: none; } }

#course section.mechanic-page .checkpoints-area {
  margin: 0 auto 30px;
  overflow: hidden; }
  @media (max-width: 767px) {
    #course section.mechanic-page .checkpoints-area {
      margin-bottom: 15px; } }
  #course section.mechanic-page .checkpoints-area .checkpoints-note {
    font-size: 16px;
    line-height: 25px; }
    @media (max-width: 767px) {
      #course section.mechanic-page .checkpoints-area .checkpoints-note {
        font-size: 14px;
        line-height: 22px;
        padding: 0 10px; } }
  #course section.mechanic-page .checkpoints-area .checkpoints-list {
    font-size: 0;
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #course section.mechanic-page .checkpoints-area .checkpoints-list {
        width: 100%; } }
    #course section.mechanic-page .checkpoints-area .checkpoints-list li::after {
      background: #10A7E9;
      content: "";
      display: block;
      height: 1px;
      margin: 0 auto;
      width: 690px; }
      @media (max-width: 767px) {
        #course section.mechanic-page .checkpoints-area .checkpoints-list li::after {
          width: 80%; } }
    #course section.mechanic-page .checkpoints-area .checkpoints-list li:nth-of-type(1)::after {
      margin: 79px auto; }
      @media (max-width: 767px) {
        #course section.mechanic-page .checkpoints-area .checkpoints-list li:nth-of-type(1)::after {
          margin: 30px auto; } }
    #course section.mechanic-page .checkpoints-area .checkpoints-list li:nth-of-type(2)::after {
      margin: 68px auto 0; }
      @media (max-width: 767px) {
        #course section.mechanic-page .checkpoints-area .checkpoints-list li:nth-of-type(2)::after {
          margin: 30px auto 0; } }
    @media (max-width: 767px) {
      #course section.mechanic-page .checkpoints-area .checkpoints-list li .img-box {
        margin-bottom: 20px;
        padding: 0 10px; } }
    #course section.mechanic-page .checkpoints-area .checkpoints-list li .img-box img {
      vertical-align: top;
      width: 100%; }
    #course section.mechanic-page .checkpoints-area .checkpoints-list li .container::after {
      clear: both;
      content: "";
      display: block; }
    #course section.mechanic-page .checkpoints-area .checkpoints-list li .container .txt-box {
      float: left;
      width: 560px; }
      @media (max-width: 767px) {
        #course section.mechanic-page .checkpoints-area .checkpoints-list li .container .txt-box {
          float: none;
          width: 100%; } }

    #course section.mechanic-page .checkpoints-area .checkpoints-list li .container .img-box {
      float: right;
      margin-top: 42px;
      width: 380px; }
      @media (max-width: 767px) {
        #course section.mechanic-page .checkpoints-area .checkpoints-list li .container .img-box {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          float: none;
          margin-top: 20px;
          width: 100%; } }

/* add 2025/04/15 */
    #course section.mechanic-page .checkpoints-area .checkpoints-list li .container .img-box2 {
      float: right;
      margin-top: 0px;
      width: 380px; }
      @media (max-width: 767px) {
        #course section.mechanic-page .checkpoints-area .checkpoints-list li .container .img-box2 {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          float: none;
          margin-top: 20px;
          width: 100%; } 

      #course section.mechanic-page .checkpoints-area .checkpoints-list li .img-box2 {
        margin-bottom: 20px;
        padding: 0 10px; } }
    #course section.mechanic-page .checkpoints-area .checkpoints-list li .img-box2 img {
      vertical-align: top;
      width: 100%; }
	}
/* #add 2025/04/15 */


    #course section.mechanic-page .checkpoints-area .checkpoints-list li .checkpoints-01 {
      font-size: 16px;
      position: relative; }
      #course section.mechanic-page .checkpoints-area .checkpoints-list li .checkpoints-01 .txt-checkpoints {
        margin: 0 auto -128px;
        width: 211px; }
        @media (max-width: 767px) {
          #course section.mechanic-page .checkpoints-area .checkpoints-list li .checkpoints-01 .txt-checkpoints {
            margin: 0 auto -16px;
            width: 105px; } }
        #course section.mechanic-page .checkpoints-area .checkpoints-list li .checkpoints-01 .txt-checkpoints img {
          vertical-align: top;
          width: 100%; }
      #course section.mechanic-page .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main {
        left: 50%;
        margin-bottom: 23px;
        position: relative;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 1400px; }
        @media (max-width: 767px) {
          #course section.mechanic-page .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main {
            margin-bottom: 20px;
            width: 100%; } }
        #course section.mechanic-page .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main img {
          vertical-align: top;
          width: 100%; }
          #course section.mechanic-page .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main img:nth-of-type(2) {
            display: none; }
          @media (max-width: 767px) {
            #course section.mechanic-page .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main img:nth-of-type(1) {
              display: none; }
            #course section.mechanic-page .checkpoints-area .checkpoints-list li .checkpoints-01 .img-main img:nth-of-type(2) {
              display: inline; } }
    #course section.mechanic-page .checkpoints-area .checkpoints-list li .title-02 {
      color: #10A7E9;
      font-size: 32px;
      line-height: 48px;
      margin: 31px auto 9px; }
      @media (max-width: 767px) {
        #course section.mechanic-page .checkpoints-area .checkpoints-list li .title-02 {
          font-size: 22px;
          line-height: 32px;
          margin: 0 auto 10px;
          text-align: center; } }
  #course section.mechanic-page .checkpoints-area .flow-area::after {
    background: #7BD1F3;
    content: "";
    display: block;
    height: 1px;
    margin: 67px auto 0;
    width: 690px; }
    @media (max-width: 767px) {
      #course section.mechanic-page .checkpoints-area .flow-area::after {
        margin: 30px auto 0;
        width: 80%; } }
  #course section.mechanic-page .checkpoints-area .flow-area .area-title {
    font-size: 28px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 26px;
    text-align: center; }
    @media (max-width: 767px) {
      #course section.mechanic-page .checkpoints-area .flow-area .area-title {
        margin-bottom: 20px; } }
    #course section.mechanic-page .checkpoints-area .flow-area .area-title span {
      font-family: "Roboto", sans-serif;
      font-size: 48px;
      vertical-align: -2px; }
  #course section.mechanic-page .checkpoints-area .flow-area .flow-list {
    font-size: 0;
    letter-spacing: 0;
    text-align: center; }
    #course section.mechanic-page .checkpoints-area .flow-area .flow-list li {
      display: inline-block;
      margin: 0 18px;
      text-align: center;
      vertical-align: top;
      width: 284px; }
      @media (max-width: 767px) {
        #course section.mechanic-page .checkpoints-area .flow-area .flow-list li {
          display: block;
          margin: 20px auto; } }
      #course section.mechanic-page .checkpoints-area .flow-area .flow-list li .head {
        color: #10b0ec;
        font-size: 24px;
        font-weight: bold;
        line-height: 36px; }
      #course section.mechanic-page .checkpoints-area .flow-area .flow-list li .circle {
        border-radius: 50%;
        height: 284px;
        overflow: hidden;
        width: 284px; }
        #course section.mechanic-page .checkpoints-area .flow-area .flow-list li .circle .img-box {
          height: 174px;
          overflow: hidden;
          position: relative; }
          #course section.mechanic-page .checkpoints-area .flow-area .flow-list li .circle .img-box img {
            vertical-align: top;
            width: 100%; }
          #course section.mechanic-page .checkpoints-area .flow-area .flow-list li .circle .img-box .list-title {
            background: rgba(0, 0, 0, 0.3);
            bottom: 0;
            color: #fff;
            font-size: 18px;
            font-weight: bold;
            line-height: 34px;
            position: absolute;
            width: 100%; }
        #course section.mechanic-page .checkpoints-area .flow-area .flow-list li .circle .txt-box {
          background: #DAF0FB;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          font-size: 13px;
          height: 110px;
          line-height: 20px;
          padding-top: 7px; }


    #course section.support .strong .container .strong-list li:last-child::after {
      background: #ea7606;
      content: "";
      display: block;
      height: 1px;
      margin: 70px auto 0px auto;
      width: 690px; }
      @media (max-width: 767px) {
        #course section.support .strong .container .strong-list li:last-child::after {
      	margin: 30px auto 0px auto;
          width: 80%; } }



/*
 * オープンキャンパス 21. 進学相談会 (外部会場)
 */
#normal .main {
  min-width: 1020px; }
  @media (max-width: 767px) {
    #normal .main {
      min-width: 0; } }

#normal .local_oc {
  border-bottom: 1px solid #DCDDDD;
  min-width: 1020px;
  padding: 64px 0; }
  @media (max-width: 767px) {
    #normal .local_oc {
      min-width: 0;
      padding: 32px 0; } }
  #normal .local_oc .container {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal .local_oc .container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%; } }
    #normal .local_oc .container .title {
      font-size: 40px;
      font-weight: bold;
      margin-bottom: 38px;
      text-align: center; }
      @media (max-width: 767px) {
        #normal .local_oc .container .title {
          font-size: 20px;
          margin-bottom: 10px; } }
    #normal .local_oc .container .intro-title {
      color: #002855;
      font-size: 26px;
      font-weight: bold;
      margin-bottom: 38px;
      text-align: center; }
      @media (max-width: 767px) {
        #normal .local_oc .container .intro-title {
          font-size: 17px;
          margin-bottom: 5px; } }
    #normal .local_oc .container .intro {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 26px; }
      @media (max-width: 767px) {
        #normal .local_oc .container .intro {
          font-size: 12px;
          line-height: 20px;
          margin-bottom: 20px; } }
    #normal .local_oc .container .section-title {
      color: #002953;
      font-size: 32px;
      font-weight: bold;
      line-height: 48px;
      margin-bottom: 56px;
      padding-bottom: 8px;
      position: relative; }
      @media (max-width: 767px) {
        #normal .local_oc .container .section-title {
          font-size: 22px;
          line-height: 30px;
          margin-bottom: 20px;
          padding-bottom: 4px; } }
      #normal .local_oc .container .section-title::before, #normal .local_oc .container .section-title::after {
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        position: absolute; }
      #normal .local_oc .container .section-title::before {
        background: #C9C9CA;
        width: 100%; }
      #normal .local_oc .container .section-title::after {
        background: #002953;
        left: 0;
        width: 171px; }
        @media (max-width: 767px) {
          #normal .local_oc .container .section-title::after {
            width: 33%; } }
    #normal .local_oc .container .table-wrap {
      font-size: 16px;
      margin-bottom: 15px;
      width: 100%; }
      @media (max-width: 767px) {
        #normal .local_oc .container .table-wrap {
          font-size: 14px;
          margin-bottom: 8px;
          overflow: scroll; } }
      #normal .local_oc .container .table-wrap .local-schedule {
        width: 100%; }
        #normal .local_oc .container .table-wrap .local-schedule thead tr {
          background-color: #FFE200; }
          #normal .local_oc .container .table-wrap .local-schedule thead tr th {
            border: 1px solid #9FA0A0;
            border-right: none;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            line-height: 3em;
            padding: 0 45px;
            text-align: center; }
            #normal .local_oc .container .table-wrap .local-schedule thead tr th:last-of-type {
              border-right: 1px solid #9FA0A0; }
          @media (max-width: 767px) {
            #normal .local_oc .container .table-wrap .local-schedule thead tr th {
              padding: 0 50px;
              white-space: nowrap; }
            #normal .local_oc .container .table-wrap .local-schedule thead tr .th-wide-sp {
              padding: 0 100px; } }
        #normal .local_oc .container .table-wrap .local-schedule tbody tr {
          border-bottom: 1px solid #9FA0A0; }
          #normal .local_oc .container .table-wrap .local-schedule tbody tr td {
            border-left: 1px solid #9FA0A0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            line-height: 6em;
            text-align: center; }
            #normal .local_oc .container .table-wrap .local-schedule tbody tr td:last-of-type {
              border-right: 1px solid #9FA0A0; }
            #normal .local_oc .container .table-wrap .local-schedule tbody tr td a {
              border-bottom: 1px solid #172A88;
              color: #172A88;
              padding-bottom: 4px;
              position: relative; }
              #normal .local_oc .container .table-wrap .local-schedule tbody tr td a i {
                font-size: 15px;
                position: absolute;
                right: -25px;
                top: -1px; }
            @media (max-width: 767px) {
              #normal .local_oc .container .table-wrap .local-schedule tbody tr td {
                white-space: nowrap; }
                #normal .local_oc .container .table-wrap .local-schedule tbody tr td a i {
                  font-size: 14px; } }
          #normal .local_oc .container .table-wrap .local-schedule tbody tr .td-left {
            padding-left: 15px;
            text-align: left; }
          #normal .local_oc .container .table-wrap .local-schedule tbody tr .td-left-02 {
            padding-left: 8px;
            text-align: left; }
          #normal .local_oc .container .table-wrap .local-schedule tbody tr .td-double {
            line-height: 1.7em;
            padding: 21px 11px; }
            @media (max-width: 767px) {
              #normal .local_oc .container .table-wrap .local-schedule tbody tr .td-double {
                padding: 19px 11px; } }
    #normal .local_oc .container .table-note {
      font-size: 15px; }
      @media (max-width: 767px) {
        #normal .local_oc .container .table-note {
          font-size: 12px; } }

#normal .event {
  margin: 0 auto;
  padding: 64px 0 0;
  width: 980px; }
  @media (max-width: 767px) {
    #normal .event {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 32px 10px 40px;
      width: 100%; } }
  #normal .event .section-title {
    color: #002953;
    font-size: 32px;
    font-weight: bold;
    line-height: 48px;
    margin-bottom: 56px;
    padding-bottom: 8px;
    position: relative; }
    @media (max-width: 767px) {
      #normal .event .section-title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 20px;
        padding-bottom: 4px; } }
    #normal .event .section-title::before, #normal .event .section-title::after {
      bottom: 0;
      content: "";
      display: block;
      height: 2px;
      position: absolute; }
    #normal .event .section-title::before {
      background: #C9C9CA;
      width: 100%; }
    #normal .event .section-title::after {
      background: #002953;
      left: 0;
      width: 100%; }
      @media (max-width: 767px) {
        #normal .event .section-title::after {
          width: 100%; } }
  #normal .event .event-calender-area {
    margin: 0 auto 85px;
    width: 463px; }
    @media (max-width: 767px) {
      #normal .event .event-calender-area {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 20px;
        width: 100%; } }
    #normal .event .event-calender-area #event-calender {
      border: 1px solid #B6B9BC;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0 16px; }
      @media (max-width: 767px) {
        #normal .event .event-calender-area #event-calender {
          padding: 0 0 11px; } }
      #normal .event .event-calender-area #event-calender .calender-head {
        background: #00244B;
        height: 54px;
        position: relative; }
        @media (max-width: 767px) {
          #normal .event .event-calender-area #event-calender .calender-head {
            height: 35px; } }
        #normal .event .event-calender-area #event-calender .calender-head .head {
          color: #fff;
	font-weight: bold;
          font-size: 24px;
          line-height: 54px;
          text-align: center; }
          @media (max-width: 767px) {
            #normal .event .event-calender-area #event-calender .calender-head .head {
              font-size: 16px;
              line-height: 35px; } }
        #normal .event .event-calender-area #event-calender .calender-head .btn-prev, #normal .event .event-calender-area #event-calender .calender-head .btn-next {
          cursor: pointer;
          height: 21px;
          position: absolute;
          width: 26px; }
          @media (max-width: 767px) {
            #normal .event .event-calender-area #event-calender .calender-head .btn-prev, #normal .event .event-calender-area #event-calender .calender-head .btn-next {
              height: 13px;
              width: 16px; } }
          #normal .event .event-calender-area #event-calender .calender-head .btn-prev img, #normal .event .event-calender-area #event-calender .calender-head .btn-next img {
            vertical-align: top;
            width: 100%; }
        #normal .event .event-calender-area #event-calender .calender-head .btn-prev {
          left: 20px;
          top: 16px; }
          @media (max-width: 767px) {
            #normal .event .event-calender-area #event-calender .calender-head .btn-prev {
              left: 14px;
              top: 11px; } }
        #normal .event .event-calender-area #event-calender .calender-head .btn-next {
          right: 20px;
          top: 16px; }
          @media (max-width: 767px) {
            #normal .event .event-calender-area #event-calender .calender-head .btn-next {
              right: 12px;
              top: 11px; } }
          #normal .event .event-calender-area #event-calender .calender-head .btn-next img {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
      #normal .event .event-calender-area #event-calender #calender {
        border: solid 1px #fff;
        border-collapse: collapse;
        margin: 13px auto;
        width: 426px; }
        @media (max-width: 767px) {
          #normal .event .event-calender-area #event-calender #calender {
            table-layout: fixed;
            margin: 8px auto;
            width: calc(100% - 20px); } }
        #normal .event .event-calender-area #event-calender #calender tr th, #normal .event .event-calender-area #event-calender #calender tr td {
          border: solid 1px #fff;
          font-size: 18px;
          height: 53px;
          line-height: 53px;
          text-align: center;
          width: 60px; }
          @media (max-width: 767px) {
            #normal .event .event-calender-area #event-calender #calender tr th, #normal .event .event-calender-area #event-calender #calender tr td {
/*              font-size: 12px;*/
              font-size: 16px;
              height: 34px;
              line-height: 34px;
              width: 14.28%; } }
          #normal .event .event-calender-area #event-calender #calender tr th a, #normal .event .event-calender-area #event-calender #calender tr td a {
/*            color: #fff;*/
            color: #333;
            display: block;
            height: 53px;
/*            width: 60px; */
            width: 100%; }
            @media (max-width: 767px) {
              #normal .event .event-calender-area #event-calender #calender tr th a, #normal .event .event-calender-area #event-calender #calender tr td a {
                height: 34px;
                width: 100%; } }
        #normal .event .event-calender-area #event-calender #calender tr th {
          background: #5B5B5B;
          color: #fff;
          font-weight: bold; }
          #normal .event .event-calender-area #event-calender #calender tr th.sat {
            background: #006AB8; }
          #normal .event .event-calender-area #event-calender #calender tr th.sun {
            background: #F35039; }
        #normal .event .event-calender-area #event-calender #calender tr td {
          background: #EBEBEB;
          color: #333; }
          #normal .event .event-calender-area #event-calender #calender tr td.pink {
/*            background: #F3467B; */
            background: #fc8888; }
          #normal .event .event-calender-area #event-calender #calender tr td.orange {
/*            background: #F56B1D; */
            background: #fca424; }
          #normal .event .event-calender-area #event-calender #calender tr td.green {
/*            background: #7CB217; */
            background: #25c9e4; }  /* blue */


      #normal .event .event-calender-area #event-calender .guide-list {
        font-size: 0;
        letter-spacing: 0;
        padding: 0 18px; }
        @media (max-width: 767px) {
          #normal .event .event-calender-area #event-calender .guide-list {
            padding: 0 11px; } }
        #normal .event .event-calender-area #event-calender .guide-list li {
          display: inline-block;
          font-size: 16px;
          line-height: 1; }
          #normal .event .event-calender-area #event-calender .guide-list li:nth-last-of-type(n+2) {
            margin-right: 18px; }
            @media (max-width: 767px) {
              #normal .event .event-calender-area #event-calender .guide-list li:nth-last-of-type(n+2) {
                margin-right: 8px; } }
          #normal .event .event-calender-area #event-calender .guide-list li .color-box {
            display: inline-block;
            height: 15px;
            margin-right: 11px;
            vertical-align: -1px;
            width: 15px; }
            @media (max-width: 767px) {
              #normal .event .event-calender-area #event-calender .guide-list li .color-box {
                height: 10px;
                margin-right: 5px;
                width: 10px; } }
            #normal .event .event-calender-area #event-calender .guide-list li .color-box.pink {
/*              background: #F3467B; */
              background: #fc8888; }
            #normal .event .event-calender-area #event-calender .guide-list li .color-box.orange {
/*              background: #F56B1D; */
              background: #fca424; }
            #normal .event .event-calender-area #event-calender .guide-list li .color-box.green {
/*              background: #7CB217; */
              background: #5fc7e0; }
          @media (max-width: 767px) {
            #normal .event .event-calender-area #event-calender .guide-list li {
              font-size: 11px; } }


/* 追加分 あとでstyle2.cssへ移動 */

.first_common .tab-area,
.technology-page .tab-area,
.mechanic-page .tab-area{
	margin-top: 32px;
	height: 170px;
	background-image: url("assets/images/maintenance/bg-line.png");
	background-repeat:repeat-x; 
}


#course .tab-area .tab-list li.maintenance a{
	background: none;
	width: 412px;
	height: 140px;
	margin: 0;
}


@media (max-width: 767px) {
	#course .tab-area .tab-list {
		flex-direction: column;
		width: 100%;
	}
	#course .tab-area .tab-list li{
		margin-bottom: 12px!important;
	}
	#course .tab-area .tab-list li.maintenance {
		width: 100%;
		height: auto;
		margin: auto;
	}

	#course .tab-area .tab-list li.maintenance a{
		width: 100%;
	}




.first_common .tab-area,
.technology-page .tab-area ,
.mechanic-page .tab-area{
	height: auto;
	background-repeat:repeat-y;
}
	}
#course.technology-page .head-area ,
#course.mechanic-page .head-area {
	margin-bottom: 40px;
}
#course.technology-page .head-area .container ,
#course.mechanic-page .head-area .container {
	left: 36%;
}

#course.technology-page .head-area .img-box,
#course.mechanic-page .head-area .img-box{
	width: 246px;
	height: 236px;
}
#course.technology-page .head-area .img-box img ,
#course.mechanic-page .head-area .img-box img {
	left: 0;
}


/* 航空整備学科　メニュー */
 .top-page .section-title {   
	 margin-top: 32px;
    	text-align: center;
	 height: 100px;
	 background-image: url("assets/images/course/title-banner.png");
	 background-repeat:repeat-x;
	 background-position: center;
	 position: relative;
}

    @media (max-width: 767px) {
	 .top-page .section-title {   
		 margin-top: 32px;
	    	text-align: center;
		 height: 60px;
	} }

.top-page .section-title .title{
	 font-size: 36px;
    	font-weight: bold;
	color: #fff;
	line-height: 2.9;
}
    @media (max-width: 767px) {
	.top-page .section-title .title{
		 font-size: 26px;
	    	font-weight: bold;
		color: #fff;
		line-height: 2.5;
	} }


/* 卒業生　新 */
#job.success-graduate {
  padding: 0 0 110px; }
  @media (max-width: 767px) {
    #job.success-graduate {
      padding: 0 0 40px; } }
  #job.success-graduate .title-area {
    padding: 47px 0 36px; }
    @media (max-width: 767px) {
      #job.success-graduate .title-area {
        padding: 20px 10px; } }


    #job.success-graduate .title-area .head-title {
      font-size: 40px;
      line-height: 40px;
      letter-spacing: 0.05em;
      font-weight: bold;
      text-align: center; }
      @media (max-width: 767px) {
        #job.success-graduate .title-area .head-title {
          font-size: 20px;
          line-height: 1.5; } }


  #job.success-graduate .title-area .sub-intro {
	color: #004896;
	font-weight: bold;
	text-align: center;
	margin: 20px auto;
    font-size: 16px;
    line-height: 30px; }

    @media (max-width: 767px) {
      #job.success-graduate .title-area .sub-intro {
        font-size: 14px;
        line-height: 22px; } }



  #job.success-graduate .course-list > li.maintenance {
    margin-bottom: 60px; }
    @media (max-width: 767px) {
      #job.success-graduate .course-list > li.maintenance {
        /* margin-bottom: 30px; */
        margin-bottom: 50px; } }

    #job.success-graduate .course-list > li.maintenance .course-title {
      background: #003F8A; }

      #job.success-graduate .course-list > li.maintenance .course-title img {
        margin-right: 28px;
/*        vertical-align: -8px;*/
        vertical-align: -15px; /* NEW */
        width: 58px; }
        @media (max-width: 767px) {
          #job.success-graduate .course-list > li.maintenance .course-title img {
            margin-right: 10px;
            vertical-align: -2px;
            width: 29px; } }
    #job.success-graduate .course-list > li.maintenance .people-list .attr-box {
      background: rgba(0, 63, 138, 0.8); }
      @media (max-width: 767px) {
        #job.success-graduate .course-list > li.maintenance .people-list .attr-box {
          background: #003F8A; } }
    #job.success-graduate .course-list > li.maintenance .desc-list .list-head {
      color: #004896; }
  #job.success-graduate .course-list > li.support .course-title {
    background: #E76A0B; }
    #job.success-graduate .course-list > li.support .course-title img {
      margin-right: 26px;
      vertical-align: -7px;
      width: 59px; }
      @media (max-width: 767px) {
        #job.success-graduate .course-list > li.support .course-title img {
          margin-right: 10px;
          vertical-align: -1px;
          width: 29px; } }
  #job.success-graduate .course-list > li.support .people-list .attr-box {
    background: rgba(231, 106, 11, 0.8); }
    @media (max-width: 767px) {
      #job.success-graduate .course-list > li.support .people-list .attr-box {
        background: #E76A0B; } }
  #job.success-graduate .course-list > li.support .desc-list .list-head {
    color: #ea7606; }
  #job.success-graduate .course-list > li .course-title {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    line-height: 64px;
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      #job.success-graduate .course-list > li .course-title {
        font-size: 22px;
        line-height: 40px;
        margin-bottom: 20px; } }


  #job.success-graduate .course-list > li .people-list {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #job.success-graduate .course-list > li .people-list {
        width: 100%; } }
    #job.success-graduate .course-list > li .people-list > li:nth-last-of-type(n+2) {
      /* margin-bottom: 52px; */
      margin-bottom: 90px; }
      @media (max-width: 767px) {
        #job.success-graduate .course-list > li .people-list > li:nth-last-of-type(n+2) {
          /* margin-bottom: 20px; */
          margin-bottom: 60px; } }
    #job.success-graduate .course-list > li .people-list > li .people-head {
      margin-bottom: 32px;
      position: relative; }
      @media (max-width: 767px) {
        #job.success-graduate .course-list > li .people-list > li .people-head {
          margin-bottom: 20px; } }
      #job.success-graduate .course-list > li .people-list > li .people-head img {
        vertical-align: top;
        width: 100%; }
      #job.success-graduate .course-list > li .people-list > li .people-head .attr-box {
        bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
/*        height: 160px;*/
        height: 170px;
        left: 0;
        padding: 23px 0 0 20px;
        position: absolute;
        width: 390px; }
        @media (max-width: 767px) {
          #job.success-graduate .course-list > li .people-list > li .people-head .attr-box {
            height: auto;
            padding: 10px 10px;
            position: static;
            width: 100%; } }
        #job.success-graduate .course-list > li .people-list > li .people-head .attr-box.right {
          left: auto;
          right: 0; }
        #job.success-graduate .course-list > li .people-list > li .people-head .attr-box .company {
          font-size: 19px;
          line-height: 23px;
          margin-bottom: 11px; }
          @media (max-width: 767px) {
            #job.success-graduate .course-list > li .people-list > li .people-head .attr-box .company {
              font-size: 14px;
              line-height: 21px;
              margin-bottom: 0; } }
        #job.success-graduate .course-list > li .people-list > li .people-head .attr-box .name {
          font-size: 26px;
          line-height: 1;
          margin-bottom: 11px; }
          @media (max-width: 767px) {
            #job.success-graduate .course-list > li .people-list > li .people-head .attr-box .name {
              font-size: 17px;
              line-height: 24px;
              margin-bottom: 2px; } }
        #job.success-graduate .course-list > li .people-list > li .people-head .attr-box .desc {
          font-size: 16px;
          line-height: 23px; }
          @media (max-width: 767px) {
            #job.success-graduate .course-list > li .people-list > li .people-head .attr-box .desc {
              font-size: 13px;
              line-height: 20px; } }
    @media (max-width: 767px) {
      #job.success-graduate .course-list > li .people-list > li .desc-list {
        padding: 0 10px; } }
    #job.success-graduate .course-list > li .people-list > li .desc-list li::after {
      clear: both;
      content: "";
      display: block; }
    #job.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(1) {
      margin-bottom: 19px; }
      #job.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(1) .img-box {
        float: right; }
        @media (max-width: 767px) {
          #job.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(1) .img-box {
            margin: 0 0 10px 10px; } }
      #job.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(1) .txt-box {
        float: left; }
        @media (max-width: 767px) {
          #job.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(1) .txt-box {
            float: none; } }
    #job.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(2) .img-box {
      float: left; }
      @media (max-width: 767px) {
        #job.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(2) .img-box {
          margin: 0 10px 10px 0; } }
    #job.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(2) .txt-box {
      float: right; }
      @media (max-width: 767px) {
        #job.success-graduate .course-list > li .people-list > li .desc-list li:nth-of-type(2) .txt-box {
          float: none; } }
    #job.success-graduate .course-list > li .people-list > li .desc-list li .img-box {
      width: 361px; }
      @media (max-width: 767px) {
        #job.success-graduate .course-list > li .people-list > li .desc-list li .img-box {
          width: 130px; } }
      #job.success-graduate .course-list > li .people-list > li .desc-list li .img-box img {
        vertical-align: top;
        width: 100%; }
    #job.success-graduate .course-list > li .people-list > li .desc-list li .txt-box {
      width: 580px; }
      @media (max-width: 767px) {
        #job.success-graduate .course-list > li .people-list > li .desc-list li .txt-box {
          width: 100%; } }
      #job.success-graduate .course-list > li .people-list > li .desc-list li .txt-box .list-head {
        font-size: 24px;
        font-weight: bold;
        line-height: 30px;
        margin-bottom: 3px; }
        @media (max-width: 767px) {
          #job.success-graduate .course-list > li .people-list > li .desc-list li .txt-box .list-head {
            font-size: 16px;
            line-height: 24px; }
            #job.success-graduate .course-list > li .people-list > li .desc-list li .txt-box .list-head br {
              display: none; } }
      #job.success-graduate .course-list > li .people-list > li .desc-list li .txt-box .desc {
        color: #333;
        font-size: 16px;
        line-height: 32px; }
        @media (max-width: 767px) {
          #job.success-graduate .course-list > li .people-list > li .desc-list li .txt-box .desc {
            font-size: 12px;
            line-height: 18px; } }


/*************************/
/* add 2024 */
/*************************/
#course.ground-future {
  padding: 0 0 110px; }
  @media (max-width: 767px) {
    #course.ground-future {
      padding: 0 0 40px; } }
  #course.ground-future .title-area {
    padding: 47px 0 36px; }
    @media (max-width: 767px) {
      #course.ground-future .title-area {
        padding: 20px 10px; } }
    #course.ground-future .title-area .head-title {
      font-size: 40px;
      line-height: 40px;
      letter-spacing: 0.05em;
      font-weight: bold;
      text-align: center; }
      @media (max-width: 767px) {
        #course.ground-future .title-area .head-title {
          font-size: 20px;
          line-height: 1.5; } }
  #course.ground-future .course-list > li.maintenance {
    margin-bottom: 60px; }
    @media (max-width: 767px) {
      #course.ground-future .course-list > li.maintenance {
        margin-bottom: 30px; } }
    #course.ground-future .course-list > li.maintenance .course-title {
      background: #003F8A; }
      #course.ground-future .course-list > li.maintenance .course-title img {
        margin-right: 28px;
/*        vertical-align: -8px;*/
        vertical-align: -15px; /* NEW */
        width: 58px; }
        @media (max-width: 767px) {
          #course.ground-future .course-list > li.maintenance .course-title img {
            margin-right: 10px;
            vertical-align: -2px;
            width: 29px; } }
    #course.ground-future .course-list > li.maintenance .people-list .attr-box {
      background: rgba(0, 63, 138, 0.8); }
      @media (max-width: 767px) {
        #course.ground-future .course-list > li.maintenance .people-list .attr-box {
          background: #003F8A; } }
    #course.ground-future .course-list > li.maintenance .desc-list .list-head {
      color: #004896; }
  #course.ground-future .course-list > li.support .course-title {
    background: #E76A0B; }
    #course.ground-future .course-list > li.support .course-title img {
      margin-right: 26px;
      vertical-align: -7px;
      width: 59px; }
      @media (max-width: 767px) {
        #course.ground-future .course-list > li.support .course-title img {
          margin-right: 10px;
          vertical-align: -1px;
          width: 29px; } }
  #course.ground-future .course-list > li.support .people-list .attr-box {
    background: rgba(231, 106, 11, 0.8); }
    @media (max-width: 767px) {
      #course.ground-future .course-list > li.support .people-list .attr-box {
        background: #E76A0B; } }
  #course.ground-future .course-list > li.support .desc-list .list-head {
    color: #ea7606; }
  #course.ground-future .course-list > li .course-title {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    line-height: 64px;
    margin-bottom: 40px; }

    @media (max-width: 767px) {
      #course.ground-future .course-list > li .course-title {
        font-size: 22px;
        line-height: 40px;
        margin-bottom: 20px; } }




/* ## add 2024 */
/****************/

  #course.ground-future .course-list > li .people-list {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #course.ground-future .course-list > li .people-list {
        width: 100%; } }
    #course.ground-future .course-list > li .people-list > li:nth-last-of-type(n+2) {
      margin-bottom: 52px; }
      @media (max-width: 767px) {
        #course.ground-future .course-list > li .people-list > li:nth-last-of-type(n+2) {
          margin-bottom: 20px; } }
    #course.ground-future .course-list > li .people-list > li .people-head {
      margin-bottom: 32px;
      position: relative; }
      @media (max-width: 767px) {
        #course.ground-future .course-list > li .people-list > li .people-head {
          margin-bottom: 20px; } }
      #course.ground-future .course-list > li .people-list > li .people-head img {
        vertical-align: top;
        width: 100%; }
      #course.ground-future .course-list > li .people-list > li .people-head .attr-box {
        bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        height: 160px;
        left: 0;
        padding: 23px 0 0 20px;
        position: absolute;
        width: 390px; }
        @media (max-width: 767px) {
          #course.ground-future .course-list > li .people-list > li .people-head .attr-box {
            height: auto;
            padding: 10px 10px;
            position: static;
            width: 100%; } }
        #course.ground-future .course-list > li .people-list > li .people-head .attr-box.right {
          left: auto;
          right: 0; }
        #course.ground-future .course-list > li .people-list > li .people-head .attr-box .company {
          font-size: 19px;
          line-height: 23px;
          margin-bottom: 11px; }
          @media (max-width: 767px) {
            #course.ground-future .course-list > li .people-list > li .people-head .attr-box .company {
              font-size: 14px;
              line-height: 21px;
              margin-bottom: 0; } }
        #course.ground-future .course-list > li .people-list > li .people-head .attr-box .name {
          font-size: 26px;
          line-height: 1;
          margin-bottom: 11px; }
          @media (max-width: 767px) {
            #course.ground-future .course-list > li .people-list > li .people-head .attr-box .name {
              font-size: 17px;
              line-height: 24px;
              margin-bottom: 2px; } }
        #course.ground-future .course-list > li .people-list > li .people-head .attr-box .desc {
          font-size: 16px;
          line-height: 23px; }
          @media (max-width: 767px) {
            #course.ground-future .course-list > li .people-list > li .people-head .attr-box .desc {
              font-size: 13px;
              line-height: 20px; } }
    @media (max-width: 767px) {
      #course.ground-future .course-list > li .people-list > li .desc-list {
        padding: 0 10px; } }
    #course.ground-future .course-list > li .people-list > li .desc-list li::after {
      clear: both;
      content: "";
      display: block; }
    #course.ground-future .course-list > li .people-list > li .desc-list li:nth-of-type(1) {
      margin-bottom: 19px; }
      #course.ground-future .course-list > li .people-list > li .desc-list li:nth-of-type(1) .img-box {
        float: right; }
        @media (max-width: 767px) {
          #course.ground-future .course-list > li .people-list > li .desc-list li:nth-of-type(1) .img-box {
            margin: 0 0 10px 10px; } }
      #course.ground-future .course-list > li .people-list > li .desc-list li:nth-of-type(1) .txt-box {
        float: left; }
        @media (max-width: 767px) {
          #course.ground-future .course-list > li .people-list > li .desc-list li:nth-of-type(1) .txt-box {
            float: none; } }
    #course.ground-future .course-list > li .people-list > li .desc-list li:nth-of-type(2) .img-box {
      float: left; }
      @media (max-width: 767px) {
        #course.ground-future .course-list > li .people-list > li .desc-list li:nth-of-type(2) .img-box {
          margin: 0 10px 10px 0; } }
    #course.ground-future .course-list > li .people-list > li .desc-list li:nth-of-type(2) .txt-box {
      float: right; }
      @media (max-width: 767px) {
        #course.ground-future .course-list > li .people-list > li .desc-list li:nth-of-type(2) .txt-box {
          float: none; } }
    #course.ground-future .course-list > li .people-list > li .desc-list li .img-box {
      width: 361px; }
      @media (max-width: 767px) {
        #course.ground-future .course-list > li .people-list > li .desc-list li .img-box {
          width: 130px; } }
      #course.ground-future .course-list > li .people-list > li .desc-list li .img-box img {
        vertical-align: top;
        width: 100%; }
    #course.ground-future .course-list > li .people-list > li .desc-list li .txt-box {
      width: 580px; }
      @media (max-width: 767px) {
        #course.ground-future .course-list > li .people-list > li .desc-list li .txt-box {
          width: 100%; } }

      #course.ground-future .course-list > li .people-list > li .desc-list li .txt-box .list-head {
        font-size: 24px;
        font-weight: bold;
        line-height: 30px;
        margin-bottom: 3px; }
        @media (max-width: 767px) {
          #course.ground-future .course-list > li .people-list > li .desc-list li .txt-box .list-head {
            font-size: 16px;
            line-height: 24px; }
            #course.ground-future .course-list > li .people-list > li .desc-list li .txt-box .list-head br {
              display: none; } }

      #job.success-graduate .course-list > li .people-list > li .desc-list li .txt-box span.school,
      #course.ground-future .course-list > li .people-list > li .desc-list li .txt-box span.school {
        font-size: 12px;
	color: #ffffff;
/*	background-color:#ea7606;*/
	background-color:#b88e7d;
	border-radius: 3px;
	padding:0 15px;
	}

      #job.success-graduate .course-list > li .people-list > li .desc-list li .txt-box span.school-maintenance {
        font-size: 12px;
	color: #ffffff;
/*	background-color:#ea7606;*/
	background-color:#688a96;
	border-radius: 3px;
	padding:0 15px;
	}



      #job.success-graduate .course-list > li .people-list > li .desc-list li .txt-box span.now,
      #course.ground-future .course-list > li .people-list > li .desc-list li .txt-box span.now {
        font-size: 12px;
	color: #ffffff;
/*	background-color:#333333;*/
	background-color:#727171;
	border-radius: 3px;
	padding:0 15px;
	}



      #course.ground-future .course-list > li .people-list > li .desc-list li .txt-box .desc {
        color: #333;
        font-size: 16px;
        line-height: 32px; }
        @media (max-width: 767px) {
          #course.ground-future .course-list > li .people-list > li .desc-list li .txt-box .desc {
            font-size: 12px;
            line-height: 18px; } }




/**************************************************/
/* add for block editor */
/**************************************************/

.margin0auto {
	margin: 0 auto;
}




.image-info2 {
  font-size: 14px;
  margin-top: 5px !important;
  text-align: right; }

  @media (max-width: 767px) {
	.image-info2 {
	      font-size: 12px;
	      margin-top: 3px;
	      text-align: center; } }

.image-info2 .name {
    font-size: 22px;
    font-weight: bold; }

    @media (max-width: 767px) {
	.image-info2 .name {
	        font-size: 16px;
	        margin-top: 15px; } }



.greeting-text2 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
/*	float: left;*/
	font-size: 17px;
	line-height: 2em;
/*	margin-right: 5%;*/
/*	width: 70%; */
}

@media (max-width: 767px) {
	.greeting-text2 {
		    float: none;
		    font-size: 14px;
		    width: 100%; } }


.image-info2 .alignright{
	margin: 0.5em 0 0.5em 2em !important;

}

    @media (max-width: 767px) {
	.image-info2 .alignright{
		margin: 0.5em auto !important;
		float: none !important;

	}
	.wp-block-columns{
		display: block !important;
	}



    }

  #normal section.outline .wp-block-column {
    margin: 0 auto;
    width: 980px; }
    @media (max-width: 767px) {
      #normal section.outline .wp-block-column {
        	width: 94%;
		/* margin: 0 3%; */ 
	} 
    }


    #normal section.outline .wp-block-column .bold {
      font-weight: bold; }
    #normal section.outline .wp-block-column .title {
      font-size: 28px;
      font-weight: bold;
      text-align: center; }
      #normal section.outline .wp-block-column .title:first-child {
        font-size: 40px;
        margin-top: 40px; }

      @media (max-width: 767px) {
        #normal section.outline .wp-block-column .title {
          font-size: 18px; }
          #normal section.outline .wp-block-column .title:first-child {
            font-size: 20px;
            line-height: 1.2;
            margin-top: 20px; } }


	#normal section.outline h2{
    		line-height: 1.2;
    		margin-top: 40px; } 

	#normal section.outline h3{
    		font-size: 22px !important;
    		line-height: 1.7em;
    		margin-top: 33px; 
		/* text-align: center;*/
		} 


      @media (max-width: 767px) {
    		#normal section.outline h2{
            		font-size: 20px !important;
            		line-height: 1.2;
            		margin-top: 20px; } 

    		#normal section.outline h3{
            		font-size: 16px !important;
            		line-height: 1.7em;
            		margin-top: 15px; 
			text-align: center;} 
	}

      @media (max-width: 767px) {
        #normal section.outline .contents-area .greeting-title {
          font-size: 16px;
          line-height: 1.7em;
          margin-top: 15px;
          text-align: center; } }


.wp-block-image figcaption {
/*    color: #555;
    font-size: 13px;*/
    text-align: center;
}


.wp-block-embed figcaption {
/*  color: #555;
  font-size: 13px; */
  text-align: center;
}

.aligncenter {
  text-align: center;
}

/*
.wp-block-embed iframe {
  	width: 800px;
	height: 450px;
}
@media (max-width: 767px) {
	.wp-block-embed iframe {
	  	width: 400px;
		height: 225px;
	}
}
*/


/* NEW2024 */
  #top .main-content0 {
    overflow: hidden;
/*    padding: 40px 0 74px; */
/*    padding: 10px 0 74px; */
    padding: 10px 0 0px; }
    @media (max-width: 767px) {
      #top .main-content0 {
        padding: 0 0 2px; } }
    #top .main-content0 .carousel-area {
      margin: 0 auto;
      position: relative;
/*      width: 980px; */
      width: 1000px; 
	}

      @media (max-width: 767px) {
        #top .main-content0 .carousel-area {
          width: 100%; } }
      #top .main-content0 .carousel-area .btn-carousel {
        cursor: pointer;
/*        height: 92px;*/
        height: 70px;
        position: absolute;
/*        top: 102px;*/
        top: 113px;
/*        width: 92px;*/
        width: 70px;
        z-index: 8; }
        @media (max-width: 767px) {
          #top .main-content0 .carousel-area .btn-carousel {
            display: none; } }

        #top .main-conten0t .carousel-area .btn-carousel.prev {
          left: -38px; }
        #top .main-content0 .carousel-area .btn-carousel.next {
          right: -38px; }
          #top .main-content0 .carousel-area .btn-carousel.next img {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg); }

        #top .main-content0 .carousel-area .btn-carousel img {
          vertical-align: top;
          /* width: 100%;*/ }


/**** 受験生サイト ****************/

  #normal #job .pickup {
/*    padding: 80px 0 88px; */
    padding: 65px 0 50px; }

    @media (max-width: 767px) {
      #normal #job .pickup {
        padding: 29px 0 27px; } }

    #normal #job .pickup .title {
/*      font-size: 40px;*/
        font-size: 32px;
	font-weight: bold; 

/*	padding-bottom: 10px;*/
/*	border-bottom: 1px solid #C5C5C5;*/
	border-bottom: 1px solid #45484c;

      line-height: 1;
/*      margin-bottom: 40px;*/
      margin: 0 auto 30px auto;
/*      text-align: center; */
      text-align: left;
	max-width: 980px; 
	width: 100%; 
	}
/*
      #normal #job .pickup .title::before {
    		content: url(./assets/images/top/title_icon.png);
    		margin-right:-5px;
		position:relative;
	    	top:17px;
    		left:0px; 
 	}
*/
      #normal #job .pickup .title::before {
		content: '';
		display: inline-block;
		width: 75px;
		height: 60px;
		background-image: url(./assets/images/top/title_icon.png);
		background-size: contain;
		vertical-align: middle;
		margin: -12px -5px 0 0;
 	}

       @media (max-width: 767px) {
	     #normal #job .pickup .title::before {
			content: '';
			display: inline-block;
			width: 60px;
			height: 48px;
			background-image: url(./assets/images/top/title_icon.png);
			background-size: contain;
			vertical-align: middle;
			margin: -12px -5px 0 0;
 	} }



      @media (max-width: 767px) {
        #normal #job .pickup .title {
/*          font-size: 20px;*/
          font-size: 25px;
          margin-bottom: 14px; } }

    #normal #job .pickup .pickup-list {
      font-size: 0;
      letter-spacing: 0;
      margin: 0 auto;
      text-align: center;
      width: 980px; }

      @media (max-width: 767px) {
        #normal #job .pickup .pickup-list {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0 10px;
          width: 100%; } }

      #normal #job .pickup .pickup-list li {
        border: 1px solid #D8D9D9;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
/*        width: 233px; */
        width: 480px;
	}
        @media (max-width: 767px) {
          #normal #job .pickup .pickup-list li {
/*            width: calc((100% - 10px)/2); */
/*            max-width: 480px; */
/*            max-width: 400px; */
            width: 100%; } }

/*        #normal #job .pickup .pickup-list li:nth-last-of-type(n+2) {*/
        #normal #job .pickup .pickup-list li:nth-last-of-type(2n) {
/*          margin-right: 16px; */
          margin-right: 20px;
          margin-bottom: 20px; }
          @media (max-width: 767px) {
/*            #normal #job .pickup .pickup-list li:nth-last-of-type(n+2) {*/
/*            #normal #job .pickup .pickup-list li:nth-last-of-type(2n) {*/
            #normal #job .pickup .pickup-list li {
              margin-right: 0; } }
        @media (max-width: 767px) {
          #normal #job .pickup .pickup-list li:nth-of-type(odd) {
/*            margin-right: 10px; */
            margin-right: 0px;
            margin-bottom: 20px; } }

        @media (max-width: 767px) {
          #normal #job .pickup .pickup-list li:nth-last-of-type(n+3) {
            margin-bottom: 15px; } }
        #normal #job .pickup .pickup-list li a {
          display: block; }
        #normal #job .pickup .pickup-list li .img-box img {
          vertical-align: top;
          width: 100%; }
          #normal #job .pickup .pickup-list li .img-box img:nth-of-type(2) {
            display: none; }
          @media (max-width: 767px) {
            #normal #job .pickup .pickup-list li .img-box img:nth-of-type(1) {
              display: none; }
            #normal #job .pickup .pickup-list li .img-box img:nth-of-type(2) {
              display: inline; } }
        #normal #job .pickup .pickup-list li .txt-box {
/*          background: #EEF7FE;*/
          background: #08416e;
/*          font-size: 20px;*/
          font-size: 14px;
		color: #fff;
		padding: 5px 20px;
/*          line-height: 59px;*/
          line-height: 20px;
		height:80px;
/*          text-align: center; */
          text-align: left; }

        #normal #job .pickup .pickup-list li:nth-of-type(2) div.txt-box:nth-of-type(2) {
          	background: #082445;
           }
        #normal #job .pickup .pickup-list li:nth-of-type(3) div.txt-box:nth-of-type(2) {
          	background: #082445;
           }

          @media (max-width: 767px) {

	        #normal #job .pickup .pickup-list li:nth-of-type(3) div.txt-box:nth-of-type(2) {
	          	background: #08416e;
	           }

	        #normal #job .pickup .pickup-list li:nth-of-type(4) div.txt-box:nth-of-type(2) {
	          	background: #082445;
	           }



            #normal #job .pickup .pickup-list li .txt-box {
              font-size: 14px;
/*              line-height: 37px; */
              line-height: 20px; } }


/* add for popup js type*/
/*
          #top .main-content .event-calender-area #event-calender #calender tr td .popup{
	      display: none;
	      position: absolute;
	      background-color: #f9f9f9;
	      border: 1px solid #ccc;
	      padding: 10px;
	      z-index: 1;
    	}
*/

/* add for popup CSS type*/

/*
 #top .main-content .event-calender-area #event-calender #calender tr td .tooltip4{
    position: relative;
    cursor: pointer;
    display: inline-block;
}
 #top .main-content .event-calender-area #event-calender #calender tr td .tooltip4 p{
    margin:0;
    padding:0;
	text-align:center;
}
 #top .main-content .event-calender-area #event-calender #calender tr td .description4 {
    display: none;
    position: absolute;
    padding: 5px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #6f6f6f;
    width: 100px;
}
 #top .main-content .event-calender-area #event-calender #calender tr td .description4:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 113px;
    border: 15px solid transparent;
    border-top: 15px solid #6f6f6f;
    margin-left: -15px;
    transform: rotateZ(270deg);
}
 #top .main-content .event-calender-area #event-calender #calender tr td .tooltip4:active .description4,
 #top .main-content .event-calender-area #event-calender #calender tr td .tooltip4:hover .description4{
    display: inline-block;
    top: 0px;
    left: -120px;
}
*/


/*** Event Calender time表示 202403 ***/

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
#event-calender #calender ul.ddmenu {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
/*   padding: 0px 0px 0px 15px;*/ /* メニューバー内側の余白(左に15px) */
   padding: 0px 0px 0px 0px; /* メニューバー内側の余白(左に15px) */
   /*background-color: #cc0000;*//* バーの背景色(濃い赤色) */
}


/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
#event-calender #calender ul.ddmenu li {
   /*width: 125px;*/          /* メニュー項目の横幅(125px) */
   /*display: inline-block;*/ /* ★横並びに配置する */
   display: block; 
   list-style-type: none; /* ★リストの先頭記号を消す */
   position: relative;    /* ★サブメニュー表示の基準位置にする */
	line-height: 44px;
}
#event-calender #calender ul.ddmenu a {
   /*background-color: #cc0000;*/ /* メニュー項目の背景色(濃い赤色) */
   background-color: #fff; /* メニュー項目の背景色(濃い赤色) */
   color: white;              /* メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★項目内全域をリンク可能にする */
}
#event-calender #calender ul.ddmenu a:active ,
#event-calender #calender ul.ddmenu a:hover {
   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
#event-calender #calender ul.ddmenu li:active ul ,
#event-calender #calender ul.ddmenu li:hover ul {
   display: block;      /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */

/* #top .main-content4 .event-calender-area #event-calender #calender tr td ul.ddmenu ul {*/
#event-calender #calender ul.ddmenu ul {
/*ul.ddmenu ul {*/
/*   margin: 0px;*/         /* ★サブメニュー外側の余白(ゼロ) */
/*   margin: 0px 0px 0px -10px; */        /* ★サブメニュー外側の余白(ゼロ) */
   margin: -10px 0px 0px 15px;
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   display: none;       /* ★標準では非表示にする */
   position: absolute;  /* ★絶対配置にする */
}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
#event-calender #calender ul.ddmenu ul li {
   width: 135px;               /* サブメニュー1項目の横幅(135px) */
   /* width: 70px;*/               /* サブメニュー1項目の横幅(135px) */
/*   border-top: 1px solid pink;*/ /* 項目上側の枠線(ピンク色で1pxの実線) */
   border-top: 1px solid #ececec; /* 項目上側の枠線(ピンク色で1pxの実線) */
/*   	font-size:16px;*/
   	font-size:14px;
	z-index: 10;
}
#event-calender #calender ul.ddmenu ul li a {
/*   line-height: 35px;*/     /* サブメニュー1項目の高さ(35px) */
/*   line-height: 32px;*/     /* サブメニュー1項目の高さ(35px) */
   line-height: 18px;     /* サブメニュー1項目の高さ(35px) */
   /*text-align: left;*/      /* 文字列の配置(左寄せ) */
   text-align: center;      /* 文字列の配置(左寄せ) */
/*   padding-left: 5px;*/     /* 文字列前方の余白(5px) */
   padding-left: 0px;     /* 文字列前方の余白(5px) */
   font-weight: normal;   /* 太字にはしない */
	height: auto !important;
}
 #event-calender #calender ul.ddmenu ul li a:active ,
#event-calender #calender ul.ddmenu ul li a:hover {
   background-color: #ffff80; /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
/*   color: #005500;*/            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
}

/*** #Event Calender time表示 ***/