@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
	margin: 0;
	padding: 0;
	font-family:"MPlus 1p", sans-serif;
	line-height: 1.5em;
	letter-spacing: .02em;
	
}

h2 {
	font-size: 1.0em;
	font-weight: normal;
	font-family: 'Open Sans', 'Noto Sans Japanese', sans-serif;
	font-weight: semi-bold;
}

h1 {
	margin: 0;
	padding-top: 1em;
	font-size: 2.2em;
	color: #fff;
	font-family: 'Open Sans', 'Noto Sans Japanese', sans-serif;
	font-weight: bold;
	line-height: 1.5em;
}

#box-top-title h1 {
	color: #666 !important;
}

h3{
	width: 100%;
	font-family: 'Open Sans', 'Noto Sans Japanese', sans-serif;
	font-size:1.4em;
	border-bottom:3px dotted #bbb;
	position: relative;
	padding:.5em 0;
	line-height:1.4em;
  }

h4 {
	font-family: 'Open Sans', 'Noto Sans Japanese', sans-serif;
	font-size: 1.2em;
	color: #555;
	padding-top: 20px
}

h3::after{
	content:"";
	display:block;
	width:20%;
	left: -0.3em;
	border-bottom:3px dotted #66f;
	position:absolute;
	bottom:0;
	margin-bottom:-3px;
}

a, .pg, .bk {
	color: #555;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
}

a:hover, .pg:hover, .bk:hover {
	color: #66f;
}

.br:before {
	content: "\A" ;
	white-space: pre ;
}

#logo {
	width: 100%;
	margin: 15px auto;
	text-align: center;
	background: none;
}

#logoimg {
	width: 250px;
	margin: 0 auto;
	background: trankparent;
}

#s {
	float: right;
}

#logoimg a img {
	opacity: 1.0;
	-moz-transition: 0.2s ease-out;
}	 

#logoimg:hover {
	background: url("../../image/logo3.png");
	background-repeat: no-repeat;
	background-position: center top;
}

#logoimg:hover > a img {
	opacity: 0;
	-moz-transition: 0.2s ease-out;
}

#main_gnav {
	width: 980px;
	margin: 0 auto;
	padding: 0;
}

#main_gnav_ul {
	padding: 0 1.2em;
	height: 40px;
}

.gmenu-item {
	text-align: center;
	float: left;
	padding: 15px 0px;
	line-height: 50%;
	height: 100%;
	margin: 0 22px;
}

.gmenu-item:hover > a h2 {
	color: #66f;
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
    	-webkit-transition: all 1s ease;
    	-moz-transition: all 0.5s ease;
    	-o-transition: all 1s ease;
}

.gmenu-item:first-child{
}

.gmenu-item:hover > .gnav_sub {
	visibility: visible;
	opacity: 1.0;
	top: -5px;
	transition: 0.3s ease-out;
}

.gmenu_ee {
	font-family: 'Cinzel Decorative', cursive;
	font-size: 0.7em;
	letter-spacing: 0.05em;
	font-weight: 300;
	color: #aaa;
	line-height: 1.7em;
}


.gnav_sub {
	width: 570px;
	background-color: #f9f8f4;
	position: relative;
	z-index: 8888;
	top: 10px;
	margin-left: -250px;
	height: 160px;
	border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	visibility: hidden; 
	opacity: 0;
	text-align: center;
}

.gnav_sub:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -20px;
	border-right: 10px solid transparent;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;	
	border-bottom: 10px solid #f9f8f4;
}

.gnav_sub li {
	width: 150px;
	padding: 20px;
	float: left;
	margin: 0;
	font-size: 0.9em;
	line-height: 50%;
	overflow: hidden;
}

.gnav_sub li:hover {
	-moz-transform: scale(1.03);
	-webkit-transform: scale(1.03);
    	-webkit-transition: all 0.5s ease-in;
    	-moz-transition: all 0.5s ease;
}

.subitem-image img {
	margin-bottom: 10px;
}

.gmenu {
	position: relative;
	display: inline-block;
	margin-left: 8px;
	color: #666;
	font-size: 1.1em;
}

.gmenu::before,
.gmenu::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.ar::before {
    content: '';
    width: 14px;
    height: 14px;
    background: #66f;
    border-radius: 50%;
    top: 50%;
    left: -20px;
    margin-top: -7px;
}
.ar::after {
    content: '';
    width: 0;
    height: 0;
    border: solid 3px transparent;
    border-left: solid 5px #ffffff;
    top: 50%;
    left: -15px;
    margin-top: -3px;
}

#breadcrumb {
	width: 100%;
	display: inline-block;	
	background-color: #ddd;
}	

.box-breadcrumb{
	width: 980px;
	margin: 0 auto;
}

.cd-breadcrumb {
	margin: 0 auto;
	padding: 0.1em 2em;
	margin: 1em auto;
}

.cd-breadcrumb li{
	display: inline-block;
	float: left;
	line-height: 20%;
	font-size: 0.7em;
	font-family:"Sawarabi Gothic", sans-serif;
}

.cd-breadcrumb li::after, .cd-multi-steps li::after {
  display: inline-block;
  content: '>';
  margin: 0 1em;
  color: #aaa;
}

.current::after {
  content: '' !important;
}

#contents-image-gaiyou {
	margin: 0 0 50px 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/header/about.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#contents-image-student {
	margin: 0 0 50px 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/header/student.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#contents-image-program {
	margin: 0 0 50px 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/header/subject.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}


#contents-image-educ {
	margin: 0 0 50px 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/image-aso.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#contents-image-network {
	margin: 0 0 50px 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/header/network.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#contents-image-premeister {
	margin: 0 0 50px 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/header/premeister.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#contents-image-kumamotocompany {
	margin: 0 0 50px 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/header/kumamotocompany.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#contents-image-intern {
	margin: 0 0 50px 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/cover/cover-internship.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#contents-image-fieldwork {
	margin: 0 0 50px 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/cover/cover-fieldwork.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#contents-image-company {
	margin: 0 0 50px 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/header/company.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#contents-image-uij {
	margin: 0 0 50px 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/header/uij.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#contents-image-collaboresearch {
	margin: 0 0 50px 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/cover/cover-collabo.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#contents-image-techconsult {
	margin: 0 0 50px 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/cover/cover-techconsult.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#contents-image-fukkou {
	margin: 0 0 50px 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/header/fukkou.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#contents-image-join {
	margin: 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/image-nabegataki.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#contents-image-down {
	margin: 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/header/download.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#contents-image-register {
	margin: 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/header/register.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#contents-image-contact {
	margin: 0 0 50px 0;
	height: 350px;
	width: 100%;
	background-image: url("../../image/image-contact.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#box-contentstop {
	width: 300px;
	height: 100%;
	margin-left: 30px;
	padding: 0 2em;
	background-color: rgba(0,0,0,0.2);
	text-align: left;
}

#box-contentstop2 {
	width: 980px;
	height: 100%;
	margin-left: 0px;
	padding: 0 2em 0 0;
	text-align: center;
}


#box-contentstop2 h1 {
	position: relative;
	top: 35%;
	left: 35%;
	width: 350px;
	font-size: 2.0em;
	font-family: 'Open Sans', 'Noto Sans Japanese', sans-serif;
	font-weight: 500;
	border-bottom: 2px solid #fff;
	box-shadow: 0 2px 0 rgba(0,0,0,0.5);
	text-shadow: -2px 2px 2px rgba(0,0,0,0.8);
	padding: 15px 0;
}


#box-contentstop p {
	font-size: 0.9em;
	color: #fff;
	text-align: justify;
	
}

#contents-main {
	padding-bottom: 50px;
	text-align: left;
}

.contents-wrapper {
	width: 980px;
	margin: 0 auto;
	padding: 0px;
}

.contents-box {
	padding: 0 50px 50px 50px;
}

#contents-main p {
	font-size: 0.95em;
	line-height: 1.8em;
	text-indent: 1em;
	text-align: justify;
}

.clear {
	clear: both;
}

.nav {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    background-color: #fff;
    height: 60px;
    display: none;
    z-index: 9999;
    box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
}

.nav-ul {
	line-height: 2em;
}
.nav-ul li {
	float: left;
	padding-left: 30px;
}

.nav-ul li a::before,
.nav-ul li a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.nav-ul li a {
	position: relative;
	display: inline-block;
	margin-left: 20px;
	font-size: 0.9em;
}

.nav-ul li span {
	position: relative;
	display: inline-block;
	margin-left: 20px;
	font-size: 0.9em;
}

.nav-ul li span::before,
.nav-ul li span::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.pg, .bk {
	cursor: pointer;
}

.pg:hover, bk:hover {
	color: #66f;
}

.level1 {
	position: absolute;
	width: 980px;
	top: 0;
	margin-left: 0;
	z-index: 9999;
	opacity: 1.0;
	-moz-transition: 0.3s ease-out;
	-moz-transition-delay: 0.1s;	
}

.level2 {
	position: absolute;
	width: 980px;
	top: 0;
	z-index: -9999;
	margin-left: 60px;
	opacity: 0;
	-moz-transition: 0.2s ease-out;
}

.navmenu0 {
	z-index: 9999;
	margin-left:  0px;
	opacity: 1.0;
	-moz-transition: 0.2s ease-out;
	-moz-transition-delay: 0.05s;
}

.navmenu1 {
	z-index: -9999;
	margin-left: -20px;
	opacity: 0;
	-moz-transition: 0.15s ease-out;
}

.ar2::before {
    content: '';
    width: 14px;
    height: 14px;
    background: #555;
    border-radius: 50%;
    top: 50%;
    left: -20;
    margin-top: -7px;
}
.ar2::after {
    content: '';
    width: 0;
    height: 0;
    border: solid 3px transparent;
    border-left: solid 5px #ffffff;
    top: 50%;
    left: -15px;
    margin-top: -3px;
}

.arb::after {
    content: '';
    width: 0;
    height: 0;
    border: solid 5px transparent;
    border-right: solid 7px #555;
    top: 50%;
    left: -20px;
    margin-top: -3px;
}


.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
}

#footer {
	width: 100%;
	height: 330px;
	background-color:#f9f8f4;
	border-top: 3px solid #807b74;
}

.cr {
	font-family: 'Vollkorn', serif;
	font-size: 0.6em;
	margin: 0;
	color: #666;
}

#footer-list {
	padding: 10px 50px;
}

.footer-list-box {
	float: left;
	width: 140px;
	margin-right: 25px;
}

.list-title {
	font-size: 1.1em;
	margin-bottom: 0px;
	color: #666;
	font-family: 'Open Sans', 'Noto Sans Japanese', sans-serif;
	font-weight: 500;	
}

.footer-list-box ul li {
	float: none;
	font-size: 0.8em;
	color: #666;
	line-height: 2em;
}	

.footer-list-box ul {
	padding-left: 10px;
	margin-top: 10px;
}


.footer-list-box ul li {
	position: relative;
 	padding-left: 15px;
	font-size: 0.8em;
}

.footer-list-box ul li:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #666;
}

#footer-title {
	float: right;
	width: 280px;
}

.credit-title {
	float: left;
	font-size: 1em;
	color: #666;
	margin: 0;
	line-height: 1.3em;
}

#credit {
	background-color:#807b74;
	height: 100px;
}

#credit-links {
	width: 55%;
	height: 100px;
	display: inline-block;
}

#credit-links ul li {
	float: left;
	color: #fff;
	font-size: 0.8em;
	padding: 0 45px;
	margin: 20px 0;
	border-right: 1px solid #fff;
}

.sns {
	margin-top: 5px;
	margin-bottom: 10px;
}

.sns span {
	margin-right: 5px;
}

.join-list {
	height: 950px;
	margin-top: 50px;
	margin-left: -45px;
}

.join-list li {
	margin: 0 14px 24px 14px;
}

.join-list li:hover > .join-list-cover {
	opacity: 1;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
}

.join-list-cover {
	opacity: 0;
	position: absolute;
	width: 300px;
	height: 300px;
	background-color: rgba(255,255,255,0.6);
	margin-top: -306px;
	text-align: center;
}

.join-list-d {
	width: 300px;
	position: absolute;
	top: 45%;
}

.join-list-nm {
	font-size: 1.6em;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 700;
	line-height: 1.2em;	
	}

.join-list-lk {
	width: 100px;
	height: 35px;
	position: absolute;
	bottom: 20px;
	left: 100px;
	border: 3px solid #666;
	line-height: 180%;
	font-size: 1.4em;
	font-family: 'Open Sans', 'Noto Sans Japanese', sans-serif;
	font-weight: 500;
	color: #666;
}

.join-list-lk:hover {
	background-color: #666;
	color: #fff;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
}

.access-map tbody tr td {
	padding: 0 20px;
}

.access-title {
	font-size: 1.2em;
	font-family: 'Open Sans', 'Noto Sans Japanese', sans-serif;
	font-weight: 500;
	margin-bottom: 0;
}

.access-title-sub {
	font-size: 0.9em;
	font-family: 'Open Sans', 'Noto Sans Japanese', sans-serif;
	font-weight: 300;
	color: #666;
}	

.contact-list dl {
	width:400px;
	height: 120px;
	margin: 25px 0;
	line-height: 1.5em;
 }
 
.contact-list dt {
	float: left;
 	clear: left;
 	width: 40px;
	font-size: 0.8em;
	color: #666;
}

.contact-list dt::after {
	content: " :";
}
	
.contact-list dd {
 	float: left;
 	width: 320px;
	margin-left: 10px;
	font-size: 0.9em;	
}

.em {
	margin-left: 20px;
	font-size: 1.3em;
	font-family: 'Open Sans', 'Noto Sans Japanese', sans-serif;
	font-weight: 300;
}

.tb-kyoten {
	width: 880px;
	font-size: 0.9em;
	border-top: 1px dotted #333;
}

.tb-kyoten tr td {
	border-bottom: 1px dotted #333;
	padding: 15px;
	margin: 0;
}

.educ-step {
	margin: 0 0 0 -40px;
}

.educ-step li {
	width: 135px;
	padding: 0 20px;
}

.box-credit {
	width: 70px;
	margin: 15px auto;
	border: 1px solid #000;	
	text-align: center;
	font-size: 0.8em;
	padding: 3px 10px;
}

.educ-step-title {
	display: table-cell;
	width: 135px;
	height: 70px;
	vertical-align: middle;
	font-size: 1.0em;
	font-family: 'Open Sans', 'Noto Sans Japanese', sans-serif;
	font-weight: 500;
	text-align: center;
}

.koyou-student-list {
	width: 100%;
	height: 250px;
	text-align: center;
	margin: 0 0 40px -40px;
}

.koyou-student-list li {
	padding: 0 25px;
	margin: 0 auto;
	text-align: center;
}

.koyou-student-list li span {
	margin-left: 10px;
}

.koyou-student-list li img {
	padding: 10px 0;
}

.educ-list-ds::before {
	content: "■";
} 

.educ-list-ds {
	text-indent: -1em !important;
	line-height: 1.2em !important;
	font-size: 0.85em !important;
	padding-left: 1em;
} 

.box-premister {
	width: 600px;
	padding: 10px;
	margin: 20px auto;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	text-align: center;
}

.premister-ds {
	font-size: 1.4em;
	font-family: 'Open Sans', 'Noto Sans Japanese', sans-serif;
	font-weight: 700;
}

.premister-ds2 {
	line-height: 1.8em !important;
}

.list-step-no {
	width: 100%;
	margin: 0 0 0 -40px;
}

.list-step-no li {
	width: 175px;
	margin: 0 auto;
	padding: 0;
}

.step-no {
 	border-radius: 50%;
	position: relative;
	text-align: center;
	padding-top: 20px;
}

.step-no:before {
    border-top: 1px solid #66f;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: -9999;
}

.step-no-circle {
	width: 40px;
	height: 40px;
	margin: 0px auto;
	text-align: center;
	border-radius: 50%;
	font-size: 1.2em;
	color: #fff;
	line-height: 2.5em;
	background-color: #66f;
}

.koyou-h4 {
	margin-top: 50px;
}

.koyou-h4::before {
	content: "■";
	color: #aaa;
	margin-right: 10px;
	font-size: 0.7em;
}

.box-dotted {
	width: 100%;
	padding: 10px 5px;
	border: 1px dashed #66f;
}

#box-slider {
	height: 600px;
	overflow: hidden;
	z-index: 0;
	
}

.slider {
	margin: 0 auto;
	width: 100%;
	padding: 0;
}

.slider li {
	list-style: outside none none;
}

.slider li img {
	width: 100%;
	margin: 0 auto;
}

.slide-wrapper {
	background-image: url('../../image/slider/slide-grad.png');
	background-position: left bottom;
	background-repeat: repeat-x;
	height: 400px;
}

.box-slidetext {
	position: relative;
	width: 850px;
	margin: 0 auto;
	padding: 50px;
	color: #fff;
	top: 180px;
}

.box-slidetext p {
	font-weight: bold;
	font-size: 2em;
}

.box-slidetext span {
	font-size: 1.1em;
}

#top-wrapper {
	padding-top: 70px;
	width: 980px;
	margin: 0 auto;
}

#box-top-title {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 80px;
}

#box-circle {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 50px;
}

#program-ul li {
	visibility: visible !important;
}

.elements-grid {
	width: 260px;
	padding: 50px 30px;
	float: left;
	height: 300px;
	border-right: 1px dotted #666;

}

.elements-gridc {
	width: 260px;
	padding: 50px 30px;
	float: left;
	height: 300px;

}

.elements-grid-text  {
	width: 100%;
	margin-bottom: 30px;
}

.elements-grid-text h2 {
	font-weight: bold;
	font-size: 1.4em;
	width: 100%;
	text-align: center;
	line-height: 0.5em;
}

.elements-grid-text p {
	font-size: 1.4em;
	width: 100%;
	text-align: center;
	line-height: 0em;
}

.elements-grid-image {
	margin-top: 30px;
	width: 100%;
	text-align: center;
}

#program ul {
	padding: 0;
}

#box-grid {
	margin-bottom: 50px;
}


.grid-en {
	font-family: serif;
	font-size: 0.8em !important;
	color: #7a6a56;
	opacity: 0.5;
}

.grid-description {
	margin-top: 30px;
}

#box-insta {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	margin-top: 120px;
}

#insta-label {
	font-family: serif;
	font-size: 2em;
	font-weight: bold;
	line-height: 0em;
}

#title-univ {
	font-size: 1.2em;
	line-height: 0.4em;
	color: #9eab71;
}

.elements-grid:hover {
	-moz-transform: scale(1.03);
	-webkit-transform: scale(1.03);
    	-webkit-transition: all 0.5s ease-in;
    	-moz-transition: all 0.5s ease;
}

.footer-list-box-w {
	float: left;
	width: 180px;
	margin-right: 40px;
}

.footer-list-box-w ul li {
	float: none;
	font-size: 0.8em;
	color: #666;
	line-height: 2em;
}	

.footer-list-box-w ul {
	padding-left: 10px;
	margin-top: 10px;
}


.footer-list-box-w ul li {
	position: relative;
 	padding-left: 15px;
	font-size: 0.8em;
}

.footer-list-box-w ul li:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #666;
}

.grnbutton {
    width:250px;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:15px 0 15px;
    color:#fff;
    background-color:#9eab71;
    border-radius:30px;
    margin: 0 auto;
    margin-top: 50px;
}

.grnbutton span::after {
	content: url(../../image/parts/arrow2.png);
	margin: 20px;
	padding-top: 20px;
}

.supText {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}

.ack {
	font-size: 0.8em !important;
}

#box-tp-gmenu {
	margin: 0;
	padding: 20px 0;
	height: 100px;
	width: 100%;
	position: absolute;
	z-index: 9999;
}

#tp-gmenu {
	width: 980px;
	margin: 0 auto;
	text-align: center;
}

#tp-logo {
	width: 300px;
	float: left;
}

#tp-gmenu-ul {
	color: #fff;
	float: right;
}

#tp-gmenu-ul li a {
	padding: 0 20px;
	color: #fff;
	font-weight: bold;
}

#top-title {
	position: absolute;
	z-index: 9999;
	margin: 0 auto;
	margin-top: 0px;
	text-align: center;
	margin-top: 200px;
}

#top-title img{
	display: block;
	margin: 0 auto;
	text-align: center;
}

.square_btn {
    display: inline-block;
    padding: 1em 2em;
    text-decoration: none;
    color: #66f;
    border: solid 2px #66f;
    border-radius: 30px;
    margin: 0 auto;
}

.square_btn::after {
	content: "＞";
	margin: 10px;
	padding-top: 20px;
}

.square_btn:hover {
    background: #66f;
    color: white;
}

#box-student-guide {
	height: 250px;
}

#student-guide-img {
	float: left;
	width: 250px;
}

#student-guide-text {
	float: left;
	width: 600px;
}

.box-botn {
	width: 100%;
	text-align: center;
	margin-top: 50px;
}

#box-premeister-img {
	width: 100%;
	text-align: center;
}

.sup {
	vertical-align: super;
}

.qa dt {
	margin: 30px 0 5px 0;
	font-size: 1.2em;
	border-bottom: 1px solid #bbb;
	font-weight: bold;
}

.qa dt::before {
	content: "■";
	color: #66f;
	font-weight: bold;
	margin-right: 10px;
	font-size: 0.8em;
}

#box-contentstop2 {
	width: 980px;
	height: 100%;
	margin-left: 0px;
	padding: 0 2em 0 0;
	text-align: center;
}

.cr {
	font-family: 'Vollkorn', serif;
	font-size: 0.6em;
	margin: 0;
	color: #666;
}

.about_purpose {
	width: 600px;
	height: 180px;
	margin: 0 auto;
	text-align: center;
	border: 2px dotted #66f;
	border-radius: 5px;
	margin-top: 50px;
}

.about_purpose_ol {
	width: 300px;
	margin: 0 auto;
}

.about_purpose_ol li {
	float: none;
	font-size: 1.2em;
	line-height: 1.5em;
}

.h4_about_purpose {
	padding-top: 10px;
	font-size: 1.4em;
	color: #66f;
	line-height: 0.5em;
}
	
	
	
.box-nursing-img {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
	}
	
.box-nursing-img-top:hover {
		opacity: 0.5;
		transition: all 0.5s;
	}
	
.box-nursing-img-top {
	width: 350px;
	float: left;
	margin: 0 20px;
	border-radius: 10px;
}

#box-nursing-img-top-image1 {
	width: 100%;
	margin: 0 auto;
	height: 234px;
	background-image: url(../img/nursing/nursing-img-top1.jpg);
	
}
	
#box-nursing-img-top-image2 {
		width: 100%;
		margin: 0 auto;
		height: 234px;
		background-image: url(../img/nursing/nursing-img-top2.jpg);
		
	}
	
#box-nursing-img-top-text1 {
	background-color: #57a647;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	padding: 20px;
}
	
#box-nursing-img-top-text2 {
	background-color: #d26f7c;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	padding: 20px;
}
	
#box-nursing-adv {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 40px 0 80px 0;
	}
	
.box-nursing-adv-item {
	width: 200px;
	height: 200px;
	float: left;
	margin: 0 20px;
	padding: 10px;
	background-color: #f6f6f6;
		text-align: center;
		border-radius: 5px;
}
	
	.box-nursing-adv-item-title {
		width: 100%;
		font-size: 1.2em;
		font-weight: bold;
		color : #57a647;
		margin: 20px 0;
	}

	.content-care {
		border-spacing: 0;
		border-top: 2px dotted #360; 
		border-bottom: 2px dotted #360;
		margin-bottom: 80px;
	}
	
	.content-care-title {
		width: 250px;
		font-size: 1.3em;
		font-weight: bold;
		text-align: right;
		margin: 0;
		padding: 0;
		color : #57a647;
	}

	
	.content-care-discription {
		width: 550px;
		font-size: 1em;
		text-align: left;
	}
	
	#box-proc-application {
		width: 100%;
		text-align: center;
		margin-bottom: 80px;
	}
	
	.box-proc-application-title {
		width: 600px;
		height: 40px;
		line-height: 40px;
		margin: 0 auto;
		margin-bottom: 10px;
		padding: 10px;
		text-align: center;
		background-color: #f1f1f1;
		border-radius: 10px;
	}
	
	.box-proc-application-title span {
		font-size: 1.4em;
		font-weight: bold;
		color : #57a647;
	}
	
	.arrow-triangle {
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #57a647;
		margin: 0 auto;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	#box-mother-nursing {
		display: table;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	
	.box-mother-nursing-item {
		width: 240px;
		height: 220px;
		margin: 0 15px;
		float:left;
		background-color: #f6f6f6;
		padding: 15px;
		border-radius: 10px;
		text-align: center;
	}
	
	.box-mother-nursing-item-label {
		width: 70px;
		margin: 10px -25px;
		padding: 5px;
		background-color: #d26f7c;
		text-align: center;
		color: #fff;
		font-weight: bold;
		border-radius: 5px;
	}
	
		.box-mother-nursing-item-title p {
		font-size: 1.1em;
		color: #d26f7c;
		font-weight: bold;
		margin: 20px 0;
	}
	
	#box-voice {
		display: table;
		width: 100%
			margin:20px;
		margin-bottom: 80px;
		padding: 20px;
		background-color: #ffd;
		border-radius: 20px;
	}
			
	#box-vioce-title h3 {

		margin-left: 0;
		padding 0;
		border-left: none;
		border-bottom: none;
		font-size: 1.6em;
		color: #d26f7c;
		font-weight: bold;
	}
	
	#box-vioce-title h3::after {
		border-bottom: none;
	}
	
	#box-vioce-title {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 250px;
		margin: 0 auto;
	}
	
#box-vioce-title::before,
#box-vioce-title::after {
	content: '';
	width: 3px;
	height: 40px;
	background-color: #57a647;
}
	
#box-vioce-title::before {
	margin-right: 50px;
	transform: rotate(-35deg)
}

#box-vioce-title::after {
	margin-left: 50px;
	transform: rotate(35deg)
}
			
			

	.box-vioce-item { 
		width: 46%;
		float: left;
		padding: 15px;
	}
	
	.box-vioce-item p {
		margin-left: 0;
		font-size: 1.2em;
		color: #d26f7c;
		font-weight: bold;
	}
	
	#box-mother-nursing-content {
		display: table;
		width: 100%;
		text-align: center;
		margin-bottom: 50px;
	}
	
	.box-mother-nursing-content-item {
		float: left;
		padding: 5px 10px;
	}
	
	.box-mother-nursing-content-item p {
		font-size: 1.4em;
		color: #d26f7c;
		font-weight: bold;
	}
	
	.box-mother-nursing-content-item p::before {
		content: "□";
	}
	
	.box-proc-mother-nursing {
		width: 45%;
		margin: 20px;
		float:left;
				text-align: center;
		margin-bottom: 80px;
			}
			
	.box-proc-mother-nursing-title {
		width: 100%;
		height: 40px;
		line-height: 40px;
		margin: 0 auto;
		margin-bottom: 10px;
		padding: 10px;
		text-align: center;
		background-color: #f1f1f1;
		border-radius: 10px;
	}
	
	.box-proc-mother-nursing-title span {
		font-size: 1.4em;
		font-weight: bold;
		color : #d26f7c;
	}
	
	.arrow-triangle-mother-nursing {
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #d26f7c;
		margin: 0 auto;
		margin-top: 15px;
		margin-bottom: 15px;
			}
			
	.box-proc-mother-nursing-header {
	font-size:1.2em;
			}
			
	#box-nursing-insta-link {
		width: 600px;
		height: 60px;
		line-height: 60px;
		padding: 10px;
		margin: 80px auto;
		border-radius: 10px;
		background-color: #d26f7c;
		display: table;
		text-align: center;
			}
			
	#box-nursing-insta-link p {
				color: #fff;
				font-size: 1.4em;
				font-weight: bold;
				margin: 0;
				
			}