@charset "UTF-8";
@font-face {
 font-family: "noto";
 font-style: normal;
 font-weight:normal; line-height:100%;
 src: url('/20017/210401/fonts/notosans_regular.woff') format('woff'), url('/20017/210401/fonts/notosans_regular.ttf') format('truetype');
}
.noto { font-family:"noto" !important; }

@font-face {
 font-family: "noto";
 font-style: normal;
 font-weight:bold; line-height:100%;
 src: url(/20017/210401/fonts/notosans_bold.ttf) format('woff'), url('/20017/210401/fonts/notosans_bold.ttf') format('truetype');
}
.noto { font-family:"noto" !important; }

/*=================================================================

　　reset

=================================================================*/


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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html {
  font-size: 62.5%;
}
body {
  line-height: 1;
  font-size: 1.4em;
  font-family: meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}

a {
  text-decoration: none;
}

a, button {
  transition: .2s linear;
}

a:hover,
button:hover {
  opacity: .7;
}

table {
  width: 100%;
}

* {
  box-sizing: border-box;
  line-height: 1.5;
}

/*button,
input {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}*/

select {
  background: none;
}

input:focus {
  box-shadow: none;
  outline: none;
}

img {
  vertical-align: bottom;
} 


dt {
  font-weight: bold;
  line-height: 1.5;
}
dd {
  line-height: 1.5;
}

table {
  margin-bottom: 1.5em;
}

table td {
  vertical-align: middle;
}


/*=================================================================

　　Top common

=================================================================*/


main:not(#top) {
  font-size: 1.6rem;
  padding-bottom: 80px;
  padding-top: 140px;
}

.sp {
  display: none;
}

.pc {
  display: block;
}

.top_inner {
  width: 980px;
  margin: 0 auto;
}

.top_inner2 {
  width: 1280px;
  margin: 0 auto;
}

ul.asideBtn {
  position: fixed;
  top: 200px;
  right: 0;
  color: white;
  z-index: 10;
}

main#top section {
  padding: 50px 0;
}

main#top a.more {
  display: block;
  text-align: center;
  padding: 20px 0;
  color: white;
  position: relative;
  width: 230px;
  font-size: 1.2rem;
}

main#top section#s1 a.more {
  background: #8CC11F;
}

main#top section#s4 a.more {
  background: #FFA000;
}

main#top section#s5 a.more {
  background: #5900A5;
  position: absolute;
  bottom: 70px;
  left: 170px;
  width: 200px;
}

main#top a.more::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: white;
  right: 15px;
  top: calc(50% - 8px);
}

main#top a.more::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-right: 1px solid #8CC11F;
  border-bottom: 1px solid #8CC11F;
  transform: rotate(-45deg);
  right: 21px;
  top: calc(50% - 3px);
}

main#top #s4 a.more::after {
  border-right-color: #FFA000;
  border-bottom-color: #FFA000;
}

main#top #s5 a.more::after {
  border-right-color: #5900A5;
  border-bottom-color: #5900A5;
}



/*=======================================================

　　header

=======================================================*/

header{ width:100%; margin:0; padding:0; z-index:1000; position:fixed; top:0; left:0; background-color:#FFF } /*修正202203*/
header .nav1{ background:#000;display: flex;  justify-content: flex-end; height:40px; font-size:12px; line-height:12px; margin:0; padding:0} 
header .nav1 img{ width:30px; margin:8px 25px 8px 0;} /*修正202203*/
header .nav1text{ margin:0; height:40px; padding:0 30px !important; display:block; background-color:#525252; color:#FFF; border-left:1px #000000 solid; box-sizing:border-box; line-height: 40px;} /*修正202203*/
/* global nav */
header .gnav {height:100px; min-width:1024px; width:80vw;  margin: 0 auto;  padding:0; font-size:12px !important; list-style:16px !important; 
font-weight:bold;  display: flex; justify-content: space-between;  position: static; }
header .gnav #logo{ margin:0; } /*修正202203*/
header .gnav #logo img{ margin:25px 0; } /*修正202203*/
header .gnavttl{ text-align:center; margin:0; padding:0; } /*修正202203*/
header .gnavttl a { display: block; } /*修正202203*/
header .gnavttl a { opacity: 1 !important; } /*修正202203*/
header .gnavttl img{ margin:0; } /*修正202203*/
header .gnavttl { width:8vw}
header .gnavttl:hover { background: rgba(143, 192, 49, 0.75);}
header .gnav p { display: block; color: black; margin:0 !important; padding:0 !important; height:32px  }
header .gnav2nd:not(.searchIcon) { 
  position: absolute; top: 140px; left: 0; z-index: 999; background: rgba(143, 192, 49, 0.75);
  width: 100%;  transition: .4s ease;  visibility: hidden;  opacity: 0; } /*修正202203*/
header .gnav2nd ul {  width: 980px;  margin: 0 auto;  padding: 20px 0 0;display:flex;  flex-flow: row wrap;justify-content: flex-start !important;}
header .gnav li:hover > div:not(.searchIcon) { visibility: visible;  opacity: 1;}
header .gnav2nd ul li { margin: 0 30px 20px 0; font-size:14px; line-height:24px; font-weight:normal}
header .gnav2nd ul li a {  color: black; padding:5px } /*修正202203*/
header .gnav2nd ul li a:hover {  color:#F60 !important; background:#FFF; }
header form, input {  margin: 0; }
header form {  position: relative; }
header .search{ display: flex; flex-flow: row wrap !important;justify-content: flex-start !important; 
width:342px; box-sizing:border-box; margin:0 !important; padding:0 !important;  } /*修正202203*/
header .search div{ box-sizing:border-box; margin:0 !important; padding:0 !important; height:40px !important }
header .search img{ width:104px; margin:10px 5px !important; padding:0 !important; } /*修正202203*/
header input[type="search"] { border:#999 1px solid !important;   border: 0;  height:30px; width:100%;  padding: 0 0 0 40px; position: absolute;  left:0;  top: 0; font-size:12px !important } /*修正202203*/
header input[type="image"] {  border: 0;  padding: 0;  width:20px;  height:20px;   position: absolute; left:10px; top:5px; font-size:12px !important} /*修正202203*/
header .spnav{ display:none}



/*=======================================================

　　slider

=======================================================*/


.bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  bottom: 30px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: white;
  border: 2px solid #8CC11F;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #CAD1D7;
}

.bx-wrapper img {
  /*width: 100%;*/
  height: auto;
}

.bxslider li {
  display: none;
}

.bx-viewport .bxslider li {
  display: block !important;
}



/*=======================================================

　　top contents

=======================================================*/


/*---------- section1 ----------*/


main#top dl.pickUp {
  display: flex;
  justify-content: space-between;
  text-align: center;
  align-items: center;
}

main#top dl.pickUp > * {
  width: 25%;
}

main#top img.sec_ttl {
  margin-bottom: 60px;
}

main#top dl.pickUp dd {
  margin-left: 30px;
  position: relative;
}

main#top dl.pickUp dd::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -8px;
  left: -8px;
  z-index: -1;
  background-color : white;
  background-image:
    repeating-linear-gradient( -45deg,rgba(140, 193, 31, .5) 0px 2px, transparent 2px 6px),
    repeating-linear-gradient( 45deg,rgba(140, 193, 31, .5) 0px 1px,  transparent 1px 6px);
  background: 
    linear-gradient(-45deg, 
                    transparent 20%, 
                    rgba(140, 193, 31, .5) 20%, rgba(140, 193, 31, .5) 25%,
                    transparent 25%, transparent 45%,
                    rgba(140, 193, 31, .5) 45%, rgba(140, 193, 31, .5) 50%,
                    transparent 50%, transparent 70%,
                    rgba(140, 193, 31, .5) 70%, rgba(140, 193, 31, .5) 75%,
                    transparent 75%, transparent 95%,
                    rgba(140, 193, 31, .5) 95%, rgba(140, 193, 31, .5) 100%),
    linear-gradient(45deg, 
                    transparent 20%, 
                    rgba(140, 193, 31, .5) 20%, rgba(140, 193, 31, .5) 25%,
                    transparent 25%, transparent 45%,
                    rgba(140, 193, 31, .5) 45%, rgba(140, 193, 31, .5) 50%,
                    transparent 50%, transparent 70%,
                    rgba(140, 193, 31, .5) 70%, rgba(140, 193, 31, .5) 75%,
                    transparent 75%, transparent 95%,
                    rgba(140, 193, 31, .5) 95%, rgba(140, 193, 31, .5) 100%);
  background-size: 20px 20px;
}

main#top dl.pickUp dd a {
  color: white;
  display: block;
}

main#top dl.pickUp figure {
  overflow: hidden;
  background: white;
  height: 156px;
}

main#top dl.pickUp figure img {
  width: 100%;
}

main#top dl.pickUp .textArea {
  text-align: left;
  padding: 10px 20px;
  position: relative;
  font-size: 1.1rem;
  background: #8CC11F;
}


main#top dl.pickUp .textArea .ttl {
  border-bottom: 2px solid white;
  padding-bottom: 8px;
  margin-bottom: 8px;
  font-size: 1.4rem;
  height: 5em;
}

main#top dl.pickUp .textArea .cnt {
  margin-bottom: 20px;
}

main#top dl.pickUp .textArea span.flg {
  position: absolute;
  right: 15px;
  bottom: 10px;
  border: 1px solid white;
  padding: 3px 10px;
}

/* 2020/04/28　デザイン修正 */

main#top .news_topic {
  width: 70%;
  margin: 0 auto;
}

main#top .news_topic p {
  background: #8CC11F;
  color: #fff;
  padding: 0px 0px 0px 35px;
  font-size: 15px;
}

main#top .news_topic p span {
  font-size: 19px;
  margin-right: 60px;
}

main#top .news_topic ul {
    margin: 5px auto;
}

main#top .news_topic li {
  display: table;
}

main#top .news_topic li span {
    margin-right: 20px;
    display: table-cell;
    padding-right: 15px;    
}

main#top .news_topic li span.new::before {
    content: "NEW";
    margin-right: 10px;
    color: #f39800;
}

main#top .pickUp2 {
    display: flex;
    width: 70%;
    margin: 0 auto;
    justify-content: space-between;
}

main#top .pickUp2 dt{
  width: 48%;
}

main#top .pickUp2 a.more {
    display: block;
    text-align: center;
    padding: 10px 0;
    color: white;
    position: relative;
    width: 100%;
    font-size: 1.7rem;
    font-weight: normal;
}

main#top .pickUp2 a.more::before {
    content:none;
}

main#top .pickUp2 a.more::after {
    content:none;
}

main#top .news_topic a:link { 
    color : #000000;
}

main#top .news_topic a:visited {
    color : #000000;
}

main#top .news_topic li span.old::before {
    content: "";
    margin-right: 46px;
    color: #f39800;
}

/*　ここまで */

/*---------- section2 ----------*/


main#top section#s2 {
  padding-top: 160px;
  position: relative;
  background: url(/20017/images/s2_ttl.png) no-repeat top 15px center, #EFF1F3;
}

main#top section#s2::before,
main#top section#s2::after {
  content: "";
  position: absolute;
  width: 378px;
  height: 157px;  
}
main#top section#s2::before {
  top: 0;
  left: 0;
  background: url(/20017/images/s2_top_bg.png) no-repeat;
}

main#top section#s2::after {
  bottom: 0;
  right: 0;
  background: url(/20017/images/s2_btm_bg.png) no-repeat;
}
    
main#top #s2 ul.sns {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 3;
}

main#top #s2 ul.sns li {
  width: 48%;
}

main#top #s2 ul.sns li > p {
  height: 58px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

main#top #s2 ul.sns li.twitter > p {
  background: url(/20017/images/tw_bg.png) no-repeat center top 10px, #1DA1F2;
}

main#top #s2 ul.sns li.instagram > p {
  background: url(/20017/images/insta_bg.png) no-repeat center top 10px, linear-gradient(to right, #EB001E, #bd00a8);
}

main#top #s2 ul.sns li div img {
  width: 100%;
}



/*---------- section3 ----------*/

main#top #s3 {
  background-color : white;
  background-image:
    repeating-linear-gradient(-45deg,rgba(213, 243, 243, 1) 0px 2px, transparent 2px 6px),
    repeating-linear-gradient(45deg,rgba(213, 243, 243, 1) 0px 1px,  transparent 1px 6px);
  background: 
    linear-gradient(-45deg, 
                    transparent 20%, 
                    rgba(213, 243, 243, 1) 20%, rgba(213, 243, 243, 1) 25%,
                    transparent 25%, transparent 45%,
                    rgba(213, 243, 243, 1) 45%, rgba(213, 243, 243, 1) 50%,
                    transparent 50%, transparent 70%,
                    rgba(213, 243, 243, 1) 70%, rgba(213, 243, 243, 1) 75%,
                    transparent 75%, transparent 95%,
                    rgba(213, 243, 243, 1) 95%, rgba(213, 243, 243, 1) 100%),
    linear-gradient(45deg, 
                    transparent 20%, 
                    rgba(213, 243, 243, 1) 20%, rgba(213, 243, 243, 1) 25%,
                    transparent 25%, transparent 45%,
                    rgba(213, 243, 243, 1) 45%, rgba(213, 243, 243, 1) 50%,
                    transparent 50%, transparent 70%,
                    rgba(213, 243, 243, 1) 70%, rgba(213, 243, 243, 1) 75%,
                    transparent 75%, transparent 95%,
                    rgba(213, 243, 243, 1) 95%, rgba(213, 243, 243, 1) 100%);
  background-size: 20px 20px;
  margin-top: 60px;
}

main#top #s3 ul.about {
  display: flex;
  justify-content: space-between;
}



/*---------- section4 ----------*/

main#top #s4 .top_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

main#top #s4 .ttl {
  width: 23.5%;
  text-align: center;
}

main#top #s4 ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 76.5%;
  margin-left: 30px;
}

main#top #s4 ul li {
  width: 220px;
  margin-right: 30px;
  margin-bottom: 25px;
}

main#top #s4 ul li:nth-child(3),
main#top #s4 ul li:nth-child(5) {
  margin-right: 0;
}


/*---------- section5 ----------*/


main#top section#s5 {
  padding-bottom: 0;
}

main#top #s5 .top_inner2 {
  background: #8CC11F;
}

main#top #s5 .ttlBg {
  display: flex;
}

main#top #s5 .graduate {
  padding: 40px 140px;
  display: flex;
  justify-content: space-around;
  position: relative;
  background: url(/20017/images/s5_bg4.png) no-repeat top left;
}

main#top #s5 .data {
  width: 60%;
  text-align: center;
}

main#top #s5 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 470px;
}

main#top #s5 ul li {
  text-align: center;
  width: 140px;
  height: 140px;
  position: relative;
}

main#top #s5 ul li a {
  width: 100%;
  height: 100%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

main#top #s5 ul li a:hover {
  opacity: .5;
}


main#top #s5 ul li a span {
  position: absolute;
}


/*---------- section6 ----------*/

main#top #s6 ul {
  display: flex;
  justify-content: space-between;
}



/*=======================================================

　　footer

=======================================================*/
footer a {  color: black;}

footer #group {  background: #8CC11F;  font-weight: bold;}
footer #group .inner { width:1024px;  display: flex; align-items: center; justify-content: center; padding: 10px 0; margin: 0 auto;}
footer #group .inner > p {  position: relative; font-size:14px; width:200px; text-align:right}
footer #group .inner > p::before,
footer #group .inner > p::after {  content: ' ';  position: absolute;  width: 30px;  height: 30px;  border-right: 1px solid black;
  right: -10px; }
footer #group .inner > p::before {  transform: rotate(-25deg);  top: calc(50% - 21px);}
footer #group .inner > p::after {  transform: rotate(25deg);  top: calc(50% - 7px);}
footer #group h3{ display:none}
footer #group .inner ul { width:830px; font-size:10px !important; line-height:20px !important;  margin-left:40px;}
footer #group .inner ul li { display: inline-block; padding:0 !important; margin:0 10px 0 0 !important;}



footer #footerMenu { padding: 30px 0; background:#000}
footer #footerMenu a { color:#FFF !important}
footer #footerMenu .inner { display: flex;  width: 980px;  margin: 0 auto;}
footer #footerMenu dl {  width: 20%;  border-left: 1px solid #FFF; color:#000;  padding-left: 10px;  font-size: 1.1rem;} 
footer #footerMenu dl:first-child {  width: 22%;}
footer #footerMenu dl dt { font-size:16px !important; line-height:26px !important; font-weight:bold; margin:0 0 10px 0; padding:0}
footer #footerMenu dl dd { font-size:12px !important; line-height:24px !important; padding:0; margin:0 } 
footer #footerMenu dl dd:last-child {  margin-bottom: 0;}

footer address { background:#FFF; /*width:100vw*/} /*修正202203*/
footer address dl {  display: flex; justify-content: space-between; align-items: center; font-size: 11px; padding: 10px 0; max-width: 980px; width:100vw; margin: 0 auto !important; }
footer address dl dd + dd {  margin:0 0 0 10px !important; padding:0 !important}

footer .topfooternav {  padding: 20px 0; text-align: center; background-color:#FFF !important;}
footer .topfooternav ul {  display: flex;  justify-content: center;  margin: 0;}
footer .topfooternav ul li { margin: 0; padding:0; width:15%; max-width:120px}
footer .topfooternav a { color:#000 !important; font-size:11px;}
footer .topfooternav small {  font-size: 10px;  letter-spacing: 1px;}


.bg_dot{ margin : 0; display: flex; width:100%;
  background-color:#FFF;
  background-image : radial-gradient(#CCC 13%, transparent 16%), 
  radial-gradient(#CCC 13%, transparent 16%);
   background-position: 0 0, 8px 8px; background-size: 16px 16px;}
.bg_dot div{ width:28vw; margin:50px 0} /*修正202203*/
.bg_dot div.bn-side{ width:36vw;} /*修正202203*/
.bg_dot div img{ width:100%; max-width:600px}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}


/*=====================================================================================

　　　　　　　　　　　　　　　　              学校紹介

=====================================================================================*/


/*==================== common ====================*/


.n_wrap #sec1 {
  background: url(/20017/images/dot_bg.jpg);
}

.n_wrap #sec1 .inner {
  background: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 60px 43px;
  width: 1040px;
}

.n_wrap #sec1 h2 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 2rem;
}

.n_wrap #sec1 h3 {
  font-weight: bold;
  font-size: 1.8rem;
  margin-top: 1em;
  margin-bottom: 1em;  
}

.inner {
  margin: 0 auto;
  position: relative;
  width: 1040px;
}

main {
  padding: 0;
}

.home main {
  padding: 0;
}

.cf,
.single-graduates main {
  padding: 0;
}


/*---------- c_head ----------*/

.c_head {
  box-sizing: border-box;
  height: 235px;
  padding: 12px 0 32px;
}
.c_head452 {
  height: 452px;
}
main#gd .c_head {
  background: url(/20017/images/course/gd_ttl.jpg) no-repeat center center;
  background-size: cover;
}
main#gd_students .c_head,
main#gd_graduators .c_head {
  background: url(/20017/images/course/gd_students.jpg) no-repeat center center;
  background-size: cover;
}
main#dd .c_head {
  background: url(/20017/images/course/dd_ttl.jpg) no-repeat center center;
  background-size: cover;
}
main#dd_students .c_head,
main#dd_graduators .c_head {
  background: url(/20017/images/course/dd_students.jpg) no-repeat center center;
  background-size: cover;
}
main#mg .c_head {
  background: url(/20017/images/course/mg_ttl.jpg) no-repeat center center;
  background-size: cover;
}
main#mg_students .c_head,
main#mg_graduators .c_head {
  background: url(/20017/images/course/mg_students.jpg) no-repeat center center;
  background-size: cover;
}
main#ia .c_head {
  background: url(/20017/images/course/ia_ttl.png) no-repeat center center;
  background-size: cover;
}
main#ia_students .c_head,
main#ia_graduators .c_head {
  background: url(/20017/images/course/ia_students.jpg) no-repeat center center;
  background-size: cover;
}
main#fa .c_head {
  background: url(/20017/images/course/fa_ttl.jpg) no-repeat center center;
  background-size: cover;
}
main#fa_students .c_head,
main#fa_graduators .c_head {
  background: url(/20017/images/course/fa_students.jpg) no-repeat center center;
  background-size: cover;
}
main#dm .c_head {
  background: url(/20017/images/course/dm_ttl.jpg) no-repeat center center;
  background-size: cover;
}
main#facility .c_head {
  background: url(/20017/images/campus/facility_ttl.jpg) no-repeat center center;
  background-size: cover;
}
main#like .c_head {
  background: url(/20017/images/course/like_ttl.jpg) no-repeat center center;
  background-size: cover;
}
.c_head .inner {
  height: 223px;
  width: 950px;
}

.c_head .titles {
  background: rgba(255,255,255,0.75);
  box-sizing: border-box;
  height: 190px;
  padding: 58px 0 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 310px;
}
main#gd .c_head .titles,
main#mg .c_head .titles,
main#ia .c_head .titles,
main#fa .c_head .titles {
  right: 0;
}
main#facility .c_head .titles {
  background: none;
  margin: 0;
  padding: 70px 0 0;
  position: relative;
  width: auto;
}
main#facility .c_head .titles h1 {
  border: 2px solid #fff;
  color: #fff;
  font-size: 24px;
  height: 74px;
  line-height: 74px;
  margin: 0 auto;
  text-align: center;
  width: 510px;
}
.c_head .titles img {
  display: block;
  height: 38px;
  margin: 0 auto;
}
.c_head .titles h1 {
  font-size: 19px;
  font-weight: bold;
}


/*==================== IDAが選ばれる理由 ====================*/

main#reason {
  background: #f8f8f8;
}
main#reason .c_head {
  background: url(/20017/images/info/info_ttl.jpg) no-repeat center top;
  background-size: cover;
}
main#reason .c_head .titles {
  background: none;
  padding: 15px 0 0;
  position: relative;
  text-align: center;
  width: auto;
}
main#reason .c_head .titles img {
  height: auto;
  width: 392px;
}
main#reason .r_nav {
  margin: 50px auto 0;
  width: 695px;
}
main#reason .r_nav ul {
  font-size: 0;
  padding: 0;
}
main#reason .r_nav li {
  display: inline-block;
  margin: 0 0 40px;
  width: 215px;
}
main#reason .r_nav li:nth-child(3n - 1) {
  margin: 0 25px 40px 25px;
}
main#reason .r_nav a {
  color: #343434;
  display: block;
  font-size: 15px;
  font-weight: bold;
  height: 132px;
  line-height: 132px;
  position: relative;
  text-align: center;
  text-decoration: none;
}
main#reason .r_nav li:nth-of-type(1) a {
  background: url(/20017/images/info/thumb1.jpg) no-repeat center center;
  background-size: cover;
}
main#reason .r_nav li:nth-of-type(2) a {
  background: url(/20017/images/info/thumb2.jpg) no-repeat center center;
  background-size: cover;
}
main#reason .r_nav li:nth-of-type(3) a {
  background: url(/20017/images/info/thumb3.jpg) no-repeat center center;
  background-size: cover;
}
main#reason .r_nav li:nth-of-type(4) a {
  background: url(/20017/images/info/thumb4.jpg) no-repeat center center;
  background-size: cover;
}
main#reason .r_nav li:nth-of-type(5) a {
  background: url(/20017/images/info/thumb5.jpg) no-repeat center center;
  background-size: cover;
}
main#reason .r_nav a span {
  display: block;
  font-family: Oswald;
  font-size: 28px;
  font-weight: normal;
  height: 28px;
  line-height: 28px;
  position: absolute;
  left: 50%;
  margin-left: -14px;
  top: -14px;
  width: 28px;
}
main#reason .reasons {
  padding: 0 0 100px;
}
main#reason .reasons > div {
  height: 648px;
  margin: 100px 0 0;
  position: relative;
}
main#reason #reason1 {
  background: url(/20017/images/info/r1.jpg) no-repeat left top;
}
main#reason #reason2 {
  background: url(/20017/images/info/r2.jpg) no-repeat right top;
}
main#reason #reason3 {
  background: url(/20017/images/info/r3.jpg) no-repeat left top;
}
main#reason #reason4 {
  background: url(/20017/images/info/r4.jpg) no-repeat right top;
}
main#reason #reason5 {
  background: url(/20017/images/info/r5.jpg) no-repeat left top;
}
main#reason .inner > div dl {
  background: #fff;
  box-sizing: border-box;
  padding: 50px;
  position: absolute;
  top: 118px;
  width: 490px;
}
main#reason .inner > div#reason1 dl,
main#reason .inner > div#reason3 dl,
main#reason .inner > div#reason5 dl {
  right: 0;
}
main#reason .inner > div#reason2 dl,
main#reason .inner > div#reason4 dl {
  left: 0;
}
main#reason .inner > div dl dt {
  display: table;
  width: 100%;
}
main#reason .inner > div dl dt > span,
main#reason .inner > div dl dt p {
  display: table-cell;
  vertical-align: middle;
}
main#reason .inner > div dl dt > span {
  font-family: Oswald;
  font-size: 60px;
}
main#reason .inner > div dl dt p {
  font-size: 17px;
  line-height: 1.8em;
}
main#reason .inner > div dl dt p span {
  background: linear-gradient(transparent 60%, #fff500 60%);
  border-radius: 10px;
  display: inline-block;
}
main#reason .inner > div dl dd {
  font-size: 14px;
  line-height: 1.8em;
  margin: 0;
}

main#reason .inner > div dl dd p {
  margin: 1em 0 1.5em;
}
main#reason .inner > div dl dd img {
  display: block;
  margin: 0 auto;
}
main#reason .inner > div#reason1 dl dd img,
main#reason .inner > div#reason3 dl dd img {
  width: 220px;
}
main#reason .inner > div#reason2 dl dd img {
  width: 258px;
}
main#reason .inner > div#reason4 dl dd img {
  width: 228px;
}
main#reason .inner > div dl dd h3 {
  color: #8fc031;
  font-size: 21px;
  margin: 1em 0;
  font-weight: bold;
}
main#reason .inner > div dl dd a {
  border: 1px solid #4a4a4a;
  color: #4a4a4a;
  display: block;
  height: 46px;
  line-height: 46px;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  width: 267px;
}



/*==================== 講師紹介 ====================*/


main#teachers .president {
  display: flex;
  margin: 50px 0 0;
}
main#teachers .president img {
  height: 300px;
  width: 240px;
}
main#teachers .president div {
  margin: 0 0 0 40px;
  width: 670px;
}
main#teachers .president div h4 {
  font-size: 20px;
  margin: 0;
  font-weight: bold;
}
main#teachers .president div p {
  margin: 20px 0 0;
}
main#teachers .teachers {
  font-size: 0;
  margin: 50px 0 0;
}
main#teachers .teachers > div {
  display: inline-block;
  margin: 0 30px 30px 0;
  vertical-align: top;
  width: calc((100% - 30px) / 2 );
}
main#teachers .teachers > div:nth-child(2n) {
  margin: 0 0 30px 0;
}
main#teachers .teachers > div > div,
main#teachers .teachers > div ul {
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
main#teachers .teachers > div ul {
  list-style: none;
  margin: 0 0 0 20px;
  padding: 0;
  width: 60%;
}
main#teachers .teachers > div ul li {
  line-height: 1.5;
  text-indent: -3em;
  margin-left: 3em;
}




/*==================== 情報公開 ====================*/


main#public .inner table {
  border: 1px solid #000;
}
main#public .inner table a {
  text-decoration: underline;
}

main#public .inner table a:visited {
  color: purple;
}

main#public .inner table a {
  color: royalblue;
}

main#public .inner th,
main#public .inner td {
  border: 1px solid #000;
  padding: 5px 0;
  text-align: center;
}
main#public .inner th {
  background: #8FC031;
  color: #fff;
  font-weight: bold;
}



/*==================== 高校1・2年生の皆さんへ ====================*/


main#highschool p {
  margin: 1em 0 1.5em;
}
main#highschool #sec1 .fbox {
  font-size: 0;
}
main#highschool #sec1 .fbox > div {
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
  width: 50%;
}
main#highschool #sec1 .fbox > div:nth-of-type(2) {
  background: url(/20017/images/info/oc_bg1.png) no-repeat center bottom;
  padding: 0 0 150px;
}
main#highschool #sec1 .fbox > div h3 {
  margin: 0;
}
main#highschool #sec1 .ranking_wrap {
  background: url(/20017/images/info/oc_bg2.gif);
  padding: 15px;
}
main#highschool #sec1 .ranking {
  background: #fff;
  font-size: 0;
}
main#highschool #sec1 .ranking > div {
  display: inline-block;
  font-size: 16px;
  margin: 0 20px 20px 0;
  padding: 10px;
  vertical-align: top;
  width: calc((100% - 20px) / 2);
}
main#highschool #sec1 .ranking > div:nth-child(2n) {
  margin: 0 0 20px 0;
}
main#highschool #sec1 .ranking > div h4 {
  color: #fff;
  font-size: 18px;
  padding: 3px 5px;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  font-weight: bold;
}
main#highschool #sec1 .ranking > div ul {
  padding: 0 30% 0 0;
}
main#highschool #sec1 .ranking > div ul li {
  text-indent: -20px;
  margin-left: 20px;
}
main#highschool #sec1 .ranking > div ul li span {
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin-right: 10px;
}
main#highschool #sec1 .ranking > div:nth-of-type(2) h4 {
  background: #DB2200;
}
main#highschool #sec1 .ranking > div:nth-of-type(2) ul {
  background: url(/20017/images/info/rank1.jpg) no-repeat right top;
}
main#highschool #sec1 .ranking > div:nth-of-type(3) h4 {
  background: #FF8307;
}
main#highschool #sec1 .ranking > div:nth-of-type(3) ul {
  background: url(/20017/images/info/rank2.jpg) no-repeat right top;
}
main#highschool #sec1 .ranking > div:nth-of-type(4) h4 {
  background: #03A0F0;
}
main#highschool #sec1 .ranking > div:nth-of-type(4) ul {
  background: url(/20017/images/info/rank3.jpg) no-repeat right top;
}
main#highschool #sec1 .ranking > div:nth-of-type(5) h4 {
  background: #79C100;
}
main#highschool #sec1 .ranking > div:nth-of-type(5) ul {
  background: url(/20017/images/info/rank4.jpg) no-repeat right top;
}
main#highschool #sec1 .ranking > div:nth-of-type(6) h4 {
  background: #E63A81;
}
main#highschool #sec1 .ranking > div:nth-of-type(6) ul {
  background: url(/20017/images/info/rank5.jpg) no-repeat right top;
}
main#highschool #sec1 .faq {
  margin: 50px 0 0;
}
main#highschool #sec1 .faq h3 {
  border-bottom: 1px solid #8FC031;
}
main#highschool #sec1 .faq dl {
  margin:  0 0 30px;
  font-size: 1.6rem;
}
main#highschool #sec1 .faq dd {
  margin: 5px 0 0;
}
main#highschool #sec1 .voice {
  margin: 50px 0 0;
}
main#highschool #sec1 .voice h3 {
  border-bottom: 1px solid #8FC031;
}
main#highschool #sec1 .voice > div {
  font-size: 0;
}
main#highschool #sec1 .voice > div dl {
  display: inline-block;
  font-size: 16px;
  margin: 0 30px 30px 0;
  vertical-align: top;
  width: calc((100% - 30px) / 2);
}
main#highschool #sec1 .voice > div dl:nth-child(2n) {
  margin: 0 0 30px 0;
}
main#highschool #sec1 .voice > div dd {
  border: 1px solid #ccc;
  margin: 0;
}



/*==================== 県外からの進学を考えている皆さまへ ====================*/


main#outside #sec1 .sec {
  margin: 50px 0 0;
}
main#outside p {
  font-size: 1.6rem;
  margin-bottom: 1.5em;
}
main#outside #sec1 .oki {
  font-size: 0;
}
main#outside #sec1 .oki > div {
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
main#outside #sec1 .oki > div:nth-of-type(1) {
  width: 220px;
}
main#outside #sec1 .oki > div:nth-of-type(2) {
  margin: 0 0 0 30px;
  width: 700px;
}
main#outside #sec1 .oki > div h3 {
  margin: 0;
}
main#outside #sec1 .sec > div h3 {
  border-bottom: 1px solid #8FC031;
}
main#outside #sec1 .oki > div p {
  margin: 20px 0 0;
}
main#outside #faq dl {
  margin: 0 0 30px;
}
main#outside #faq dt {
  padding: 0 20px;
  position: relative;
}
main#outside #faq dt:before {
  content: url(/20017/images/info/icon_q.gif);
  display: block;
  left: 0;
  position: absolute;
  top: 3px;
}
main#outside #faq dd {
  margin: 0;
  padding: 0 0 0 20px;
  position: relative;
}
main#outside #faq dd:before {
  content: url(/20017/images/info/icon_a.gif);
  display: block;
  left: 0;
  position: absolute;
  top: 3px;
}
main#outside #voice > div {
  display: flex;
  margin: 0 0 50px;
}
main#outside #voice > div figure {
  margin: 0;
  width: 220px;
}
main#outside #voice > div div {
  margin: 0 0 0 30px;
  width: 700px;
}
main#outside #voice > div h4 {
  border-bottom: 1px solid #8FC031;
  font-size: 18px;
  margin-bottom: 1em;
  font-weight: bold;
}
main#outside #voice > div ul {
  list-style-position: inside;
  margin: 10px 0 0;
  padding: 0;
  font-size: 1.6rem;
  list-style-type: disc;
}
main#outside #voice > div h5 {
  border-bottom: 1px solid #8FC031;
  font-size: 16px;
  margin: 10px 0 1em;
  font-weight: bold;
}



/*==================== 既卒生・社会人・大学生の皆さんへ ====================*/


main#graduated #sec1 dl {
  margin: 1em 0;
}
main#graduated #sec1 dt {
  font-size: 18px;
}
main#graduated #sec1 dd {
  margin: 10px 0 0;
}
main#graduated #sec1 h3 {
  border-bottom: 1px solid #8FC031;
}

main#graduated #sec1 h4 {
  font-weight: bold;
  margin-bottom: 1em;
}



/*=====================================================================================

　　　　　　　　　　　　　　　　           学科・コース紹介

=====================================================================================*/



/*==================== course IDAの全5学科をご紹介 ====================*/


main#course .c_head {
  background: url(/20017/images/course/course_ttl.jpg) no-repeat center center;
  background-size: cover;
}
main#course .c_head .titles {
  background: none;
  color: #fff;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 218px;;
}
main#course .c_head .titles span {
  border-bottom: 1px solid #fff;
  display: block;
  font-size: 32px;
  font-weight: bold;
}
main#course .c_head .titles h1 {
  font-size: 18px;
  font-weight: bold;
}
.approval {
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e1efca 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#e1efca 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%,#e1efca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1efca',GradientType=0 ); /* IE6-9 */
  padding: 30px 0;
}
.approval h2 {
  border-bottom: 1px solid #8fc031;
  color: #8fc031;
  font-size: 17px;
  margin: 0 auto;
  text-align: center;
  width: 80px;
  font-weight: bold;
}
.approval h3 {
  color: #547c07;
  font-size: 19px;
  text-align: center;
  margin: 1em 0;
  font-weight: bold;
}
.approval p {
  font-size: 13px;
  line-height: 1.8em;
  margin: 0 auto;
  width: 676px;
}
.approval a {
  background: #8fc031;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 52px;
  line-height: 52px;
  margin: 30px auto 0;
  text-align: center;
  text-decoration: none;
  width: 350px;
}
main#course #sec1 {
}
main#course #sec1 .inner {
  background: #fff;
  margin: 0 auto;
  padding: 80px 40px;
  width: 1040px;
}
main#course #sec1 .inner .titles {
  width: 460px;
}
main#course #sec1 .inner .titles h2 {
  font-family: 'Arial Black','Oswald',sans-serif;
  font-size: 60px;
  margin: 0;
}
main#course #sec1 .inner .titles p {
  background: #000;
  margin: 0;
  padding: 0 0 0 40px;
}
main#course #sec1 .inner .titles p span {
  background: #fff;
  display: inline-block;
  padding: 0 10px;
}
main#course #sec1 .inner h3 {
  font-size: 30px;
  margin: 60px 0 0;
}
main#course #sec1 .inner h3 + p {
  font-weight: bold;
  line-height: 1.8em;
}
main#course #sec1 .inner > ul {
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
main#course #sec1 .inner > ul > li {
  display: inline-block;
  font-size: 16px;
  margin: 0 20px 60px 0;
  position: relative;
  vertical-align: top;
  width: 300px;
}
main#course #sec1 .inner > ul > li:nth-child(3n) {
  margin: 0 0 20px 0;
}
main#course #sec1 .inner > ul > li:nth-of-type(6) {
  margin: 0;
  width: 100%;
}
main#course #sec1 .inner > ul > li > a {
  box-sizing: border-box;
  display: block;
  height: 232px;
  padding: 10px;
  text-decoration: none;
}
main#course #sec1 .inner > ul > li:nth-of-type(6) > div:nth-of-type(1) {
  padding: 70px 10px 0;
}
main#course #sec1 .inner > ul > li:nth-of-type(1) > a {
  background: url(/20017/images/course/gd.jpg) no-repeat center top;
  background-size: cover;
}
main#course #sec1 .inner > ul > li:nth-of-type(2) > a {
  background: url(/20017/images/course/dd.jpg) no-repeat center top;
  background-size: cover;
}
main#course #sec1 .inner > ul > li:nth-of-type(3) > a {
  background: url(/20017/images/course/mg.jpg) no-repeat center center;
  background-size: cover;
}
main#course #sec1 .inner > ul > li:nth-of-type(4) > a {
  background: url(/20017/images/course/ia.jpg) no-repeat center center;
  background-size: cover;
}
main#course #sec1 .inner > ul > li:nth-of-type(5) > a {
  background: url(/20017/images/course/fa.jpg) no-repeat center center;
  background-size: cover;
}
main#course #sec1 .inner > ul > li:nth-of-type(6) > a {
  background: url(/20017/images/course/dm.jpg) no-repeat center center;
  background-size: cover;
}
main#course #sec1 .inner > ul > li > a span {
  color: #fff;
  font-family: 'Arial Black','Oswald',sans-serif;
  font-size: 40px;
  font-weight: bold;
}
main#course #sec1 .inner > ul > li > a span + p {
  color: #fff;
  font-size: 12px;
  margin: 0;
}
main#course #sec1 .inner > ul > li .pbtn {
  background: rgba(255,255,255,0.25);
  border: 1px solid #fff;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 46px;
  line-height: 46px;
  margin: 85px auto 0;
  text-align: center;
  text-decoration: none;
  width: 248px;
}
main#course #sec1 .inner > ul > li:nth-of-type(6) .pbtn {
  margin: 0;
  position: absolute;
  right: 10px;
  top: 95px;
}
main#course #sec1 .inner > ul > li a ul {
  list-style: none;
  font-size: 0;
  margin: 0;
  padding: 0;
}
main#course #sec1 .inner > ul > li a li {
  display: inline-block;
  font-size: 12px;
  margin: 0 5px 5px 0;
}
main#course #sec1 .inner > ul > li a ul + p {
  font-size: 12px;
  margin: 10px 0 0;
}
main#course #sec1 .inner > ul > li > div {
  margin: 10px 0 0;
  padding: 5px 0 0;
}
main#course #sec1 .inner > ul > li > div h4 {
  font-weight: bold;
}
main#course #sec1 .inner > ul > li:nth-of-type(1) > div h4 {
  color: #db2200;
}
main#course #sec1 .inner > ul > li:nth-of-type(2) > div h4 {
  color: #03a0f0;
}
main#course #sec1 .inner > ul > li:nth-of-type(3) > div h4 {
  color: #ff8307;
}
main#course #sec1 .inner > ul > li:nth-of-type(4) > div h4 {
  color: #79c100;
}
main#course #sec1 .inner > ul > li:nth-of-type(5) > div h4 {
  color: #e63a81;
}
main#course #sec1 .inner > ul > li:nth-of-type(6) > div h4 {
  color: #8d0000;
}
main#course #sec1 .inner > ul > li:nth-of-type(6) > div h4 span {
  color: #d30000;
  display: inline-block;
  font-size: 15px;
  margin: 0 0 0 15px;
}
main#course #sec1 .inner > ul > li > div h4 + p {
  font-size: 15px;
  margin: 5px 0;
}
main#course #sec1 .inner > ul > li:nth-of-type(6) > div div {
  width: 75%;
}
main#course #sec1 .inner > ul > li > div div span {
  border: 1px solid #231815;
  border-radius: 6px;
  display: inline-block;
  font-size: 13px;
  margin: 0 5px 5px 0;
  padding: 0 5px;
}



/*==================== course 共通 ====================*/


main.course img {
  height: auto;
  max-width: 100%;
}

main.course article.worksDetail {
  text-align: center;
}

.c_nav {
  bottom: -36px;
  display: table;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 940px;
}
.c_head452 .c_nav {
    bottom: -246px;
    display: table;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 940px;
}
.c_nav li {
  display: table-cell;
  padding: 0 3px 0 0;
}
.c_nav li a {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  width: 154px;
}

main#gd .c_nav li a {
  background: #db2200;
}
main#dd .c_nav li a {
  background: #03a0f0;
}
main#mg .c_nav li a {
  background: #ff8307;
}
main#ia .c_nav li a {
  background: #79c100;
}
main#fa .c_nav li a {
  background: #e63a81;
}

.c_sec1 {
  background: #f8f8f8;
  padding: 80px 0 60px;
}
.c_sec1 .inner {
  display: flex;
  width: 950px;
}
.c_sec1 .inner > div:nth-of-type(1) {
  width: 410px;
}
.c_sec1 .inner > div:nth-of-type(2) {
  margin: 0 0 0 90px;
  width: 450px;
}
.c_sec1 .inner h3 {
  margin: 0;
}
.c_sec1 .inner > div:nth-of-type(1) h3 {
  border: 2px solid #db2200;
  color: #db2200;
  font-size: 17px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-weight: bold;
}
main#dd .c_sec1 .inner > div:nth-of-type(1) h3 {
  border: 2px solid #03a0f0;
  color: #03a0f0;
}
main#mg .c_sec1 .inner > div:nth-of-type(1) h3 {
  border: 2px solid #ff8307;
  color: #ff8307;
}
main#ia .c_sec1 .inner > div:nth-of-type(1) h3 {
  border: 2px solid #79c100;
  color: #79c100;
}
main#fa .c_sec1 .inner > div:nth-of-type(1) h3 {
  border: 2px solid #e63a81;
  color: #e63a81;
}
.c_sec1 .inner > div:nth-of-type(1) p {
  background: url(/20017/images/course/gd_bg.png) no-repeat center bottom;
  background-size: 300px auto;
  font-size: 14px;
  line-height: 1.8em;
  margin: 30px 0 0;
  padding: 0 0 60px;
}
main#dd .c_sec1 .inner > div:nth-of-type(1) p {
  background: url(/20017/images/course/dd_bg.png) no-repeat center bottom;
  background-size: 418px auto;
}
main#mg .c_sec1 .inner > div:nth-of-type(1) p {
  background: url(/20017/images/course/mg_bg.png) no-repeat center bottom;
  background-size: 390px auto;
  padding-bottom: 140px;
}
main#ia .c_sec1 .inner > div:nth-of-type(1) p {
  background: url(/20017/images/course/ia_bg.png) no-repeat center bottom;
  background-size: 398px auto;
  padding-bottom: 80px;
}
main#fa .c_sec1 .inner > div:nth-of-type(1) p {
  background: url(/20017/images/course/fa_bg.png) no-repeat center bottom;
  background-size: 410px auto;
}
.c_sec1 .inner > div:nth-of-type(2) h3 {
  font-size: 17px;
  margin: 0 0 20px;
  font-weight: bold;
}
.c_sec1 .inner > div:nth-of-type(2) h3 i {
  color: #db2200;
  font-size: 23px;
}
main#dd .c_sec1 .inner > div:nth-of-type(2) h3 i {
  color: #03a0f0;
}
main#mg .c_sec1 .inner > div:nth-of-type(2) h3 i {
  color: #ff8307;
}
main#ia .c_sec1 .inner > div:nth-of-type(2) h3 i {
  color: #97c100;
}
main#fa .c_sec1 .inner > div:nth-of-type(2) h3 i {
  color: #e63a81;
}
.p_movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.p_movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.c_sec2 {
  padding: 60px 0;
}
.c_sec2 .inner {
  width: 931px;
}
.c_sec2 .inner h2 {
  border-bottom: 3px dotted #db2200;
  color: #db2200;
  font-size:25px;
  font-weight: normal;
  margin: 0 auto;
  text-align: center;
  width: 500px;
}
main#dd .c_sec2 .inner h2 {
  border-bottom: 3px dotted #03a0f0;
  color: #03a0f0;
}
main#mg .c_sec2 .inner h2 {
  border-bottom: 3px dotted #ff8307;
  color: #ff8307;
  width: 350px;
}
main#ia .c_sec2 .inner h2 {
  border-bottom: 3px dotted #97c100;
  color: #97c100;
  width: 560px;
}
main#fa .c_sec2 .inner h2 {
  border-bottom: 3px dotted #e63a81;
  color: #e63a81;
}
.c_sec2 .inner ul {
  font-size: 0;
  margin: 100px 0 0;
  padding: 0;
  text-align: center;
}
.c_sec2 .inner ul li {
  display: inline-block;
  font-size: 16px;
  position: relative;
  vertical-align: top;
  text-align: left;
  width: 267px;
}
.c_sec2 .inner ul li:nth-of-type(2) {
  margin: 0 65px;
}
.c_sec2 .inner ul li > span {
  background: #db2200;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: 12px;
  height: 58px;
  left: -29px;
  line-height: 1.8em;
  padding: 8px 0 0;
  position: absolute;
  text-align: center;
  top: -29px;
  width: 58px;
}
main#dd .c_sec2 .inner ul li > span {
  background: #03a0f0;
}
main#mg .c_sec2 .inner ul li > span {
  background: #ff8307;
}
main#ia .c_sec2 .inner ul li > span {
  background: #97c100;
}
main#fa .c_sec2 .inner ul li > span {
  background: #e63a81;
}
.c_sec2 .inner ul li > span b {
  font-size: 21px;
}
.c_sec2 .inner ul li h3 {
  color: #db2200;
  font-size: 15px;
  font-weight: bold;
  margin: 1em 0;
}
main#dd .c_sec2 .inner ul li h3 {
  color: #03a0f0;
}
main#mg .c_sec2 .inner ul li h3 {
  color: #ff8307;
}
main#ia .c_sec2 .inner ul li h3 {
  color: #97c100;
}
main#fa .c_sec2 .inner ul li h3 {
  color: #e63a81;
}
.c_sec2 .inner ul li p {
  font-size: 13px;
  line-height: 1.8em;
}
.c_sec3 {
  background: #f8f8f8;
  padding: 60px 0 220px;
}
main#fa .c_sec3 {
  padding-bottom: 110px;
}
.c_sec3 .inner {
  width: 960px;
}
.c_sec3 .inner h2 {
  border-bottom: 3px dotted #db2200;
  color: #db2200;
  font-size: 25px;
  font-weight: normal;
  margin: 0 auto 50px;
  width: 278px
}
main#dd .c_sec3 .inner h2 {
  border-bottom: 3px dotted #03a0f0;
  color: #03a0f0;
}
main#mg .c_sec3 .inner h2 {
  border-bottom: 3px dotted #ff8307;
  color: #ff8307;
}
main#ia .c_sec3 .inner h2 {
  border-bottom: 3px dotted #97c100;
  color: #97c100;
}
main#fa .c_sec3 .inner h2 {
  border-bottom: 3px dotted #e63a81;
  color: #e63a81;
}
main#ia .c_sec3 .inner h4 {
  color: #fff;
  font-size: 14px;
  position: relative;
  margin: 1.5em 0;
}
main#ia .c_sec3 .inner h4:before {
  border-top: 3px solid #97c100;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
main#ia .c_sec3 .inner h4.flow2:before {
  border-top: 3px solid #f2801d;
}
main#ia .c_sec3 .inner h4 span {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  position: relative;
  text-align: center;
  width: 136px;
  z-index: 1;
  font-weight: bold;
}
main#ia .c_sec3 .inner h4.flow1 span {
  background: url(/20017/images/course/ia_arrow_flow1.png) no-repeat center center;
  background-size: contain;
}
main#ia .c_sec3 .inner h4.flow2 span {
  background: url(/20017/images/course/ia_arrow_flow2.png) no-repeat center center;
  background-size: contain;
}
.c_sec3 .flow_inner {
  margin: 40px auto 0;
  width: 810px;
}
.c_sec3 .flow_inner > div:nth-of-type(1) {
  font-size: 0;
  text-align: center;
}
main#ia .c_sec3 .flow_inner > div:nth-of-type(1) {
  text-align: left;
}
.c_sec3 .flow_inner2 {
  margin: 40px auto 0;
  width: 810px;
}
.c_sec3 .flow_inner2 > div:nth-of-type(1) {
  font-size: 0;
  text-align: center;
}
main#ia .c_sec3 .flow_inner2 > div:nth-of-type(1) {
  text-align: left;
}
.c_sec3 .flow_inner2 > div:nth-of-type(1) dl {
  display: inline-block;
  font-size: 13px;
  margin: 0;
  text-align: left;
  vertical-align: top;
  width: 243px;
}
.c_sec3 .flow_inner2 img {
  max-width: unset;
}
.c_sec3 .flow_inner2 dd.ml20 {
  margin-left: 20px;
}
.c_sec3 .flow_inner2 dd.ml60 {
  margin-left: 60px
}
.c_sec3 .flow_inner .tacenter {
  text-align: center;
}
.c_sec3 .flow_inner > div:nth-of-type(1) dl {
  display: inline-block;
  font-size: 13px;
  margin: 0;
  text-align: left;
  vertical-align: top;
  width: 365px;
}
.c_sec3 .flow_inner > div:nth-of-type(1) dl:nth-of-type(2) {
  margin: 0 0 0 80px;
}
main#ia .c_sec3 .flow_inner > div:nth-of-type(1) dl:nth-of-type(3) {
  margin: 60px 0 0;
}
.c_sec3 .flow_inner > div:nth-of-type(1) dt {
  font-size: 12px;
}
.c_sec3 .flow_inner > div:nth-of-type(1) dt span {
  background: #db2200;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  margin: 0 0 5px;
  text-align: center;
  width: 70px;
}
main#dd .c_sec3 .flow_inner > div:nth-of-type(1) dt span {
  background: #03a0f0;
}
main#mg .c_sec3 .flow_inner > div:nth-of-type(1) dt span {
  background: #ff8307;
}
main#ia .c_sec3 .flow_inner > div:nth-of-type(1) dt span {
  background: #97c100;
}
main#fa .c_sec3 .flow_inner > div:nth-of-type(1) dt span {
  background: #e63a81;
}
.c_sec3 .flow_inner > div:nth-of-type(1) dd {
  margin: 10px 0 0;
}
.c_sec3 .flow_inner > div:nth-of-type(1) dd img {
  display: block;
  margin: 0 0 10px;
}
.c_sec3 .flow_inner > div:nth-of-type(2) {
  margin: 60px auto 0;
}
.c_sec3 .flow_inner > div:nth-of-type(2) h4 {
  position: relative;
}
.c_sec3 .flow_inner > div:nth-of-type(2) h4:before {
    border-top: 1px solid #db2200;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}
.c_sec3 .flow_inner > div:nth-of-type(2) p {
  margin: 1.5em 0;
}
main#dd .c_sec3 .flow_inner > div:nth-of-type(2) h4:before {
    border-top: 1px solid #03a0f0;
}
main#mg .c_sec3 .flow_inner > div:nth-of-type(2) h4:before {
    border-top: 1px solid #ff8307;
}
main#ia .c_sec3 .flow_inner > div:nth-of-type(2) h4:before {
    border-top: 1px solid #97c100;
}
main#fa .c_sec3 .flow_inner > div:nth-of-type(2) h4:before {
    border-top: 1px solid #e63a81;
}
.c_sec3 .flow_inner > div:nth-of-type(2) h4 span {
  background: #db2200 url(/20017/images/course/gd_arrow_r.png) no-repeat right center;
  background-size: cover;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  padding: 0 30px 0 10px;
  position: relative;
  z-index: 1;
  font-weight: bold;
}
main#dd .c_sec3 .flow_inner > div:nth-of-type(2) h4 span {
  background: #03a0f0 url(/20017/images/course/dd_arrow_r.png) no-repeat right center;
}
main#mg .c_sec3 .flow_inner > div:nth-of-type(2) h4 span {
  background: #ff8307 url(/20017/images/course/mg_arrow_r.png) no-repeat right center;
}
main#ia .c_sec3 .flow_inner > div:nth-of-type(2) h4 span {
  background: #97c100 url(/20017/images/course/ia_arrow_r.png) no-repeat right center;
  width: auto;
}
main#fa .c_sec3 .flow_inner > div:nth-of-type(2) h4 span {
  background: #e63a81 url(/20017/images/course/fa_arrow_r.png) no-repeat right center;
}
.c_sec3 .flow_inner > div:nth-of-type(2) h4 + p {
  font-size: 13px;
}
.c_sec3 .flow_inner > div:nth-of-type(2) > div {
  font-size: 0;
}
.c_sec3 .flow_inner > div:nth-of-type(2) > div dl {
  display: inline-block;
  font-size: 13px;
  margin: 0 30px 40px 0;
  vertical-align: top;
  width: 180px;
}
.c_sec3 .flow_inner > div:nth-of-type(2) > div dl:nth-child(4n) {
  margin: 0 0 40px 0;
}
.c_sec3 .flow_inner > div:nth-of-type(2) > div dl dt {
  border-bottom: 1px solid #db2200;
  color: #db2200;
  padding: 0 0 5px;
}
main#dd .c_sec3 .flow_inner > div:nth-of-type(2) > div dl dt {
  border-bottom: 1px solid #03a0f0;
  color: #03a0f0;
}
main#mg .c_sec3 .flow_inner > div:nth-of-type(2) > div dl dt {
  border-bottom: 1px solid #ff8307;
  color: #ff8307;
}
main#ia .c_sec3 .flow_inner > div:nth-of-type(2) > div dl dt {
  border-bottom: 1px solid #97c100;
  color: #97c100;
}
main#fa .c_sec3 .flow_inner > div:nth-of-type(2) > div dl dt {
  border-bottom: 1px solid #e63a81;
  color: #e63a81;
}
.c_sec3 .flow_inner > div:nth-of-type(2) > div dl dd {
  margin: 5px 0 0;
}
.c_sec3 .flow_inner > div:nth-of-type(3) {
  margin: 80px auto 0;
}
main#ia .c_sec3 .inner #merit {
  padding: 80px 0 0;
}
main#ia .c_sec3 .inner #merit h2 {
  width: 550px;
}

.c_sec3 .flow_inner > div:nth-of-type(3) h3 {
  background: #db2200;
  color: #fff;
  font-size: 23px;
  height: 58px;
  line-height: 58px;
  margin: 0 auto;
  text-align: center;
  width: 380px;
  font-weight: bold;
}
main#dd .c_sec3 .flow_inner > div:nth-of-type(3) h3 {
  background: #03a0f0;
}
main#mg .c_sec3 .flow_inner > div:nth-of-type(3) h3 {
  background: #ff8307;
}
main#fa .c_sec3 .flow_inner > div:nth-of-type(3) h3 {
  background: #e63a81;
}
.c_sec3 .flow_inner > div:nth-of-type(3) h4 {
  margin: 30px 0 0;
  position: relative;
}
.c_sec3 .flow_inner > div:nth-of-type(3) h4:before {
    border-top: 1px solid #db2200;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}
main#dd .c_sec3 .flow_inner > div:nth-of-type(3) h4:before {
    border-top: 1px solid #03a0f0;
}
main#mg .c_sec3 .flow_inner > div:nth-of-type(3) h4:before {
    border-top: 1px solid #ff8307;
}
main#fa .c_sec3 .flow_inner > div:nth-of-type(3) h4:before {
    border-top: 1px solid #e63a81;
}
.c_sec3 .flow_inner > div:nth-of-type(3) h4 span {
  background: #db2200 url(/20017/images/course/gd_arrow_r.png) no-repeat right center;
  background-size: cover;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  padding: 0 30px 0 10px;
  position: relative;
  z-index: 1;
  font-weight: bold;
}
main#dd .c_sec3 .flow_inner > div:nth-of-type(3) h4 span {
  background: #03a0f0 url(/20017/images/course/dd_arrow_r.png) no-repeat right center;
  background-size: cover;
}
main#mg .c_sec3 .flow_inner > div:nth-of-type(3) h4 span {
  background: #ff8307 url(/20017/images/course/mg_arrow_r.png) no-repeat right center;
  background-size: cover;
}
main#fa .c_sec3 .flow_inner > div:nth-of-type(3) h4 span {
  background: #e63a81 url(/20017/images/course/fa_arrow_r.png) no-repeat right center;
  background-size: cover;
}
.c_sec3 .flow_inner > div:nth-of-type(3) > div {
  font-size: 0;
  margin: 30px auto 0;
  text-align: center;
}
.c_sec3 .flow_inner > div:nth-of-type(3) > div dl {
  display: inline-block;
  font-size: 16px;
  margin: 0;
  vertical-align: top;
  width: 250px;
}
.c_sec3 .flow_inner > div:nth-of-type(3) > div dl:nth-of-type(2) {
  margin: 0 30px;
}
.c_sec3 .flow_inner > div:nth-of-type(3) > div dl dt {
  box-sizing: content-box;
  color: #fff;
  height: 52px;
  line-height: 52px;
  padding: 22px 0 0;
  position: relative;
}
.c_sec3 .flow_inner > div:nth-of-type(3) > div dl:nth-of-type(1) dt {
  background: #196ee2;
}
main#fa .c_sec3 .flow_inner > div:nth-of-type(3) > div dl:nth-of-type(1) dt {
  background: #e63a81;
}
.c_sec3 .flow_inner > div:nth-of-type(3) > div dl:nth-of-type(2) dt {
  background: #65b10c;
}
main#fa .c_sec3 .flow_inner > div:nth-of-type(3) > div dl:nth-of-type(2) dt {
  background: #ba01c9;
}
.c_sec3 .flow_inner > div:nth-of-type(3) > div dl:nth-of-type(3) dt {
  background: #ebac00;
}
.c_sec3 .flow_inner > div:nth-of-type(3) > div dl dt span {
  background: url(/20017/images/course/bg_tab.png) no-repeat right top;
  background-size: contain;
  display: block;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  left: 0;
  position: absolute;
  text-align: left;
  text-indent: 5px;
  top: 0;
  width: 100%;
}
.c_sec3 .flow_inner > div:nth-of-type(3) > div dl dd {
  font-size: 13px;
  height: 128px;
  margin: 0;
  padding: 10px;
  text-align: left;
}
main#dd .c_sec3 .flow_inner > div:nth-of-type(3) > div dl dd {
  height: 138px;
}
main#mg .c_sec3 .flow_inner > div:nth-of-type(3) > div dl dd {
  height: 178px;
}
main#fa .c_sec3 .flow_inner > div:nth-of-type(3) > div dl dd {
  height: 168px;
}
.c_sec3 .flow_inner > div:nth-of-type(3) > div dl:nth-of-type(1) dd {
  border: 1px solid #196ee2;
}
main#fa .c_sec3 .flow_inner > div:nth-of-type(3) > div dl:nth-of-type(1) dd {
  border: 1px solid #e63a81;
}
.c_sec3 .flow_inner > div:nth-of-type(3) > div dl:nth-of-type(2) dd {
  border: 1px solid #65b10c;
}
main#fa .c_sec3 .flow_inner > div:nth-of-type(3) > div dl:nth-of-type(2) dd {
  border: 1px solid #ba01c9;
}
.c_sec3 .flow_inner > div:nth-of-type(3) > div dl:nth-of-type(3) dd {
  border: 1px solid #ebac00;
}
.c_sec4 {
  background: url(/20017/images/course/gd_stripe.png);
}
main#dd .c_sec4 {
  background: url(/20017/images/course/dd_stripe.png);
}
main#ia .c_sec4 {
  background: url(/20017/images/course/ia_stripe.png);
}
.c_sec4 .inner {
  padding: 60px 0 40px;
  width: 830px;
}
.c_sec4 .inner dl {
  background: #8fc031;
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
  left: 0;
  margin: 0;
  padding: 20px;
  position: absolute;
  top: -90px;
  width: 350px;
}
main#ia .c_sec4 .inner dl {
  top: -45px;
  width: 440px;
}
.c_sec4 .inner dl dt {
  border-bottom: 1px solid #fff;
  font-size: 25px;
  padding: 0 0 5px;
}
main#ia .c_sec4 .inner dl dt {
  border: none;
  padding: 0;
  text-align: center;
}
.c_sec4 .inner dl dd {
  font-size: 17px;
  margin: 10px 0 0;
}
main#ia .c_sec4 .inner dl dd {
  height: 0;
  margin: 0;
}
.c_sec4 .inner dl dd span {
  color: #ffff00;
  display: inline-block;
  font-size: 13px;
  text-indent: 17px;
}
.c_sec4 .inner img {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 730px;
  z-index: 1;
}
main#dd .c_sec4 .inner img {
  width: 600px;
}
.c_sec4 .inner img + p {
  font-size: 20px;
  margin: 15px auto 0;
  text-align: center;
}
.c_sec5 {
  padding: 80px 0;
}
.c_sec5 .inner {
  width: 960px;
}
.c_sec5 .inner h2 {
  color: #db2200;
  border-bottom: 3px dotted #db2200;
  font-size: 25px;
  font-weight: normal;
  margin: 0 auto;
  text-align: center;
  width: 540px;
}
main#dd .c_sec5 .inner h2 {
  color: #03a0f0;
  border-bottom: 3px dotted #03a0f0;
}
main#mg .c_sec5 .inner h2 {
  color: #ff8307;
  border-bottom: 3px dotted #ff8307;
}
main#ia .c_sec5 .inner h2 {
  color: #97c100;
  border-bottom: 3px dotted #97c100;
  width: 590px;
}
main#fa .c_sec5 .inner h2 {
  color: #e63a81;
  border-bottom: 3px dotted #e63a81;
}
.c_sec5 .jobs_title {
  background: url(/20017/images/course/gd_title_jobs.jpg) no-repeat center center;
  background-size: cover;
  margin: 64px auto 0;
  padding: 48px 0;
}
main#dd .c_sec5 .jobs_title {
  background: url(/20017/images/course/dd_title_jobs.jpg) no-repeat center center;
  background-size: cover;
}
main#mg .c_sec5 .jobs_title {
  background: url(/20017/images/course/mg_title_jobs.jpg) no-repeat center center;
  background-size: cover;
}
main#ia .c_sec5 .jobs_title {
  background: url(/20017/images/course/ia_title_jobs.jpg) no-repeat center center;
  background-size: cover;
}
main#fa .c_sec5 .jobs_title {
  background: url(/20017/images/course/fa_title_jobs.jpg) no-repeat center center;
  background-size: cover;
}
.c_sec5 .jobs_title > div {
  color: #fff;
  margin: 0 auto;
  text-align: center;
  width: 180px;
}
.c_sec5 .jobs_title > div span {
  border-bottom: 1px solid #fff;
  display: block;
  font-size: 23px;
  font-weight: bold;
}
.c_sec5 .jobs_title > div h3 {
  font-size: 30px;
  font-weight: normal;
  margin: 0;
}
.c_sec5 .jobs {
  font-size: 0;
  text-align: center;
}
main#mg .c_sec5 .jobs {
  text-align: left;
}
.c_sec5 .jobs dl {
  display: inline-block;
  font-size: 13px;
  margin: 40px 0 0;
  vertical-align: top;
  width: 267px;
}
.c_sec5 .jobs dl:nth-child(3n - 1) {
  margin: 40px 79px 0;
}
.c_sec5 .jobs dt {
  border: 1px solid #db2200;
  border-bottom: 6px solid #db2200;
  color: #db2200;
  padding: 10px 0;
  text-align: center;
}
main#dd .c_sec5 .jobs dt {
  border: 1px solid #03a0f0;
  border-bottom: 6px solid #03a0f0;
  color: #03a0f0;
}
main#mg .c_sec5 .jobs dt {
  border: 1px solid #ff8307;
  border-bottom: 6px solid #ff8307;
  color: #ff8307;
}
main#ia .c_sec5 .jobs dt {
  border: 1px solid #97c100;
  border-bottom: 6px solid #97c100;
  color: #97c100;
}
main#fa .c_sec5 .jobs dt {
  border: 1px solid #e63a81;
  border-bottom: 6px solid #e63a81;
  color: #e63a81;
}
.c_sec5 .jobs dd {
  margin: 0;
  text-align: left;
}
.c_sec5 .jobs dd img {
  display: block;
  height: 70px;
  margin: 30px auto;
}
.c_sec5 .jobs + div {
  margin: 50px 0 0;
}
.c_sec5 .jobs + div h3 {
  background: #4a4a4a url(/20017/images/course/arrow_able.jpg) no-repeat right center;
  background-size: contain;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0 30px 0 10px;
  font-weight: bold;
}
.c_sec5 .jobs + div h3 + p {
  color: #6c6c6c;
  margin: 30px 0 0;
}
.c_sec5 .jobs + div h3 + p span {
  color: #db2200;
  display: inline-block;
  font-size: 15px;
  margin: 0 30px 24px 0;
}
main#dd .c_sec5 .jobs + div h3 + p span {
  color: #03a0f0;
}
main#mg .c_sec5 .jobs + div h3 + p span {
  color: #ff8307;
}
main#ia .c_sec5 .jobs + div h3 + p span {
  color: #97c100;
}
main#fa .c_sec5 .jobs + div h3 + p span {
  color: #e63a81;
}
.c_sec5 .jobs + div h3 + p span i {
  color: #8fc031;
}
.c_sec6 {
  display: flex;
}
.c_sec6 > div {
  padding: 100px 0 110px;
  text-align: center;
  width: 50%;
}
.c_sec6 > div:nth-of-type(1) {
  background: url(/20017/images/course/gd_bg_students.jpg) no-repeat center center;
  background-size: cover;
}
main#dd .c_sec6 > div:nth-of-type(1) {
  background: url(/20017/images/course/dd_bg_students.jpg) no-repeat center center;
  background-size: cover;
}
main#mg .c_sec6 > div:nth-of-type(1) {
  background: url(/20017/images/course/mg_bg_students.jpg) no-repeat center center;
  background-size: cover;
}
main#ia .c_sec6 > div:nth-of-type(1) {
  background: url(/20017/images/course/ia_bg_students.jpg) no-repeat center center;
  background-size: cover;
}
main#fa .c_sec6 > div:nth-of-type(1) {
  background: url(/20017/images/course/fa_bg_students.jpg) no-repeat center center;
  background-size: cover;
}
.c_sec6 > div:nth-of-type(2) {
  background: url(/20017/images/course/gd_bg_graduators.jpg) no-repeat center center;
  background-size: cover;
}
main#dd .c_sec6 > div:nth-of-type(2) {
  background: url(/20017/images/course/dd_bg_graduators.jpg) no-repeat center center;
  background-size: cover;
}
main#mg .c_sec6 > div:nth-of-type(2) {
  background: url(/20017/images/course/mg_bg_graduators.jpg) no-repeat center center;
  background-size: cover;
}
main#ia .c_sec6 > div:nth-of-type(2) {
  background: url(/20017/images/course/ia_bg_graduators.jpg) no-repeat center center;
  background-size: cover;
}
main#fa .c_sec6 > div:nth-of-type(2) {
  background: url(/20017/images/course/fa_bg_graduators.jpg) no-repeat center center;
  background-size: cover;
}
.c_sec6 > div > span {
  color: #000;
  font-size: 30px;
  font-weight: bold;
}
.c_sec6 > div > h3 {
  font-size: 25px;
  font-weight: bold;
  margin: 1em 0;
}
.c_sec6 > div:nth-of-type(1) h3 {
  color: #db2200;
}
main#dd .c_sec6 > div:nth-of-type(1) h3 {
  color: #03a0f0;
}
main#mg .c_sec6 > div:nth-of-type(1) h3 {
  color: #ff8307;
}
main#ia .c_sec6 > div:nth-of-type(1) h3 {
  color: #79c100;
}
main#fa .c_sec6 > div:nth-of-type(1) h3 {
  color: #e63a81;
}
.c_sec6 > div:nth-of-type(2) h3 {
  color: #3f7400;
}
.c_sec6 > div > p {
  font-size: 15px;
  line-height: 2em;
  margin: 110px 0 0;
}
.c_sec6 > div > a {
  color: #fff;
  display: block;
  height: 44px;
  line-height: 44px;
  margin: 40px auto 0;
  text-decoration: none;
  width: 294px;
}
.c_sec6 > div:nth-of-type(1) > a {
  background: #db2200;
}
main#dd .c_sec6 > div:nth-of-type(1) > a {
  background: #03a0f0;
}
main#mg .c_sec6 > div:nth-of-type(1) > a {
  background: #ff8307;
}
main#ia .c_sec6 > div:nth-of-type(1) > a {
  background: #79c100;
}
main#fa .c_sec6 > div:nth-of-type(1) > a {
  background: #e63a81;
}
.c_sec6 > div:nth-of-type(2) > a {
  background: #8fc031;
}
.c_sec7 {
  padding: 50px 0 40px;
}
.c_sec7 h2 {
  border-bottom: 3px dotted #db2200;
  color: #db2200;
  font-size: 25px;
  font-weight: normal;
  margin: 0 auto;
  text-align: center;
  width: 100px;
}
main#dd .c_sec7 h2 {
  border-bottom: 3px dotted #03a0f0;
  color: #03a0f0;
}
main#mg .c_sec7 h2 {
  border-bottom: 3px dotted #ff8307;
  color: #ff8307;
}
main#ia .c_sec7 h2 {
  border-bottom: 3px dotted #79c100;
  color: #79c100;
}
main#fa .c_sec7 h2 {
  border-bottom: 3px dotted #e63a81;
  color: #e63a81;
}
.c_sec7 > div {
  border-bottom: 30px solid #D2E6AD;
  border-top: 30px solid #D2E6AD;
  margin: 30px auto 0;
}


/* 学生作品共通 */

section#works ul#topics-index {
  display: flex;
  flex-wrap: wrap;
  width: 960px;
  margin: 50px auto;
}

section#works ul#topics-index li {
  width: 30%;
  margin-bottom: 30px;
  margin-right: 5%;
}

section#works ul#topics-index li:nth-child(3n) {
  margin-right: 0;
}

section#works a {
  color: #404040;
}

section#works a.back {
  position: relative;
  padding-left: 15px;
}

section#works a.back::before {
  content: "";
  width: 10px;
  height: 10px;
  border-left: 1px solid #8CC11F;
  border-bottom: 1px solid #8CC11F;
  position: absolute;
  transform: rotate(45deg);
  top: 3px;
  left: 0;
}


/*==================== GD ====================*/

main#gd .c_titles dt {
  color: #DB2200;
}
main#gd .c_header .titles h2 {
  color: #DB2200;
}
main#gd .tabWrap {
  border-bottom: 20px solid #FADED9;
}
main#gd .tabWrap2 {
  border-top: 20px solid #FADED9;
}
main#gd .tabMenus li a {
  background: #E6644C;
  color: #fff;
}
main#gd .tabMenus li a.active {
  background: #FADED9;
  color: #000;
}
main#gd .tabMenus li a.active span {
  color: #DB2200;
}
main#gd .bottom_blog h3 {
  color: #DB2200;
}
main#gd .bottom_blog li .info_wrap span {
  color: #DB2200;
}
main#gd .bottom_blog > p a {
  background: #DB2200;
  color: #fff;
}
main#gd #tabBox1 .sec1 .inner h2 {
  background: #DB2200;
}
main#gd #tabBox1 .sec1 .inner > dl:nth-of-type(1) {
  background: url(/20017/images/course/point1.png) no-repeat left center;
}
main#gd #tabBox1 .sec1 .inner > dl:nth-of-type(2) {
  background: url(/20017/images/course/point2.png) no-repeat left center;
}
main#gd #tabBox1 .sec1 .inner > dl:nth-of-type(3) {
  background: url(/20017/images/course/point3.png) no-repeat left center;
}
main#gd #tabBox1 .sec1 .inner > dl dt {
  color: #DB2200;
}
main#gd #tabBox1 .sec1 .inner > div > div p {
  background: #DB2200;
}
main#gd #tabBox1 .sec1 .inner > div > div dl dt {
  color: #DB2200;
}
main#gd #tabBox1 .sec2 {
  background: #fbe8e5;
}
main#gd #tabBox1 .sec2 .inner h2 {
  color: #DB2200;
}
main#gd #tabBox1 .sec2 .inner dt {
  color: #DB2200;
}
main#gd #tabBox1 .sec3 {
  background: #fbe8e5;
}
main#gd #tabBox1 .sec3 a {
  color: #DB2200;
  text-decoration: none;
}
main#gd #tabBox1 .sec4 .titles h2 {
  color: #DB2200;
}
main#gd #tabBox1 .sec4 .jobs dl:nth-of-type(1) {
  background: url(/20017/images/course/gd_icon_1.png) no-repeat center top;
  background-size: auto 160px;
}
main#gd #tabBox1 .sec4 .jobs dl:nth-of-type(2) {
  background: url(/20017/images/course/gd_icon_2.png) no-repeat center top;
  background-size: auto 160px;
}
main#gd #tabBox1 .sec4 .jobs dl:nth-of-type(3) {
  background: url(/20017/images/course/gd_icon_3.png) no-repeat center top;
  background-size: auto 160px;
}
main#gd #tabBox1 .sec4 .jobs dl:nth-of-type(4) {
  background: url(/20017/images/course/gd_icon_4.png) no-repeat center top;
  background-size: auto 160px;
}
main#gd #tabBox1 .sec4 .jobs dl:nth-of-type(5) {
  background: url(/20017/images/course/gd_icon_5.png) no-repeat center top;
  background-size: auto 160px;
}
main#gd #tabBox1 .sec4 .jobs dl:nth-of-type(6) {
  background: url(/20017/images/course/gd_icon_6.png) no-repeat center top;
  background-size: auto 160px;
}
main#gd #tabBox1 .sec4 .jobs dt {
  color: #DB2200;
}
main#gd #tabBox1 .sec5 .inner .titles h2 {
  color: #DB2200;
}
main#gd #tabBox3 .titles h2 {
  color: #DB2200;
}
main#gd .timeline {
  border-bottom: 1px solid #DB2200;
}
main#gd .timeline h3 {
  background: #DB2200;
  color: #fff;
}
main#gd .msg_box > div:nth-of-type(1) p span {
  color: #DB2200;
}
main#gd .msg_box > div:nth-of-type(2) dt {
  background: #DB2200;
  color: #fff;
}



/*==================== DD ====================*/


main#dd .c_titles dt {
  color: #03A0F0;
}
main#dd .c_header .titles h2 {
  color: #03A0F0;
}
main#dd .tabWrap {
  border-bottom: 20px solid #D9F1FD;
}
main#dd .tabWrap2 {
  border-top: 20px solid #D9F1FD;
}
main#dd .tabMenus li a {
  background: #4FBCF4;
  color: #fff;
}
main#dd .tabMenus li a.active {
  background: #D9F1FD;
  color: #000;
}
main#dd .tabMenus li a.active span {
  color: #03A0F0;
}
main#dd .bottom_blog h3 {
  color: #03A0F0;
}
main#dd .bottom_blog li .info_wrap span {
  color: #03A0F0;
}
main#dd .bottom_blog > p a {
  background: #03A0F0;
  color: #fff;
}
main#dd #tabBox1 .sec1 .inner h2 {
  background: #03A0F0;
}
main#dd #tabBox1 .sec1 .inner > dl:nth-of-type(1) {
  background: url(/20017/images/course/dd_point1.png) no-repeat left center;
}
main#dd #tabBox1 .sec1 .inner > dl:nth-of-type(2) {
  background: url(/20017/images/course/dd_point2.png) no-repeat left center;
}
main#dd #tabBox1 .sec1 .inner > dl:nth-of-type(3) {
  background: url(/20017/images/course/dd_point3.png) no-repeat left center;
}
main#dd #tabBox1 .sec1 .inner > dl dt {
  color: #03A0F0;
}
main#dd #tabBox1 .sec1 .inner > div > div p {
  background: #03A0F0;
}
main#dd #tabBox1 .sec1 .inner > div > div dl dt {
  color: #03A0F0;
}
main#dd #tabBox1 .sec2 {
  background: #e5f5fd;
}
main#dd #tabBox1 .sec2 .inner h2 {
  color: #03A0F0;
}
main#dd #tabBox1 .sec2 .inner dt {
  color: #03A0F0;
}
main#dd #tabBox1 .sec2 .inner dd p {
  background: #fff;
  border: 1px solid #2EA7E0;
  font-size: 13px;
  padding: 5px 10px;
}
main#dd #tabBox1 .sec3 {
  background: #F2FAFE;
}
main#dd #tabBox1 .sec3 a {
  color: #03A0F0;
  text-decoration: none;
}
main#dd #tabBox1 .sec4 .titles h2 {
  color: #03A0F0;
}
main#dd #tabBox1 .sec4 .jobs dl:nth-of-type(1) {
  background: url(/20017/images/course/dd_icon_1.png) no-repeat center top;
  background-size: auto 160px;
}
main#dd #tabBox1 .sec4 .jobs dl:nth-of-type(2) {
  background: url(/20017/images/course/dd_icon_2.png) no-repeat center top;
  background-size: auto 160px;
}
main#dd #tabBox1 .sec4 .jobs dl:nth-of-type(3) {
  background: url(/20017/images/course/dd_icon_3.png) no-repeat center top;
  background-size: auto 160px;
}
main#dd #tabBox1 .sec4 .jobs dl:nth-of-type(4) {
  background: url(/20017/images/course/dd_icon_4.png) no-repeat center top;
  background-size: auto 160px;
}
main#dd #tabBox1 .sec4 .jobs dl:nth-of-type(5) {
  background: url(/20017/images/course/dd_icon_5.png) no-repeat center top;
  background-size: auto 160px;
}
main#dd #tabBox1 .sec4 .jobs dl:nth-of-type(6) {
  background: url(/20017/images/course/dd_icon_6.png) no-repeat center top;
  background-size: auto 160px;
}
main#dd #tabBox1 .sec4 .jobs dt {
  color: #03A0F0;
}
main#dd #tabBox1 .sec5 .inner .titles h2 {
  color: #03A0F0;
}
main#dd #tabBox2 {
  background: #D9F1FD;
}
main#dd .slide .prev,
main#dd .slide .next {
  background: #03A0F0;
}
main#dd #tabBox3 .titles h2 {
  color: #03A0F0;
}
main#dd .timeline {
  border-bottom: 1px solid #03A0F0;
}
main#dd .timeline h3 {
  background: #03A0F0;
  color: #fff;
}
main#dd .msg_box > div:nth-of-type(1) p span {
  color: #03A0F0;
}
main#dd .msg_box > div:nth-of-type(2) dt {
  background: #03A0F0;
  color: #fff;
}


/*==================== MG ====================*/


main#mg .c_titles dt {
  color: #FF8307;
}
main#mg .c_header .titles h2 {
  color: #FF8307;
}
main#mg .tabWrap {
  border-bottom: 20px solid #FFECDA;
}
main#mg .tabWrap2 {
  border-top: 20px solid #FFECDA;
}
main#mg .tabMenus li a {
  background: #FFA851;
  color: #fff;
}
main#mg .tabMenus li a.active {
  background: #FFECDA;
  color: #000;
}
main#mg .tabMenus li a.active span {
  color: #FF8307;
}
main#mg .bottom_blog h3 {
  color: #FF8307;
}
main#mg .bottom_blog li .info_wrap span {
  color: #FF8307;
}
main#mg .bottom_blog > p a {
  background: #FFA851;
  color: #fff;
}
main#mg #tabBox1 .sec1 .inner h2 {
  color: #FF8307;
  font-size: 24px;
  text-align: center;
}
main#mg #tabBox1 .sec1 .inner h2 + p {
  color: #7B7B7B;
  font-size: 15px;
  text-align: center;
}
main#mg #tabBox1 .sec1 .inner > img {
  margin: 40px auto 0;
  width: 80%;
}
main#mg #tabBox1 .sec1 .inner > div > div p {
  background: #FF8307;
}
main#mg #tabBox1 .sec1 .inner > div > div dl dt {
  color: #FF8307;
}
main#mg #tabBox1 .sec2 {
  background: #fff2e6;
}
main#mg #tabBox1 .sec2 .inner h2 {
  color: #FF8307;
}
main#mg #tabBox1 .sec2 .inner dt {
  color: #FF8307;
}
main#mg #tabBox1 .sec3 {
  background: #FFF9F3;
}
main#mg #tabBox1 .sec3 a {
  color: #FF8307;
  text-decoration: none;
}
main#mg #tabBox1 .sec4 .titles h2 {
  color: #FF8307;
}
main#mg #tabBox1 .sec4 .jobs dl:nth-of-type(1) {
  background: url(/20017/images/course/mg_icon_1.png) no-repeat center top;
  background-size: auto 160px;
}
main#mg #tabBox1 .sec4 .jobs dl:nth-of-type(2) {
  background: url(/20017/images/course/mg_icon_2.png) no-repeat center top;
  background-size: auto 160px;
}
main#mg #tabBox1 .sec4 .jobs dl:nth-of-type(3) {
  background: url(/20017/images/course/mg_icon_3.png) no-repeat center top;
  background-size: auto 160px;
}
main#mg #tabBox1 .sec4 .jobs dl:nth-of-type(4) {
  background: url(/20017/images/course/mg_icon_4.png) no-repeat center top;
  background-size: auto 160px;
}
main#mg #tabBox1 .sec4 .jobs dl:nth-of-type(5) {
  background: url(/20017/images/course/mg_icon_5.png) no-repeat center top;
  background-size: auto 160px;
}
main#mg #tabBox1 .sec4 .jobs dt {
  color: #FF8307;
}
main#mg #tabBox1 .sec5 .inner .titles h2 {
  color: #FF8307;
}
main#mg #tabBox1 .sec5 ul {
  text-align: center;
}
main#mg #tabBox1 .sec5 ul li {
  margin-right: 0;
}
main#mg #tabBox3 .titles h2 {
  color: #FF8307;
}
main#mg .timeline {
  border-bottom: 1px solid #FF8307;
}
main#mg .timeline h3 {
  background: #FF8307;
  color: #fff;
}
main#mg .msg_box > div:nth-of-type(1) p span {
  color: #FF8307;
}
main#mg .msg_box > div:nth-of-type(2) dt {
  background: #FF8307;
  color: #fff;
}



/*==================== IA ====================*/


main#ia .c_titles dt {
  color: #79C100;
}
main#ia .c_header {
  height: auto;
}
main#ia .c_header .titles h2 {
  color: #79C100;
}
main#ia .c_header img {
  display: block;
  margin: 30px auto;
  max-width:760px;
}
main#ia .tabWrap {
  border-bottom: 20px solid #EBF6D9;
}
main#ia .tabWrap2 {
  border-top: 20px solid #EBF6D9;
}
main#ia .tabMenus li a {
  background: #A1D44C;
  color: #fff;
}
main#ia .tabMenus li a.active {
  background: #EBF6D9;
  color: #000;
}
main#ia .tabMenus li a.active span {
  color: #79C100;
}
main#ia .bottom_blog h3 {
  color: #79C100;
}
main#ia .bottom_blog li .info_wrap span {
  color: #79C100;
}
main#ia .bottom_blog > p a {
  background: #79C100;
  color: #fff;
}
main#ia #tabBox1 .sec1 .inner h2 {
  background: #8FC031;
}
main#ia #tabBox1 .sec1 .inner > dl:nth-of-type(1) {
  background: url(/20017/images/course/ia_point1.png) no-repeat left center;
}
main#ia #tabBox1 .sec1 .inner > dl:nth-of-type(2) {
  background: url(/20017/images/course/ia_point2.png) no-repeat left center;
}
main#ia #tabBox1 .sec1 .inner > dl:nth-of-type(3) {
  background: url(/20017/images/course/ia_point3.png) no-repeat left center;
}
main#ia #tabBox1 .sec1 .inner > dl dt {
  color: #A2D256;
}
main#ia #tabBox1 .sec1 .inner > img {
  max-width: 750px;
}
main#ia #tabBox1 .sec1 .inner > div > div p {
  background: #79C100;
}
main#ia #tabBox1 .sec1 .inner > div > div dl dt {
  color: #79C100;
}
main#ia #tabBox1 .sec3 {
  background: #F8FCF2;
}
main#ia #tabBox1 .sec3 a {
  color: #79C100;
  text-decoration: none;
}
main#ia #tabBox1 .sec4 .titles h2 {
  color: #79C100;
}
main#ia #tabBox1 .sec4 .jobs dl:nth-of-type(1) {
  background: url(/20017/images/course/ia_icon_1.png) no-repeat center top;
  background-size: auto 160px;
}
main#ia #tabBox1 .sec4 .jobs dl:nth-of-type(2) {
  background: url(/20017/images/course/ia_icon_2.png) no-repeat center top;
  background-size: auto 160px;
}
main#ia #tabBox1 .sec4 .jobs dl:nth-of-type(3) {
  background: url(/20017/images/course/ia_icon_3.png) no-repeat center top;
  background-size: auto 160px;
}
main#ia #tabBox1 .sec4 .jobs dl:nth-of-type(4) {
  background: url(/20017/images/course/ia_icon_4.png) no-repeat center top;
  background-size: auto 160px;
}
main#ia #tabBox1 .sec4 .jobs dl:nth-of-type(5) {
  background: url(/20017/images/course/ia_icon_5.png) no-repeat center top;
  background-size: auto 160px;
}
main#ia #tabBox1 .sec4 .jobs dl:nth-of-type(6) {
  background: url(/20017/images/course/ia_icon_6.png) no-repeat center top;
  background-size: auto 160px;
}
main#ia #tabBox1 .sec4 .jobs dt {
  color: #79C100;
}
main#ia #tabBox1 .sec5 .inner .titles h2 {
  color: #79C100;
}
main#ia #tabBox3 .titles h2 {
  color: #79C100;
}
main#ia .timeline {
  border-bottom: 1px solid #79C100;
}
main#ia .timeline h3 {
  background: #79C100;
  color: #fff;
}
main#ia .msg_box > div:nth-of-type(1) p span {
  color: #79C100;
}
main#ia .msg_box > div:nth-of-type(2) dt {
  background: #79C100;
  color: #fff;
}



/*==================== FA ====================*/


main#fa .c_titles dt {
  color: #E63A81;
}
main#fa .c_header .titles h2 {
  color: #E63A81;
}
main#fa .tabWrap {
  border-bottom: 20px solid #FBE1EC;
}
main#fa .tabWrap2 {
  border-top: 20px solid #FBE1EC;
}
main#fa .tabMenus li a {
  background: #ED75A7;
  color: #fff;
}
main#fa .tabMenus li a.active {
  background: #FBE1EC;
  color: #000;
}
main#fa .tabMenus li a.active span {
  color: #E63A81;
}
main#fa .bottom_blog h3 {
  color: #E63A81;
}
main#fa .bottom_blog li .info_wrap span {
  color: #E63A81;
}
main#fa .bottom_blog > p a {
  background: #E63A81;
  color: #fff;
}
main#fa #tabBox1 .sec1 .inner h2 {
  background: #E63A81;
}
main#fa #tabBox1 .sec1 .inner > dl:nth-of-type(1) {
  background: url(/20017/images/course/fa_point1.png) no-repeat left center;
}
main#fa #tabBox1 .sec1 .inner > dl:nth-of-type(2) {
  background: url(/20017/images/course/fa_point2.png) no-repeat left center;
}
main#fa #tabBox1 .sec1 .inner > dl:nth-of-type(3) {
  background: url(/20017/images/course/fa_point3.png) no-repeat left center;
}
main#fa #tabBox1 .sec1 .inner > dl dt {
  color: #E63A81;
}
main#fa #tabBox1 .sec1 .inner > div > div p {
  background: #E63A81;
}
main#fa #tabBox1 .sec1 .inner > div > div dl dt {
  color: #E63A81;
}
main#fa #tabBox1 .sec2 {
  background: #fcebf2;
}
main#fa #tabBox1 .sec2 .inner h2 {
  color: #E63A81;
}
main#fa #tabBox1 .sec2 .inner dt {
  color: #E63A81;
}
main#fa #tabBox1 .sec3 {
  background: #FEF5F9;
}
main#fa #tabBox1 .sec3 a {
  color: #E63A81;
  text-decoration: none;
}
main#fa #tabBox1 .sec4 .titles h2 {
  color: #E63A81;
}
main#fa #tabBox1 .sec4 .jobs dl:nth-of-type(1) {
  background: url(/20017/images/course/fa_icon_1.png) no-repeat center top;
  background-size: auto 160px;
}
main#fa #tabBox1 .sec4 .jobs dl:nth-of-type(2) {
  background: url(/20017/images/course/fa_icon_2.png) no-repeat center top;
  background-size: auto 160px;
}
main#fa #tabBox1 .sec4 .jobs dl:nth-of-type(3) {
  background: url(/20017/images/course/fa_icon_3.png) no-repeat center top;
  background-size: auto 160px;
}
main#fa #tabBox1 .sec4 .jobs dl:nth-of-type(4) {
  background: url(/20017/images/course/fa_icon_4.png) no-repeat center top;
  background-size: auto 160px;
}
main#fa #tabBox1 .sec4 .jobs dl:nth-of-type(5) {
  background: url(/20017/images/course/fa_icon_5.png) no-repeat center top;
  background-size: auto 160px;
}
main#fa #tabBox1 .sec4 .jobs dl:nth-of-type(6) {
  background: url(/20017/images/course/fa_icon_6.png) no-repeat center top;
  background-size: auto 160px;
}
main#fa #tabBox1 .sec4 .jobs dt {
  color: #E63A81;
}
main#fa #tabBox1 .sec5 .inner .titles h2 {
  color: #E63A81;
}
main#fa #tabBox2 {
  background: #FBE1EC;
}
main#fa .slide .prev,
main#fa .slide .next {
  background: #E63A81;
}
main#fa #tabBox3 .titles h2 {
  color: #E63A81;
}
main#fa .timeline {
  border-bottom: 1px solid #E63A81;
}
main#fa .timeline h3 {
  background: #E63A81;
  color: #fff;
}
main#fa .msg_box > div:nth-of-type(1) p span {
  color: #E63A81;
}
main#fa .msg_box > div:nth-of-type(2) dt {
  background: #E63A81;
  color: #fff;
}


/*---------- 声　共通系 ----------*/

.c_head.voice_c_head .titles {
  height: 86px;
  line-height: 86px;
  margin: 60px auto 0;
  padding: 0;
  position: relative;
  text-align: center;
  width: 430px;
}
.c_head.voice_c_head .titles img {
  left: -10px;
  position: absolute;
  top: -10px;
}

/*---------- 在校生の声　共通系 ----------*/

.student_voices {
  background: #f8f8f8;
  padding: 90px 0 110px;
}
.student_voices .inner {
  width: 960px;
}
.student_voices h2 {
  font-size: 25px;
  font-weight: normal;
  margin: 0 auto;
  text-align: center;
  width: 410px;
}
.student_voices .inner > div {
  margin: 100px 0 0;
  padding: 70px 0 0 454px;
  position: relative;
}
.student_voices .inner > div:nth-of-type(2n) {
  padding-left: 0;
}
.student_voices .inner > div > dl {
  background: #fff;
  box-sizing: border-box;
  padding: 76px;
  position: relative;
  width: 506px;
  margin: 1em 0;
}
.student_voices .inner > div > dl > dt {
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  left: 40px;
  height: 44px;
  line-height: 44px;
  padding: 0 50px 0 20px;
  position: absolute;
  top: -12px;
}
.student_voices .inner > div > dl > dd {
  margin: 0;
}
.student_voices .inner > div > dl > dd > p {
  font-size: 13px;
  line-height: 1.8em;
  margin: 0;
}
.student_voices .inner > div > dl > dd > div {
  margin: 50px 0 0;
}
.student_voices .inner > div > dl > dd > div h4 {
  font-size: 15px;
  margin: 0;
  font-weight: bold;
}
.student_voices .inner > div > dl > dd > div p {
  font-size: 13px;
  line-height: 1.8em;
}
.student_voices .inner > div > dl > dd > dl {
  margin: 50px 0 0;
}
.student_voices .inner > div > dl > dd > dl dt {
  font-size: 15px;
  font-weight: normal;
}
.student_voices .inner > div > dl > dd > dl dd {
  font-size: 12px;
  margin: 0;
}
.student_voices .inner > div > dl > dd > dl dd span {
  display: inline-block;
  font-size: 15px;
  margin: 0 10px;
}
.student_voices .inner > div > p {
  background: url(/20017/images/course/marker.png) no-repeat center center;
  background-size: contain;
  color: #980000;
  font-size: 32px;
  font-weight: normal;
  left: 0;
  margin: 0;
  padding: 10px 0 50px 50px;
  position: absolute;
  top: 420px;
  transform: rotate(-10deg);
  width: 454px;
  text-shadow: 2px 1px 0 rgba(255,255,255,.8)
}
.student_voices .inner > div:nth-of-type(2n) > p {
  left: auto;
  right: 0;
  transform: rotate(10deg);
}


/*---------- GD 在校生の声 ----------*/

main#gd_students .student_voices h2 {
  border-bottom: 3px dotted #db2200;
  color: #db2200;
}
main#gd_students .student_voices .inner > div {
  background-repeat: no-repeat;
  background-size: 700px auto;
}
main#gd_students .student_voices .inner > div:nth-of-type(1) {
  background-position:  left top;
}
main#gd_students .student_voices .inner > div:nth-of-type(2) {
  background-position:  right top;
}
main#gd_students .student_voices .inner > div:nth-of-type(3) {
  background-position:  left top;
}
main#gd_students .student_voices .inner > div:nth-of-type(4) {
  margin-top: 250px;
  background-position:  right top;
}
main#gd_students .student_voices .inner > div > dl > dt {
  background: url(/20017/images/course/gd_arrow.png) no-repeat right center;
  background-size: cover;
}
main#gd_students .student_voices .inner > div > dl > dd > dl dt {
  color: #db2200;
}


/*---------- DD 在校生の声 ----------*/

main#dd_students .student_voices h2 {
  border-bottom: 3px dotted #03A0F0;
  color: #03A0F0;
}
main#dd_students .student_voices .inner > div {
  background-repeat: no-repeat;
  background-size: 700px auto;
}
main#dd_students .student_voices .inner > div:nth-of-type(1) {
  background-position:  left top;
}
main#dd_students .student_voices .inner > div:nth-of-type(2) {
  background-position:  right top;
}
main#dd_students .student_voices .inner > div:nth-of-type(3) {
  background-position: left top;
}
main#dd_students .student_voices .inner > div:nth-of-type(4) {
  margin-top: 150px;
  background-position:  right top;
}
main#dd_students .student_voices .inner > div > dl > dt {
  background: url(/20017/images/course/dd_arrow.png) no-repeat right center;
  background-size: cover;
}
main#dd_students .student_voices .inner > div > dl > dd > dl dt {
  color: #03A0F0;
}


/*---------- FA 在校生の声 ----------*/

main#fa_students .student_voices h2 {
  border-bottom: 3px dotted #E63A81;
  color: #E63A81;
}
main#fa_students .student_voices .inner > div {
  background-repeat: no-repeat;
  background-size: 700px auto;
}
main#fa_students .student_voices .inner > div:nth-of-type(1) {
  background-position: left top;
}
main#fa_students .student_voices .inner > div:nth-of-type(2) {
  background-position: right top;
}
main#fa_students .student_voices .inner > div:nth-of-type(3) {
  background-position: left top;
}
main#fa_students .student_voices .inner > div:nth-of-type(4) {
  background-position: right top;
  margin-top: 150px;
}
main#fa_students .student_voices .inner > div > dl > dt {
  background: url(/20017/images/course/fa_arrow.png) no-repeat right center;
  background-size: cover;
}
main#fa_students .student_voices .inner > div > dl > dd > dl dt {
  color: #E63A81;
}


/*---------- IA 在校生の声 ----------*/

main#ia_students .student_voices h2 {
  border-bottom: 3px dotted #79C100;
  color: #79C100;
  width: 470px;
}
main#ia_students .student_voices .inner > div {
  background-repeat: no-repeat;
  background-size: 700px auto;
}
main#ia_students .student_voices .inner > div:nth-of-type(1) {
  background-position:  left top;
}
main#ia_students .student_voices .inner > div:nth-of-type(2) {
  background-position:  right top;
}
main#ia_students .student_voices .inner > div:nth-of-type(3) {
  background-position:  left top;
}
main#ia_students .student_voices .inner > div:nth-of-type(4) {
  margin-top: 150px;
  background-position:  right top;
}
main#ia_students .student_voices .inner > div > dl > dt {
  background: url(/20017/images/course/ia_arrow.png) no-repeat right center;
  background-size: cover;
}
main#ia_students .student_voices .inner > div > dl > dd > dl dt {
  color: #79C100;
}


/*---------- MG 在校生の声 ----------*/

main#mg_students .student_voices h2 {
  border-bottom: 3px dotted #F0B003;
  color: #F0B003;
}
main#mg_students .student_voices .inner > div {
  background-repeat: no-repeat;
  background-size: 700px auto;
}
main#mg_students .student_voices .inner > div:nth-of-type(1) {
  background-position: left top;
}
main#mg_students .student_voices .inner > div:nth-of-type(2) {
  background-position: right top;
}
main#mg_students .student_voices .inner > div:nth-of-type(3) {
  background-position: left top;
}
main#mg_students .student_voices .inner > div:nth-of-type(4) {
  background-position: right top;
  margin-top: 150px;
}
main#mg_students .student_voices .inner > div > dl > dt {
  background: url(/20017/images/course/mg_arrow.png) no-repeat right center;
  background-size: cover;
}
main#mg_students .student_voices .inner > div > dl > dd > dl dt {
  color: #F0B003;
}


/*---------- 卒業生の声 共通系 ----------*/

.graduator_voices {
  background: #f8f8f8;
  padding: 90px 0 110px;
}
.graduator_voices:nth-of-type(n+2) {
  padding: 50px 0 110px;
}
.graduator_voices .inner {
  width: 960px;
}
.graduator_voices h2 {
  font-size: 25px;
  font-weight: normal;
  margin: 0 auto;
  text-align: center;
  width: 410px;
}
.graduator_voices .mv {
  box-sizing: border-box;
  margin: 100px 0 0;
  padding: 94px 57px 48px 74px
}
.graduator_voices:nth-of-type(n+2) .mv {
  margin: 0;
}
.graduator_voices .mv h3 {
  color: #fff;
  font-size: 39px;
  font-weight: normal;
  margin: 0;
}
.graduator_voices .mv ul {
  background: rgba(0,0,0,0.5);
  border: 1px solid #fff;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  list-style: none;
  margin: 30px 0 0;
  padding: 30px;
  text-align: left;
  width: 350px;
}
.graduator_voices .mv ul li {
  font-size: 15px;
}
.graduator_voices .mv ul li:nth-of-type(2) {
  font-size: 22px;
}
.graduator_voices .mv ul li:nth-of-type(2) span,
.graduator_voices .mv ul li:nth-of-type(4) {
  font-size: 12px;
}
.graduator_voices .mv + div {
  margin: 80px 0 0;
}
.graduator_voices .mv + div > dl {
  background: #fff;
  box-sizing: border-box;
  padding: 76px;
  position: relative;
  width: 506px;
}
.graduator_voices .mv + div > dl > dt {
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  left: 40px;
  height: 44px;
  line-height: 44px;
  padding: 0 50px 0 20px;
  position: absolute;
  top: -12px;
}
.graduator_voices .mv + div > dl > dd {
  margin: 0;
}
.graduator_voices .mv + div > dl > dd > p {
  font-size: 13px;
  line-height: 1.8em;
  margin: 0;
}

/*---------- GD 卒業生の声 ----------*/

main#gd_graduators .graduator_voices h2 {
  border-bottom: 3px dotted #db2200;
  color: #db2200;
}
main#gd_graduators .graduator_voices .mv {
  background: url(/20017/images/spacer.gif) no-repeat;
  background-size: cover;
}
main#gd_graduators .graduator_voices .mv + div {
  background: url(/20017/images/spacer.gif) no-repeat right top;
  background-size: 404px auto;
}
main#gd_graduators .graduator_voices .mv + div > dl > dt {
  background: url(/20017/images/course/gd_arrow.png) no-repeat right center;
  background-size: cover;
}


/*---------- DD 卒業生の声 ----------*/

main#dd_graduators .graduator_voices h2 {
  border-bottom: 3px dotted #03A0F0;
  color: #03A0F0;
}
main#dd_graduators .graduator_voices .mv {
  background: url(/20017/images/spacer.gif) no-repeat;
  background-size: cover;
}
main#dd_graduators .graduator_voices .mv h3 {
  font-size: 32px;
}
main#dd_graduators .graduator_voices .mv + div {
  background: url(/20017/images/spacer.gif) no-repeat right top;
  background-size: 404px auto;
  min-height: 489px;
}
main#dd_graduators .graduator_voices .mv + div > dl > dt {
  background: url(/20017/images/course/dd_arrow.png) no-repeat right center;
  background-size: cover;
}


/*---------- FA 卒業生の声 ----------*/

main#fa_graduators .graduator_voices h2 {
  border-bottom: 3px dotted #E63A81;
  color: #E63A81;
}
main#fa_graduators .graduator_voices .mv {
  background: url(/20017/images/spacer.gif) no-repeat;
  background-size: cover;
}
main#fa_graduators .graduator_voices .mv + div {
  background: url(/20017/images/spacer.gif) no-repeat right top;
  background-size: 404px auto;
  min-height: 489px;
}
main#fa_graduators .graduator_voices .mv + div > dl > dt {
  background: url(/20017/images/course/fa_arrow.png) no-repeat right center;
  background-size: cover;
}


/*---------- IA 卒業生の声 ----------*/

main#ia_graduators .graduator_voices h2 {
  border-bottom: 3px dotted #79C100;
  color: #79C100;
}
main#ia_graduators .graduator_voices .mv {
  background: url(/20017/images/spacer.gif) no-repeat;
  background-size: cover;
}
main#ia_graduators .graduator_voices .mv h3 {
  font-size: 32px;
}
main#ia_graduators .graduator_voices .mv + div {
  background: url(/20017/images/spacer.gif) no-repeat right top;
  background-size: 404px auto;
  min-height: 489px;
}
main#ia_graduators .graduator_voices .mv + div > dl > dt {
  background: url(/20017/images/course/ia_arrow.png) no-repeat right center;
  background-size: cover;
}



/*---------- MG 卒業生の声 ----------*/

main#mg_graduators .graduator_voices h2 {
  border-bottom: 3px dotted #F0B003;
  color: #F0B003;
}
main#mg_graduators .graduator_voices .mv {
  background: url(/20017/images/spacer.gif) no-repeat;
  background-size: cover;
}
main#mg_graduators .graduator_voices .mv h3 {
  font-size: 32px;
}
main#mg_graduators .graduator_voices .mv + div {
  background: url(/20017/images/spacer.gif) no-repeat right top;
  background-size: 404px auto;
  min-height: 489px;
}
main#mg_graduators .graduator_voices .mv + div > dl > dt {
  background: url(/20017/images/course/mg_arrow.png) no-repeat right center;
  background-size: cover;
}

.bottom_blog {
  background: #f7f7f7;
  margin: 80px 0 0;
  padding: 50px 0;
}
.bottom_blog h3,
.bottom_blog p {
  text-align: center;
}
.bottom_blog h3 {
  font-size: 24px;
}
.bottom_blog ul {
  font-size: 0;
  margin: 40px auto;
  padding: 0;
  width: 1040px;
}
.bottom_blog ul li {
  background: #fff;
  display: inline-block;
  margin-right: 10px;
  width: 340px;
}
.bottom_blog ul li:last-child {
  margin-right: 0;
}
.bottom_blog ul li a {
  color: #000;
  font-size: 16px;
  text-decoration: none;
}
.bottom_blog li .img_wrap {
  height: 200px;
  overflow: hidden;
}
.bottom_blog li .info_wrap {
  padding: 20px;
}
.bottom_blog li .info_wrap h4 {
  margin: 10px 0 0;
  font-size: 15px;
  font-weight: normal;
}
.bottom_blog > p a {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  text-decoration: none;
}
.creators {
  background: url(/20017/images/course/gd_creators.jpg) no-repeat center top;
  background-size: cover;
  padding: 100px 0 60px;
}
.creators div {
  margin: 0 auto;
  width: 1040px;
}
.creators p {
  color: #fff;
}
.creators a {
  border: 2px solid #fff;
  color: #fff;
  display: inline-block;
  padding: 5px 20px;
  text-decoration: none;
}
.c_list .inner {
  margin: 0 auto;
  padding: 80px 0;
  width: 910px;
}
.c_list .titles {
  text-align: center;
}
.c_list .titles h3 {
  color: #3D3D3D;
  font-family: 'Arial Black','Oswald',sans-serif;
  font-size: 40px;
  margin: 0;
}
.c_list .titles p {
  margin: 0;
}
.c_list ul {
  font-size: 0;
  margin: 50px 0 0;
}
.c_list li {
  display: inline-block;
  font-size: 16px;
  margin: 0 45px 30px 0;
  width: 410px;
}
.c_list li:nth-child(2n) {
  margin-right: 0;
}
.c_list li a {
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 150px;
  position: relative;
  text-decoration: none;
}
.c_list li:nth-of-type(1) a {
  background: #DB2200;
}
.c_list li:nth-of-type(2) a {
  background: #03a0f0;
}
.c_list li:nth-of-type(3) a {
  background: #FF8307;
}
.c_list li:nth-of-type(4) a {
  background: #8FC031;
}
.c_list li:nth-of-type(5) a {
  background: #E63A81;
}
.c_list li:nth-of-type(6) a {
  background: #8D0000;
}
.c_list li a span {
  color: #000;
  display: block;
  font-family: 'Arial Black','Oswald',sans-serif;
  font-size: 70px;
  left: 10px;
  position: absolute;
  top: 0;
}
.c_list li a:after {
  position: absolute;
  right: 10px;
  top: 15px;
  content: "";
  border-right: 3px solid white;
  border-bottom: 3px solid white;
  width: 7px;
  height: 7px;
  transform: rotate(-45deg);
}


/*---------- 資料請求　オープンキャンパス　リンクボタン ----------*/

.btm_link {
  padding: 100px 0;
}
.btm_link .inner {
  font-size: 0;
  margin: 0 auto;
  vertical-align: bottom;
  width: 960px;
}
.btm_link a {
  background: #AB0000;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  height: 100px;
  position: relative;
  text-decoration: none;
  width: 450px;
}
.btm_link a:nth-of-type(1) {
  margin-right: 45px;
  padding: 20px 0;
}
.btm_link a:nth-of-type(2) {
  padding: 22px 0;
}
.btm_link a img {
  bottom: 0;
  position: absolute;
  right: 10px;
}
.btm_link a p {
  display: inline-block;
  margin: 0;
  text-align: center;
  line-height: 1.5;
}
.btm_link a:nth-of-type(1) p {
  font-size: 24px;
  font-weight: bold;
  padding: 0 60px;
}
.btm_link a:nth-of-type(2) p {
  font-size: 18px;
  font-weight: bold;
  padding: 5px 20px;
}
.btm_link a p span {
  display: block;
  font-family: 'Oswald', sans-serif;
  font-size: 14px;
}
#tabBox1 .sec1 .inner {
  margin: 0 auto;
  padding: 60px 0;
  width: 1040px;
}
#tabBox1 .sec1 .inner h2 {
  color: #fff;
  font-size: 15px;
  height: 38px;
  line-height: 38px;
  margin: 0;
  padding: 0 0 0 15px;
}
#tabBox1 .sec1 .inner > dl {
  margin: 40px 0 0;
  padding: 0 0 0 90px;
}
#tabBox1 .sec1 .inner > dl dt {
  font-size: 22px;
}
#tabBox1 .sec1 .inner > dl dd {
  color: #3D3D3D;
  font-size: 14px;
  margin: 0;
  padding: 10px 0 0;
}
#tabBox1 .sec1 .inner > img {
  display: block;
  margin: 40px auto 0;
  width: 100%;
}
#tabBox1 .sec1 .inner > div {
  display: flex;
  margin: 60px 0 0;
}
#tabBox1 .sec1 .inner > div > div {
  font-size: 0;
  width: 500px;
}
#tabBox1 .sec1 .inner > div > div:last-child {
  margin-left: 40px;
}
#tabBox1 .sec1 .inner > div > div p,
#tabBox1 .sec1 .inner > div > div dl {
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
#tabBox1 .sec1 .inner > div > div p {
  border-radius: 10px;
  color: #fff;
  height: 86px;
  line-height: 86px;
  margin: 0;
  text-align: center;
  width: 86px;
}
#tabBox1 .sec1 .inner > div > div p span {
  font-size: 28px;
}
#tabBox1 .sec1 .inner > div > div dl {
  margin: 0 0 0 14px;
  width: 400px;
}
#tabBox1 .sec1 .inner > div > div dt {
  font-size: 18px;
  padding: 15px 0;
}
#tabBox1 .sec1 .inner > div > div dd {
  font-size: 15px;
  margin: 0;
}
#tabBox1 .sec2 {
  padding: 60px 0;
}
#tabBox1 .sec2 .inner {
  margin: 0 auto;
  width: 1040px;
}
#tabBox1 .sec2 .inner h2 {
  text-align: center;
}
#tabBox1 .sec2 .inner dl {
  display: table;
  margin: 30px 0 0;
  table-layout: fixed;
  width: 100%;
}
#tabBox1 .sec2 .inner dt,
#tabBox1 .sec2 .inner dd {
  display: table-cell;
  vertical-align: middle;
}
#tabBox1 .sec2 .inner dt {
  width: 30%;
}
#tabBox1 .sec2 .inner dt i {
  display: inline-block;
  font-size: 32px;
  margin: 0 10px 0 0;
  vertical-align: middle;
}
#tabBox1 .sec3 {
  margin: 60px 0 0;
}
#tabBox1 .sec3 .inner {
  display: flex;
}
#tabBox1 .sec3 .inner > div {
  width: 50%;
}
#tabBox1 .sec3 .inner > div:nth-of-type(1) {
  background: url(/20017/images/course/gd_result.jpg) no-repeat right center;
  background-size: cover;
  text-indent: -9999em;
}
#tabBox1 .sec3 .inner > div:nth-of-type(2) {
  box-sizing: border-box;
  max-width: 520px;
  padding: 40px 0 40px 80px;
}
#tabBox1 .sec3 a {
  font-size: 18px;
  font-weight: bold;
}
#tabBox1 .sec4 {
  padding: 80px 0;
}
#tabBox1 .sec4 .inner {
  font-size: 0;
  margin: 0 auto;
  width: 800px;
}
#tabBox1 .sec4 .titles {
  text-align: center;
}
#tabBox1 .sec4 .titles span {
  font-size: 16px;
  font-weight: bold;
}
#tabBox1 .sec4 .titles h2 {
  font-size: 24px;
  margin: 0;
}
#tabBox1 .sec4 .jobs dl {
  display: inline-block;
  font-size: 16px;
  margin: 30px 40px 0 0;
  padding: 160px 0 0;
  vertical-align: top;
  width: 380px;
}
#tabBox1 .sec4 .jobs dl:nth-child(2n) {
  margin-right: 0;
}
#tabBox1 .sec4 .jobs dt {
  text-align: center;
}
#tabBox1 .sec4 .jobs dd {
  font-size: 15px;
  margin: 0;
  padding: 10px 0 0;
}
#tabBox1 .sec5 {
  padding: 0 0 80px;
}
#tabBox1 .sec5 .inner {
  margin: 0 auto;
  width: 770px;
}
#tabBox1 .sec5 .inner .titles {
  text-align: center;
}
#tabBox1 .sec5 .inner .titles span {
  font-weight: bold;
}
#tabBox1 .sec5 .inner .titles h2 {
  margin: 0;
}
#tabBox1 .sec5 .inner ul {
  font-size: 0;
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
}
#tabBox1 .sec5 .inner li {
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  display: inline-block;
  font-size: 15px;
  margin: 30px 70px 30px 0;
  padding: 20px 0;
  text-align: center;
  width: 350px;
}
#tabBox1 .sec5 .inner li:nth-child(2n) {
  margin-right: 0;
}
#tabBox2 > div {
  margin: 0 auto;
  max-width: 1200px;
  overflow: hidden;
}
.slide {
  min-height: 200px;
}
.slide .prev,
.slide .next {
  background:#333;
  border-radius: 50%;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  height: 60px;
  padding: 12px 0 0;
  position: cursor;
  position: absolute;
  text-align: center;
  top: 340px;
  width: 60px;
  z-index: 1;
}
.slide .prev {
  left: 15px;
}
.slide .next {
  right: 15px;
}
.slide .prev i,
.slide .next i {
  font-size: 16px;
  font-weight: bold;
}
.slide img {
  margin: 0 auto;
}
main.course .slide img {
  width: 1030px;
}
.cf .slide img {
  height: auto;
  max-width: 100%;
}
#tabBox3 {
  padding: 80px 0;
}
#tabBox3 > .inner {
  margin: 0 auto;
  width: 1040px;
}
#tabBox3 .titles {
  text-align: center;
}
#tabBox3 .titles span {
  color: #3D3D3D;
}
#tabBox3 .titles h2 {
  font-weight: normal;
  margin: 0;
}
.timeline {
  margin: 80px 0 0;
  position: relative;
}
.timeline span {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
}
.timeline h3 {
  bottom: -24px;
  height: 50px;
  left: 50%;
  line-height: 50px;
  margin:0 0 0 -80px;
  position: absolute;
  text-align: center;
  width: 160px;
}
.msg_box {
  display: flex;
  margin: 60px 0 0;
}
.msg_box > div:nth-of-type(1) {
  width: 360px;
}
.msg_box > div:nth-of-type(1) img {
  display: block;
  width: 100%;
}
.msg_box > div:nth-of-type(1) > span {
  display: block;
  font-size: 13px;
  margin: 10px 0 0;
}
.msg_box > div:nth-of-type(1) p {
  margin: 0;
}
.msg_box > div:nth-of-type(1) p span {
  font-size: 20px;
}
.msg_box > div:nth-of-type(2) {
  margin: 0 0 0 60px;
  width: 620px;
}
.msg_box > div:nth-of-type(2) h4 {
  font-size: 22px;
  font-weight: normal;
  margin: 0;
}
.msg_box > div:nth-of-type(2) p {
  font-size: 14px;
  line-height: 1.8em;
  margin: 20px 0 0;
}
.msg_box > div:nth-of-type(2) dl {
  margin: 50px 0 0;
  width: 300px;
}
.msg_box > div:nth-of-type(2) dt {
  font-size: 15px;
  font-weight: normal;
  padding: 5px 15px;
}
.msg_box > div:nth-of-type(2) dd {
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
  padding: 10px 0 0;
}



/*==================== DM ====================*/

main#dm .c_sec1 .inner > div:nth-of-type(1) h3 {
  border: 2px solid #8D0000;
  color: #8D0000;
}
main#dm .c_sec1 .inner > div:nth-of-type(1) p {
  background: none;
  padding: 0;
}
main#dm .c_sec2 {
  background: #f8f8f8;
}
main#dm .c_sec2 h2 {
  border: none;
  margin: 100px 0 0;
  width: auto;
}
main#dm .c_sec2 .inner > div {
  margin: 60px 0 0;
}
main#dm .c_sec2 .inner > div .titles {
  padding: 0 0 0 150px;
}
main#dm .c_sec2 .inner > div .titles p {
  margin: 1em 0 1.5em;
}
main#dm .c_sec2 .inner > div:nth-of-type(1) .titles {
  background: url(/20017/images/course/dm01.png) no-repeat;
}
main#dm .c_sec2 .inner > div:nth-of-type(2) .titles {
  background: url(/20017/images/course/dm02.png) no-repeat;
}
main#dm .c_sec2 .inner > div .titles h3 {
  color: #8D0000;
  font-size: 26px;
  font-weight: bold;
  margin: 1em 0;
}


/*==================== 好きなことから学科を探す ====================*/

main#like .c_head .titles {
  background: none;
  padding: 15px 0 0;
  position: relative;
  text-align: center;
  width: auto;
}
main#like .c_head .titles img {
  height: auto;
  width: 318px;
}
main#like #sec1 {
  text-align: center;
}
main#like #sec1 .inner {
  background: #fff;
  margin: 0 auto;
  padding: 80px 40px;
  width: 1040px;
}
main#like #sec1 h2 {
  border-bottom: 4px solid #FF4674;
  display: inline-block;
  margin: 0 auto;
  padding: 0 15px;
  font-size: 1.5em;
  font-weight: bold;
}
main#like #sec1 h2 + p {
  margin: 50px 0 0;
}
main#like .c_btns {
  font-size: 0;
  margin: 50px auto 0;
  text-align: left;
}
main#like .c_btns a {
  display: inline-block;
  font-size: 16px;
  margin: 0 16px 16px 0;
  position: relative;
  text-decoration: none;
  vertical-align: top;
  width: 228px;
}
main#like .c_btns a:nth-child(4n) {
  margin: 0 0 16px 0;
}
main#like .c_btns a > div {
  height: 228px;
  overflow: hidden;
}
main#like .c_btns a img {
  display: block;
}
main#like .c_btns a span {
  background: rgba(143,192,49,0.9);
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  display: block;
  height: 68px;
  padding-top: 15px;
  position: absolute;
  text-align: center;
  width: 100%;
}
main#like .c_btns a span.line2 {
  padding-top: 2px;
}
main#like .c_btns a:nth-of-type(8) span {
  line-height: 1.2em;
  padding: 20px 0;
}
main#like .c_boxs dl {
  margin: 80px 0 0;
  text-align: left;
}
main#like .c_boxs dt {
  background: #8fc031;
  box-sizing: border-box;
  color: #fff;
  height: 80px;
  line-height: 80px;
  padding: 0 30px;
}
main#like .c_boxs dd {
  border: 1px solid #8fc031;
  border-top: none;
  box-sizing: border-box;
  margin: 0;
  position: relative;
}
main#like .c_boxs dd > div:first-child {
  font-size: 0;
  padding: 40px 60px;
}
main#like .c_boxs dd > div > div {
  box-sizing: border-box;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
  width: 50%;
}
main#like .c_boxs dd > div > div:first-child {
  padding: 0 40px 0 0;
}
main#like .c_boxs dd > div > div span {
  color: #8fc031;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
}
main#like .c_boxs dd > div > div .qualification {
  margin-top: 20px;
}
main#like .c_boxs dd > div > div p {
  font-size: 14px;
  margin: 5px 0;
}
main#like .c_boxs dd > p span {
  display: block;
  font-weight: bold;
}
main#like .c_boxs dd > div:last-child {
  display: flex;
}
main#like .c_boxs dd > div:last-child p {
  border-top: 1px solid #8fc031;
  color: #fff;
  /*height: 110px;*/
  line-height: 110px;
  margin: 0;
  text-align: center;
  width: 50%;
  display: grid;
  place-items: center;
}
main#like .c_boxs dd > div:last-child p:first-child {
  background: #8fc031 url(/20017/images/course/like_arrow.png) no-repeat right center;
  background-size: contain;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 20px;
}
main#like .c_boxs dd > div:last-child p:last-child {
  padding: 10px 0;
}
main#like .c_boxs dd a {
  background: #db2200;
  color: #fff;
  display: block;
  height: 58px;
  line-height: 58px;
  text-align: center;
  text-decoration: none;
  width: 400px;
}
main#like .c_boxs dd a + a {
  margin-top: 10px;
}
main#like .c_boxs dd a.dd {
  background: #03a0f0;
}
main#like .c_boxs dd a.mg {
  background: #ff8307;
}
main#like .c_boxs dd a.ia {
  background: #79c100;
}
main#like .c_boxs dd a.fa {
  background: #e63a81;
}
main#like .c_boxs dd .creative_bg {
  background: #f2ab07;
}
main#like .c_boxs dd .graphic_bg {
  background: #00a9db;
}
main#like .c_boxs dd .illust_bg {
  background: #f08437;
}
main#like .c_boxs dd .interior_bg {
  background: #37b48d;
}

/*=====================================================================================

　　　　　　　　　　　　　　　　           キャンパスライフ

=====================================================================================*/


/*==================== 学校行事 ====================*/

main#schoollife .movie {
  background: url(img/event/mv.jpg) no-repeat center center;
  background-size: cover;
}
main#schoollife #sec1 {
  background: url(/20017/images/dot_bg.jpg);
}
main#schoollife #sec1 .inner {
  background: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 80px 42px 200px;
  position: relative;
  width: 1040px;
}
main#schoollife #sec1 .inner h2 {
  font-size: 1.5em;
  font-weight: bold;
}
main#schoollife #sec1 .inner > p {
  margin: 1em 0 1.5em;
}
main#schoollife #sec1 .inner > div {
  font-size: 0;
  margin: 50px 0 0;
}
main#schoollife #sec1 .inner > div > dl {
  display: inline-block;
  font-size: 16px;
  margin: 0 42px 95px 0;
  position: relative;
  vertical-align: top;
  width: 290px;
}
main#schoollife #sec1 .inner > div > dl:nth-child(3n) {
  margin: 0 0 95px 0;
}
main#schoollife #sec1 .inner > div > dl dt {
  background: #8FC031;
  color: #fff;
  text-align: center;
}
main#schoollife #sec1 .inner > div > dl dt img {
  display: block;
}
main#schoollife #sec1 .inner > div > dl dd {
  font-size: 13px;
  margin: 0;
  padding: 10px 0 0;
}
main#schoollife .abs_img {
  position: absolute;
}
main#schoollife #icon1 {
  left: -30px;
  top: 20px;
}
main#schoollife #icon2 {
  right: -30px;
  top: 20px;
}
main#schoollife #icon3 {
  left: -130px;
  top: -90px;
}
main#schoollife #icon4 {
  right: -140px;
  top: -85px;
}
main#schoollife #icon5 {
  right: -110px;
  top: -100px;
}
main#schoollife #icon6 {
  left: -30px;
  bottom: 0;
}


/*==================== 施設・設備 ====================*/

main#facility .inner > p {
  font-size: 15px;
  line-height: 1.8em;
  margin: 80px auto 0;
  width: 650px;
}
main#facility .facility {
  font-size: 0;
  margin: 80px 0 0;
}
main#facility .facility > div {
  display: inline-block;
  font-size: 16px;
  margin-bottom: 80px;
  position: relative;
  vertical-align: top;
  width: 50%;
}
main#facility .facility > div > div {
  background: linear-gradient(#fff 50%, #ffff00 50%);
  box-sizing: border-box;
  padding: 0 60px 35px 40px;
}
main#facility .facility > div:nth-child(2n) > div {
  padding: 0 40px 35px 60px;
}
main#facility .facility > div > div img {
  display: block;
  width: 100%;
}
main#facility .facility dl {
  padding: 0 60px 35px 40px;
}
main#facility .facility > div:nth-child(2n) dl {
  padding: 0 40px 35px 60px;
}
main#facility .facility dt {
  font-size: 18px;
  margin: 1em 0;
}
main#facility .facility dd {
  font-size: 14px;
  line-height: 1.8em;
  margin: 15px 0 0;
}
main#facility .facility > div > p {
  background: url(/20017/images/campus/fuki_l.png) no-repeat;
  background-size: contain;
  font-size: 14px;
  height: 160px;
  left: -70px;
  padding-top: 52px;
  position: absolute;
  text-align: center;
  top: -50px;
  width: 160px;
  margin: 1em 0;
}
main#facility .facility > div:nth-child(2n) > p {
  background: url(/20017/images/campus/fuki_r.png) no-repeat;
  background-size: contain;
  left: auto;
  right: -70px;
}
main#facility .facility > div > p.l2 {
  padding-top: 64px;
}


/*==================== アクセス ====================*/

.gmap {
  margin: 50px 0 0;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;    /* padding-topでもOK */
  overflow: hidden;
}
.gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main#access .n_wrap #sec1 h3 {
  margin: 50px 0 0;
}
main#access .n_wrap #sec1 p img {
  height: auto;
  max-width: 100%;
  margin-top: 1em;
}
main#access ul {
  margin: 0 0 0 30px;
  padding: 0;
  list-style: disc;
}
main#access h5 {
  font-size: 0.83em;
  font-weight: bold;
  margin: 1.67em 0;
}
main#access h5 + div ul,
main#access h5 + div img {
  display: inline-block;
  vertical-align: top;
}


/*==================== TVCM ====================*/

main#tvcm .youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
main#tvcm .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main#tvcm #sec1 h3 {
  font-size: 20px;
  margin: 60px 0 0;
}
main#tvcm #sec1 p.more {
  margin: 1em 0 1.5em;
}
main#tvcm #sec1 a {
  color: #000;
  text-decoration: underline;
}




/*=====================================================================================

　　　　　　　　　　　　　　　　           就職・資格

=====================================================================================*/


/*---------- クリエイターズファイル ----------*/

.site-branding .site-title {
  background: #8FC031;
  height: 85px;
  left: 0;
  line-height: 85px;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 240px;
  z-index: 1;
}
.site-branding .site-title a {
  display: block;
}
.site-branding .site-title img {
  vertical-align: middle;
  width: 125px;
}
.cf .movie,
.single-graduates .movie {
  padding: 0 0 50px;
}
.cf .movie .in_header,
.single-graduates .movie .in_header {
  position: relative;
}
.creators_head .titles {
  color: #fff;
  margin: 0 auto;
  text-align: center;
  width: 555px;
}
.creators_head .titles h1 {
  border-bottom: 1px solid #fff;
  font-family: 'Oswald', sans-serif;
  font-size: 60px;
  font-weight: bold;
  padding: 20px 0;
}
.creators_head .titles p {
  margin: 1em 0;
}
.creators_head .slider {
  margin: 50px 0 0;
  padding: 0;
}


/*----- slider -----*/

.site-branding .bx-wrapper {
  padding: 40px 0 70px;
}
.site-branding .bx-wrapper .bx-pager {
  margin: 0 30px;
}
.site-branding .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: center;
  width: 100%;
}
.site-branding .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  bottom: 0;
}
.site-branding .bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  height: 12px;
  margin: 0 5px;
  padding: 0;
  text-indent: -9999em;
  width: 12px;
}
.site-branding .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #DB5A67;
}

.cf .movie,
.single-graduates .movie {
  background: url(/20017/images/employment/cf_ttl.jpg) no-repeat center center;
  background-size: cover;
}
.cf #sec1,
.single-graduates #sec1 {
  background: url(/20017/images/dot_bg.jpg);
}
.cf #sec1 .inner,
.single-graduates #sec1 .inner {
  background: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 60px 43px;
  width: 1040px;
}
.cf #sec1 h2 {
  font-size: 36px;
  margin: 0;
  font-weight: bold;
}
.single-graduates #sec1 h2 {
  color: #8FC031;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0.83em 0;
}
.single-graduates #sec1 h3.cf_cp {
  font-size: 2.8rem;
  font-weight: bold;
}
.cf #sec1 h2 + p {
  font-size: 18px;
  margin: 50px 0 0;
}
.single-graduates #sec1 .c_info {
  display: flex;
  margin: 0 0 50px;
}
.single-graduates #sec1 .c_info > div:nth-of-type(1) {
  width: 550px;
}
.single-graduates #sec1 .c_info > div:nth-of-type(1) > * {
  margin: 1em 0;
}
.single-graduates #sec1 .c_info > div:nth-of-type(1) h3 {
  font-size: 1.17em;
  font-weight: bold;
}
.single-graduates #sec1 .c_info > div:nth-of-type(2) {
  margin: 0 0 0 20px;
  width: 380px;
}
.single-graduates #sec1 .inner dl dt {
  font-size: 24px;
}
.single-graduates #sec1 .inner dl dd {
  margin: 20px 0 0;
}
.single-graduates #sec1 .c_info2 {
  display: flex;
  margin: 50px 0 0;
}
.single-graduates #sec1 .c_info2 > div:nth-of-type(2) {
  margin: 0 0 0 20px;
  width: 685px;
}
.single-graduates #sec1 .c_info2 > div:nth-of-type(1) {
  width: 245px;
}
.single-graduates #sec1 .arrows {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  display: flex;
  list-style: none;
  margin: 50px 0 0;
  padding: 15px 0;
}
.single-graduates #sec1 .arrows li {
  width: calc(100% / 3);
}
.single-graduates #sec1 .arrows li:nth-of-type(1) {
  text-align: left;
}
.single-graduates #sec1 .arrows li:nth-of-type(2) {
  text-align: center;
}
.single-graduates #sec1 .arrows li:nth-of-type(3) {
  text-align: right;
}
.single-graduates #sec1 .arrows li a {
  color: #000;
  text-decoration: none;
}
.cf #sec1 .c_other,
.single-graduates #sec1 .c_other {
  font-size: 0;
  margin: 50px 0 0;
}
.cf #sec1 .c_other a,
.single-graduates #sec1 .c_other a {
  display: inline-block;
  font-size: 16px;
  margin: 0 35px 0 0;
  text-decoration: none;
  vertical-align: top;
  width: 212px;
}
.cf #sec1 .c_other a {
  margin: 0 35px 35px 0;
}
.cf #sec1 .c_other a:nth-child(4n) {
  margin: 0 0 35px 0;
}
.single-graduates #sec1 .c_other a:last-child {
  margin: 0;
}
.cf #sec1 .c_other a > div,
.single-graduates #sec1 .c_other a > div {
  position: relative;
}
.cf #sec1 .c_other a > div img,
.single-graduates #sec1 .c_other a > div img {
  display: block;
  height: auto;
  max-width: 100%;
}
.cf #sec1 .c_other a > div img:last-child,
.single-graduates #sec1 .c_other a > div img:last-child {
  bottom: 0;
  left: 0;
  position: absolute;
}
.cf #sec1 .c_other a dt,
.single-graduates #sec1 .c_other a dt {
  color: #8FC031;
  font-size: 16px;
  margin: 1em 0;
}
.cf #sec1 .c_other a dd,
.single-graduates #sec1 .c_other a dd {
  color: #000;
  font-size: 14px;
  margin: 5px 0 0;
}


/*---------- 就職実績 ----------*/

main#result .movie {
  background: url(img/result/mv.jpg) no-repeat center center;
  background-size: cover;
}
main#result .mv_title {
  padding: 50px 0 0;
  text-align: center;
}
main#result .mv_title dl {
  border: 3px solid #fff;
  color: #fff;
  display: inline-block;
  padding: 60px 120px;
}
main#result .mv_title dt {
  font-size: 36px;
}
main#result .mv_title dd {
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  margin: 0;
}
main#result #sec1 {
  background: url(/20017/images/employment/dot_bg.jpg);
}
main#result #sec1 .inner {
  background: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 60px 43px;
  width: 1040px;
}
main#result #sec1 .inner h2 {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0.83em 0;
}
main#result #sec1 .inner > dl {
  margin: 80px 0 0;
}
main#result #sec1 .inner > dl > dt {
  background: #fbfdf9;
  border-left: 10px solid #8FC031;
  font-size: 24px;
  height: 80px;
  line-height: 80px;
  padding: 0 0 0 30px;
}
main#result #sec1 .inner > dl:nth-of-type(1) > dd {
  margin: 50px 0 0;
  text-align: center;
}
main#result #sec1 .inner > dl:nth-of-type(1) > dd > div {
  background: url(/20017/images/employment/stripe.jpg) no-repeat;
  box-sizing: border-box;
  display: inline-block;
  height: 296px;
  margin: 0 20px;
  padding: 20px;
  width: 296px;
}
main#result #sec1 .inner > dl:nth-of-type(1) > dd > div > div {
  background: #fff;
  height: 256px;
  width: 256px;
}
main#result #sec1 .inner > dl:nth-of-type(1) > dd > div > div p {
  font-weight: bold;
  margin: 0;
  text-align: center;
}
main#result #sec1 .inner > dl:nth-of-type(1) > dd > div > div p:nth-of-type(1) {
  font-size: 16px;
  padding: 20px 0 0;
}
main#result #sec1 .inner > dl:nth-of-type(1) > dd > div > div p:nth-of-type(1) span {
  color: #E63A81;
  font-size: 18px;
}
main#result #sec1 .inner > dl:nth-of-type(1) > dd > div > div p:nth-of-type(2) {
  font-size: 32px;
  padding: 20px 0;
}
main#result #sec1 .inner > dl:nth-of-type(1) > dd > div > div p:nth-of-type(2) span {
  font-size: 60px;
}
main#result #sec1 .inner > dl:nth-of-type(1) > dd > div > div p:nth-of-type(3) {
  font-size: 15px;
}
main#result #sec1 .inner > dl:nth-of-type(2) > dd {
  margin: 0;
}
main#result .r_btns {
  font-size: 0;
  margin: 50px 0 0;
  text-align: center;
}
main#result .r_btns a {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  height: 52px;
  line-height: 52px;
  margin: 0 20px 20px 0;
  text-align: center;
  text-decoration: none;
  width: 296px;
}
main#result .r_btns a:nth-of-type(1) {
  background: #DB2200;
}
main#result .r_btns a:nth-of-type(2) {
  background: #03A0F0;
}
main#result .r_btns a:nth-of-type(3) {
  background: #FF8307;
}
main#result .r_btns a:nth-of-type(4) {
  background: #79C100;
}
main#result .r_btns a:nth-of-type(5) {
  background: #E63A81;
}
main#result .r_btns a:nth-of-type(6) {
  background: #8D0000;
}
main#result .r_btns a:nth-child(3n) {
  margin: 0 0 20px 0;
}
main#result .r_boxs {
  font-size: 0;
  margin: 60px 0 0;
}
main#result .r_boxs dl {
  display: inline-block;
  font-size: 16px;
  margin: 0 44px 44px 0;
  vertical-align: top;
  width: 455px;
}
main#result .r_boxs dl:nth-child(2n) {
  margin: 0 0 44px 0;
}
main#result .r_boxs dt p {
  color: #fff;
  margin: 0;
  padding: 15px 0;
  text-align: center;
}
main#result .r_boxs dl:nth-of-type(1) dt p {
  background: #DB2200;
}
main#result .r_boxs dl:nth-of-type(2) dt p {
  background: #03A0F0;
}
main#result .r_boxs dl:nth-of-type(3) dt p {
  background: #FF8307;
}
main#result .r_boxs dl:nth-of-type(4) dt p {
  background: #79C100;
}
main#result .r_boxs dl:nth-of-type(5) dt p {
  background: #E63A81;
}
main#result .r_boxs dd {
  box-sizing: border-box;
  font-size: 14px;
  margin: 40px 0 0;
  padding: 30px 50px;
  position: relative;
}
main#result .r_boxs dl:nth-of-type(1) dd {
  border: 1px solid #DB2200;
}
main#result .r_boxs dl:nth-of-type(2) dd {
  border: 1px solid #03A0F0;
}
main#result .r_boxs dl:nth-of-type(3) dd {
  border: 1px solid #FF8307;
}
main#result .r_boxs dl:nth-of-type(4) dd {
  border: 1px solid #79C100;
}
main#result .r_boxs dl:nth-of-type(5) dd {
  border: 1px solid #E63A81;
}
main#result .r_boxs dd span {
  color: #fff;
  display: block;
  font-size: 15px;
  height: 40px;
  left: 50%;
  line-height: 40px;
  margin-left: -55px;
  position: absolute;
  text-align: center;
  top: -20px;
  width: 110px;
}
main#result .r_boxs dl:nth-of-type(1) dd span {
  background: #DB2200;
}
main#result .r_boxs dl:nth-of-type(2) dd span {
  background: #03A0F0;
}
main#result .r_boxs dl:nth-of-type(3) dd span {
  background: #FF8307;
}
main#result .r_boxs dl:nth-of-type(4) dd span {
  background: #79C100;
}
main#result .r_boxs dl:nth-of-type(5) dd span {
  background: #E63A81;
}
main#result #sec1 .inner > dl:nth-of-type(2) > dd > a {
  background: #8FC031;
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: bold;
  height: 80px;
  line-height: 80px;
  margin: 30px auto 0;
  text-align: center;
  text-decoration: none;
  width: 600px;
}


/*---------- 就職サポート ----------*/

main#support #sec1 {
  background: url(/20017/images/dot_bg.jpg);
}
main#support #sec1 .inner {
  background: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 60px 43px;
  width: 1040px;
}
main#support #sec1 .inner h2 {
  font-size: 32px;
  font-weight: bold;
  margin: 0.83em 0;
}
main#support #sec1 .inner > dl {
  margin: 80px 0 0;
}
main#support #sec1 .inner > dl > dt {
  border-bottom: 4px solid #8FC031;
  font-size: 24px;
}
main#support #sec1 .inner > dl > dd {
  margin: 50px 0 0;
}
main#support #support1_1 {
  display: flex;
}
main#support #support1_1 > div:nth-of-type(1) {
  width: 320px;
}
main#support #support1_1 > div:nth-of-type(2) {
  margin: 0 0 0 20px;
  width: calc(100% - 320px - 20px);
}
main#support #support1_1 > div:nth-of-type(1) > p:nth-of-type(1) {
  background: #8FC031;
  color: #fff;
  font-size: 20px;
  margin: 0;
  padding: 15px;
}
main#support #support1_1 > div:nth-of-type(1) > p:nth-of-type(2) {
  color: #595757;
  font-size: 15px;
  line-height: 1.8em;
  margin: 1em 0 1.5em;
}
main#support #support1_1 > div:nth-of-type(1) div {
  background: #8FC031;
  color: #595757;
  display: flex;
  padding: 15px;
}
main#support #support1_1 > div:nth-of-type(1) div p:first-child {
  font-size: 24px;
  margin: 0;
  width: 65%;
}
main#support #support1_1 > div:nth-of-type(1) div p:first-child span {
  display: block;
  font-size: 11px;
}
main#support #support1_1 > div:nth-of-type(1) div p:last-child {
  font-size: 24px;
  margin: 0;
  text-align: center;
  width: 35%;
}
main#support #support1_1 > div:nth-of-type(1) div p:last-child span {
  font-size: 35px;
}
main#support #support1_1 > div:nth-of-type(2) > p {
  border: 1px solid #8FC031;
  margin: 0;
  padding: 5px 0;
  text-align: center;
}
main#support #support1_1 > div:nth-of-type(2) table {
  border: 1px solid #8FC031;
  border-collapse: collapse;
  margin: 10px 0 0;
}
main#support #support1_1 > div:nth-of-type(2) table td {
  border: 1px solid #8FC031;
  padding: 10px 0;
  text-align: center;
}
main#support #support1_2 {
  display: flex;
  margin: 40px 0 0;
}
main#support #support1_2 > div:nth-of-type(1) {
  width: 320px;
}
main#support #support1_2 > div:nth-of-type(2) {
  margin: 0 0 0 20px;
  width: calc(100% - 320px - 20px);
}
main#support #support1_2 > div:nth-of-type(1) > p:nth-of-type(1) {
  background: #8FC031;
  color: #fff;
  font-size: 20px;
  margin: 0;
  padding: 15px;
}
main#support #support1_2 > div:nth-of-type(1) > p:nth-of-type(2) {
  color: #595757;
  font-size: 15px;
  line-height: 1.8em;
  margin: 1em 0 1.5em;
}
main#support #support1_2 > div:nth-of-type(2) table {
  border: 1px solid #8FC031;
  border-collapse: collapse;
}
main#support #support1_2 > div:nth-of-type(2) table th,
main#support #support1_2 > div:nth-of-type(2) table td {
  border: 1px solid #8FC031;
  padding: 10px 0;
}
main#support #support1_2 > div:nth-of-type(2) table th {
  color: #8FC031;
  text-align: center;
  width: 35%;
  font-weight: bold;
}
main#support #support1_2 > div:nth-of-type(2) table td {
  color: #595757;
  font-size: 15px;
  padding: 15px;
  width: 65%;
}
main#support #support1_2 > div:nth-of-type(2) table td .pri {
  color: #E9528E;
  display: inline-block;
  margin: 0;
  padding: 0 5px 0 0;
}
main#support #support1_2 > div:nth-of-type(2) table td .pri span {
  font-size: 18px;
}
main#support #support1_2 > div:nth-of-type(2) table td .men {
  background: #E9528E;
  color: #fff;
  display: inline-block;
  margin: 0;
  padding: 0 15px;
}
main#support #sec1 .inner > div {
  border: 1px solid #8FC031;
  font-size: 0;
  margin: 60px 0 0;
  padding: 30px;
  position: relative;
}
main#support #sec1 .inner > div > img {
  left: -20px;
  position: absolute;
  top: -20px;
}
main#support #sec1 .inner > div dl {
  display: inline-block;
  font-size: 16px;
  margin: 0;
  width: 650px;
}
main#support #sec1 .inner > div dt {
  color: #8FC031;
  font-size: 18px;
}
main#support #sec1 .inner > div dd {
  margin: 0;
}
main#support #sec1 .inner > div > span {
  display: inline-block;
  margin: 0 0 0 20px;
}

main#support #sec1 #support1_3 > dl {
  padding: 50px 0 20px;
}
main#support #sec1 #support1_3 > dl > dt {
  font-size: 22px;
  font-weight: normal;
}
main#support #sec1 #support1_3 > dl > dd {
  font-size: 16px;
  margin: 0 1.5em 0;
}
main#support #sec1 #support1_3 > dl > dd dl {
  margin: 1em 0;
}
main#support #sec1 #support1_3 > dl > dd dl dt {
  font-weight: normal;
}
main#support #sec1 #support1_3 > dl > dd dl dd {
  margin: 0 1.5em 1.5em;
}

main#support #support2 dd h3 {
  font-size: 24px;
  margin: 50px 0;
  font-weight: bold;
}
main#support #support2 dd ul {
  font-size: 0;
  padding: 0;
}
main#support #support2 dd li {
  display: inline-block;
  font-size: 16px;
  margin: 0 34px 0 0;
  position: relative;
  vertical-align: top;
  width: 212px;
}
main#support #support2 dd li:nth-child(4n) {
  margin: 0;
}
main#support #support2 dd li > span {
  background: #8FC031;
  border-radius: 50%;
  color: #fff;
  display: block;
  height: 56px;
  left: 5px;
  line-height: 56px;
  position: absolute;
  text-align: center;
  top: -28px;
  width: 56px;
}
main#support #support2 dd li.lspan > span {
  border-radius: 28px;
  padding: 0 15px;
  width: auto;
}
main#support #support2 dd li > span b {
  font-size: 18px;
}
main#support #support2 dd li h4 {
  color: #8FC031;
  margin: 10px 0 5px;
  font-weight: bold;
}
main#support #support2 dd li p {
  font-size: 14px;
  margin: 0;
}
main#support #sec1 .inner > a {
  background: #8FC031;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  height: 72px;
  line-height: 72px;
  margin: 50px auto 0;
  text-align: center;
  text-decoration: none;
  width: 540px;
}


/*---------- 資格取得実績 ----------*/

main#license .c_head {
  background: url(/20017/images/employment/license_ttl.jpg) no-repeat center center;
  background-size: cover;
}
main#license .c_head .titles {
  background: none;
  padding: 68px 0 0;
  position: relative;
  width: auto;
}
main#license .c_head .titles img {
  height: 54px;
}
main#license #sec1 {}
main#license #sec1 .inner {
  background: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 60px 0;
  width: 960px;
}
main#license #sec1 h2 {
  color: #8fc031;
  font-size: 32px;
  margin: 0.83em 0;
  font-weight: bold;
}
main#license #sec1 h3 {
  background: rgba(143,192,49,0.2);
  border-left: 10px solid #8FC031;
  font-size: 20px;
  height: 80px;
  line-height: 80px;
  margin: 40px 0 0;
  padding: 0 0 0 15px;
  font-weight: bold;
}
main#license #sec1 h3 + div {
  font-size: 0;
  margin: 40px 0 60px;
}
main#license #sec1 h3 + div a {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  margin: 0 36px 36px 0;
  text-align: center;
  text-decoration: none;
  width: 296px;
}
main#license #sec1 h3 + div a:nth-child(3n) {
  margin: 0 0 36px;
}
main#license #sec1 h3 + div a:nth-of-type(1) {
  background: #DB2200;
}
main#license #sec1 h3 + div a:nth-of-type(2) {
  background: #03A0F0;
}
main#license #sec1 h3 + div a:nth-of-type(3) {
  background: #8FC031;
}
main#license #sec1 h3 + div a:nth-of-type(4) {
  background: #FF8307;
}
main#license #sec1 h3 + div a:nth-of-type(5) {
  background: #E63A81;
}
main#license #sec1 .license_box {
  margin-bottom: 80px;
}
main#license #sec1 .in_titles {
  margin: 0 0 40px;
  padding: 0 0 0 20px;
}
main#license #sec1 .in_titles h4 {
  border-bottom: 1px solid #707070;
  font-size: 24px;
  font-weight: bold;
  margin: 0;
  padding: 0 0 5px;
}
main#license #sec1 .in_titles p {
  margin: 0;
  padding: 5px 0 0;
}
main#license #sec1 #l1 .in_titles {
  border-left: 10px solid #DB2200;
  color: #DB2200;
}
main#license #sec1 #l2 .in_titles {
  border-left: 10px solid #FF8307;
  color: #FF8307;
}
main#license #sec1 #l3 .in_titles {
  border-left: 10px solid #03A0F0;
  color: #03A0F0;
}
main#license #sec1 #l4 .in_titles {
  border-left: 10px solid #8FC031;
  color: #8FC031;
}
main#license #sec1 #l5 .in_titles {
  border-left: 10px solid #E63A81;
  color: #E63A81;
}

main#license #sec1 .license_box > ul {
  font-size: 0;
  padding: 0;
}
main#license #sec1 .license_box > ul > li {
  box-sizing: border-box;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
  width: 426px;
}
main#license #sec1 .license_box > ul > li:nth-child(2) {
  margin: 0 0 0 108px;
}
main#license #sec1 ul > li h5 {
  font-size: 18px;
  margin: 0 0 20px;
  font-weight: bold;
}
main#license #sec1 .license_box > ul > li > div {
  box-sizing: border-box;
  color: #fff;
  height: 426px;
  text-align: center;
}
main#license #sec1 #l1 > ul > li:nth-of-type(1) > div {
  background: url(/20017/images/employment/license_gd_1.jpg) no-repeat;
  background-size: cover;
}
main#license #sec1 #l1 > ul > li:nth-of-type(2) > div {
  background: url(/20017/images/employment/license_gd_2.jpg) no-repeat;
  background-size: cover;
}
main#license #sec1 #l2 > ul > li:nth-of-type(1) > div {
  background: url(/20017/images/employment/license_mg_1.jpg) no-repeat;
  background-size: cover;
}
main#license #sec1 #l3 > ul > li:nth-of-type(1) > div {
  background: url(/20017/images/employment/license_dd_1.jpg) no-repeat;
  background-size: cover;
}
main#license #sec1 #l3 > ul > li:nth-of-type(2) > div {
  background: url(/20017/images/employment/license_dd_2.jpg) no-repeat;
  background-size: cover;
}
main#license #sec1 #l4 > ul > li:nth-of-type(1) > div {
  background: url(/20017/images/employment/license_ia_1.jpg) no-repeat;
  background-size: cover;
}
main#license #sec1 #l4 > ul > li:nth-of-type(2) > div {
  background: url(/20017/images/employment/license_ia_2.jpg) no-repeat;
  background-size: cover;
}
main#license #sec1 #l5 > ul > li:nth-of-type(1) > div {
  background: url(/20017/images/employment/license_fa_1.jpg) no-repeat;
  background-size: cover;
}
main#license #sec1 #l5 > ul > li:nth-of-type(2) > div {
  background: url(/20017/images/employment/license_fa_2.jpg) no-repeat;
  background-size: cover;
}
main#license #sec1 .license_box > ul > li > div p {
  font-size: 14px;
}
main#license #sec1 .license_box > ul > li > div p.ritsu {
  font-size: 20px;
  margin-bottom: 0;
  padding: 50px 0 0;
}
main#license #sec1 .license_box > ul > li > div p.num {
  border-bottom: 3px solid #fff;
  font-family: 'Oswald', sans-serif;
  font-size: 60px;
  font-weight: bold;
  margin: 0 auto;
  padding: 20px 0 0;
  width: 65%;
}
main#license #sec1 .license_box > ul > li > div p.num span {
  display: inline-block;
  font-size: 110px;
  margin: 0 5px;
}
main#license #sec1 .license_box > ul > li > div p.num2 {
  font-size: 13px;
  font-weight: bold;
  margin: 5px 0;
}
main#license #sec1 .license_box > ul > li > div p.num2 span {
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-size: 30px;
  margin: 0 5px;
}
main#license #sec1 .license_box > ul > li > div + p {
  font-size: 14px;
  line-height: 1.8em;
  margin: 1em 0 1.5em;
}
main#license #sec1 .in_box {
  margin: 40px 0 0;
  padding: 40px 20px 20px;
  position: relative;
}
main#license #sec1 .in_box > span {
  color: #fff;
  display: inline-block;
  font-size: 15px;
  height: 50px;
  left: 15px;
  line-height: 50px;
  padding: 0 15px;
  position: absolute;
  top: -25px;
}
main#license #sec1 .in_box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
main#license #sec1 .in_box li {
  display: inline-block;
  margin: 0 15px 0 0;
}

main#license #sec1 #l1 .in_box {
  border: 3px solid #DB2200;
}
main#license #sec1 #l1 .in_box > span {
  background: #DB2200;
}
main#license #sec1 #l1 .in_box li span {
  color: #DB2200;
}

main#license #sec1 #l2 .in_box {
  border: 3px solid #FF8307;
}
main#license #sec1 #l2 .in_box > span {
  background: #FF8307;
}
main#license #sec1 #l2 .in_box li span {
  color: #FF8307;
}

main#license #sec1 #l3 .in_box {
  border: 3px solid #03A0F0;
}
main#license #sec1 #l3 .in_box > span {
  background: #03A0F0;
}
main#license #sec1 #l3 .in_box li span {
  color: #03A0F0;
}

main#license #sec1 #l4 .in_box {
  border: 3px solid #8FC031;
}
main#license #sec1 #l4 .in_box > span {
  background: #8FC031;
}
main#license #sec1 #l4 .in_box li span {
  color: #8FC031;
}

main#license #sec1 #l5 .in_box {
  border: 3px solid #E63A81;
}
main#license #sec1 #l5 .in_box > span {
  background: #E63A81;
}
main#license #sec1 #l5 .in_box li span {
  color: #E63A81;
}



/*=====================================================================================

　　　　　　　　　　　　　　　　           入学案内

=====================================================================================*/


/*---------- 入学案内共通 ----------*/

main.admission .c_head {
  background: url(/20017/images/admission/admission_ttl.jpg) no-repeat center center;
  background-size: cover;
  padding: 40px 0;
}
main.admission .c_head .titles {
  background: rgba(0,0,0,0.3);
  border: 1px solid #fff;
  color: #fff;
  height: auto;
  margin: 0 auto;
  padding: 40px 0;
  position: relative;
  text-align: center;
  width: 472px;
}
main.admission .c_head .titles span {
  display: block;
  font-size: 17px;
  font-weight: bold;
}
main.admission .c_head .titles h1 {
  font-size: 29px;
  margin: 0;
}
main.admission #sec1 .inner {
  background: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 60px 43px;
  width: 1040px;
}
main.admission #sec1 h2 {
  color: #8fc031;
  font-size: 30px;
  font-weight: bold;
  margin: 80px 0 0;
  text-align: center;
}
main.admission #sec1 h3 {
  border-left: 6px solid #8FC031;
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  margin: 40px 0;
  padding: 0 0 0 20px;
  font-weight: bold;
}


/*---------- 入学案内トビラ ----------*/

main#admission #sec1 .inner {
  width: 846px;
  padding: 0;
}
main#admission #sec1 {
  padding: 70px 0;
}
main#admission #sec1 h2 {
  margin: 0;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  color: #404040;
}
main#admission #sec1 ul {
  font-size: 0;
  margin: 60px 0 0;
  padding: 0;
  text-align: center;
}
main#admission #sec1 ul li {
  border: 3px solid #8fc031;
  box-sizing: border-box;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 88px;
  padding: 3px;
  position: relative;
  vertical-align: top;
  width: 223px;
}
main#admission #sec1 ul li:nth-child(3n - 1) {
  margin: 0 88px 88px 88px;
}
main#admission #sec1 ul li > div {
  border: 1px solid #8fc031;
  padding: 25px 0 50px;
}
main#admission #sec1 ul li > div span {
  color: #8fc031;
  font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 17px;
  font-weight: normal;
}
main#admission #sec1 ul li > div p {
  margin: 0;
}
main#admission #sec1 ul li > div a {
  background: #8fc031;
  bottom: -16px;
  color: #fff;
  display: block;
  height: 40px;
  left: 50%;
  line-height: 40px;
  margin-left: -27px;
  position: absolute;
  text-align: center;
  width: 54px;
}
main#admission #sec1 .inner > dl {
  background: #8fc031;
  color: #fff;
  margin: 1em 0;
}
main#admission #sec1 .inner > dl dt {
  font-size: 25px;
  height: 84px;
  line-height: 84px;
  padding: 0 0 0 320px;
}
main#admission #sec1 .inner > dl dd {
  background: url(/20017/images/admission/stripe.png);
  font-size: 14px;
  margin: 0;
  padding: 28px 0 28px 320px;
  position: relative;
}
main#admission #sec1 .inner > dl dd img {
  left: 30px;
  position: absolute;
  top: -76px;
  width: 246px;
}
main#admission #sec1 .inner > dl dd a {
  background: #fff;
  border-radius: 4px;
  color: #262626;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  position: absolute;
  right: 50px;
  text-align: center;
  text-decoration: none;
  top: 30px;
  width: 208px;
}


/*---------- 入学までの流れ ----------*/

.tabs {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tabs li {
  box-sizing: border-box;
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 25%;
}
.tabs li.active {
  background: #fff;
  color: #8FC031;
}
.tabs li a {
  background: #8FC031;
  border-right: 1px solid #fff;
  color: #fff;
  display: block;
  height: 60px;
  line-height: 60px;
  text-decoration: none;
}
main#flow #sec1 h3 + div {
  background: url(/20017/images/admission/g_line.gif) repeat-y left;
}
main#flow #sec1 h3 + div > div {
  padding: 0 0 0 120px;
}
main#flow #sec1 h3 + div > div:nth-of-type(1) {
 background: url(/20017/images/admission/p_line.png) no-repeat left bottom;
 padding-bottom: 40px;
}
main#flow #sec1 dl {
  margin: 0 0 50px;
}
main#flow #sec1 dt {
  background: #d7d7d7;
  height: 60px;
  line-height: 60px;
}
main#flow #sec1 dt span {
  background: #8FC031;
  color: #fff;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  margin: 0 20px 0 0;
  text-align: center;
  width: 145px;
}
main#flow #sec1 h3 + div > div:nth-of-type(1) dt span {
  background: #DB5A67;
}
main#flow #sec1 dd {
  font-size: 20px;
  line-height: 1.8em;
  margin: 0;
  padding: 20px 0 0;
}
main#flow #sec1 h3 + div > div:nth-of-type(2) {
  position: relative;
}
main#flow #sec1 h3 + div > div:nth-of-type(2) > img {
  left: 0;
  position: absolute;
  top: 50px;
}
/* 共通 */
main#flow #sec1 .red {
  color: #FF0000;
}
main#flow #sec1 .bold {
  font-weight: bold;
}
main#flow #sec1 .cyan {
  color: #57BAE6;
  text-decoration-line: underline;
}
main#flow #sec1 .green {
  padding: 1px 15px;
  border-radius: 15px;
  background: #9bbe4c;
  color: #fff;
  font-weight: bole;
  font-weight: bold;
}
main#flow #sec1 .mb10 {
  margin-bottom: 10px;
}
main#flow #sec1 .mb20 {
  margin-bottom: 20px;
}
main#flow #sec1 .mb40 {
  margin-bottom: 40px;
}
main#flow #sec1 .tac {
  text-align: center;
}
main#flow #sec1 #document {
  padding-top: 130px;
  margin-top: -130px;
}
/* 表・共通 */
main#flow #sec1 .tb1, main#flow #sec1 .tb2, main#flow #sec1 .tb3, main#flow #sec1 .tb4, main#flow #sec1 .tb5, main#flow #sec1 .tb6 {
  border: 1px solid #000;
  border-collapse: collapse;
  margin: 0;
}
main#flow #sec1 .tb_box, main#flow #sec1 .flow_admission {
  background: initial;
}
main#flow #sec1 img.check {
  width: 14px;
  vertical-align: middle;
}
main#flow #sec1 .green_border {
  border: 1px solid #8FC031;
  padding: 15px 20px;
  margin: 10px 0;
}

/* 表1 */
main#flow #sec1 .tb1 {
  border: 1px solid #9BBE4C;
}
main#flow #sec1 .tb1 th, main#flow #sec1 .tb1 td {
  border: 1px solid #9BBE4C;
}
main#flow #sec1 .tb1 th {
  width: 20%;
  padding: 20px 30px;
  background: #C2D88D;
  vertical-align: middle;
  font-weight: bold;
}
main#flow #sec1 .tb1 td {
  padding: 20px 30px;
  text-align: left;
}
/* 表2 */
main#flow #sec1 .tb2 th, main#flow #sec1 .tb2 td {
  padding: 10px 15px;
  border: 1px solid #000;
}
main#flow #sec1 .tb2 th {
  background: #E5E5E5;
  font-weight: bold;
}
main#flow #sec1 .tb2 td.tb_head {
  width: 202px;
  padding: 10px 15px;
  background: #7FC200;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
/* 表3 */
main#flow #sec1 .tb3 {
  font-size: 14px;
}
main#flow #sec1 .tb3 th, main#flow #sec1 .tb3 td {
  padding: 10px 5px;
  border: 1px solid #000;
}
main#flow #sec1 .tb3 th {
  width: 60px;
  background: #E5E5E5;
  vertical-align: bottom;
  line-height: 1.2;
}
main#flow #sec1 .tb3 th span {
  font-size: 10px;
}
main#flow #sec1 .tb3 th.tb_header1 {
  width: auto;
}
main#flow #sec1 .tb3 td {
  text-align: center;
}
main#flow #sec1 .tb3 td.tb_head {
  height: 85px;
  background: #7FC200;
  color: #fff;
  font-weight: bold;
}
main#flow #sec1 .tb3 td.rec {
  color: #ef4e64;
  font-weight: bold;
}
main#flow #sec1 .tb3 td .period {
  color: #ef4e64;
  font-weight: bold;
}
/* 表4 */
main#flow #sec1 .tb4 {
  font-size: 14px;
}
main#flow #sec1 .tb4 th, main#flow #sec1 .tb4 td {
  border: 1px solid #8FC031;
}
main#flow #sec1 .tb4 th {
  padding: 10px 5px;
  background: #C2D88D;
  vertical-align: middle;
  font-weight: bold;
}
main#flow #sec1 .tb4 th.tb_header1 {
  width: 233px;
}
main#flow #sec1 .tb4 td {
  padding: 10px 15px;
}
main#flow #sec1 .tb4 td.tb_head {
  text-align: center;
  color: #7FC200;
  font-weight: bold;
}
main#flow #sec1 .tb4 td.tb_head span {
  display: block;
  margin-top: 10px;
  color: #000;
  font-weight: normal;
  font-size: 12px;
}
main#flow #sec1 .tb4 td.adapt {
  width: 100px;
  font-size: 30px;
  text-align: center;
}
main#flow #sec1 .tb4 img.circle {
  width: 30px;
  vertical-align: middle;
}
/* 表5 */
main#flow #sec1 .tb5 th, main#flow #sec1 .tb5 td {
  border: 1px solid #8FC031;
}
main#flow #sec1 .tb5 th {
  padding: 10px 15px;
  background: #BCD983;
  vertical-align: middle;
  font-weight: bold;
}
main#flow #sec1 .tb5 th.tb_header1 {
  width: 70%;
}
main#flow #sec1 .tb5 th.tb_header2 {
  width: 30%;
}
main#flow #sec1 .tb5 td {
  padding: 10px;
  text-align: center;
}
main#flow #sec1 .tb5 td.tb_head {
  text-align: center;
  font-weight: bold;
}
main#flow #sec1 .tb5 td.tb_head span {
  display: block;
  margin-top: 10px;
  color: #000;
  font-weight: normal;
}
/* 表6 */
main#flow #sec1 .tb6 {
  border: 1px solid #9BBE4C;
}
main#flow #sec1 .tb6 th, main#flow #sec1 .tb6 td {
  border: 1px solid #9BBE4C;
}
main#flow #sec1 .tb6 th {
  width: 233px;
  padding: 15px 15px;
  background: #C2D88D;
  vertical-align: middle;
  font-weight: bold;
}
main#flow #sec1 .tb6 td {
  padding: 15px 15px;
  text-align: left;
}
/* フロー */
main#flow #sec1 .flow_admission dl {
  display: flex;
  margin: 0;
}
main#flow #sec1 .flow_admission dt {
  width: 233px;
  height: auto;
  padding: 15px 15px 5px 15px;
  line-height: 1.5;
  position: relative;
  text-align: center;
  white-space: nowrap;
}
main#flow #sec1 .flow_admission dt::after {
  content: "";
  border: 10px solid transparent;
  position: absolute;
  top: 80px;
  left: 106px;
  transform: rotate(90deg);
  z-index: 100;
}
main#flow #sec1 .flow_admission .flow1 dt {
  background: #F0F8E0;
}
main#flow #sec1 .flow_admission .flow1 dt::after {
  border-left-color: #F0F8E0;
}
main#flow #sec1 .flow_admission .flow2 dt {
  background: #E0F0C2;
}
main#flow #sec1 .flow_admission .flow2 dt::after {
  border-left-color: #E0F0C2;
}
main#flow #sec1 .flow_admission .flow3 dt {
  background: #D1E9A3;
}
main#flow #sec1 .flow_admission .flow3 dt::after {
  border-left-color: #D1E9A3;
}
main#flow #sec1 .flow_admission .flow4 dt {
  background: #C2E285;
}
main#flow #sec1 .flow_admission .flow4 dt::after {
  border-left-color: #C2E285;
}
main#flow #sec1 .flow_admission .flow5 dt {
  background: #B2DA66;
}
main#flow #sec1 .flow_admission .flow5 dt::after {
  border-left-color: #B2DA66;
}
main#flow #sec1 .flow_admission .flow6 dt {
  background: #A3D347;
}
main#flow #sec1 .flow_admission .flow6 dt::after {
  border-left-color: #A3D347;
}
main#flow #sec1 .flow_admission .flow7 dt {
  background: #93CC29;
}
main#flow #sec1 .flow_admission .flow7 dt::after {
  border-left-color: #93CC29;
}
main#flow #sec1 .flow_admission .flow8 dt {
  background: #84C40A;
  color: #fff;
}
main#flow #sec1 .flow_admission dd {
  height: 80px;
  width: calc(100% - 283px);
  padding: 0 0 0 20px;
  margin-left: 30px;
  position: relative;
  border-bottom: 2px dashed #c0e183;
  font-size: 16px;
  
}
main#flow #sec1 .flow_admission dd p {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

/* 表3 追加 */
main#flow #sec1 .tb3 .schedule25_1, main#flow #sec1 .tb3 .schedule25_2, main#flow #sec1 .tb3 .schedule25_3, main#flow #sec1 .tb3 .schedule25_4, main#flow #sec1 .tb3 .schedule25_5,
main#flow #sec1 .tb3 .schedule25_6, main#flow #sec1 .tb3 .schedule25_7, main#flow #sec1 .tb3 .schedule25_8 {
  position: relative;
}
main#flow #sec1 .tb3 .schedule25_1::before {
  content: "";
  background-image: url(/20017/images/admission/schedule25_1.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 178px;
  height: 40px;
  display: block;
  position: absolute;
  top: 25px;
  left: 0;
}
main#flow #sec1 .tb3 .schedule25_2::before {
  content: "";
  background-image: url(/20017/images/admission/schedule25_2.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 58px;
  height: 40px;
  display: block;
  position: absolute;
  top: 25px;
  left: 0;
}
main#flow #sec1 .tb3 .schedule25_3::before {
  content: "";
  background-image: url(/20017/images/admission/schedule25_3.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 75px;
  height: 40px;
  display: block;
  position: absolute;
  top: 25px;
  left: 0;
}
main#flow #sec1 .tb3 .schedule25_4::before {
  content: "";
  background-image: url(/20017/images/admission/schedule25_4.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 358px;
  height: 40px;
  display: block;
  position: absolute;
  top: 25px;
  left: 0;
}
main#flow #sec1 .tb3 .schedule25_5::before {
  content: "";
  background-image: url(/20017/images/admission/schedule25_5.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 658px;
  height: 40px;
  display: block;
  position: absolute;
  top: 25px;
  left: 0;
}
main#flow #sec1 .tb3 .schedule25_6::before {
  content: "";
  background-image: url(/20017/images/admission/schedule25_6.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 298px;
  height: 40px;
  display: block;
  position: absolute;
  top: 25px;
  left: 0;
}
main#flow #sec1 .tb3 .schedule25_7::before {
  content: "";
  background-image: url(/20017/images/admission/schedule25_7.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 270px;
  height: 54px;
  display: block;
  position: absolute;
  top: 15px;
  left: 5px;
}
main#flow #sec1 .tb3 .schedule25_8::before {
  content: "";
  background-image: url(/20017/images/admission/schedule25_8.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 270px;
  height:54px;
  display: block;
  position: absolute;
  top: 20px;
  left: 5px;
}

/*---------- 募集学科・定員 ----------*/

main#guidelines #sec1 {
}
main#guidelines #sec1 .inner {
  background: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 60px 43px;
  width: 1040px;
}
main#guidelines #sec1 h2 {
  color: #8fc031;
  font-size: 30px;
  font-weight: bold;
  margin: 80px 0 0;
  text-align: center;
}
main#guidelines #sec1 h3 {
  border-left: 6px solid #8FC031;
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  margin: 40px 0;
  padding: 0 0 0 20px
}
main#guidelines #sec1 table {
  border: 1px solid #000;
  border-collapse: collapse;
  margin: 0;
}
main#guidelines #sec1 th,
main#guidelines #sec1 td {
  border: 1px solid #000;
  padding: 5px 0;
  text-align: center;
}
main#guidelines #sec1 .tb1 td {
  padding: 15px 0;
}
main#guidelines #sec1 th {
  background: #E5E5E5;
}
main#guidelines #sec1 .c_name {
  background: #8fc031;
  color: #fff;
}
main#guidelines #sec1 .sub_name {
  padding: 10px 0 10px 15px;
  text-align: left;
}
main#guidelines #sec1 .att {
  margin: 10px 0 0;
  font-size: 15px;
}
main#guidelines #sec1 .guideline th {
  background: #BCD983;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid #8FC031;
  padding: 15px;
  width:144px;
}
main#guidelines #sec1 .guideline td {
  border: 1px solid #8FC031;
  padding: 15px;
  text-align: left;
}

/*---------- 学費 ----------*/

main#fee #sec1 {
}
main#fee #sec1 .inner {
  background: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 60px 43px;
  width: 1040px;
}
main#fee #sec1 h2 {
  color: #8fc031;
  font-size: 30px;
  font-weight: bold;
  margin: 80px 0 0;
  text-align: center;
}
main#fee #sec1 h3 {
  border-left: 6px solid #8FC031;
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  margin: 40px 0;
  padding: 0 0 0 20px
}
main#fee #sec1 table {
  border: 1px solid #000;
  border-collapse: collapse;
  margin: 0;
}
main#fee #sec1 th,
main#fee #sec1 td {
  border: 1px solid #000;
  padding: 5px 0;
  text-align: center;
}
main#fee #sec1 th {
  background: #E5E5E5;
}
main#fee #sec1 .c_name {
  background: #8fc031;
  color: #fff;
  padding: 10px 15px;
  text-align: left;
}
main#fee #sec1 .sub_name {
  padding: 10px 15px;
  text-align: left;
}
main#fee #sec1 .att {
  margin: 10px 0 0;
  font-size: 15px;
}
main#fee .em_red {
  color: #ff0f0f;
  font-weight: bold;
}
main#fee .annotation {
  vertical-align: super;
  font-size: 12px;
}
main#fee .bold_letters {
  font-weight: bold;
}
main#fee .tbhead_color {
  background: #c2d88d;
}
main#fee #sec1 .tb1 {
  font-size: 14px;
}
main#fee #sec1 .tb1 th, main#fee #sec1 .tb1 td {
  padding: 15px 10px;
  border: 1px solid #abc867;
}
main#fee #sec1 .tb1 th {
  background: #c2d88d;
  vertical-align: middle;
  font-weight: bold;
}
main#fee #sec1 .tb1 td.tb_head {
  color: #7fc200;
  font-weight: bold;
}
main#fee #sec1 .tb2 {
  border: 1px solid #abc867;
  border-collapse: collapse;
  margin: 10px 0;
}
main#fee #sec1 .tb2 th, main#fee #sec1 .tb2 td {
  border: 1px solid #abc867;
}
main#fee #sec1 .tb2 th {
  padding: 15px;
  background: #c2d88d;
  font-weight: bold;
  vertical-align: middle;
}
main#fee #sec1 .tb2 td {
  padding: 15px 20px;
  text-align: left;
}
main#fee #sec1 .fee_note {
  text-indent: -1em;
  padding-left: 1em;
}
main#fee #sec1 .tool_sample {
  margin-top: 20px;
  padding: 15px 30px;
  border: 1px solid #abc867;
  border-radius: 10px;
}
main#fee #sec1 .tool_sample img {
  width: 100%;
}
main#fee #sec1 .tool_sample p {
  margin-bottom: 20px;
  text-align: center;
  color: #7fc200;
  font-weight: bold;
}
main#fee #sec1 .tb3 {
  margin: 20px 0;
  font-size: 14px;
}
main#fee #sec1 .tb3 th, main#fee #sec1 .tb3 td {
  padding: 10px 0;
}
main#fee #sec1 .tb3 th {
  font-weight: bold;
}
main#fee #sec1 .tb3 td.tb_head {
  padding: 10px 15px;
  background: #7fc200;
  color: #fff;
  font-weight: bold;
}

/*---------- 入学特典・奨学金 ---------*/

main#exemption #sec1 .inner {
  background: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 60px 43px;
  width: 1040px;
}
main#exemption #sec1 h2 {
  color: #8fc031;
  font-size: 30px;
  font-weight: bold;
  margin: 80px 0 0;
  text-align: center;
}
main#exemption #sec1 section {
  margin: 80px 0 0;
}
main#exemption #sec1 h3 {
  border-left: 6px solid #8FC031;
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  padding: 0 0 0 20px
}
main#exemption #sec1 img.kyufu {
  margin-top: 80px;
}
main#exemption #sec1 .scholar h3 {
  background: #8fc031;
  border: none;
  color: #fff;
  font-size: 23px;
  font-weight: normal;
  height: auto;
  line-height: normal;
  padding: 5px;
  margin: 1em 0;
}
main#exemption #sec1 .scholar h3 span {
  border: 1px solid #fff;
  display: block;
  padding: 0 0 0 15px;
}
main#exemption #sec1 h3 + p {
  margin: 20px 0 0;
}
main#exemption #sec1 .scholar h3 + div,
main#exemption #sec1 .scholar h3 + p {
  font-size: 15px;
  padding: 0 15px;
}
main#exemption #sec1 .scholar h3 + div p {
  font-size: 14px;
  text-align: right;
}
main#exemption #sec1 table {
  border: 1px solid #8FC031;
  border-collapse: collapse;
  margin: 20px 0 0;
}
main#exemption #sec1 .scholar table {
  font-size: 14px;
}
main#exemption #sec1 th,
main#exemption #sec1 td {
  border: 1px solid #8FC031;
  padding: 15px;
}
main#exemption #sec1 .scholar th,
main#exemption #sec1 .scholar td {
  border: 1px solid #666;
}
main#exemption #sec1 th {
  background: #BCD983;
  font-weight: bold;
  vertical-align: middle;
}
main#exemption #sec1 .scholar h4 {
  margin: 30px 0 0;
  font-weight: bold;
}
main#exemption #sec1 .scholar .op {
  border: 1px dotted #000;
  border-radius: 8px;
  margin: 20px 0 0;
  padding: 15px;
}
main#exemption #sec1 .scholar .op h4 {
  font-size: 28px;
  margin: 0;
}
main#exemption #sec1 .scholar .op h4 + p {
  font-size: 19px;
}
main#exemption #sec1 .scholar .op h4 + p + p,
main#exemption #sec1 .scholar .op dl {
  font-size: 15px;
}
main#exemption #sec1 .scholar .op p {
  margin: 1em 0 1.5em;
}
main#exemption #sec1 .scholar .op dl {
  margin: 1em 0 1.5em;
}
main#exemption #sec1 .scholar .op dl dd {
  margin: 0 1.5em 1.5em
}
main#exemption #sec1 .scholar > p {
  margin: 1em 0;
}
main#exemption #sec1 .irr > dl {
  padding: 0 30px;
}
main#exemption #sec1 .irr > dl > dt {
  font-size: 22px;
  font-weight: normal;
}
main#exemption #sec1 .irr > dl > dd {
  font-size: 16px;
  margin: 0 1.5em 0;
}

main#exemption #sec1 .irr > div {
  display: flex;
  margin: 0 auto;
  width: 900px;
}
main#exemption #sec1 .irr > div > div {
  width: 420px;
}
main#exemption #sec1 .irr > div > div:last-child {
  margin: 0 0 0 60px;
}
main#exemption #sec1 .irr > div > div dl {
  margin: 40px 0 0;
}
main#exemption #sec1 .irr > div > div dt {
  background: url(/20017/images/admission/lines.png);
  box-sizing: border-box;
  padding: 3px 0 3px 5px;
}
main#exemption #sec1 .irr > div > div dt span {
  border-left: 4px solid #8fc031;
  color: #8fc031;
  display: block;
  font-size: 17px;
  height: 24px;
  line-height: 24px;
  padding: 0 0 0 15px;
}
main#exemption #sec1 .irr > div > div dd {
  font-size: 14px;
  padding: 20px 0 0;
  margin: 0 1.5em 1.5em;
}
main#exemption #sec1 .irr25 > dl {
  padding: 0 30px;
}
main#exemption #sec1 .irr25 > dl > dt {
  font-size: 22px;
  font-weight: normal;
}
main#exemption #sec1 .irr25 > dl > dd {
  font-size: 16px;
  margin: 0 1.5em 1.5em;
}
main#exemption #sec1 .irr25 > dl > dd dl {
  margin-top: 20px;
}
main#exemption #sec1 .irr25 > dl > dd dt {
  font-weight: normal;
}
main#exemption #sec1 .irr25 > dl > dd dd {
  padding-left: 1.5em;
}
main#exemption #sec1 .irr25 > dl > dd dd + dt {
  margin-top: 1em;
}
main#exemption #sec1 .irr25 > div {
  display: flex;
  margin: 0 auto;
  width: 900px;
}
main#exemption #sec1 .irr25 > div > div {
  width: 420px;
}
main#exemption #sec1 .irr25 > div > div:last-child {
  margin: 0 0 0 60px;
}
main#exemption #sec1 .irr25 > div > div dl {
  margin: 40px 0 0;
}
main#exemption #sec1 .irr25 > div > div dt {
  background: url(/20017/images/admission/lines.png);
  box-sizing: border-box;
  padding: 3px 0 3px 5px;
}
main#exemption #sec1 .irr25 > div > div dt span {
  border-left: 4px solid #8fc031;
  color: #8fc031;
  display: block;
  font-size: 17px;
  height: 24px;
  line-height: 24px;
  padding: 0 0 0 15px;
}
main#exemption #sec1 .irr25 > div > div dd {
  font-size: 14px;
  padding: 20px 0 0;
  margin: 0 1.5em 1.5em;
}


/* 日本学生支援機構（給付型） */

main#exemption #sec1 .kyufu p,
main#exemption #sec1 .kyufu > dl {
  padding: 0 15px;
}
main#exemption #sec1 .kyufu p.subTtl {
  background: #BCD983;
  padding: 8px 15px 8px 25px;
  font-size: 20px;
}
main#exemption #sec1 .kyufu p.subTtl:not(:first-of-type) {
  margin-top: 40px;
}
main#exemption #sec1 .kyufu p.ttl2 {
  font-size: 20px;
}
main#exemption #sec1 .kyufu > dl dt {
  font-weight: normal;
}
main#exemption #sec1 .kyufu > dl dd {
  margin-left: 1em;
}
main#exemption #sec1 .kyufu > dl dd + dt {
  margin-top: 10px;
}
main#exemption #sec1 .kyufu > dl dd span {
  display: block;
  margin-left: 2em;
  text-indent: -1em;
}
main#exemption #sec1 .kyufu table th {
  font-size: 2rem;
}
main#exemption #sec1 .kyufu table th span {
  font-size: 1.4rem;
}
main#exemption #sec1 .kyufu table td {
  text-align: center;
}
main#exemption #sec1 .kyufu table td span {
  font-size: 1.8rem;
}
main#exemption #sec1 .kyufu caption {
  text-align: left;
}
main#exemption #sec1 .kyufu caption.right {
  text-align: right;
}
main#exemption #sec1 .kyufu p.tblNote {
  margin-top: 0;
  text-align: right;
  padding-right: 0;
  font-size: 1.3rem;
}
main#exemption #sec1 .exemption_contents {
  padding-top: 130px;
  margin-top: -130px;
}
/*----- 2025 new design #72123 -----*/
main#exemption #sec1 table .green_bg {
  background: #7FC200 !important;
  font-size: 2.3rem !important;
  color: white;
  text-align: left;
  padding: 10px 20px !important;
  font-weight: bold;
}
main#exemption #sec1 table .w120 { width: 120px !important;}
main#exemption #sec1 table .w130 { width: 130px !important;}
main#exemption #sec1 table .w160 { width: 160px !important;}
main#exemption #sec1 table .w170 { width: 170px !important;}
main#exemption #sec1 .bold {font-weight: bold;}
main#exemption #sec1 .t_center {text-align: center !important;}
main#exemption #sec1 .s_font {font-size: 1.2rem !important;}
main#exemption #sec1 .cyan {
  color: #57BAE6;
  text-decoration-line: underline;
}
main#exemption #sec1 .red {color: #FF0000;}
main#exemption #sec1 .less_pd {padding: 15px 0 !important;}
main#exemption #sec1 .less_pd2 {padding: 5px 15px !important;}
main#exemption #sec1 .less_pd3 {padding: 0 8px !important;}
main#exemption #sec1 table .gray_bg {
  background: #E4E4E4 !important;
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem !important;
  padding: 10px !important;
}
main#exemption #sec1 .wrap_td {
  padding:0 !important;
}
main#exemption #sec1 .wrap_td table {
  margin-top: 0 !important;
  border: none !important;
}
main#exemption #sec1 .wrap_td table th, main#exemption #sec1 .wrap_td table td {
  border-top: none !important;
  border-left: none !important;
}
main#exemption #sec1 .no_bdr1 {border-right: none !important;}
main#exemption #sec1 .no_bdr2 {border-bottom: none !important;}
main#exemption #sec1 .caution {
  font-weight: bold;
  margin: 5px 0 50px;
}
main#exemption #sec1 .caution.mb20 {
  margin-bottom: 20px;
}
main#exemption #sec1 table ul.indent li {
  text-indent: -1em;
  margin-left: 1em;
}
main#exemption #sec1 .normal_w {font-weight: normal !important;}
main#exemption #sec1 .accept, main#exemption #sec1 .not_accept {
  width: 138px;
  position: relative;
  text-align: center;
  font-weight: bold;
}
main#exemption #sec1 .accept {
  background: #6AC70A;
  color: white;
}
main#exemption #sec1 .not_accept {
  background: #C7EAA3;
}
main#exemption #sec1 .nonyu {
  width: 68px;
  text-align: center;
  position: relative;
}
main#exemption #sec1 .nonyu::after {
  content: "";
  border: 12px solid transparent;
  position: absolute;
  left: -2px;
  top: 0;
  transform: translateY(-50%);
  border-left-color: #6AC70A;
}
main#exemption #sec1 .nonyu2::after {
  border-left-color: #C7EAA3;
}
main#exemption #sec1 .l_spacing1 {letter-spacing: -1px;}
main#exemption #sec1 .fixed_height {height: 80px;}
main#exemption #sec1 .fixed_height2 {height: 70px;}
main#exemption #sec1 .simulator {
  background: #8FC031;
  color: white;
  width: 540px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 30px auto 0;
}
main#exemption #sec1 .simulator span {
  position: relative;
}
main#exemption #sec1 .simulator span::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 3px solid white;
  border-bottom: 3px solid white;
  transform: rotate(-45deg);
  position: absolute;
  top: 10px;
  right: -20px;
}
main#exemption #sec1 .simulator_note {
  text-align: center;
  font-size: 1.4rem;
  margin-top: 15px;
}
main#exemption #sec1 .green_h4 {
  background: #7FC200;
  margin: 40px 0 15px;
  padding: 10px 20px;
  font-size: 2.3rem;
  color: white;
  font-weight: bold;
}
main#exemption #sec1 .plus {
  position: relative;
  margin: 5px 0 70px;
}
main#exemption #sec1 .plus::after {
  content: "+";
  position: absolute;
  bottom: -70px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 5.5rem;
  font-weight: bold;
  color: #7FC200;
}
main#exemption #sec1 dl.pont {
  border: 1px solid #7FC200;
  margin: 30px 0 20px;
}
main#exemption #sec1 dl.pont dt {
  background: #7FC200;
  padding: 8px 20px;
  font-size: 2.3rem;
  color: white;
  font-weight: bold;
}
main#exemption #sec1 dl.pont dd {
  padding: 18px;
}
main#exemption #sec1 table.hensai_table caption {
  text-align: left;
  margin-bottom: 5px;
}
main#exemption #sec1 table.hensai_table th, table.hensai_table td {
  padding: 12px 0 !important;  
}
main#exemption #sec1 table.hensai_table th {
  width: 130px;
}
main#exemption #sec1 table.hensai_table td {
  font-size: 1.8rem;
}
main#exemption #sec1 table.hensai_table + p {
  margin-top: 5px;
}
main#exemption #sec1 .green_mark {
  background-color: #C2D88D;
  font-weight: bold;
}
main#exemption #sec1 ul.scholar {
  margin: 20px 0 30px;
  display: flex;
  justify-content: space-between;
}
main#exemption #sec1 ul.scholar li {
  background: #7FC200;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  border-radius: 50px;
  color: white;
  padding: 15px;
}
main#exemption #sec1 ul.scholar li:first-child {
  width: 60%;
  position: relative;
}
main#exemption #sec1 ul.scholar li:first-child::after {
  content: "+";
  position: absolute;
  right: -55px;
  top: 5px;
  font-size: 5.5rem;
  font-weight: bold;
  color: #7FC200;
}
main#exemption #sec1 ul.scholar li:last-child {
  width: 33%
}
main#exemption #sec1 table.two_table {
  border: none !important;
}
main#exemption #sec1 table.two_table th {
  position: relative;
}
main#exemption #sec1 table.two_table th .yen {
  position: absolute;
  right: 10px;
  top: 15px;
  font-weight: normal;
}
main#exemption #sec1 table.two_table td {
  text-align: center;
  padding: 10px 5px !important;
}
main#exemption #sec1 table.two_table td:empty {
  border: none !important;
}
main#exemption #sec1 table.two_table .top_td {
  width: 160px;
}
main#exemption #sec1 table.two_table tr:last-child td {
  text-align: left;
  padding-left: 15px !important;
}
main#exemption #sec1 .table_wrap + p {
  margin-top: 10px;
}

/*---------- 併願制度 ----------*/

main#multiple #sec1 {
  background: url(/20017/images/dot_bg.jpg);
}
main#multiple #sec1 .inner {
  background: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 60px 43px;
  width: 1040px;
}
main#multiple #sec1 h2 {
  color: #8fc031;
  font-size: 30px;
  font-weight: bold;
  margin: 80px 0 0;
  text-align: center;
}
main#multiple #sec1 h3 {
  border-left: 6px solid #8FC031;
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  margin: 40px 0;
  padding: 0 0 0 20px
}
main#multiple #sec1 h4 {
  color: #8FC031;
  font-size: 20px;
  margin: 40px 0 0;
  font-weight: bold;
}
main#multiple #sec1 h4 + p {
  margin: 20px 0 0;
}
main#multiple #sec1 dl {
  border-bottom: 1px solid #8FC031;
  margin: 50px 0 0;
  padding: 0 0 30px;
}
main#multiple #sec1 dt span {
  background: #8FC031;
  border-radius: 6px;
  color: #fff;
  padding: 5px 15px;
}
main#multiple #sec1 dd {
  margin: 20px 0 0;
}
main#multiple #sec1 dd p {
  color: #8FC031;
  font-size: 18px;
  font-weight: bold;
  margin: 1em 0;
}
main#multiple #sec1 .inner > a {
  background: #8fc031;
  color: #fff;
  display: block;
  font-size: 22px;
  height: 72px;
  line-height: 72px;
  margin: 80px auto 0;
  text-align: center;
  text-decoration: none;
  width: 540px;
}


/*---------- 進学イベント ----------*/

main#event #sec1 {
  margin-top: 100px;
}
main#event #sec1 .inner {
  padding: 0;
}
main#event h2 {
  border-left: 6px solid #8FC031;
  height: 60px;
  line-height: 60px;
  padding: 0 0 0 20px;
  text-align: left;
  font-size: 1.5em;
  color: #404040;
  margin: 1em 0;
  font-weight: bold;
}
main#event #sec1 h2 {
  text-align: left;
  font-size: 1.5em;
  color: #404040;
}
main#event .inner > p {
  margin: 1em 0 1.5em;
}
main#event #sec1 .inner > div,
main#event #sec2 .inner > div {
  display: flex;
  flex-wrap: wrap;
}
main#event #sec1 .inner > div > dl,
main#event #sec2 dl {
  border: 1px solid #707070;
  border-radius: 6px;
  margin: 0 97px 20px 0;
  padding: 30px 0;
  text-align: center;
  width: 282px;
}
main#event #sec1 .inner > div > dl:nth-of-type(3n),
main#event #sec2 .inner > div > dl:nth-of-type(3n) {
  margin: 0 0 20px;
}
main#event #sec1 .inner > div > dl dt {
  font-size: 18px;
  font-weight: bold;
}
main#event #sec2 {
  margin-top: 80px;
}
main#event #sec2 dl dd {
  margin: 0;
}
main#event #sec2 dl p {
  color: #E60012;
  margin: 0;
}
main#event #sec2 a {
  background: #8FC031;
  border-radius: 6px;
  color: #fff;
  display: block;
  height: 56px;
  line-height: 56px;
  margin: 60px auto 0;
  text-align: center;
  text-decoration: none;
  width: 400px;
}
main#event #sec3 {
  margin-top: 80px;
}
main#event #sec3 .inner > div {
  text-align: center;
}
main#event #sec3 .inner > div a {
  background: #8FC031;
  border-radius: 6px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  height: 56px;
  line-height: 56px;
  margin: 0 15px;
  text-align: center;
  text-decoration: none;
  width: 400px;
}
main#event #sec4 {
  margin-top: 80px;
}
main#event #sec4 dl {
  display: table;
  margin: 0 0 5px;
  width: 100%;
}
main#event #sec4 dt {
  padding: 12px 0;
}
main#event #sec4 dt,
main#event #sec4 dd,
main#event #sec4 dd p {
  display: table-cell;
}
main#event #sec4 dt {
  background: #8FC031;
  color: #fff;
  text-align: center;
  width: 260px;
}
main#event #sec4 dd {
  border: 1px solid #8FC031;
}
main#event #sec4 dd p:nth-of-type(1) {
  border-right: 1px solid #8FC031;
  width: 230px;
}
main#event #sec4 dd p {
  padding: 12px 30px;
}
main#event #sec5 {
  margin-top: 80px;
}



/*=====================================================================================

　　　　　　　　　　　　　　　　       オープンキャンパス

=====================================================================================*/


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

main#opencampus img {
  height: auto;
  max-width: 100%;
}
main#opencampus #sec1 {
  background: url(/20017/images/dot_bg.jpg);
}
main#opencampus #sec1 .inner {
  background: #fff;
  margin: 0 auto;
  padding: 60px 45px;
  width: 1040px;
}
main#opencampus #sec1 .titles {
  color: #DB5A67;
}
main#opencampus #sec1 .titles h2 {
  font-size: 1.5em;
  font-weight: bold;
}
main#opencampus #sec1 .titles span {
  font-family: 'Oswald', sans-serif;
  font-size: 42px;
  line-height: 1.5;
}
main#opencampus #sec1 ul {
  list-style: none;
  margin: 50px 0 0;
  padding: 0;
}
main#opencampus #sec1 li {
  font-size: 0;
  margin: 0 0 60px;
}
main#opencampus #sec1 li > div {
  box-sizing: border-box;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
  width: 50%;
}
main#opencampus #sec1 li > div:nth-of-type(2) {
  padding: 0 0 0 40px;
}
main#opencampus #sec1 li > div:nth-of-type(2) > span {
  background: #FFFFB2;
  display: block;
  font-weight: bold;
  padding: 20px 0;
  position: relative;
  text-align: center;
}
main#opencampus #sec1 li > div:nth-of-type(2) > span:after {
  bottom: -18px;
  content: url(/20017/images/oc/tri.png);
  left: 50%;
  margin-left: -10px;
  position: absolute;
}
main#opencampus #sec1 li dl {
  margin: 1em 0;
}
main#opencampus #sec1 li dt {
  border-bottom: 1px solid #000;
  font-size: 20px;
  padding: 20px 0;
}
main#opencampus #sec1 li dd {
  margin: 0;
}
main#opencampus #sec1 li dd > div:nth-of-type(1) {
  border-bottom: 1px solid #000;
  padding: 15px 0;
}
main#opencampus #sec1 li dd > div:nth-of-type(1) span {
  color: #DB5A67;
  display: block;
  font-size: 20px;
  font-weight: bold;
}
main#opencampus #sec1 li dd > div:nth-of-type(1) p {
  font-size: 14px;
  margin: 10px 0 0;
}
main#opencampus #sec1 li dd > div:nth-of-type(2) {
  padding: 15px 0;
}
main#opencampus #sec1 li dd > div:nth-of-type(2) span {
  border: 1px solid #000;
  display: inline-block;
  font-size: 12px;
  margin: 0 10px 10px 0;
  padding: 0 12px;
}
main#opencampus #sec1 li dd > a {
  background: #DB5A67;
  border-radius: 6px;
  color: #fff;
  display: block;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
}

/* 詳細 */

table.timeSchedule tr {
  border-bottom: 1px solid #000;
}

table.timeSchedule th {
  text-align: left;
  padding: 20px 0;
  font-weight: bold;
  position: relative;
  padding-left: 1.5em;
}

table.timeSchedule th::before {
  content: "●";
  color: #8CC11F;
  display: inline-block;
  position: absolute;
  left: 0;
}

table.timeSchedule td {
  padding: 20px 0;
  vertical-align: top;
}

table.timeSchedule .f-map {
  margin: 10px 0;
}

table.timeSchedule img {
  margin: 10px 0;
}



/*=====================================================================================

　　　　　　　　　　　　　　　　       企業の方へ

=====================================================================================*/

main#recruit .inner h2 {
  background: url(/20017/images/title.gif) no-repeat left bottom;
  background-size: contain;
  border-bottom: 1px solid #4DAE3C;
  padding: 0 0 0 50px;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0.83em 0;
}
main#recruit .inner > div {
  padding: 0 50px;
}
main#recruit #sec1 {
  margin-top: 80px;
}
main#recruit #sec2 {
  margin-top: 80px;
}
main#recruit #sec2 ul {
  display: flex;
  list-style: none;
  margin: 30px 0;
  padding: 0;
}
main#recruit #sec2 ul li {
  text-align: center;
  width: calc(100% / 3);
}
main#recruit #sec2 ul li a {
  color: #707070;
  text-decoration: underline;
}
main#recruit #sec2 ul li a i,
main#recruit #sec2 ul li a svg {
  color: #E42224;
  display: inline-block;
  font-size: 50px;
  margin-right: 10px;
}
main#recruit #sec2 ul li:nth-of-type(1) a i,
main#recruit #sec2 ul li:nth-of-type(1) a svg {
  color: #4DAE3C;
}
main#recruit #sec2 p.pdf {
  font-size: 13px;
}
main#recruit #sec2 p span {
  color: #E60012;
}
main#recruit #sec2 a {
  text-decoration: underline;
}
main#recruit #sec2 .inner > div p {
  margin: 1em 0;
}
main#recruit #sec2 .inner > div > div {
  border: 1px solid #898989;
  padding: 30px;
}
main#recruit #sec2 .inner > div > div span {
  color: #4DAE3C;
}


/*=====================================================================================

　　　　　　　　　　　　　　　　       プライバシー

=====================================================================================*/

main#privacy p {
  margin: 1em 0;
}
main#privacy .n_wrap dd {
  margin: 0 0 30px;
}
main#privacy .n_wrap dd ul {
  list-style: none;
  margin: 10px;
  padding: 15px 0 0;
}



/*=====================================================================================

　　　　　　　　　　　　　　　　           関連リンク

=====================================================================================*/

main#link p {
  margin: 1em 0;
}
main#link .n_wrap h3 {
  background: url(/20017/images/title.gif) no-repeat left bottom;
  background-size: contain;
  border-bottom: 1px solid #4DAE3C;
  padding: 0 0 0 50px;
}
main#link .n_wrap .link {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5em 3em;
}
main#link .n_wrap .link li {
  padding: 5px 0;
}
main#link .n_wrap .link a {
  color: #333;
  text-decoration: underline;
}
main#link .n_wrap .g_link a {
  display: block;
  height: 35px;
  line-height: 35px;
  padding: 0 0 0 60px;
}
main#link .n_wrap .g_link li:nth-of-type(2) a {
  background: url(/20017/images/kbc.png) no-repeat left center;
}
main#link .n_wrap .g_link li:nth-of-type(3) a {
  background: url(/20017/images/ohara.png) no-repeat left center;
}
main#link .n_wrap .g_link li:nth-of-type(4) a {
  background: url(/20017/images/lcare.png) no-repeat left center;
}
main#link .n_wrap .g_link li:nth-of-type(5) a {
  background: url(/20017/images/ida.png) no-repeat left center;
}
main#link .n_wrap .g_link li:nth-of-type(6) a {
  background: url(/20017/images/irc.png) no-repeat left center;
}
main#link .n_wrap .g_link li:nth-of-type(7) a {
  background: url(/20017/images/pet.png) no-repeat left center;
}
main#link .n_wrap .g_link li:nth-of-type(8) a {
  background: url(/20017/images/bmode.png) no-repeat left center;
}
main#link .n_wrap .g_link li:nth-of-type(9) a,
main#link .n_wrap .g_link li:nth-of-type(10) a {
  background: url(/20017/images/idah.png) no-repeat left center;
}



/*=====================================================================================

　　　　　　　　　　　　　　　　           IDAの特徴

=====================================================================================*/


main#feature h1 {
  color: #fff;
  font-size: 48px;
  margin: 0;
  padding: 20vw 0 0;
  text-align: center;
}
main#feature #sec1 {
  background: url(/20017/images/dot_bg.jpg);
}
main#feature #sec1 .inner {
  background: #fff;
  margin: 0 auto;
  padding: 60px 0;
  width: 1040px;
}
main#feature #sec1 h2 {
  font-size: 24px;
  margin: 0;
  text-align: center;
  font-weight: bold;
}
main#feature #sec1 h2 img {
  width: 70px;
}
main#feature #sec1 dl {
  padding: 0 30px;
  margin: 1em 0;
}
main#feature #sec1 dt {
  font-size: 24px;
}
main#feature #sec1 dt p {
  display: inline-block;
  background: linear-gradient(transparent 60%, #FFFF00 80%,transparent 80%);
  margin: 0;
  vertical-align: baseline;
}
main#feature #sec1 dt span {
  display: inline-block;
  font-size: 60px;
  margin: 0 5px 0 0;
}
main#feature #sec1 dd {
  margin: 0;
}
main#feature #sec2 {
  background: #ffff7f url(/20017/images/dot_bg.png);
}
main#feature #sec2 .inner {
  background: #FFFF00;
  margin: 0 auto;
  padding: 80px 0;
  width: 1040px;
}
main#feature #sec2 h3 {
  background: url(/20017/images/bg_title.png) no-repeat center center;
  height: 65px;
  line-height: 60px;
  margin: 0 auto;
  text-align: center;
  width: 615px;
  font-weight: bold;
  font-size: 1.17em;
}
main#feature #sec2 ul {
  font-size: 0;
  margin: 50px 0 0;
  text-align: center;
}
main#feature #sec2 li {
  display: inline-block;
  font-size: 16px;
  text-align: left;
  vertical-align: top;
  width: 290px;
}
main#feature #sec2 li:nth-of-type(2) {
  margin: 0 30px;
}
main#feature #sec2 li dt {
  color: #DB5A67;
  margin: 15px 0;
}
main#feature #sec2 li dd {
  font-size: 15px;
  margin: 0;
}
main#feature #sec3 {
  background: url(/20017/images/dot_bg.jpg);
}
main#feature #sec3 .inner {
  background: #fff;
  margin: 0 auto;
  padding: 120px 0 80px;
  width: 1040px;
}
main#feature #sec3 .inner > div {
  border: 3px solid #FFFF00;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 40px 40px 40px 360px;
  position: relative;
  width: 960px;
}
main#feature #sec3 .inner > div > span {
  background: #fff;
  color: #7B7B7B;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  padding: 3px 5px;
  position: absolute;
  right: 10px;
  top: -15px;
}
main#feature #sec3 .inner > div > img {
  bottom: 0;
  left: 0;
  position: absolute;
}
main#feature #sec3 dl {
  margin: 0;
}
main#feature #sec3 dt {
  color: #3D3D3D;
  font-size: 20px;
}
main#feature #sec3 dd {
  margin: 15px 0 0;
}
main#feature #sec3 dd p {
  color: #DB5A67;
  font-weight: bold;
  margin: 20px 0 0;
  text-align: right;
}
main#feature .b_link {
  background: url(/20017/images/result_teachers.jpg) no-repeat center center;
  background-size: cover;
  padding: 80px 0;
  text-align: center;
}
main#feature .b_link a {
  color: #3D3D3D;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
}
main#feature .b_link a span {
  font-family: 'Oswald', sans-serif;
  font-weight: 200;
}
main#feature #sec4 {
  background: url(/20017/images/dot_bg.jpg);
}
main#feature #sec4 .inner {
  background: #fff;
  margin: 0 auto;
  padding: 60px 0;
  width: 1040px;
}
main#feature #sec4 dl {
  padding: 0 30px;
}
main#feature #sec4 dt {
  font-size: 28px;
}
main#feature #sec4 dt p {
  display: inline-block;
  background: linear-gradient(transparent 60%, #FFFF00 80%,transparent 80%);
  margin: 0;
  vertical-align: baseline;
}
main#feature #sec4 dt span {
  display: inline-block;
  font-size: 60px;
  margin: 0 5px 0 0;
}
main#feature #sec4 dd {
  margin: 0;
}
main#feature #sec5 {
  background: #ffff7f url(/20017/images/dot_bg.png);
}
main#feature #sec5 .inner {
  background: #FFFF00;
  margin: 0 auto;
  padding: 80px 0;
  width: 1040px;
}
main#feature #sec5 h3 {
  background: url(/20017/images/bg_title.png) no-repeat center center;
  height: 65px;
  line-height: 60px;
  margin: 0 auto;
  text-align: center;
  width: 615px;
  font-weight: bold;
  font-size: 1.17em;
}
main#feature #sec5 ul {
  font-size: 0;
  margin: 50px 0 0;
  text-align: center;
}
main#feature #sec5 li {
  display: inline-block;
  font-size: 16px;
  text-align: left;
  vertical-align: top;
  width: 290px;
}
main#feature #sec5 li:nth-of-type(2) {
  margin: 0 30px;
}
main#feature #sec5 li dt {
  color: #DB5A67;
  margin: 15px 0;
}
main#feature #sec5 li dd {
  font-size: 15px;
  margin: 0;
}
main#feature #sec6 .inner {
  background: #fff;
  margin: 0 auto;
  padding: 120px 0 80px;
  width: 1040px;
}
main#feature #sec6 .inner > div {
  border: 3px solid #FFFF00;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 20px 40px 20px 280px;
  position: relative;
  width: 960px;
}
main#feature #sec6 .inner > div > span {
  background: #fff;
  color: #7B7B7B;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  padding: 3px 5px;
  position: absolute;
  right: 10px;
  top: -15px;
}
main#feature #sec6 .inner > div > img {
  bottom: 0;
  left: 0;
  position: absolute;
}
main#feature #sec6 dl {
  margin: 0;
}
main#feature #sec6 dt {
  color: #3D3D3D;
  font-size: 20px;
}
main#feature #sec6 dd {
  font-size: 15px;
  margin: 15px 0 0;
}
main#feature #sec6 dd p {
  color: #DB5A67;
  font-weight: bold;
  margin: 20px 0 0;
  text-align: right;
}
main#feature #sec7 {
  background: url(/20017/images/dot_bg.jpg);
}
main#feature #sec7 .inner {
  background: #fff;
  margin: 0 auto;
  padding: 60px 0;
  width: 1040px;
}
main#feature #sec7 dl {
  padding: 0 30px;
}
main#feature #sec7 dt {
  font-size: 28px;
}
main#feature #sec7 dt p {
  background: linear-gradient(transparent 60%, #FFFF00 80%,transparent 80%);
  display: inline-block;
  margin: 0;
  vertical-align: baseline;
}
main#feature #sec7 dt span {
  display: inline-block;
  font-size: 60px;
  margin: 0 5px 0 0;
}
main#feature #sec7 dd {
  margin: 0;
}
main#feature #sec7 ul {
  font-size: 0;
  list-style: none;
  padding: 0;
}
main#feature #sec7 li {
  box-sizing: border-box;
  display: inline-block;
  font-size: 16px;
  margin: 120px 0 0;
  position: relative;
  vertical-align: top;
  width: 50%;
}
main#feature #sec7 li span {
  background: url(/20017/images/fuki_1.png) no-repeat;
  box-sizing: border-box;
  display: block;
  font-size: 15px;
  font-weight: bold;
  height: 164px;
  left: 0;
  padding: 50px 0 0;
  position: absolute;
  text-align: center;
  top: -100px;
  width: 164px;
}
main#feature #sec7 li:nth-child(2n) span {
  background: url(/20017/images/fuki_2.png) no-repeat;
  left: auto;
  right: 0;
}
main#feature #sec7 li > div {
  padding: 0 36px;
}
main#feature #sec7 li > div:nth-of-type(1) {
  background: linear-gradient(transparent 50%, #FFFF00 50%);
  padding-bottom: 30px;
}
main#feature #sec7 li h5 {
  color: #7B7B7B;
  font-size: 20px;
  margin: 1.67em 0;
  font-weight: bold;
}
main#feature #sec7 li p {
  margin: 1em 0;
}


/*=====================================================================================

　　　　　　　　　　　　　　　　         キーワード検索結果

=====================================================================================*/


#keyword {
  width: 980px;
  margin: 50px auto;
}

#keyword h1.title {
  font-size: 2.5rem;
  margin-bottom: 30px;
}

#keyword table.table-keyword {
  border: 1px solid #ccc;
  width: 100%;
  margin-bottom: 20px;
}

#keyword table.table-keyword th {
  width: 18%;
  text-align: center;
  background: #eee;
  font-weight: normal;
  padding: 40px 20px;
}

#keyword table.table-keyword td {
  padding: 28px;
}

#keyword .resultnum01 {
  font-weight: bold;
  font-size: 32px;
  margin-right: 2px;
  color: #8CC11F;
}

#keyword .search {
  padding-top: 12px;
  display: block;
}

#keyword input.input-keyword {
  padding: 10px;
  font-size: 14px;
  display: inline-block !important;
  width: 78%;
  border: 1px solid #ccc;
}

#keyword .table-keyword p.tx {
  margin: 12px 0;
}

#keyword .table-keyword .search a {
  padding: 15px 24px;
  color: #fff;
  background: #8CC11F;
  margin-left: 10px;
  text-decoration: none;
}

#keyword .result {
  font-size: 14px;
}
#keyword .result > p {
  margin-bottom: 30px;
  font-size: 18px;
}
#keyword .result .arrow-01:before {
  content: " ";
  width: 6px;
  height: 6px;
  border-top: 2px solid #8CC11F;
  border-right: 2px solid #8CC11F;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 8px;
  left: 0;
}
#keyword .result li {
  margin-bottom: 32px;
  padding: 0px 0 0 24px;
  position: relative;
}
#keyword .result li a {
  font-weight: bold;
  font-size: 16px;
}
#keyword .result li p {
  margin: 5px 0px;
}
#keyword .result li p.tx {
  margin-top: 5px;
}
#keyword .no_result {
  margin: 10px 0 160px 0px;
  line-height: 1.5;
}

#keyword .navigation {
  margin: 10px 0;
  overflow: hidden;
}
#keyword .navigation .alignright { float: right;}
#keyword .navigation .alignleft { float: left;}



/*======================================================================
||
||    error
||
======================================================================*/

#error {
  position: relative;
}
#error .error-inner {
  position: relative;
  width: 980px;
  margin: 200px auto;
}

#error .error-inner .error-head {
  margin: 0 0 24px 0;
  font-size: 28px;
  font-weight: bold;
}

#error .error-inner h1, #error .error-inner p, #error .error-inner p a {
  text-align: center;
}
#error .error-inner .error-text {
  margin: 0 0 20px 0;
  font-size: 16px;
  line-height: 1.8;
}
#error .error-inner .to-top {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 160px;
  height: 48px;
  margin: 0 auto;
  padding: 0 10px 0 10px;
  line-height: 48px;
}

#error .to-top a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  border-radius: 6px;
}

#error .to-top a {
  position: relative;
  text-align: right;
  font-size: 16px;
}

#error .to-top a:after {
  content: " ";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 1px solid #8CC11F;
  border-right: 1px solid #8CC11F;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: -4px;
  top: 16px;
}



/*======================================================================
||
||    ブログ
||
======================================================================*/


/*---single post---*/

.single_sub_title {
  background: #1c1c1c;
  padding: 10px 0;
}
.single_sub_title h2 {
  background: url(/20017/images/sq.png) no-repeat left center;
  background-size: 12px auto;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 24px;
}
.single-post .entry-header {
  padding: 20px 0;
}
.single-post .entry-title {
  margin-top: 0;
}
.single-post h2.entry-cp {
  font-size: 2.8rem;
  font-weight: bold;
  color: #8FC031;
}
.single-post .other_blog {
  border: 1px solid #000;
  box-sizing: border-box;
  margin: 80px auto 40px;
  padding: 0 50px 30px;
  width: 1040px;
}
.single-post .other_blog h4 {
  background: url(/20017/images/tri.png) no-repeat left center;
  background-size: 20px auto;
  font-size: 20px;
  font-weight: normal;
  padding: 5px 0 5px 30px;
  margin: 1.33em 0;
}
.single-post .slick-slide {
  width: calc((100% - 200px) / 3);
}
.single-post .slick-slide > div > div > a {
  display: block;
  height: 0;
  padding: 75% 0 0;
  text-indent: -9999em;
}
.single-post .slick-slide > div > div > div > p {
  margin:10px auto;
}
.single-post .slick-slide > div > div > div > p span {
  font-size: 14px;
}
.single-post .slick-slide > div > div > div > p span:last-child {
  border: 1px solid #000;
  display: inline-block;
  font-size: 13px;
  margin: 0 0 0 8px;
  padding: 0 5px;
}
.single-post .slick-slide > div > div > div > a {
  color: #000;
  font-size: 15px;
  text-decoration: none;
}
.single-post .slick-arrow {
  cursor: pointer;
  font-size: 30px;
  top: 80px;
}
.single-post .slick-arrow.prev {
  left: -20px;
}
.single-post .slick-arrow.next {
  right: -20px;
}

/*---archive & blog---*/
.archive .single_sub_title,
.page-id-817 .single_sub_title {
  margin: 0;
}
.cat_links {
  background: #ccc;
  margin: 0;
  padding: 25px 0 0;
}
.cat_links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cat_links ul li {
  display: inline-block;
  margin: 0 25px 25px 0;
  width: 235px;
}
.cat_links ul li:nth-child(4n) {
  margin: 0 0 25px 0;
}
.cat_links ul li a {
  background: #fff;
  border: 2px solid #efefef;
  color: #00913a;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 36px;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.cat_links ul li a:hover,
.cat_links ul li.active a {
  background: #00913a;
  border-color: #00913a;
  color: #fff;
}
.cat_links ul li.cat9 a {
  border-color: #e60012;
  color: #e60012;
}
.cat_links ul li.cat9 a:hover,
.cat_links ul li.cat9.active a {
  background: #e60012;
  border-color: #e60012;
  color: #fff;
}
.cat_links ul li.cat10 a {
  border-color: #00a0e9;
  color: #00a0e9;
}
.cat_links ul li.cat10 a:hover,
.cat_links ul li.cat10.active a {
  background: #00a0e9;
  border-color: #00a0e9;
  color: #fff;
}
.cat_links ul li.cat11 a {
  border-color: #f39800;
  color: #f39800;
}
.cat_links ul li.cat11 a:hover,
.cat_links ul li.cat11.active a {
  background: #f39800;
  border-color: #f39800;
  color: #fff;
}
.cat_links ul li.cat12 a {
  border-color: #8fc31f;
  color: #8fc31f;
}
.cat_links ul li.cat12 a:hover,
.cat_links ul li.cat12.active a {
  background: #8fc31f;
  border-color: #8fc31f;
  color: #fff;
}
.cat_links ul li.cat13 a {
  border-color: #fd3fff;
  color: #fd3fff;
}
.cat_links ul li.cat13 a:hover,
.cat_links ul li.cat13.active a {
  background: #fd3fff;
  border-color: #fd3fff;
  color: #fff;
}

.cat_links ul li a:after {
  content: "\f054";
  display: block;
  font-family: FontAwesome;
  height: 40px;
  position: absolute;
  right: 10px;
  top: 0;
}

.blog_list {
  font-size: 0;
  padding: 80px 0;
}
.blog_list > div {
  display: inline-block;
  font-size: 16px;
  margin: 0 40px 40px 0;
  vertical-align: top;
  width: 320px;
}
.blog_list > div:nth-child(3n) {
  margin: 0 0 40px 0;
}
.blog_list > div > a {
  display: block;
  height: 0;
  padding: 75% 0 0;
  text-indent: -9999em;
}
.blog_list > div > div > p {
  margin:10px auto;
}
.blog_list > div > div > p span {
  font-size: 14px;
}
.blog_list > div > div > p span:last-child {
  border: 1px solid #000;
  display: inline-block;
  font-size: 13px;
  margin: 0 0 0 8px;
  padding: 0 5px;
}
.blog_list > div > div > a {
  color: #000;
  font-size: 15px;
  text-decoration: none;
}

.paging {
  border-top: 1px solid #999;
  padding: 30px 0;
}
.wp-pagenavi {
  text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
  color: #000;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0;
  text-align: center;
  width: 32px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
  background: #009944;
  border-color: #009944;
  color: #fff;
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
  border: none;
}
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover {
  background: none;
  color: #000;
}



/*======================================================================
||
||    フォーム共通
||
======================================================================*/


.form_page {
  width: 960px;
  margin: 0 auto;
}

.form_page h2.form_h2 {
  margin: 20px 0;
  font-size: 2rem;
  font-weight: bold;
}

.form_pan {
  text-align: center;
  padding: 30px 0 40px;
}

ul.pan li {
  display: inline-table;
  padding: 10px 5px;
  margin-right: 30px;
  background-color: #ededed;
  color: #848484;
  width: 150px;
  position: relative;
  font-size: 1.3rem;
}

ul.pan li.active {
    background-color: #8CC11F;
    color: #fff;
}

ul.pan li::after {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left: 5px solid #dbdbdb;
  content: '';
  position: absolute;
  right: -25px;
  top: 15px;
}

ul.pan li:last-child:after {
  content: none;
}

table.table-form02 table tr {
  border-bottom: 1px solid #CCC;
}

table.table-form02 table th,
table.table-form02 table td {
  padding: 20px 0px 20px 0px;
  text-align: left;
  color: #555555;
  font-size: 100%;
  font-weight: normal;
}

table.table-form02 table th {
  padding: 20px 25px 20px 0px;
  text-align: left;
  color: #555555;
  font-size: 100%;
  font-weight: normal;
  border-bottom: 1px solid #CCCCCC;
  letter-spacing: 1px;
  width: 300px;
}

table.table-form02 dl + dl {
  margin-top: 10px;
}

table.table-form02 dt {
  font-weight: normal;
}

.form_page input[type="text"],
.form_page input[type="tel"] {
  border: 1px solid #aaa;
  padding: 6px 12px;
  z-index: 10;
  background: white;
  font-size: 1.4rem;
}

.form_page input[type="text"] {
  width: 230px;
}

.form_page input#zip {
  width: 110px;
}

.form_page select {
  height: 36px;
  font-size: 1.4rem;
  width: 230px;
  border: 1px solid #aaa;
  border-radius: 0;
  background: white;
}

.form_page select#birthday_year {
  width: 140px;
}

.form_page select#birthday_month,
.form_page select#birthday_day {
  width: 80px;
  margin-left: 10px;
}

.form_page select#option4 {
  margin-bottom: 5px;
}

.form_page select#option5 {
  margin: 5px 0;
}

dl.address-layout dd + dt {
  margin-top: 10px;
}

.form_page textarea {
  width: 500px;
  height: 80px;
  border: 1px solid #aaa;
  font-size: 1.4rem;
  padding: 6px 12px;
}
 
.form_page .need,
.form_page p.error,
.form_page p.show_err_msg {
  color: #ff0000;
}

.form_page input[type="button"] {
  background: #DB5A67;
  color: #fff;
  padding: 15px 0;
  text-align: center;
  width: 250px;
  font-size: 1.8rem;
  cursor: pointer;
  border: none;
}

.form_page input[type="reset"],
.form_page input[type="button"].back {
  padding: 16px 0;
  border: none;
  background: #ddd;
  font-size: 1.6rem;
  width: 210px;
  margin-left: 20px;
  cursor: pointer;
  color: #555;
}


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





/*---------- 資料請求 ----------*/








/*---学生作品---*/
.page-id-372 .movie {
  background: url(img/works/mv.jpg) no-repeat center center;
  background-size: cover;
}
.page-id-372 .mv_title {
  padding: 50px 0 0;
  text-align: center;
}
.page-id-372 .mv_title div {
  background: url(img/support/bg_mv_title.png);
  border: 3px solid #fff;
  display: inline-block;
  padding: 60px 120px;
}
.page-id-372 .mv_title div p:nth-of-type(1) {
  font-size: 30px;
  font-weight: bold;
  margin: 0;
}
.page-id-372 .mv_title div h1 {
  font-size: 40px;
  margin: 0;
}
.page-id-372 .mv_title div span {
  font-family: 'Oswald', sans-serif;
  font-size: 28px;
  margin: 0;
}
.page-id-372 .mv_title div p:nth-of-type(2) {
  font-weight: bold;
}
.page-id-372 #sec1 {
  background: url(img/common/bg.jpg);
}
.page-id-372 #sec1 .inner {
  background: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 60px 43px;
  width: 1040px;
}
.page-id-372 #sec1 h2 {
  border-bottom: 1px solid #000;
  font-size: 32px;
  padding: 0 0 20px;
  text-align: center;
}
.page-id-372 #sec1 h2 + ul {
  display: table;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  table-layout: fixed;
  text-align: center;
}
.page-id-372 #sec1 h2 + ul li {
  display: table-cell;
  padding: 0 20px;
  vertical-align: middle;
}
.page-id-372 #sec1 h2 + ul li img {
  vertical-align: middle;
}
.page-id-372 #sec1 .w_list {
  font-size: 0;
  margin: 50px 0 0;
}
.page-id-372 #sec1 .w_list > div {
  display: inline-block;
  font-size: 16px;
  margin: 0 42px 42px 0;
  vertical-align: top;
}
.page-id-372 #sec1 .w_list > div:nth-child(3n) {
  margin: 0 0 42px 0;
}
.page-id-372 #sec1 .w_list > div img {
  display: block;
}
.page-id-372 #sec1 .w_list > div dt {
  display: table;
}
.page-id-372 #sec1 .w_list > div dt span,
.page-id-372 #sec1 .w_list > div dt p {
  display: table-cell;
  vertical-align: middle;
}
.page-id-372 #sec1 .w_list > div dt span {
  padding: 0 20px 0 0;
}
.page-id-372 #sec1 .w_list > div dt span img {
  vertical-align: middle;
}
.page-id-372 #sec1 .w_list > div dd {
  margin: 15px 0 0;
}
.page-id-372 #sec1 .w_list > div dd a {
  border-radius: 6px;
  color: #fff;
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
}
.page-id-372 #sec1 .w_list > div:nth-of-type(1) dd a {
  background: #DB2200;
}
.page-id-372 #sec1 .w_list > div:nth-of-type(2) dd a {
  background: #03A0F0;
}
.page-id-372 #sec1 .w_list > div:nth-of-type(3) dd a {
  background: #FF8307;
}
.page-id-372 #sec1 .w_list > div:nth-of-type(4) dd a {
  background: #79C100;
}
.page-id-372 #sec1 .w_list > div:nth-of-type(5) dd a {
  background: #E63A81;
}
.page-id-372 #sec1 .w_list > div:nth-of-type(6) dd a {
  background: #DB2200;
}


/*=====================================================================================

　　　　　　　　　　　　　　　　           学科詳細共通

=====================================================================================*/
#third2021 img{ max-width:100vw;}
#third2021 .third_top{padding:60px 0 0 0 ; width:100vw; height:30vh;  color:#FFF !important;
background-position:center center; background-repeat:no-repeat; background-size:100%; text-align:center; font-family:"noto";text-shadow: 1px 1px 2px #000000;}
#third2021 .third{ margin:20px auto 70px auto !important; padding:0; width:80vw; background-position:top; background-repeat:no-repeat; background-size:100%; text-align:center; position:relative; min-height:30vh}
#third2021 .third_top h1{ font-size:70px; line-height:80px; margin:0 !important; padding:0 !important;}
#third2021 .third_top h2{ font-size:30px; line-height:35px; margin:0 !important; padding:0 !important;font-weight:normal}
#third2021 .pt20 {padding-top:20px;}

#third2021 .third_ttl{ margin:80px auto 50px auto; max-width:464px; width:80%}
#third2021 .third_ttlb{position:absolute; top:0; left:calc(50% - 232px); z-index:1; max-width:464px; width:80%}

#third2021 .lesson{ display: flex; flex-flow: row wrap; width:90%; margin:0 auto; padding:0;justify-content: space-between;}
#third2021 .lesson div{ width:48%; text-align:left; }
#third2021 .photowaku img{ width:100%}
#third2021 .photowaku{ position: relative;}
#third2021 .photowaku:after{ position: absolute; content: ''; left: -7px;  top: -7px;
 border-width:40px 40px 0 0;  border-style: solid; border-color:rgba(132,192,30,1) rgba(0,153,102,0) rgba(132,192,30,1);}
#third2021 .photowaku:before{ position: absolute; content: ''; right: -7px; bottom: -7px;
 border-width:0 0 40px 40px;  border-style: solid; border-color:rgba(132,192,30,1) rgba(0,153,102,0) rgba(132,192,30,1);}
#third2021 .lesson div h3{ width:100%; margin:30px 0 0 0 !important; padding:5px 0 !important;font-size:12px; }
#third2021 .lesson div h2{ font-size:24px; margin:20px 0 !important; padding:0 !important }
#third2021 .timetable tr td{ background:#FFE6E6; color:#C8151D; font-size:16px; line-height:24px; text-align:center; vertical-align:middle; padding:20px 0; font-weight:bold; border:dotted 2px #C8151D; }
#third2021 .timetable2{ background:none !important; border: none !important; padding:0 !important  }
#third2021 .third_b{ box-sizing:border-box ; position:relative; top:30px; left:0; padding:20px 20px 50px 20px; text-align:center;
border:rgba(102,102,102,0.2) 8px solid; width:80vw; border-top-left-radius:10px;border-bottom-right-radius:10px }
#third2021 .lesson div h4{ width:100%; margin:50px 0 0 0 !important; padding:5px 0 !important;font-size:24px; text-align:center}
#third2021 .lesson div ul{ list-style:none; margin:0; padding:20px 0} 
#third2021 .lesson div ul li{ margin:10px 30px}
#third2021 .photobg1{background-size:20%; background-repeat:no-repeat; background-position:top left;}
#third2021 .photobg2{background-size:40%; background-repeat:no-repeat; background-position:bottom right;}
#third2021 .fontgd h3{ color:#C8151D; border-bottom:#C8151D 5px dotted; }
#third2021 .fontgd h2{ color:#C8151D;  }
#third2021 .fontgd h4{ color:#C8151D; border-bottom:#C8151D 5px dotted; }
#third2021 .fontgd .timetable tr td{ background:#FFE6E6; color:#C8151D; border:dotted 2px #C8151D; }
#third2021 .timetablegd{ background-color:#FFF0F0 !important; border:none !important }
#third2021 .fontdd h3{ color:#0098D9; border-bottom:#0098D9 5px dotted; }
#third2021 .fontdd h2{ color:#0098D9;  }
#third2021 .fontdd h4{ color:#0098D9; border-bottom:#0098D9 5px dotted; }
#third2021 .fontdd .timetable tr td{ background:#E6FAFF; color:#0098D9; border:dotted 2px #0098D9; }
#third2021 .timetabledd{ background-color:#F0FCFF !important; border:none !important }
#third2021 .fontfd h3{ color:#e63178; border-bottom:#e63178 5px dotted; }
#third2021 .fontfd h2{ color:#e63178;  }
#third2021 .fontfd h4{ color:#e63178; border-bottom:#e63178 5px dotted; }
#third2021 .fontfd .timetable tr td{ background:#ffe6f0; color:#e63178; border:dotted 2px #e63178; }
#third2021 .timetablefd{ background-color:#ffe6f0 !important; border:none !important }
#third2021 .fontmd h3{ color:#ec6c1f; border-bottom:#ec6c1f 5px dotted; }
#third2021 .fontmd h2{ color:#ec6c1f;  }
#third2021 .fontmd h4{ color:#ec6c1f; border-bottom:#ec6c1f 5px dotted; }
#third2021 .fontmd .timetable tr td{ background:#fff3e6; color:#ec6c1f; border:dotted 2px #ec6c1f; }
#third2021 .timetablemd{ background-color:#fff3e6 !important; border:none !important }
#third2021 .bx-wrapper img{display:unset;}



@media print, screen and (max-width: 1024px) {
#third2021 .third_top{ margin:60px 0 0 0 !important; padding:50px 0 0 0 ; width:100vw; height:auto;}
#third2021 .third_top h1{ font-size:40px; line-height:50px; }
#third2021 .third_top h2{ font-size:20px; line-height:25px; padding:0 0 50px 0 !important;}
#third2021 .lesson div{ width:100%; margin:0 0 20px 0 }
#third2021 .lesson1 { flex-wrap: wrap-reverse;}
#third2021 .third{ width:100vw;}
#third2021 .third_ttl{ margin:30px auto;}
#third2021 .lesson div h3{ margin:0;  }
#third2021 .lesson div h2{ margin:10px 0 !important; }
#third2021 .photobg1{background-size:30%; background-position:bottom right;}
#third2021 .photobg2{background-size:30%;}
}
@media print, screen and (max-width: 768px) {
#third2021 .third_ttlb{ left:10%; }

}

/*=====================================================================================

　　　　　　　　　　　　　　　　           証明書

=====================================================================================*/
#certificate .certificate { margin:0 auto 0 auto; width:80vw; max-width:1024px; text-align:center }
#certificate .certificate h1{ color:#8ec31e; display:block; width:90%; max-width:500px; margin:0 auto; font-size:40px; line-height:40px; border-bottom:#8ec31e 1px solid; text-align:center; padding:10px 0; font-weight:normal  }
#certificate .certificate h2{ color:#8ec31e; display:block; width:100%; max-width:500px; margin:0 auto; font-size:12px; line-height:12px; text-align:center; padding:10px 0; font-weight:normal  }
#certificate .ttlimg{ margin:80px auto 50px auto; max-width:464px; width:80%;}
#certificate .certificate p{ font-size:16px; line-height:30px; text-align:left}
#certificate .certificate table{ width:100%; border:#8ec31e 1px solid}
#certificate .certificate table tr td{ border:#8ec31e 1px solid; padding:10px; font-size:14px; line-height:24px; text-align:center; width:33%}
#certificate .tablebg td{ background:#c8e589;}
#certificate .certificate table tr td ol{ margin:20px; padding:0}
#certificate .certificate table tr td ol li{ margin:0 0 0 20px; padding:0 0 0 20px; text-align:left}
#certificate .certificate h3{ font-size:30px; line-height:50px; border-left:5px solid #8ec31e; text-align:left; padding:0 0 0 20px}
#certificate .certificate ul{ margin:20px; padding:0 0 0 20px; list-style:disc; text-align:left; font-size:16px; line-height:30px;}
#certificate .certificate ul li{ margin:0; padding:0 0 0 20px}
#certificate .certificate h4{ font-size:20px; line-height:34px; margin:30px 0 10px 0; padding:0 }



/*=====================================================================================

　　　　　　　　　　　　　　　　           学科共通

=====================================================================================*/
#second2021 img{ max-width:100vw;}
#second2021 .second_top{ margin:0 0 0 0 !important; padding:60px 0 0 0 ; width:100vw; height:36vh;  color:#FFF !important;
background-position:top center; background-repeat:no-repeat; background-size:100%; text-align:center; font-family:"noto";text-shadow: 1px 1px 2px #000000;}
#second2021 .second_top h1{ font-size:70px; line-height:80px; margin:0 !important; padding:0 !important;}
#second2021 .second_top h2{ font-size:30px; line-height:35px; margin:0 !important; padding:0 !important;font-weight:normal}
#second2021 .secondttl{position:absolute; top:0; left:calc(50% - 220px); z-index:1; max-width:90vw;}
#second2021 .second1{ margin:20px 0 !important; padding:0; width:100vw; background-position:top; background-repeat:no-repeat; background-size:100%; text-align:center; position:relative; min-height:30vh}
#second2021 .second2{ box-sizing:border-box ; position:relative; top:30px; left:10vw; padding:20px 20px 50px 20px; text-align:center;
border:rgba(102,102,102,0.2) 8px solid; width:80vw; border-top-left-radius:10px;border-bottom-right-radius:10px }
#second2021 .second2 p{ padding:0; max-width:500px; width:90%; margin:50px auto 20px auto; font-size:14px; line-height:24px; text-align:left }
#second2021 .second3{ display: flex; width:80%; margin:0 auto; font-size:25px; line-heigh:35px;}
#second2021 .second3 dt { width:20%; padding:10px 0; margin:0; border-top-left-radius:30px; box-sizing:border-box; }
#second2021 .second3 dd { width:80%; margin:0; color:#FFF; border-bottom-right-radius:30px; box-sizing:border-box; text-align:left !important;padding:0 0 0 20%}
#second2021 .second3 div{display: inline-flex; /* 子要素をflexboxで揃える */
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
	width:100%; height:100%; }
#second2021 .yajirushibase{ width:30px; margin:0 auto 20px auto; }
#second2021 .yajirushi{  position:relative; height:40px; width:12px; background-color:#99cc33;}
#second2021 .yajirushi::before { position:absolute; content:""; border-left:12px solid transparent; border-right:12px solid transparent; border-top:20px solid #99cc33; top:40px; left:-6px;}
#second2021 .second4{ display:block; width:60%; margin:0 auto; font-size:25px; line-height:50px; color:#669900; border:#99cc33 4px dotted }
#second2021 .second_field{ width:80vw; margin:20px auto; box-sizing:border-box; padding:0; height:312px; 
background-repeat:no-repeat; background-position:top left; background-size:auto 100%;  }
#second2021 .second_field h1{ margin:60px 20px 0 400px; padding:0; }
#second2021 .second_field p{ margin:40px 20px 0 400px; padding:0;}
#second2021 .general2gd{border:#cc0033 6px solid; background-image:url(/20017/210401/img/course/general/bg_general2gd.png)}
#second2021 .general2md{border:#ff6633 6px solid; background-image:url(/20017/210401/img/course/general/bg_general2md.png)}
#second2021 .general2dd{border:#0099cc 6px solid; background-image:url(/20017/210401/img/course/general/bg_general2dd.png)}
#second2021 .general2fd{border:#ff3366 6px solid; background-image:url(/20017/210401/img/course/general/bg_general2fd.png)}

#second2021 .houganx {  padding:0 0 30px 0 !important; margin:100px 0 0 0 !important;  position: relative;  width:100%; 
 background-image: repeating-linear-gradient(-45deg, #FFD166, #FFD166 1px, transparent 0, transparent 10px),
 repeating-linear-gradient(45deg, #FFD166, #FFD166 1px, transparent 0, transparent 10px);}
#second2021 .houganx_p {  background-image: repeating-linear-gradient(-45deg, #FFB6D1, #FFB6D1 1px, transparent 0, transparent 10px),
 repeating-linear-gradient(45deg, #FFB6D1, #FFB6D1 1px, transparent 0, transparent 10px) !important;}
#second2021 .ttl_general3{ position:absolute; top:-30px; left: calc(50% - 232px) ;}
#second2021 .base_general3{ display: flex;justify-content: space-around; list-style:none;
margin:50px auto 10px auto; padding:0; position: relative; width:80%;box-sizing:border-box; overflow:hidden }
#second2021 .general3{border-radius:5px;padding: 10px;	position: relative;  height:600px;
margin:100px 0 0 0  !important; width:30%;  box-sizing:border-box  }
#second2021 .general3:before{background-color:#FFF; border-radius: 5px;	content: '';display: block;	position: absolute; 
border-top-left-radius:40px; border-bottom-right-radius:40px;
	top: 0;	bottom: 0;	left: 0;right: 0;margin: 5px;z-index:3; }
#second2021 .general3:after{background: repeating-linear-gradient(-45deg, #99cc33, #99cc33 2px, #fcf0f1 0, #fcf0f1 4px);  
	border-top-left-radius:40px; border-bottom-right-radius:40px; 
	content: '';position: absolute;	top: 0;	bottom: 0;left: 0;right: 0;	z-index: 2;}
#second2021 .general3_num{position:absolute; top:-40px; left: calc(50% - 40px); z-index: 5;}
#second2021 .general3_txt{position:absolute; top:4px; left:4px; z-index:4;}
#second2021 .general3_txt img{ width:calc(100% - 6px);}
#second2021 .general3_txt h2{ color:#cc0033; display:block; text-align:center; margin:10px; padding:0 }
#second2021 .general3_txt p{ box-sizing:border-box; padding:10px 20px; margin:0}

#second2021 .general4ttl{ width:100%; text-align:center}
#second2021 .general4ttl img{ max-width:100%;}  
#second2021 .general4ttl1{ background: linear-gradient(to bottom, #FFF 20%, rgba(252,236,107,0.5) 21%, rgba(252,236,107,0.5) 80%, #FFF 82%); }
#second2021 .general4ttl2{ background: linear-gradient(to bottom, #FFF 20%, rgba(252,236,107,0.7) 21%, rgba(252,236,107,0.7) 80%, #FFF 82%); }
#second2021 .general4ttl3{ background: linear-gradient(to bottom, #FFF 20%, rgba(252,236,107,1) 21%, rgba(252,236,107,1) 80%, #FFF 82%); }

#second2021 .course{display: flex; flex-flow: row wrap; width:50px 0; width:100%}
#second2021 .course div{ width:50%;}
#second2021 .course div img{ width:100%;}

#second2021 .voice{ width:80vw; margin:0 auto 60px auto; padding:0; display: flex; color:#FFF}
#second2021 .voice img{width:100%;}
#second2021 .voice div {width:50% }
/*.voice_bt { display:block; width:100% !important; padding:15px 0 0 0; text-align:center;}
#second2021 .voice p { margin:10px; padding:30px; font-size:14px !important; line-height:24px !important; text-align:left; color:#000; box-sizing:border-box;display: none; 
  background:#FFF;  }
#second2021 .voice_bt{}
#second2021 .voice label { width:100%}
  */
#second2021 .voice_bt{ width:100% ;  font-size:0px; margin:0;}
#second2021 .voice_bt label{ width :100%; font-size: 16px; font-weight: bold; text-align: center;
  position: relative;  display: block;  padding:8px;  cursor: pointer; color: #fff;}
#second2021 .voice_bt input{ display: none;}
#second2021 .voice_bt label:after{  color: #fff;content:"▼"; position: absolute; top: 50%; right:15%;
  margin-top: -14px;}
#second2021 .voice_bt input:checked ~ label::after { content:"×"; }
#second2021 .voice_bt div{  height: 0px;  overflow: hidden;  opacity: 0;  transition: 0.15s; }
#second2021 .voice_bt input:checked ~ div{  height: auto;  padding: 18px; border-radius: 0px; opacity: 1;font-size: 16px; color:#000; background-color:#FFF; margin:10px; padding:30px; text-align:left; width: calc(100% - 20px) ; !important; box-sizing:border-box}
#second2021 .voice_bt input:checked ~ label { /* クリック後のラベル */}

#second2021 .voice_gd{ background-color:#DC8789;}
#second2021 .voice_dd{ background-color:#89CAE5;}
#second2021 .voice_md{ background-color:#E69C78;}
#second2021 .voice_fd{ background-color:#F094B8;}


#second2021 .general4{ width:100%; margin:20px auto; text-align:center }

#second2021 .photo{background-image:url(../img/course/general/bg_general.png); width:80vw; padding:0; margin:50px auto; display: flex;  flex-flow: row wrap;justify-content: space-between; background-size:80vw  }
#second2021 .photo img{ width:48%; height:auto !important; margin:0 0 20px 0}
#second2021 .textcenter {text-align: center;}

@media print, screen and (max-width: 1024px) {
#second2021 .second_top{ margin:60px 0 0 0 !important; padding:100px 0 0 0 ; width:100vw; height:auto;}
#second2021 .second_top h1{ font-size:40px; line-height:50px; }
#second2021 .second_top h2{ font-size:20px; line-height:25px; padding:0 0 50px 0 !important;}
#second2021 .second_field{ width:90vw;}
#second2021 .general2gd{background-image:url(/20017/210401/img/course/general/bg_general2gds.png)}
#second2021 .general2md{background-image:url(/20017/210401/img/course/general/bg_general2mds.png)}
#second2021 .general2dd{background-image:url(/20017/210401/img/course/general/bg_general2dds.png)}
#second2021 .general2fd{background-image:url(/20017/210401/img/course/general/bg_general2fds.png)}
#second2021 .second_field h1{ margin:30px 20px 0 200px; padding:0; }
#second2021 .second_field p{ margin:10px 20px 0 200px; padding:0;}
#second2021 .base_general3{ width:96%; }
#second2021 .general3{ width:33%;  }
#second2021 .general3:before{border-top-left-radius:30px; border-bottom-right-radius:30px; }
#second2021 .general3:after{border-top-left-radius:30px; border-bottom-right-radius:30px;}

}
@media print, screen and (max-width: 768px) {
#second2021 .second_field{height:auto; }
#second2021 .second_field h1{ margin:10px 20px 0 100px; padding:0; font-size:24px }
#second2021 .second_field p{ margin:0 20px 10px 100px; padding:0; font-size:14px}
#second2021 .second3{ width:90%; font-size:18px; line-heigh:24px;}
#second2021 .second3 dd { padding:0 0 0 10px;}
#second2021 .base_general3{ width:90%; flex-flow: row wrap;margin:0 auto; padding:40px 0 }
#second2021 .general3{ margin:70px 0 0 0 !important; width:100%; height:700px;  }
#second2021 .general3:before{border-top-left-radius:10%;}
#second2021 .general3:after{border-top-left-radius:10%;}
#second2021 .general3_txt p{ padding:10px }
#second2021 .course div{ width:100%;}
#second2021 .voice_bt{ font-size:14px; width:90vw;}
#second2021 .photo img{ width:100%; margin:0 0 20px 0}

}

/*=====================================================================================
クリエイターズファイルトップ2021

=====================================================================================*/
#creatertop .creatertop { margin:0 0 0 0; background-image:url(/20017/210401/img/creatorsfile/bg_top.png); background-repeat:no-repeat; background-position: bottom center; background-size:contain }
#creatertop .creatertop h1{ color:#8ec31e; display:block; width:90%; max-width:500px; margin:0 auto; font-size:40px; line-height:40px; border-bottom:#8ec31e 1px solid; text-align:center; padding:10px 0; font-weight:normal  }
#creatertop .creatertop h2{ color:#8ec31e; display:block; width:100%; max-width:500px; margin:0 auto; font-size:12px; line-height:12px; text-align:center; padding:10px 0; font-weight:normal  }
#creatertop .creatertop div { width:550px; margin:0 auto 0 20%; padding:60px 0 250px 0; }
#creatertop .creatertop div p { width:500px; font-size:18px; line-height:28px; margin:40px 0; }
#creatertop .houganx {  padding:40px 0 !important; margin:0 0 30px 0 !important;  position: relative;  width:100%; text-align:center; 
 background-image: repeating-linear-gradient(-45deg, #DDEEBA, #DDEEBA 1px, transparent 0, transparent 10px),
 repeating-linear-gradient(45deg, #DDEEBA, #DDEEBA 1px, transparent 0, transparent 10px); background-color:#FCFFF5}
#creatertop .ttlimg{ margin:0 auto; max-width:464px; width:80%;}
#creatertop .creaters li { padding:50px; box-sizing:border-box}
#creatertop .bx-wrapper img{display:unset;}
@media print, screen and (max-width: 1024px) {
#creatertop .creatertop { margin:100px 0 0 0; padding:0 0 200px 0; }
#creatertop .creatertop div { width:90%; margin:0 5%; padding:60px 0 0 0; }
#creatertop .creatertop div img { width:350px; height:auto;}
#creatertop .creatertop div p { width:100%; font-size:14px; margin:20px 0 ; }
}
@media print, screen and (max-width: 768px) {
#creatertop .creatertop { padding:0 0 150px 0; }
}


/* -----------------------
  Web open campus css
----------------------- */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap");
#web-oc {
  font-family: 'Noto Sans JP', sans-serif;
}

#web-oc img {
  max-width: 100%;
  height: auto;
}

#web-oc a.zoomup img {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

#web-oc a.zoomup img:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

#web-oc-btn-side img {
  max-width: 100%;
  height: auto;
}

#web-oc-btn-side {
  position: fixed;
  top: 30vh;
  right: 0;
  width: 40px;
  z-index: 500;
  border-radius: 10px 0 0 10px;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

#web-oc .btn-side {
  position: fixed;
  top: 30vh;
  right: 0;
  width: 40px;
  z-index: 500;
  border-radius: 10px 0 0 10px;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

#web-oc .head-image {
  width: 100%;
}

#web-oc .intro {
  text-align: center;
  padding: 80px 20px 170px;
  background-image: url(/20017/images/weboc/bg_intro.png);
  background-position: center bottom;
  background-size: 1000px auto;
  background-repeat: no-repeat;
}

#web-oc .intro .intro-title {
  display: inline-block;
  padding: 40px 0;
  background-image: url(/20017/images/weboc/line1.png), url(/20017/images/weboc/line2.png);
  background-position: center top, center bottom;
  background-size: 184px auto, 184px auto;
  background-repeat: no-repeat, no-repeat;
}

#web-oc .intro .intro-title h2 {
  color: #e60013;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}

#web-oc .intro .intro-title .exp {
  font-size: 1.8rem;
}

#web-oc .entry-guide {
  position: relative;
  background-image: url(/20017/images/weboc/bg1.png);
  background-position: center top;
  background-size: 120px 120px;
  padding: 120px 20px 80px;
}

#web-oc .entry-guide h2 {
  position: absolute;
  top: -90px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 380px;
  padding: 0 0 45px;
  font-size: 3rem;
  font-weight: 700;
  color: #617d0e;
  letter-spacing: 0.15em;
  text-align: center;
  background-image: url(/20017/images/weboc/obj_arrow1.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

#web-oc .entry-guide h2 img {
  margin-bottom: 10px;
}

#web-oc .entry-guide h2 span {
  display: block;
  font-size: 1.6rem;
  letter-spacing: 0;
}

#web-oc .entry-guide .guide-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 30px;
}

#web-oc .entry-guide .guide-steps .step {
  position: relative;
  width: 32%;
  padding: 40px 20px 20px;
  border: 3px solid #85ac14;
  border-radius: 10px;
  background-color: #fff;
}

#web-oc .entry-guide .guide-steps .step .step-num {
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  width: 160px;
  height: 28px;
  line-height: 30px;
  padding: 0 1em;
  background-color: #85ac14;
  border-radius: 14px;
}

#web-oc .entry-guide .guide-steps .step p {
  font-size: 1.5rem;
  margin-bottom: 15px;
}

#web-oc .entry-guide .btn-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}

#web-oc .entry-guide .btn-link .link-image {
  width: 50%;
  padding: 10px 20px;
}

#web-oc .entry-guide .btn-link .link-image img {
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
}

#web-oc .consultation {
  padding: 80px 20px;
}

#web-oc .consultation h2 {
  text-align: center;
  background-image: url(/20017/images/weboc/bg2.png);
  background-position: center center;
  background-size: 455px auto;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}

#web-oc .consultation h2 img {
  padding: 0 5px;
  width: 58px;
  height: auto;
}

#web-oc .consultation h2 span {
  display: block;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #ff2090;
  padding-top: 30px;
}

#web-oc .consultation .exp {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 60px;
}

#web-oc .consultation .exp__line {
  text-align: center;
  margin-bottom: 20px;
}

#web-oc .consultation .consultation-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 30px;
}

#web-oc .consultation .consultation-step .step {
  position: relative;
  width: 48.5%;
  padding: 40px 20px 20px;
  margin-bottom: 40px;
  border: 3px solid #ff2090;
  border-radius: 10px;
  background-color: #fff;
}

#web-oc .consultation .consultation-step .step .step-num {
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  width: 160px;
  height: 28px;
  line-height: 30px;
  padding: 0 1em;
  background-color: #ff2090;
  border-radius: 14px;
}

#web-oc .consultation .consultation-step .step p {
  font-size: 1.5rem;
  margin-bottom: 15px;
}

#web-oc .consultation .btn__line {
  text-align: center;
}

#web-oc .content-header {
  width: 100%;
  height: 120px;
  padding: 23px 20px;
  text-align: center;
  background-image: url(/20017/images/weboc/bg_header.png);
  background-size: cover;
  background-position: center center;
}

#web-oc .content-header h1 {
  display: inline-block;
  width: 270px;
}

#web-oc .content-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 1000px;
  margin: 50px auto 80px;
}

#web-oc .content-nav .btn_nav {
  width: 32%;
  border: 3px solid #ff9011;
  border-radius: 10px;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  background-size: 20px 16px;
  background-position: center bottom;
  background-repeat: no-repeat;
}

#web-oc .content-nav .btn_nav:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

#web-oc .content-nav .btn_nav a {
  display: block;
}

#web-oc .content-nav .btn_nav a h2 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  padding: 0.5em 0;
  text-align: center;
  background-color: #ff9011;
}

#web-oc .content-nav .btn_nav h2 a {
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  padding: 0.5em 0;
  text-align: center;
  background-color: #ff9011;
}

#web-oc .content-nav .btn_nav a .nav-text {
  color: #000;
  font-size: 1.4rem;
  padding: 20px 20px 30px;
}

#web-oc .content-nav .btn_nav.__movie {
  border-color: #ff9011;
  background-image: url(/20017/images/weboc/obj_downmark1.png);
}

#web-oc .content-nav .btn_nav.__movie h2 {
  background-color: #ff9011;
}

#web-oc .content-nav .btn_nav.__movie h2 a {
  background-color: #ff9011;
}

#web-oc .content-nav .btn_nav.__experience {
  border-color: #11c0ff;
  background-image: url(/20017/images/weboc/obj_downmark2.png);
}

#web-oc .content-nav .btn_nav.__experience h2 {
  background-color: #11c0ff;
  letter-spacing: 0.2em;
}

#web-oc .content-nav .btn_nav.__experience h2 a {
  background-color: #11c0ff;
  letter-spacing: 0.2em;
}

#web-oc .content-nav .btn_nav.__consultation {
  border-color: #ff2090;
  background-image: url(/20017/images/weboc/obj_downmark3.png);
}

#web-oc .content-nav .btn_nav.__consultation h2 {
  background-color: #ff2090;
}

#web-oc .content-nav .btn_nav.__consultation h2 a {
  background-color: #ff2090;
}

#web-oc .video {
  position: relative;
  width: 100%;
  padding: 80px 0;
  border-top: 3px solid #ff9011;
  background-color: #fff4e6;
  background-image: url(/20017/images/weboc/bg3.png);
  background-position: center top;
  background-size: 100px 100px;
}

#web-oc .video h2 {
  position: absolute;
  top: -28px;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 0 1em;
  width: 400px;
  height: 56px;
  line-height: 56px;
  border-radius: 30px;
  background-color: #ff9011;
}

#web-oc .video .video-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 20px;
}

#web-oc .video .video-list .video-box {
  width: 48%;
  margin-bottom: 30px;
}

#web-oc .video .video-list .video-box h3 {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.8rem;
  height: 50px;
  line-height: 1.4;
  border-left: 5px solid #ff9011;
  padding-left: 0.8em;
}

#web-oc .video .video-list .video-box h3 span {
  display: block;
  font-size: 1.4rem;
}

#web-oc .video .video-list .video-box iframe {
  margin-top: 10px;
  background-color: #fff;
  padding: 5px;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
}

#web-oc .video.__movie {
  border-color: #ff9011;
  background-color: #fff4e6;
}

#web-oc .video.__movie h2 {
  background-color: #ff9011;
}

#web-oc .video.__movie .video-list .video-box h3 {
  border-color: #ff9011;
}

#web-oc .video.__experience {
  border-color: #11c0ff;
  background-color: #e6f9ff;
}

#web-oc .video.__experience h2 {
  letter-spacing: 0.2em;
  background-color: #11c0ff;
}

#web-oc .video.__experience .video-list .video-box h3 {
  height: 30px;
  border-color: #11c0ff;
}

#web-oc .bn_present {
  text-align: center;
}

/* インテリア・建築デザイン修正20220329 */
/* instagram */
.ia2022 .bn__insta {
  text-align: center;
  padding: 40px 0;
}

/* second3 */
.ia2022 #second2021 .second3 dd.ia div {
  display: block !important;
  padding: 15px 0 0 !important;
}

/* timetable */
.ia2022 #third2021 .timetable tr td {
  background: #f7ffe6;
  color: #669900;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  padding: 20px 0;
  font-weight: bold;
  border: dotted 2px #669900;
}

/* voice */
.ia2022 .ia-voice {
  display: flex;
  background-color: #669900;
  border-radius: 30px 0 30px 0;
  overflow: hidden;
}
.ia2022 .ia-voice .voice-text {
  width: 50%;
  padding: 30px;
  text-align: left;
}
.ia2022 .ia-voice .voice-text .text-data {
  font-size: 1.4rem;
  padding: 20px;
  border: 5px solid #99cc33;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 3px 3px 3px #4f7700;
}
.ia2022 .ia-voice .voice-text .text-data .text-title {
  font-size: 1.6rem;
  font-weight: 700;
  color: #4f7700;
}
.ia2022 .ia-voice .voice-data {
  font-size: 1.3rem;
  color: #fff;
  text-align: right;
  padding-top: 10px;
}

.ia2022 .ia-voice .voice-image {
  width: 50%;
  overflow: hidden;
}
.ia2022 .ia-voice .voice-image img {
  height: 100%;
}

.pr20 {
  padding-right: 20px;
}

.ia2022 .leftradius {
  border-top-left-radius: 40px;
}
.course_twitter {
  width:20%;
  margin:0 auto;
}
/* インテリア・建築デザイン修正20220329ここまで */
/* 学生作品2022ここから */

.works dl{ max-width:1000px; width:70vw; margin:20px auto; padding:10px; box-sizing:border-box}
.works dl img { margin:0; width:100%}
.works .iframe { margin:0; width:100%; position: relative;padding-top: 42.6829%;}
.works .iframe-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.works dl dt{ width:100%; max-width:400px; min-height:70px; padding:10px; box-sizing:border-box; text-align:left; position:relative}
.works dl dt p{ font-size:16px; line-height:26px; padding:0 52px 0 0; margin:0;  }
.works dl dt span{ display:block; font-size:16px; line-height:18px; padding:10px; text-align:center; position:absolute; right:10px; top:10px; 
 background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
 border:#FC0 double 3px; color:#FFF; text-shadow: 1px 2px 3px #666}
.works dl dd{ display:inline-block; padding:10px 20px; text-align:left; font-size:16px; line-height:26px; }

.gdworks dl{ border:dotted 2px #E68A8D;}
.gdworks dl dt{ border:solid 2px #E68A8D; color:#C8161D; }
.gdworks dl dd{ clear:both; margin:0; padding:10px; box-sizing:border-box; background-color:#FFE6E6; color:#C8161D; width:100%; text-align:center }
.gdworks dt+dd{ background-color:white; }
@media print, screen and (max-width: 768px) {
.works dl dt p{ font-size:12px; line-height:20px;}
.works dl dd{ font-size:12px; line-height:20px; }
}
/* 学生作品2022ここまで */


/*=================================================================

course infomation

=================================================================*/

/*=================================================================
graphic web
=================================================================*/

main.course_info {
	color: #333;
	padding-bottom: 0 !important;
}
/*main.course_info section {
	width: 1400px;
	margin: 0 auto;
}*/
.course_mv {
	margin-bottom: 60px;
}
.course_mv img {
	width: 100%;
}
.suitable {
	background: url() no-repeat;
}
.suitable img {
	margin: 0 auto 50px;
}
.suitable25 {
	background: url() no-repeat;
}
.suitable25 img {
	margin: 0 auto 50px;
}
.img_ctr {margin: 0 auto;}
.ctr {text-align: center;}
.notice {font-size: 15px;}
.letter_s {letter-spacing: -1.8px !important;}
.course_bg01, .course_bg01 ul.curriculum_list {background: #FDF3EB;}
.course_bg02, .course_bg02 ul.curriculum_list {background: #E5F7FD;}
.course_bg03, .course_bg03 ul.curriculum_list {background: #FDF2DA;}

/*---------- job introduction ----------*/

main.course_info section.job_info_sec {
	margin-bottom: 50px;
}
.job_info_wrap {
	padding: 50px;
	margin-bottom: 40px;
}
.job_info_ttl {
	margin: 0 auto 30px;
}
ul.job_info {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1000px;
	margin: 0 auto;
}
ul.job_info li {
	width: calc(50% - 12px);
	background: white;
	border-radius: 20px;
	padding: 20px;
	display: flex;
	align-items: flex-start;
	box-shadow: 3px 3px #A5CAE9;
	margin-bottom: 30px;
}
ul.job_info li img {
	width: 110px;
	margin: 20px 20px 0px 20px;
}
ul.job_info li .txt p:nth-child(1) {
	background: #0072AC;
  color: white;
  padding-left: 10px;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  border-radius: 0 50px 50px 0;
  margin-bottom: 8px;
  height: 44px;
  width: 292px;
}
ul.job_info li .txt p:nth-child(1).s_font {
	font-size: 18px;
}
ul.job_info li .txt p:nth-child(1).row2 {
	line-height: 1;
}
ul.job_info li .txt p:nth-child(2) {
	font-size: 14px;
  letter-spacing: -0.5px;
  color: #0072AC;
}
ul.job_info li .txt p:nth-child(2) span {
	font-weight: bold;
}

/*---------- manabi point ----------*/

main.course_info section.point_sec {
  text-align: center;
  margin-bottom: 110px;
}
main.course_info section.point_sec25 {
  text-align: center;
  margin-bottom: 110px;
}
.point_ttl {
	position: relative;
	width: 900px;
	margin: 0 auto;
}
.point_ttl::before, .point_ttl::after {
	content: "";
	width: 170px;
	height: 4px;
	background: #0072AC;
	position: absolute;
	bottom: 25px;
}
.point_ttl::before {
	left: 0;
}
.point_ttl::after {
	right: 0;
}
.point_ttl img {
	width: 510px;
}
ul.point_list {
	display: flex;
	justify-content: space-between;
  border-bottom: 4px solid #0072AC;
  width: 900px;
  margin: 0 auto;
}
ul.point_list li {
	width: 33.333%;
	padding: 18px;
}
ul.point_list li > img {
	width: 90px;
	margin-bottom: 20px;
}
ul.point_list li .catch {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	margin-bottom: 20px;
}
ul.point_list li .catch.row1 {
	height: 20px;
}
ul.point_list li .catch img {
	height: 21px;
}
ul.point_list li .catch.row2 img {
	height: 50px;
}
ul.point_list li .cont {
	color: #0072AC;
	text-align: left;
	letter-spacing: -0.2px;
}
ul.point_list25 {
	display: flex;
	justify-content: space-between;
  border-bottom: 4px solid #0072AC;
  width: 900px;
  margin: 0 auto;
}
.course_info.id ul.point_list25 {
  border-bottom: none;
}
ul.point_list25 li {
	width: 33.333%;
	padding: 18px;
}
ul.point_list25 li > img {
	width: 90px;
	margin-bottom: 20px;
}
ul.point_list25 li .catch {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	margin-bottom: 20px;
}
ul.point_list25 li .catch.row1 {
	height: 20px;
}
ul.point_list25 li .catch img {
	height: 21px;
}
ul.point_list25 li .catch.row2 img {
	height: 50px;
}
ul.point_list25 li .catch img.row2 {
	height: 48px;
}
ul.point_list25 li .catch img.row3 {
  height: 70px;
}
ul.point_list25 li .cont {
	color: #0072AC;
	text-align: left;
	letter-spacing: -0.2px;
}
.note_pink {
  color: #E63082;
  font-weight: bold;
  font-size: 14px;
  width: 900px;
  margin: 10px auto 0;
  text-align: right;
  /* border-top: 4px solid #0072AC; */
  padding-top: 10px;
}

/*---------- original curriculum ----------*/

main.course_info section.curriculum_sec {
	position: relative;
	text-align: center;
	padding-bottom: 60px;
}
.curriculum_ttl {
	position: absolute;
	top: -80px;
	left: 50%;
	transform: translateX(-50%);
}
ul.curriculum_list {
	width: 740px;
	margin: 40px auto;
}
ul.curriculum_list li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 40px;
}
ul.curriculum_list li img {
	width: 360px;
}
ul.curriculum_list li dl {
	flex: 1;
	padding-left: 30px;
	text-align: left;
}
ul.curriculum_list li dl dt {
  background: #0072AC;
  color: white;
  width: fit-content;
  font-weight: bold;
  font-size: 20px;
  padding: 5px 4px 2px 6px;
  border-radius: 6px 6px 0 0;
  position: relative;
  letter-spacing: -1px;
}
ul.curriculum_list li dl dt::before, ul.curriculum_list li dl dt::after {
	content: "";
	position: absolute;
	bottom: 0;	
}
ul.curriculum_list li dl dt::before {
	border-bottom: 1px solid #0072AC;
	width: 340px;
}
ul.curriculum_list li dl dt::after {
	border: 17px solid transparent;
  border-bottom-color: #0072AC;
  right: -17px;
  border-left-width: 0px;
  border-bottom-width: 33px;
}
ul.curriculum_list li dl dd {
	padding: 10px 14px 10px 15px;
	line-height: 1.2;
}
ul.curriculum_list li dl dd .outline {
	color: #0072AC;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 10px;
  letter-spacing: -0.8px;
}
ul.curriculum_list li dl dd .s_font {
	font-size: 20px;
}
ul.curriculum_list li dl dd .outline span {
	color: #EB6D94;
}
.curriculum_sec .sns_btn img {
	width: 570px;
}
.sns_wrap {
  width: 1180px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

/*---------- works introduction ----------*/

main.course_info section.works_sec {
	text-align: center;
	padding: 30px 40px 10px;
}
.works_ttl img {
	width: 460px;
}
ul.works_list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 1000px;
	margin: 30px auto 35px;
}
ul.works_list li {
	margin-right: 35px;
}
ul.works_list li:nth-child(3n) {
	margin-right: 0;
}
ul.works_list li:nth-child(-n+3) {
	margin-bottom: 70px;
}
ul.works_list li img {
	width: 310px;
}

/*---------- let's challenge ----------*/

main.course_info .challenge_sec {
	margin-bottom: 50px;
}
main.course_info .challenge_sec > img {
	margin-bottom: 50px;
}

ul.course_btm_btns {
	display: flex;
	justify-content: space-between;
	width: 840px;
	margin: 0 auto;
}

/*=================================================================
creative design
=================================================================*/

main.cd .suitable {background: url(/20017/course/cd_bg02.png) no-repeat left 48% top 10px;}
main.cd section.point_sec {background: url(/20017/course/cd_bg03.png) no-repeat left 48% top -16px;}
main.cd ul.point_list25 {border-bottom: 4px solid #0072AC; padding-bottom: 10px;}
main.cd .suitable25 {background: url(/20017/course/cd25_bg02_2.png) no-repeat left 48% top 10px;}
main.cd section.point_sec25 {background: url(/20017/course/cd25_bg03_2.png) no-repeat left 48% top -16px;}
.cd_bg {
	padding: 160px 210px 0;
	background: url(/20017/course/cd_bg03.png) repeat-y left 50% top 45px;
}
.cd_bg25 {
	padding: 160px 210px 0;
	background: url(/20017/course/cd25_bg03_2.png) repeat-y left 50% top 45px;
}
.cd_curriculum, .cd25_curriculum {
  width: 1180px;
  margin: 0 auto 50px;
}
.cd_works {background: url(/20017/course/cd_bg01.gif);}
.cd_works25 {background: url(/20017/course/cd25_bg01_2.gif);}

/*=================================================================
graphic web
=================================================================*/

main.gw .suitable {background: url(/20017/course/gw_bg02.png) no-repeat left 48% top 10px;}
main.gw section.point_sec {background: url(/20017/course/gw_bg03.png) no-repeat left 48% top -16px;}
.gw_bg {
	padding: 160px 210px 0;
	background: url(/20017/course/gw_bg03.png) repeat-y left 45% top 30px;
}
.gw_works {background: url(/20017/course/gw_bg01.gif);}


/*=================================================================
interior architectural Design
=================================================================*/

main.id .suitable {background: url(/20017/course/id_bg02.png) no-repeat left 48% top 10px;}
main.id section.point_sec {background: url(/20017/course/id_bg03.png) no-repeat left 48% top -16px;}
.renkei {
  width: 900px;
  margin: 0 auto;
  border-bottom: 4px solid #0072AC;
  padding-bottom: 30px;
}
.id_bg {
	padding: 160px 210px 0;
	background: url(/20017/course/id_bg03.png) repeat-y left 45% top 30px;
}
.timetable_note {
  font-size: 1.3rem;
  text-align: left;
}
.timetable_note25 {
  width: 710px;
  margin: 10px auto;
  font-size: 1.3rem;
  text-align: left;
}
.id_works {
	background: url(/20017/course/id_bg01.gif) no-repeat;
	background-size: cover;
}
.id_works .works_list li {
	margin: 0 !important;
}
.id_works_fig {
  width: 890px;
  margin: 20px auto;
}

/*=================================================================
illust manga
=================================================================*/

main.im .suitable {background: url(/20017/course/im_bg02.png) no-repeat left 48% top 10px;}
main.im section.point_sec {background: url(/20017/course/im_bg03.png) no-repeat left 48% top -16px;}
.im_bg {
	padding: 160px 210px 0;
	background: url(/20017/course/im_bg03.png) repeat-y left 45% top 30px;
}
.im_works {background: url(/20017/course/im_bg01.gif);}


/*=================================================================
open campus
=================================================================*/

section.oc_info {
  background: #8fc31f;
  margin-bottom: 50px !important;
}
.oc_bg_wrap {
  max-width: 1010px;
  margin: 0 auto;
  background: url(/20017/images/top/oc_bg.png) no-repeat;
  padding: 10px 0 35px;
}
.toppage_h2 {
	text-align: center;
	margin: 25px 0;
}
.oc_link_area {
  display: flex;
  justify-content: space-between;
  max-width: 1010px;
  margin: 0 auto;
}
.oc_btn_area {
  width: 230px;
}
ul.schedule_list {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  flex: 1;
  margin: 0;
  padding: 0 0 0 15px;
}
ul.schedule_list li {
  width: calc(33.33333% - 7px );
  background: white;
  margin-bottom: 7px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
ul.schedule_list p {
  margin: 0;
}
ul.schedule_list p.date {
  font-weight: bold;
  font-size: 18px;
}


/*=================================================================
pamphlet
=================================================================*/

main.course_info .bg_dot .brochure_wrap {
  background: #8fc31f;
  width: 100%;
  margin: 50px 0;
}
.bg_dot .brochure_wrap .brochure_inner {
  width: 600px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  padding-left: 180px;
}
.bg_dot .brochure_wrap .brochure_inner img {
  width: 150px;
  position: absolute;
  left: 0;
}
main.course_info .bg_dot .brochure_wrap .brochure_inner p {
  flex: 1;
  color: white;
  font-size: 40px;
  font-weight: bold;
  padding: 60px 0;
}
.bg_dot .brochure_wrap .brochure_inner a {
  background: white;
  color: #7db20d;
  position: relative;
  box-sizing: border-box;
  width: 230px;
  height: 40px;
  font-size: 24px;
  font-weight: bold;
  padding: 5px 0 0 30px;
}
.bg_dot .brochure_wrap .brochure_inner a::before,
.bg_dot .brochure_wrap .brochure_inner a::after {
  content: "";
  position: absolute;
}
.bg_dot .brochure_wrap .brochure_inner a::before {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #7db20d;
  top: 12px;
  right: 14px;
}
.bg_dot .brochure_wrap .brochure_inner a::after {
  border: 6px solid transparent;
  border-left-color: white;
  border-top-width: 4px;
  border-bottom-width: 4px;
  top: 16px;
  right: 11px;
}