@charset "UTF-8";

/* ==================================================================
 *
 * VARIABLES
 *
 * ------------------------------------------------------------------
 *
 *
 *
 * ------------------------------------------------------------------ */
/* ---------------------------------
 *   Compass   */
/* line 106, ../../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 87.5%;
  line-height: 1.5em;
}

/* ---------------------------------
 *   Grid   */
/* ---------------------------------
 *   Ratio   */
/* ---------------------------------
 *   Font   */
/* ---------------------------------
 *   Color   */
/* ---------------------------------
 *   Depertment Color   */
/* ---------------------------------
 *   z-index   */
/* ---------------------------------
 *   line-height   */
/* ==================================================================
 *
 * MIXIN
 *
 * ------------------------------------------------------------------ */
/* ==================================================================
 * REM Font Size
 * ------------------------------------------------------------------ */
/* ==================================================================
 * Font Smoothing
 * ------------------------------------------------------------------ */
/* ==================================================================
 * Font Feature Settings
 * ------------------------------------------------------------------ */
/* ==================================================================
 * Responsive Layout
 * ------------------------------------------------------------------ */
/* ==================================================================
 * CSS Image Sprite
 * ------------------------------------------------------------------ */
/* ==================================================================
 * Vertical Middle
 * ------------------------------------------------------------------ */
/* ==================================================================
 * Line Clamp
 * ------------------------------------------------------------------ */
/* ==================================================================
 * hover
 * ------------------------------------------------------------------ */
/* ==================================================================
 * CSS Animation
 * ------------------------------------------------------------------ */
/* ==================================================================
 * Grid
 * ------------------------------------------------------------------ */
/*

    grid(3, width, false);
    |     col     | pad |     col     | pad |     col     |

    $grid--col * 3 + $grid--pad * 2

    --------------------

    grid(3, width, invert);
    | pad |     col     | pad |     col     | pad |

    $grid--col * 2 + $grid--pad * 3

*/

/* line 9, ../scss/department/_department_project.scss */
.department-top-hed-body {
  background: #8fd2e6;
  color: #FFFFFF;
}

/* line 14, ../scss/department/_department_project.scss */
.c-title.with-border {
  position: relative;
}
/* line 16, ../scss/department/_department_project.scss */
.c-title.with-border:before {
  position: absolute;
  bottom: 0;
  left: 17px;
  display: block;
  width: 45px;
  height: 4px;
  background: #d5d5d5;
  content: '';
}
/* line 26, ../scss/department/_department_project.scss */
.c-title.with-border:after {
  width: 15px;
  background: #8fd2e6;
}

/* line 41, ../scss/department/_department_project.scss */
.c-tags li > a.c-dep,
.c-tags li > span.c-dep,
.c-tags > a.c-dep,
.c-tags > span.c-dep {
  background: #8fd2e6;
  color: #FFFFFF;
  border-color: #8fd2e6;
}

/* line 49, ../scss/department/_department_project.scss */
.w-title3 span {
  padding-bottom: 30px;
}
/* line 51, ../scss/department/_department_project.scss */
.w-title3 span:before {
  display: none;
}
/* line 54, ../scss/department/_department_project.scss */
.w-title3 span:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 4px;
  background: #cccccc;
  content: '';
}

/* line 77, ../scss/department/_department_project.scss */
.w-title1 span:before {
  background: #8fd2e6;
}

/* line 82, ../scss/department/_department_project.scss */
.w-title2 {
  border-left-color: #8fd2e6;
}

/* line 85, ../scss/department/_department_project.scss */
.w-title4:before {
  border-left-color: #8fd2e6;
  border-right-color: #ccc;
}

/* line 89, ../scss/department/_department_project.scss */
.w-title5 {
  border-left-color: #8fd2e6;
}

/* line 94, ../scss/department/_department_project.scss */
.wysiwyg ul span:before {
  background-color: #8fd2e6;
}
/* line 98, ../scss/department/_department_project.scss */
.wysiwyg ol {
  color: #8fd2e6;
}

/* line 103, ../scss/department/_department_project.scss */
.table-box ul {
  color: #8fd2e6;
}
/* line 106, ../scss/department/_department_project.scss */
.table-box ol {
  color: #8fd2e6;
}

/* line 110, ../scss/department/_department_project.scss */
.paging-list1 a {
  border-top-color: #8fd2e6;
}

/* line 113, ../scss/department/_department_project.scss */
.paging-list1 a:before {
  color: #8fd2e6;
}

/* line 144, ../scss/department/_department_project.scss */
.question-title:before {
  color: #8fd2e6;
}

/* line 147, ../scss/department/_department_project.scss */
.accordionset-btn-q span {
  color: #8fd2e6;
}

/* line 150, ../scss/department/_department_project.scss */
.list-column-title:before {
  background: #8fd2e6;
}

/* line 153, ../scss/department/_department_project.scss */
.accordionset-teacher .accordion-btn-inner {
  border-top-color: #8fd2e6;
}
/* ==================================================================
 *
 * 0.0 1.0用　記事セットコンポーネント
 *
 * ------------------------------------------------------------------ */
/* line 167, ../scss/department/_department_project.scss */
.l-container--top {
  overflow: hidden;
  border-top: 5px solid #fff;
  background: #f9f9f9;
  padding: 59px 0 0;
}
/* line 172, ../scss/department/_department_project.scss */
.l-container--top:empty {
  display: none;
}
/* line 175, ../scss/department/_department_project.scss */
.l-container--top .w-title2 {
  position: relative;
  padding-left: 0;
  z-index: 1;
  font-family: "TsukuGoPr5-D";
  font-weight: inherit;
  border-left: none;
}
/* line 182, ../scss/department/_department_project.scss */
.l-container--top .w-title2:before {
  position: absolute;
  width: 45px;
  height: 4px;
  bottom: -30px;
  left: 17px;
  display: block;
  background: #d5d5d5;
  content: '';
}
/* line 192, ../scss/department/_department_project.scss */
.l-container--top .w-title2:after {
  position: absolute;
  width: 15px;
  height: 4px;
  content: '';
  left: 0;
  display: block;
  background: #8fd2e6;
}
/* line 234, ../scss/department/_department_project.scss */
.l-container--top .w-title3 span {
  position: relative;
}
/* line 236, ../scss/department/_department_project.scss */
.l-container--top .w-title3 span:after {
  position: absolute;
  width: 50px;
  height: 4px;
  bottom: 0;
  left: 0;
  display: block;
  background: #d5d5d5;
  content: '';
}
/* line 290, ../scss/department/_department_project.scss */
.l-container--top .list-image .list-image-box {
  background: #fff;
}
/* line 303, ../scss/department/_department_project.scss */
.l-container--top .list-image .list-image-box a {
  position: relative;
  display: block;
}
/* line 306, ../scss/department/_department_project.scss */
.l-container--top .list-image .list-image-box a:before {
  font-family: 'icomoon' !important;
  content: '\e905';
  font-size: 28px;
  font-size: 28px;
  font-size: 2rem;
  z-index: 1;
  position: absolute;
  bottom: 1px;
  right: 13px;
  line-height: 1;
}
/* line 316, ../scss/department/_department_project.scss */
.l-container--top .list-image .list-image-box a:hover {
  box-shadow: none;
}
/* line 318, ../scss/department/_department_project.scss */
.l-container--top .list-image .list-image-box a:hover .list-image-img {
  filter: alpha(Opacity=50);
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
}
/* line 336, ../scss/department/_department_project.scss */
.l-container--top .list-image .list-image-box .list-image-img {
  margin-bottom: 0;
}
/* line 354, ../scss/department/_department_project.scss */
.l-container--top .list-image .list-image-text {
  position: relative;
}
/* line 384, ../scss/department/_department_project.scss */
.l-container--top .list-image .list-image-title {
  margin-bottom: 0;
  font-family: "TsukuGoPr5-D";
  line-height: inherit;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.14286rem;
}
/* line 390, ../scss/department/_department_project.scss */
.l-container--top .list-image .list-image-link {
  display: none;
}

/* line 397, ../scss/department/_department_project.scss */
.news-hed-inner {
  border-left-color: #8fd2e6;
}

/* line 400, ../scss/department/_department_project.scss */
.news-hed-date {
  color: #8fd2e6;
}

/* line 406, ../scss/department/_department_project.scss */
.sub-hed-title span:before {
  background-color: #8fd2e6;
}

/* line 415, ../scss/department/_department_project.scss */
.c-feature-list-item-label {
  background-color: #8fd2e6;
}

/* 詳細 */
/* line 443, ../scss/department/_department_project.scss */
body.is-feature-detail .cat-article-link-header .sub-title-en01 {
  color: #8fd2e6;
}
/* line 447, ../scss/department/_department_project.scss */
body.is-feature-detail .cat-article-link-header .sub-title02-mes:before {
  background-color: #8fd2e6;
}

/* line 455, ../scss/department/_department_project.scss */
.closeup-overview-title {
  color: #8fd2e6;
}

/* line 458, ../scss/department/_department_project.scss */
.closeup-comment-name {
  color: #8fd2e6;
}

/* line 461, ../scss/department/_department_project.scss */
.news-comment-subtai {
  color: #8fd2e6;
}

/* トップ（0.0） */
/* line 470, ../scss/department/_department_project.scss */
body.is-home .p-headline .p-headline__sec .p-headline__sec__head h2 {
  border-left-color: #8fd2e6;
}
/* line 478, ../scss/department/_department_project.scss */
body.is-home .p-header .p-header__hero__textset .header__hero__textset__title {
  background: #8fd2e6;
}
/* line 481, ../scss/department/_department_project.scss */
body.is-home .p-header .p-header__hero__textset .header__hero__textset__text {
  border-left-color: #8fd2e6;
}
/* line 493, ../scss/department/_department_project.scss */
body.is-home .p-story .p-story__carousel .owl-carousel li article a header .label {
  background-color: #8fd2e6;
}
@media only screen and (min-width: 641px) and (min-device-width: 768px){
  /* line 4, ../scss/department/_department_project.scss */
  .p-superwrapper{
    background-color: #8fd2e6;
  }
  /* line 120, ../scss/department/_department_project.scss */
  .column-list li .hed-list-text:before{
    position: absolute;
    top: 0;
    left: 62px;
    right: 0;
    display: block;
    height: 4px;
    background: #cccccc;
    content: '';
  }
  /* line 130, ../scss/department/_department_project.scss */
  .column-list li .hed-list-text:after{
    width: 60px;
    background: #8fd2e6;
  }
  /* line 175, ../scss/department/_department_project.scss */
  .l-container--top .w-title2{
    margin: 0 0 89px;
    font-size: 24px;
    font-size: 1.71429rem;
  }
  /* line 206, ../scss/department/_department_project.scss */
  .l-container--top .w-title2:after{
    bottom: -30px;
  }
  /* line 224, ../scss/department/_department_project.scss */
  .l-container--top .w-title2 + .contact-box{
    margin: -60px 0 0 77px;
  }
  /* line 256, ../scss/department/_department_project.scss */
  .l-container--top .image-set .w-title3, .l-container--top .move-set .w-title3{
    margin: 0 0 28px;
  }
  /* line 259, ../scss/department/_department_project.scss */
  .l-container--top .image-set .w-title3 span, .l-container--top .move-set .w-title3 span{
    padding: 0;
  }
  /* line 261, ../scss/department/_department_project.scss */
  .l-container--top .image-set .w-title3 span:after, .l-container--top .move-set .w-title3 span:after{
    position: relative;
    display: inline-block;
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  /* line 283, ../scss/department/_department_project.scss */
  .l-container--top .list-image{
    margin-bottom: 38px;
  }
  /* line 290, ../scss/department/_department_project.scss */
  .l-container--top .list-image .list-image-box{
    border-bottom: 2px solid #CBCBCB;
  }
  /* line 336, ../scss/department/_department_project.scss */
  .l-container--top .list-image .list-image-box .list-image-img{
    height: 144px;
  }
  /* line 354, ../scss/department/_department_project.scss */
  .l-container--top .list-image .list-image-text{
    padding: 27px 25px 34px;
  }
  /* line 358, ../scss/department/_department_project.scss */
  .l-container--top .list-image .list-image-text:before{
    position: absolute;
    top: 0;
    left: 62px;
    right: 0;
    display: block;
    height: 4px;
    background: #ccc;
    content: '';
  }
  /* line 368, ../scss/department/_department_project.scss */
  .l-container--top .list-image .list-image-text:after{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    background: #8fd2e6;
    content: '';
    width: 60px;
    height: 4px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 640px), (max-width: 640px){
  /* line 26, ../scss/department/_department_project.scss */
  .c-title.with-border:after{
    bottom: 0;
    top: auto;
  }
  /* line 54, ../scss/department/_department_project.scss */
  .w-title3 span:after{
    width: 25px;
    height: 2px;
    -ms-transform: translateY(-13px);
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px);
  }
  /* line 138, ../scss/department/_department_project.scss */
  .column-list li{
    border-left-color: #8fd2e6;
  }
  /* line 175, ../scss/department/_department_project.scss */
  .l-container--top .w-title2{
    margin: 0 0 40px;
    padding-bottom: 18px;
    font-size: 20px;
    font-size: 1.42857rem;
  }
  /* line 214, ../scss/department/_department_project.scss */
  .l-container--top .w-title2:before{
    bottom: 0;
  }
  /* line 217, ../scss/department/_department_project.scss */
  .l-container--top .w-title2:after{
    bottom: 0;
    top: auto;
  }
  /* line 230, ../scss/department/_department_project.scss */
  .l-container--top .w-title3{
    margin: 0 0 32px;
  }
  /* line 236, ../scss/department/_department_project.scss */
  .l-container--top .w-title3 span:after{
    width: 25px;
    height: 2px;
    -ms-transform: translateY(-13px);
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px);
  }
  /* line 256, ../scss/department/_department_project.scss */
  .l-container--top .image-set .w-title3, .l-container--top .move-set .w-title3{
    margin: 0 0 10px;
  }
  /* line 273, ../scss/department/_department_project.scss */
  .l-container--top .image-set .w-title3 span:after, .l-container--top .move-set .w-title3 span:after{
    position: relative;
    display: inline-block;
    -ms-transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  /* line 283, ../scss/department/_department_project.scss */
  .l-container--top .list-image{
    margin-bottom: 29px;
  }
  /* line 290, ../scss/department/_department_project.scss */
  .l-container--top .list-image .list-image-box{
    position: relative;
    min-height: 100px;
    float: none;
    width: auto !important;
    margin: 3px 0 0;
    border-left: 4px solid #8fd2e6;
  }
  /* line 303, ../scss/department/_department_project.scss */
  .l-container--top .list-image .list-image-box a{
    min-height: 100px;
  }
  /* line 329, ../scss/department/_department_project.scss */
  .l-container--top .list-image .list-image-box a:before{
    font-size: 1.14286rem;
    top: 22px;
    left: 9px;
  }
  /* line 336, ../scss/department/_department_project.scss */
  .l-container--top .list-image .list-image-box .list-image-img{
    overflow: hidden;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    position: absolute;
    z-index: 5;
    right: 10px;
    top: 10px;
  }
  /* line 354, ../scss/department/_department_project.scss */
  .l-container--top .list-image .list-image-text{
    padding: 18px 94px 19px 33px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape){
  /* line 26, ../scss/department/_department_project.scss */
  .c-title.with-border:after{
    bottom: 0;
    top: auto;
  }
  /* line 54, ../scss/department/_department_project.scss */
  .w-title3 span:after{
    width: 25px;
    height: 2px;
    -ms-transform: translateY(-13px);
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px);
  }
  /* line 138, ../scss/department/_department_project.scss */
  .column-list li{
    border-left-color: #8fd2e6;
  }
  /* line 175, ../scss/department/_department_project.scss */
  .l-container--top .w-title2{
    margin: 0 0 40px;
    padding-bottom: 18px;
    font-size: 20px;
    font-size: 1.42857rem;
  }
  /* line 214, ../scss/department/_department_project.scss */
  .l-container--top .w-title2:before{
    bottom: 0;
  }
  /* line 217, ../scss/department/_department_project.scss */
  .l-container--top .w-title2:after{
    bottom: 0;
    top: auto;
  }
  /* line 230, ../scss/department/_department_project.scss */
  .l-container--top .w-title3{
    margin: 0 0 32px;
  }
  /* line 236, ../scss/department/_department_project.scss */
  .l-container--top .w-title3 span:after{
    width: 25px;
    height: 2px;
    -ms-transform: translateY(-13px);
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px);
  }
  /* line 256, ../scss/department/_department_project.scss */
  .l-container--top .image-set .w-title3, .l-container--top .move-set .w-title3{
    margin: 0 0 10px;
  }
  /* line 273, ../scss/department/_department_project.scss */
  .l-container--top .image-set .w-title3 span:after, .l-container--top .move-set .w-title3 span:after{
    position: relative;
    display: inline-block;
    -ms-transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  /* line 283, ../scss/department/_department_project.scss */
  .l-container--top .list-image{
    margin-bottom: 29px;
  }
  /* line 290, ../scss/department/_department_project.scss */
  .l-container--top .list-image .list-image-box{
    position: relative;
    min-height: 100px;
    float: none;
    width: auto !important;
    margin: 3px 0 0;
    border-left: 4px solid #8fd2e6;
  }
  /* line 303, ../scss/department/_department_project.scss */
  .l-container--top .list-image .list-image-box a{
    min-height: 100px;
  }
  /* line 329, ../scss/department/_department_project.scss */
  .l-container--top .list-image .list-image-box a:before{
    font-size: 1.14286rem;
    top: 22px;
    left: 9px;
  }
  /* line 336, ../scss/department/_department_project.scss */
  .l-container--top .list-image .list-image-box .list-image-img{
    overflow: hidden;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    position: absolute;
    z-index: 5;
    right: 10px;
    top: 10px;
  }
  /* line 354, ../scss/department/_department_project.scss */
  .l-container--top .list-image .list-image-text{
    padding: 18px 94px 19px 33px;
  }
}
@media screen and (max-width: 640px){
  /* line 157, ../scss/department/_department_project.scss */
  .paging-list1 a{
    border-left-color: #8fd2e6;
  }
  /* line 411, ../scss/department/_department_project.scss */
  .c-feature-list{
    margin: 0;
  }
  /* line 422, ../scss/department/_department_project.scss */
  .c-feature-list-item-label{
    background-color: transparent;
    color: #8fd2e6;
  }
  /* line 430, ../scss/department/_department_project.scss */
  .c-feature-list-item--lg .c-feature-list-item-label{
    background-color: #8fd2e6;
  }
}