@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Ropa+Sans');
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: bottom; */
}
/*================================================

PC共通

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



html {
  overflow: auto;
}


body {
	letter-spacing: 1px;
  margin:0;
  padding: 0;
  height: auto;
	color: #333;
  font-family: "游ゴシック",DIN, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
  text-decoration: none;
}

*{box-sizing: border-box;}

p{
	line-height: 1.7;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media screen and (max-width: 640px) {
.pc { display: none !important; }
.sp { display: block !important; }
img{max-width: 100%;}
}

@media screen and (min-width:641px) and ( max-width:1024px) {
.pc { display: none !important; }
.sp { display: block !important; }
}


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

PC：header

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

header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  transition: .3s;
}


header.is-animation  {
  height: 40px;
	transition: .3s;
}


header.is-animation img  {
  max-width: 200px;
	height: 40px;
	transition: .3s;
}

.header-logo {
  float: left;
}

.koyama_logo {
  float: right;
}

.gnav_top {
  float: left;
	background-color: #fff;
}

.gnav_top ul {
  color: #484040;
	font-size: 0;
}

.gnav_top ul li {
  display: inline-block;
  margin-left: 2px;
}

.gnav_top ul li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";
  /* ie 8 */
  zoom: 1;
}


.gnav_top ul li a {
  text-decoration: none;
  color: #333;
  background-color: #f0f7f3;
	font-size: 12px;
  text-decoration: none;
  line-height: 60px;
  display: block;
  padding: 0 10px;
}

.is-animation .gnav_top ul li a {
  line-height: 40px;
	transition: .3s;
}

.countents{
  width: 100%;
  margin: 0 auto;
}

#nav_toggle{
	display: none;
}

img.zoom_img {
    position: relative;
    top: -70px;
}



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

SP：header

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

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

	header.is-animation  {
	  height: 55px;
		transition: .3s;
	}


	header.is-animation img  {
	  max-width: 100%;
		height: 60px;
		transition: .3s;
	}

	#header {
	  background-color: #47c285;
	  display: inline-block;
	}

	header {
		z-index: 200;
		width: 80%;
	}

.header-logo img {
	width: auto;
	height: 100%;
	object-fit: cover;
}


.header-logo {
  width: 100%;
	background-color: #47c285;
}

.koyama_logo{
  display: none;
}

.gnav_top  {
  display: none;
}


.header {
	font-size: 10px;
}


header nav ul{
	display: block;
	margin: 0 auto;
	width: 90%;
}
header nav ul li{
	margin: 0 auto;
	text-align: center;
	border-bottom: 1px solid #fff;
}
header nav ul li:last-child{
	border: none;
}
header nav ul li a{
	display: block;
}


}


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

TAB：header

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


@media screen and (min-width:641px) and ( max-width:1024px) {
.heading_1{
	-ms-writing-mode:lr-tb;
	font-size: 26px;
	letter-spacing: 2px;
	text-align:none;
	margin-top: 50px;
	margin-left: 5%;
  height: auto;
  padding:0;
}

header.is-animation {
    height: 60px;
    transition: .3s;
    background: #fff;
}
		header.is-animation img {
    max-width: 100%;
    height: 60px;
    transition: .3s;
}

}


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

PC： side_nav

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


nav{
	float: left;
	height: 100vh;
	width: 200px;
	background: #fff;
	position: fixed;
  top: 60px;
  left: 0;
	border-left: solid 3px #47c285;
	z-index: 100;
}

nav.is-animation-nav {
  top: 40px;
}


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

SP： side_nav

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

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

	nav{
		float: left;
		height: auto;
		width: 100%;
		background: none;
		position: fixed;
	  top: 0;
	  right: 0;
		left: auto;
		border-left:none;
		z-index: 120;
		height: 60px;
	}

	nav.is-animation-nav {
	  top: 0px;
	}

}


@media screen and (max-width: 640px) {
nav {
	background: #47c285;
}
}


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

ハンバーガー

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



/* mod_body
-----------------------------------------*/
.mod_body{
  margin:0 auto;
  max-width: 1000px;
  margin-top: 50px;
  height:1500px;
}

/* Nav
-----------------------------------------*/


.Nav ul.close {
  display: none;
  border-top: solid 1px #F5F4F0;
}

.Nav > ul {
  margin: 0 auto;
	width: 197px;
}

.Nav > ul > li {
  position: relative;
  font-size: 15px;
}

.Nav > ul > li a {
  display: block;
  position: relative;
  text-decoration: none;
  padding: 19px 15px;
  font-size: 15px;
  color: #333;
  background-color: #fff;
  z-index: 2;
  border-bottom: solid 1px #d3d3d3;
}

.Nav > ul > li.parent > a {
  padding-right:25px;
}

.Nav > ul > li.parent > a::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 6px;
    height: 6px;
    margin: -6px 0 0 0;
    border-top: solid 2px #63d09d;
    border-right: solid 2px #63d09d;
    -webkit-transform: rotate(135deg);
    transform: rotate(45deg);
}


.Nav > ul > li a:hover {
  color: #47c285;
	background-color: #eee;
}

.Nav > ul > li a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}



/* 2階層 */
.Nav > ul > li > ul {
  display: none;
  position: absolute;
  top: -1px;
  left: 197px;
  width: 200px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 9;
	border-left: #ccc dotted 1px;

	border-right: #ddd solid 1px;
	border-top: #ddd solid 1px;
}


.Nav > ul > li > ul li {
  white-space: nowrap;
}

.Nav > ul > li > ul li a {
  position: relative;
  padding: 19px 15px 19px 27px;
	background-color: #f6f6f6;
}


.Nav > ul > li > ul li.parent > a::before {
	    display: block;
	    content: "";
	    position: absolute;
	    top: 50%;
	    right: 15px;
	    width: 6px;
	    height: 6px;
	    margin: -6px 0 0 0;
	    border-top: solid 2px #63d09d;
	    border-right: solid 2px #63d09d;
	    -webkit-transform: rotate(135deg);
	    transform: rotate(45deg);
	}


.Nav > ul > li > ul li a:hover {
  text-decoration: underline;
}


/* 3階層 */
.Nav > ul > li > ul > li > ul {
  display: none;
  position: absolute;
  top: -1px;
  left: 197px;
  width: 200px;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 9;
	border-left: #ccc dotted 1px;
	border-right: #ddd solid 1px;
	border-top: #ddd solid 1px;
}

.Nav > ul > li > ul > li > ul li a {
  position: relative;
	background-color: #fff;
}




/* Menu Toggle Btn
----------------------------------------*/
.menu-toggle {
    display: none;
}
.menu-toggle h3 {
    color: #FFF;
    padding: 0px 10px;
    font-weight: 600;
    font-size: 16px;
}
.menu-toggle .icon-bar {
    display: block !important;
    width: 18px;
    height: 2px;
    background-color: #F5F5F5 !important;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    margin: 3px;
}
.menu-toggle .icon-bar:hover {
    background-color: #F5F5F5 !important;
}
.menu-toggle #menu-btn {
    float: right;
    background: #202020;
    border: 1px solid #0C0C0C;
    padding: 8px;
    border-radius: 5px;
    cursor: pointer;
    margin: 10px 20px 10px 10px;
}




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

	.Nav > ul {
    margin: 0 auto;
    width: 100%;
}

    ul[data-menu-style="vertical"] , ul[data-menu-style="accordion"],
    ul[data-menu-style="vertical"] li ul.sub-menu {
        width: 100% !important;
    }
    .ace-responsive-menu {
        float: left;
        width:100%;
    }
    .ace-responsive-menu > li {
       float: none;
    }

    .ace-responsive-menu li ul.sub-menu > li {
        width: 100%;
    }
    .ace-responsive-menu li ul.sub-menu li ul.sub-menu li a
        {
        padding-left: 30px;
    }
		.ace-responsive-menu li ul.sub-menu li ul.sub-menu li {
        width: 50%;
				display: inline-block;
    }
    .ace-responsive-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a
       {
        padding-left: 50px;
    }
    .ace-responsive-menu > li > ul.sub-menu {
        position: static;
    }
    .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu {
        position: static;
    }
    .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
        position: static;
    }

		.Nav > ul > li a {
		  padding: 12px 15px;
		}

		.Nav > ul > li > ul > li a {
			padding: 12px 15px;
		}

		.Nav > ul > li > ul {
		    border-left: none;
		    border-right: none;
		    border-top: none;
				width: 100%;
		}

		.Nav > ul > li > ul > li a {
		    padding-left: 25px;
				display: block;
				width: 100%;
		}


		.Nav > ul > li > ul > li > ul {
				border-left: none;
				border-right: none;
				border-top: none;
				width: 100%;
				font-size: 0;
		}

		.Nav > ul > li > ul > li > ul > li:nth-child(2n) {
				border-left:#999 dotted 1px;
		}

		.Nav > ul > li > ul > li > ul > li:last-child {
				width: 100% !important;
		}



		.Nav > ul > li > ul > li > ul > li a{
			padding-left: 35px !important;
			width: 100%;
			background-color: #eee;
		}

		.Nav > ul > li.parent > a::before {
    right: 60px;
}

.Nav > ul > li.parent > ul > li.parent > a::before {
right: 60px;
}

.hide-menu {
    display: none;
}

}



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

メイン

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

main {
  width: calc(100% - 200px);
  float:right;
}


.side_nav ul li a:hover{
    color: #47c285;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}


.side_nav ul{
  margin: 0;
  padding :0;
  list-style: none;


}
.side_nav li{
padding :0;
margin:0;
}

.side_nav li a{
display: block;
padding: 20px 0px 20px 18px;
color:#555;
width: 100%;
margin: 1px 0px;
text-decoration:none;
border-bottom: 1px solid #848484;
font-size: 14px;
background: url(../img/yazirushi.jpg);
background-position: 90% center;
background-repeat: no-repeat;
}


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

PC： main

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

.shiryou_btn {
	top: 122px;
	position: fixed;
	right: 0;
	z-index: 50;
}

.OC_btn {
	top: 363px;
	position: fixed;
	right: 0;
	z-index: 50;
}



.sidenav-item {
  cursor: pointer;
}

.sidenav-item img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";
  /* ie 8 */
  zoom: 1;
}





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

PC： TOP MV

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


.mv{
  width: 100%;
	margin-top: 60px;
  background-image: url(../img/mv.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-bottom: 3px solid #47c285;
  position: relative;
}


.heading {
	display: inline-block;
	width: 100%;
}


.heading_1 {
	　-ms-writing-mode: tb-rl !important; /* IE */
		-webkit-writing-mode: vertical-rl; /* Chrome, Safari */
	　-moz-writing-mode: vertical-rl; /* firefox */
	　writing-mode: vertical-rl;
    font-size: 55px;
    color: #504b43;
    letter-spacing: 10px;
    display: inline-block;
    margin-left: 33%;
    padding-top: 90px;
    height: 737px;
}

.heading_1 p {
	-ms-writing-mode: tb-rl; /* IE */
	-webkit-writing-mode: vertical-rl; /* Chrome, Safari */
　-moz-writing-mode: vertical-rl; /* firefox */
　writing-mode: vertical-rl;

}

.heading_2{
	-webkit-writing-mode: vertical-rl; /* Chrome, Safari */
　-moz-writing-mode: vertical-rl; /* firefox */
　-ms-writing-mode: tb-rl; /* IE */
　writing-mode: vertical-rl;
	font-size: 55px;
	color: #504b43;
	letter-spacing: 10px;
	text-align: right;
}

.bnr_wrap {
	margin-left: 50px;
}

/* .mv img {
    display: block;
    margin-left: 25px;
    margin-top: -161px;
}

.mv_img02 {
    display: block;
    margin-left: 314px !important;
		margin-top: -152px !important;
} */

.mv img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  zoom: 1;
}



h1 {
	color: #47c285;
	text-align: center;
	font-size: 27px;
	padding-top: 50px;
	padding-bottom: 32px;
}

.topics {
	width: 100%;
	background-color: #f2f2f2;
	padding-right: 42px;
}



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

TAB：main

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

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

.mv {
	margin-top: 0px;
  position: relative;
	height: 500px;
}

main {
  width: 100%;
  float:none;
	padding-top: 60px;
}
}





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

SP：main

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

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

.mv {
	margin-top: 0px;
	background-image: url(../img/mv_sp.png);
	position: relative;
	height: 500px;
}

main {
  width: 100%;
  float:none;
	padding-top: 60px;
}

.heading_1{
	-webkit-writing-mode: vertical-rl; /* Chrome, Safari */
　-moz-writing-mode: vertical-rl; /* firefox */
　-ms-writing-mode: tb-rl; /* IE */
　writing-mode: vertical-rl;
	font-size: 35px;
	letter-spacing: 2px;
  text-align:none;
	margin-top: 20px;
	margin-left: 10%;
        height: auto;
        padding:0;
}

.mv img {
	width: 40%;
}


/* .mv_img02 {
	bottom: 0 !important;
	right: 43% !important;
	margin-left: 0px !important;
    margin-left: 314px !important;
} */

.bnr_wrap {

	position: absolute;
	bottom: 0;
	width: 90%;
}

.hide-menu {
    display: none;
}
.menu-toggle #menu-btn {
	margin-bottom: 14px;
}



}

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




.main {
	 width:100%;
  float:none;
	}


	.heading_1{
		-webkit-writing-mode: vertical-rl; /* Chrome, Safari */
	　-moz-writing-mode: vertical-rl; /* firefox */
	　-ms-writing-mode: tb-rl; /* IE */
	　writing-mode: vertical-rl;
		font-size: 36px;
		letter-spacing: 2px;
		text-align:none;
		margin-top: 50px;
		margin-left: 33%;
		height: auto;
		padding:0;
	}

	.heading_1 p {
		-webkit-writing-mode: vertical-rl; /* Chrome, Safari */
	　-moz-writing-mode: vertical-rl; /* firefox */
	　-ms-writing-mode: tb-rl; /* IE */
	　writing-mode: vertical-rl;

	}

	.mv img {
		width: 24%;
	}


	/* .mv_img02 {
		bottom: 0 !important;
		right: 43% !important;
		margin-left: 0px !important;
	    margin-left: 314px !important;
	} */


	.bnr_wrap {
    position: absolute;
		bottom: 0;
		width: 90%;
	}


}


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

PC：topics

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


.topics {
	width: 100%;
	background-color: #f2f2f2;
	padding-right: 42px;
	text-align: center;
}


h2 {
	font-size: 27px;
	color: #47c285;
	padding-top: 50px;
	margin-bottom: 55px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 10px;
}

.topics_wrap {
	display:inline-flex;
	width: 100%;
	justify-content: center;
}

.zoom_img {
	float: right;
	margin-top: -9px;
	width: calc(100% - 43px);
}

.zoom_img img {
	width: 100%;
}

.topics_box,.topics_box_1 {
	vertical-align: top;
	max-width: 205px;
	width: 20%;
	background-color: #fff;
	height:auto;
	display: inline-block;
	margin-left: 29px;
}

.thumb{
	max-width: 205px;
}

time {
	-webkit-writing-mode: vertical-rl; /* Chrome, Safari */
　-moz-writing-mode: vertical-rl; /* firefox */
　-ms-writing-mode: tb-rl; /* IE */
　writing-mode: vertical-rl;
	font-size: 11px;
	color: #2a2826;
	position: relative;
	padding: 40px 15px 5px;
	float: left;
	width: 43px;
	writing-mode: vertical-rl;

}

time::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 23px;
	background: #111;
	margin-top: 8px;
	margin-bottom: 5px;
}



.pickup {
	height: 774px;
	background-image: url(../img/picup_back.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.pickup_h3{
	font-size: 32px;
	color: #504b43;
	margin-left: 58px;
	padding-top: 50px;
	font-weight: bold;
	letter-spacing: 7px;
}

 .btn01 {
	text-align: center;
	padding: 50px;
}

.btn01 a:hover {
 color: #47c184;
 background-color: #fff;
 border: 1px solid #47c184;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
}

.btn01 a {
	padding: 10px 20px;
	background-color: #47c184;
	text-align: center;
	color: #fff;
	border-radius: 5px;
}

.topics_text{
	font-size: 14px;
	color: #2a2826;
	margin: 0 15px 0 15px;
	clear: both;
	line-height: 1.6em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	padding-top: 20px;
	height: 88px;
}

.topics_text_wrap {
	width: 100%;
}


.contents_wrap {
    width: 100%;
    text-align: center;
}


.contents_left {
    padding-top: 50px;
    width: 300px;
    display: inline-block;
		margin-left: -10%;
}


.contents_right {
    width: 300px;
    margin-left: 3%;
    display: inline-block;
}

.topics_yazirushi {
	text-align: right;
	padding-bottom: 10px;
}

.contents_1_title,.contents_2_title,.contents_3_title,.contents_4_title {
	position: relative;
	left: 3%;
	top: -42px;
}


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

SP：topics

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

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

.topics_box,.topics_box_1 {
	width: 90%;
	background-color: #fff;
	margin-left: 5%;
	margin-bottom: 40px;
	max-width: 100%;
	}

	.zoom_img {
		float:left;
	}

	.topics_wrap {
	display:block;
	}


.topics_text_wrap {
	width: 34%;
	float: left;
	text-align: center;
}

.topics_text {
	font-size: 14px;
	margin-left: 10px;
	width: 100%;
}

.topics_yazirushi {
	margin-top: 9%;
}

.topics {
	padding-right: 0px;
}


time {
	margin-top: 0%;
	/* padding: 0px 10px 5px; */
}


img.zoom_img {
	 float: left;
	 top: -24px;
}

img.zoom_img {
	width: 40%;
}

.btn01 a {
	padding: 15px 85px;
}



.pickup {
	background-image: url(../img/picup_back.jpg);
	background-size: 32%;
	background-repeat: no-repeat;
	background-position: left bottom;
	height: auto;
	background-size: cover;
	background-position:center;
	padding-bottom: 40px;
}

.btn01 {
 padding-top: 0px;
}


.contents_left,.contents_right {
	width: 90%;
	float: none;
  text-align: center;
	margin-left: 0;
}

.contents_wrap {
	width: 100%;
	margin: auto;
}

.contents_left img {
	width: 90%;
	margin-top: 30px;
}

.contents_left a, .contents_right a {
	position: relative;
}

.contents_right img {
	width: 90%;
	margin-top: 30px;
}

.department_h4 {
	text-align: center;
}

.contents_1_title,.contents_2_title,.contents_3_title,.contents_4_title {
	position: absolute;
    left: 6px;
    top: -24px;
}

.time {
	margin-top: 12%;
}

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

	.topics {
	    width: 100%;
	    background-color: #f2f2f2;
	    padding-right: inherit;
	    text-align: center;
	}

	.topics_box, .topics_box_1 {
	    vertical-align: top;
	    width: 23%;
	    background-color: #fff;
	    height: auto;
	    display: inline-block;
	    margin-left: 3%;
	    margin-bottom: 50px;
	}

	.topics_wrap {
	    display: inline-flex;
	    width: 94%;
	}

	.topics_box_1 {
	display: none;
}


.btn01 {
 padding-top: 0px;
}

.zoom_img {
	width: 100%;
}


.zoom_img img {
	max-width: 100%;
}

.thumb {
    width: 100%;
}
time {
    writing-mode: inherit;
    font-size: 11px;
    color: #2a2826;
    position: initial;
    padding: 10px 0px 17px 10px;
    float: left;
    width: 100%;
}

time::before {
    content: "";
    left: 0;
    top: 0;
    width: 0;
    height: 0;
}

/* .mv img {
	position: absolute;
	bottom: 0;
	right: 0%;
	margin-left: 0px;
} */

.contents_wrap {
	width: 90%;
	margin: auto;
	padding-top: 50px;
}

.contents_left img {
	width: 100%;
}

.contents_right img {
	width: 100%;
	padding-top: 0px;
}

.contents_1_title,.contents_2_title,.contents_3_title,.contents_4_title {
	position: relative;

}

.contents_right {
	float: none;
	width: 40%;
}

.contents_left {
	margin-left: 0%;
	padding-top: 0px;
	width: 40%;
}


.pickup {
	height: 700px;
}


}

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

PC：department

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



.department {
	padding-top: 100px;
	overflow: auto;
}


.department_rigth {
	width: 65%;
	background-color: #fff;
	float: left;
	margin-bottom: 50px;
}

.department_rigth ul li {
	display: inline-block;
	margin-left: 25px;
	margin-bottom:25px;
	text-align: center;
	padding-top: 3rem;
	color: #fff;
}

.department_rigth ul li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  zoom: 1;
}



.department_left {
	width: 35%;
	background-color: #fff;
	float: left;
}

.department_h4 {
	font-size: 27px;
	color: #6cc2b1;
	margin-bottom: 32px;
	font-weight: bold;
	letter-spacing: 10px;
	border-left:none;
}

.department_sub {
	margin-top: 40px;
	margin-left: 30px;
	color: #6cc2b1;
	font-size: 16px;
}

.department_text {
	margin-top: 66px;
	font-size: 15px;
	color: #2a2826;
	margin-left: 30px;
}

.kango,.zyosan,.rigaku,.sagyou,.kaigo,.kango_tushin,.seishin_tushin,.syakai_tushin {
	display: table-cell;
	width: 275px;
	height: 120px;
	background-size: auto;
	background-repeat: no-repeat;
}

.kango{
	background-image: url(../img/kango.png);
}

.zyosan {
	background-image: url(../img/zyosan.png);
}

.rigaku{
	background-image: url(../img/rigaku.png);
}

.sagyou{
	background-image: url(../img/sagyou.png);
}

.kaigo{
	background-image: url(../img/kaigo.png);
}

.kango_tushin {
	background-image: url(../img/kango_tushin.png);
}

.syakai_tushin {
	background-image: url(../img/hukushi_tushin.png);
}

.seishin_tushin {
	background-image: url(../img/seishin_tushin.png);
}
/*================================================

SP：department

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

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

.department {
	padding-top: 57px;
	padding-bottom: 30px;
}

.department_left {
	width: 100%;
	float: none;
	text-align: center;
	height: auto;
}

.department_rigth {
	width: 100%;
	background-color: #fff;
	float: none;
	margin-bottom: 30px;
}


h4 {
	margin-bottom: 20px;
}

.department_text {
	padding-top: 26px;
	width: 90%;
	margin: auto;
	margin-bottom: 26px;
}

.department_sub {
 text-align: center;
 margin-top: 0px;
 margin-left: 0px;
}


.department_rigth  ul {
	width: 100%;
	margin: auto;
}

.department_rigth ul li {
    display: block;
    margin: 0 auto 25px;
    text-align: center;
    padding-top: 3rem;
    color: #fff;
		font-size: 1.3rem;
}
.department_sp li:nth-child(even){
	margin-right: 0%;
}

.department_sp li{
  color: #fff;
	text-align: center;
	padding-top: 3rem;
}


.department_sp li a{
  color: #fff;
}

.department_rigth ul li a {
  color: #fff;
	display: inline-block;
	vertical-align: middle;
	padding-top: 3rem;

}

.kango,.zyosan,.rigaku,.sagyou,.kaigo,.kango_tushin,.seishin_tushin,.syakai_tushin {
	display: table-cell;
	width: 80%;
	height: 130px;
	background-size: cover;
	background-repeat: no-repeat;
}
}

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

.department_sp {
	width: 90%;
	margin: auto;
}

.department_wrap{
	margin: auto;
}

	.department {
		padding-top: 57px;
	}

	.department_left {
		width: 100%;
		float: none;
		text-align: center;
		height: auto;
	}

	.department_rigth {
	    width: 100%;
	    background-color: #fff;
	    float: left;
	    margin-bottom: 50px;
	}

	h4 {
		margin-bottom: 20px;
	}

	.department_text {
		padding-top: 26px;
		width: 90%;
		margin: auto;
		margin-bottom: 26px;
	}

	.department_sub {
	 text-align: center;
	 margin-top: 0px;
	 margin-left: 0px;
	}


	.department_sp  ul {
		width: 83%;
		margin: auto;
		margin-bottom: 50px;

	}

	.department_sp  li {
		display: inline-block;
		margin-right: 2%;
		margin-bottom: 10px;
		text-align: center;
	}

	.department_sp li:nth-child(even){
		margin-right: 0%;
	}

	.department_sp li{
	  color: #fff;
		text-align: center;
		padding-top: 3rem;
	}


	.department_sp li a{
	  color: #fff;
	}

	.department_rigth ul li a {
	  color: #fff;
		display: inline-block;
		vertical-align: middle;
		padding-top: 3rem;

	}

	.department_rigth {
		text-align: center;
		width: 100%;
	}

.department_rigth ul {
	width: auto;
	margin: auto;
	display: inline-block;
}

	.department_rigth ul li {
    display: inline-block;
    margin-left: 1%;
    margin-bottom: 25px;
    text-align: center;
    padding-top: 3rem;
    color: #fff;
		width: 31%;
}

}




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

PC：system

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

.system {
	background-color: #f9fffc;
	width: 100%;

}

.system_title {
	padding-top: 50px;
	color: #47c285;
	font-size: 35px;
	font-weight: bold;
	text-align: center;
}

.system_sub {
	padding-top: 30px;
	padding-bottom: 40px;
	color: #504b43;
	font-size: 14px;
	text-align: center;
}

.system_sub p {
 text-align: center;
}

.system_list ul{
	text-align: center;
	margin-right: 45px;
}


.system_list {
	width: 100%;
	padding-bottom: 95px;
}

.system_list_title {
	font-size: 16px;
	text-align: center;
	color: #47c285;
	padding-top: 28px;
	font-weight: bold;
}

.system_text  {
	font-size: 14px;
	color:#504b43;
}



.system_list ul li {
	width: 100%;
	margin-left: 50px;
	width: 272px;
	border-top: solid 1.5px #47c285;
	display: inline-block;
	vertical-align: top;
}

.system_list img{
	margin: 20px 0;
}

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

SP：system

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

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

	.system_title {
		padding-top: 0px;
		color: #47c285;
		font-size: 26px;
		font-weight: bold;
		text-align: center;
		line-height: 1.4em;
	}

.system_title_sp {
	color: #47c285;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}

.system_sub {
	width: 90%;
	margin: auto;
	padding-top: 20px;
  padding-bottom: 10px;
}

.system_list ul li {
	margin-left: 0px;
}

.system_list ul  {
	text-align: center;
	margin-right: 0px;
}


.system_list {
	padding-bottom: 0px;
	margin: auto;
}

.system_list img {
	width: 100%;
}

.system_text {
	margin-bottom: 50px;
}


.system_list ul li {
	width: 90%;
	border-top: solid 1.5px #47c285;
	display: inline-block;
	vertical-align: top;
}

.system_list ul li {
	border-top: solid 1.5px #47c285;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}


}

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

.system_title_sp {
	color: #47c285;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}

.system_sub {
	width: 90%;
	margin: auto;
	padding-top: 10px;
    padding-bottom: 20px;
}

.system_list ul li {
	margin-left: 0px;
}

.system_list ul  {
	text-align: center;
	margin-right: 0px;
}


.system_list {
	padding-bottom: 0px;
	margin: auto;
}

.system_list img {
	width: 100%;
}

.system_text {
	margin-bottom: 50px;
}


.system_list ul li {
	width: 90%;
	border-top: solid 1.5px #47c285;
	display: inline-block;
	vertical-align: top;
}

.system_list ul li {
	border-top: solid 1.5px #47c285;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 30%;
	padding:0 1%;
}

.system_text {
	margin-top: 20px;
}

}


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

PC：document

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


.nitiyou_maronie {
	width: 500px;
	margin-top: 50px;
}

.document_OC {
	margin-top: -60px;
}

.document_wrap{
	position: relative;
	overflow: hidden;
	z-index: 2;
	width: 100%;
	height: 300px;
	background-color: #f2f2f2;
	transform: skew(0deg, -3deg);
}

.document_img {
	overflow: hidden;
	width: 45%;
	height: 680px;
	background-repeat: no-repeat;
	float: left;
	margin-top:-20px;
}

.document_img::after {
	width: 100%;
	height: 440px;
	content: "";
	display: inline-block;
	background-image: url(../img/shingaku_main.jpg);
	 background-size: cover;
	transform: skew(0deg, 3deg);
}

.nitiyou_img {
	background-image: url(../img/nitiyou_main.jpg);
	background-repeat: no-repeat;
	height: 350px;
	width: 55%;
	float: left;
	overflow: hidden;
	background-size: cover;
}

.nitiyou_img::after {
	width: 100%;
	height: 440px;
	background-image: url(../img/nitiyou_main.jpg);
	background-size: cover;
	transform: skew(0deg, 3deg);
}

.document_right {
	padding-left: 50%;
	margin-bottom: 150px;
  transform: skew(0deg, 3deg);
}


.document_wrap_2{
	width: 100%;
	height: 350px;
	background-color: #fff;
	transform: skew(0deg, -3deg);
	overflow: hidden;
}

.document_wrap:hover {
	background-color: #ddd;
	transition: .3s;
}

.document_wrap:hover img{
	opacity: 1;
}

.OC :hover {
	background-color: #eee;
	transition: .3s;
}

.OC :hover img{
	opacity: 1;
}

.document_left {
	width: 45%;
	float: left;
	transform: skew(0deg, 3deg);
	padding-right: 30px;
}


.img_wrap {
	height: 400px;
	width: 50%;
	display: inline-block;
}

.nitiyou_main {

}

.document_img_2 {
	width: 100%;
}

.document_title {
	color: #6cc2b1;
	font-size: 25px;
	padding-top: 50px;
	letter-spacing: 4px;
	font-weight: bold;

}

.OC_title {
	color: #47c285;
	font-size: 25px;
	padding-top: 50px;
	margin-left: 30px;
	letter-spacing: 4px;
	font-weight: bold;
}

.document_text {
	margin-top: 37px;
	margin-bottom: 22px;
	font-size: 16px;
	color: #2a2826;
}


.OC_text {
	margin-top: 37px;
	margin-bottom: 22px;
	font-size: 16px;
	color: #2a2826;
  margin-left: 30px;
}



.yazurushi_2 {
	margin-left: 60px;
}


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

SP：OC

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

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

.document_OC_sp{
width: 100%;

}

.nitiyou_maronie {
	width: 90%;
}


img.document_OC_img{
	margin-top: -50px;
	width: 100%;
}

img.yazurushi {
	text-align: right;
	margin-left: 85%;
	margin-bottom: 18%;
}

.document_text {
	padding-top: 20px;
	margin: auto;
	width: 90%;
	font-size: 14px;
}


}


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

.document_OC_sp{
width: 100%;

}

img.document_OC_img{
	margin-top: -50px;
	width: 100%;
}

img.yazurushi {
	text-align: right;
	margin-left: 85%;
	margin-bottom: 50px;
}

.document_text {
	padding-top: 20px;
	margin: auto;
	width: 90%;
}


}



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

PC：consultation

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

.consultation{
	text-align: center;
	margin-top: -40px;
  width: 100%;
	background-image: url(../img/consultation.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
  height: 500px;
}

.shingaku {
	margin-top: 50px;
 display: inline-block;
}

img.consultation_heading {
	text-align: center;
	padding-top: 130px;
	margin: auto;
}

.consultation_wrap,.consultation_wrap_2 {
	background-color: #fff;
	height: 183px;
	width: 190px;
	float: left;
}

.shingaku img {
	float: left;
}

.nitiyou_pc {
	float: left;
}

.consultation_title {
    color: #6cc2b1;
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

.nitiyou{
padding-top: 55px;
 padding-left: 33%;
}

.consultation_text {
	color: #403e3b;
	font-size: 13px;
	width: 85%;
	margin: auto;
}

.yazurushi_3  {
	margin-left: 150px;
	margin-top: 11px;
}

.date_wrap {
	background-color: #6cc2b1;
	height: 53px;
	width: 148px;
	position: relative;
	top: 78px;
	left: 25%;
}

.date_wrap_2 {
	background-color: #6cc2b1;
	height: 53px;
	width: 148px;
	position: relative;
	top: 259px;
	left: 40%;
}

.date_title {
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding-top: 6px;
}

.date {
	color: #fff;
	font-size: 15px;
	text-align: center;

}

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

SP：consultation

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

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

	.consultation {
		margin-top: -10%;
		background-image: url(../img/consultation_sp.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom;
		height: 350px;
	}


.shingaku {
	padding-top: 28%;
	padding-left: 0%;
	margin: auto;
}

.shingaku_sp {
  width: 40%;
	height: 221px;
}

.consultation_wrap {
	height: 210px;
	width:190px;
}

.date_wrap {
	top: 23%;
	left: 56%;
}

.consultation_wrap {
    height: 220px;
    width: 190px;
    display: inline-block;
}


.nitiyou {
 width: 95%;
 padding-left: 0%;
 padding-top: 8%;
}


.nitiyou_sp {
  width: 40%;
	height: 210px;
	float: right;
}



.consultation_wrap_2 {
	float: right;
	height: 210px;
	width:180px;
}

.date_wrap_2 {
	top: 51.5%;
	left: 7%;
}

.yazurushi_3  {
	margin-left: 75%;
}

.consultation_title {
    color: #6cc2b1;
    font-size: 18px;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 10px;
}

img.consultation_heading {
	padding-top: 60px;
	width: 80%;
}



}

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

	.consultation {
		margin-top: 0px;
		background-image: url(../img/consultation_sp.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom;
		height: 600px;
		overflow: auto;
		padding-bottom: 40px;
	}

	img.consultation_heading {
		padding-top:10%;
		width: 60%;
	}



	.shingaku {
		padding-top: 19%;
    padding-left: 10%;
	}

	.shingaku_sp {
	  /* width: 29%; */
	  height: 221px;
	}

	.consultation_wrap {
		height: 210px;
		width:180px;
	}

	.date_wrap {
	    top: 50%;
	    left: 21%;
	    position: sticky;
	}

	.consultation_wrap {
		height: 221px;
		width:180px;
		display: inline-block;
	}


	.nitiyou {
	    width: 74%;
	    padding-left: 0%;
	    padding-top: 8%;
	}


	.nitiyou_sp {
	  /* width: 40%; */
	  height: 220px;
	  float: right;
	}



	.consultation_wrap_2 {
		float: right;
		height: 220px;
		width:180px;
	}

	.date_wrap_2 {
	    top: 67%;
	    left: 47%;
	    position: sticky;
	}

	.yazurushi_3  {
		margin-left: 75%;
	}


	}



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

PC：banner

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

.banner {
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

.banner a {
	margin-left: 17px;
	margin-top: 50px;
	display: inline-block;
}

.banner a:nth-child(1) {
	margin-left: -29px;

}



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

.banner {
	height: auto;
	padding: 8% 0;
	width: 100%;
	margin: auto;
	display: inline-block;
}

.banner img {
	width: 100%;
	margin-bottom: 10px;
}


.banner a:nth-child(1) {
    margin-left: auto;
}
.banner a {
    margin-left: auto;
    margin-top: 0;
    display: inline-block;
		width: 47%;
		padding: 1%;
}

}

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

	.banner {
		height: auto;
		padding: 5% 0 0;
		width: 100%;
		margin: auto;
		display: inline-block;
	}

	.banner img {
		width: 100%;
		margin-bottom: 10px;
	}

	.web_btn {
		color: #fff;
		font-size: 10px;
		border: solid 1px #fff;
		padding: 14px;
		width: 32%;
    margin-left: 50px;
	}



	.web_btn img {
		margin-top: 0px;
		width: 8%;
		margin-bottom: 3px;
		margin-left: 7px;
	}

	.banner a:nth-child(1) {
	    margin-left: auto;
	}
	.banner a {
	    margin-left: auto;
	    margin-top: 0;
	    display: inline-block;
			width: 22%;
			padding: 1%;
	}

}

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

PC：footer

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

.footer {
	margin-top: 50px;
  width: 100%;
	padding:30px 0;
  background-color: #444444;
}

.footer img {
  margin-top: 35px;
  margin-left: 55px;
	margin-bottom: 35px;
}

.footer ul {
  padding-left: 55px;
}

.footer ul li {
  color: #fff;
  display: inline-block;
}

.footer ul li a {
  color: #fff;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  margin-right: 25px;
	margin-top: 20px;

}

.footer .class_tel_ttl{
	padding:20px 0 20px 50px;
	color: #fff;
}

.footer .class_tel{
	width: 90%;
}

.footer hr{
	width: 90%;
	border: none;
	border-top: #999 dotted 1px;
	margin-top: 50px;
}

.footer .class_tel li{
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	width: 30%;
	padding: 10px;
}


.copyright {
  text-align: center;
  font-size: 13px;
  padding: 15px 0;
}

ul.cdd_menu a {
 text-decoration: none;
 color: #646464;
 background: transparent;
}

ul.cdd_menu a:hover {
 opacity: .5;
 transition: .5s;
 background: rgba(225,225,225,.8);
}

ul.cdd_menu {
 width: 1200px;
 margin: 0 auto;
 position: relative;
 z-index: 9999;
 background: #EEE;
 text-align: center;
}

ul.cdd_menu > li {
 display: inline-block;
 }

ul.cdd_menu li a {
 display: block;
 margin: 0;
 padding: .5rem 1rem;
}


.footer ul li a:hover {
	text-decoration: underline;

}


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

	.web_btn {
		color: #fff;
		font-size: 12px;
		border: solid 1px #fff;
		width: 50%;
		margin-left: 30px;
		padding: 20px;
	}

.footer ul {
	 padding-left: 25px;
}


.footer ul li a {
	font-size: 14px;
  margin-top: 15px;
}

.footer {
	margin-top: 0px;
	text-align: center;
	width: 100%;
}

.footer img {
    margin-top: 35px;
    margin-left: auto;
}

.web_btn img {
	margin-top: 0px;
	width: 8%;
	margin-bottom: 3px;
	margin-left: 7px;
}

.footer .class_tel li {
    display: block;
    vertical-align: top;
    font-size: 12px;
    width: 100%;
    padding: 10px;
}

}

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

PC： TOP_IMG

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

.top_img {
	background-image: url(../img/top_kaigo.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 336px;
	border-bottom: solid 3px #47c285;
}

.top_img_floor {
	background-image: url(../img/top_floor.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 336px;
	border-bottom: solid 3px #47c285;
}

.top_img_kango {
	background-image: url(../img/top_kango.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 336px;
	border-bottom: solid 3px #47c285;
}

.top_img_midwifery {
	background-image: url(../img/top_zyosan.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 336px;
	border-bottom: solid 3px #47c285;
}

.mid_mv_icon {
	width: 60%;
	margin-top: 20px;
	vertical-align: top;
}


.top_img_dental {
	background-image: url(../img/top_dental.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 336px;
	border-bottom: solid 3px #47c285;
}

.top_img_sagyou {
	background-image: url(../img/top_sagyou.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 336px;
	border-bottom: solid 3px #47c285;
}


.top_ttl {
  /* display: flex; */
  align-items: center;
  height: 336px;
	margin-top: 60px;
}
.top_ttl h2 {
	text-align: left;
  font-size: 40px;
  color: #47c285;
  font-weight: bold;
	display: block;
	line-height: 1.8;
	padding-left: 35px;
	letter-spacing: 1px;
	padding-top: 100px;
}
.top_ttl h2 span {
  font-size: 22px;
  letter-spacing: 1.5px;
	display: block;
}

.link li{
	display: inline-block;
	padding: 50px 30px 0px;

}

.arrow_2 {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 1.5px solid #666;
  border-right: 1.5px solid #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
	margin-left: 5px
}

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

SP： TOP_IMG

=================================================*/
@media screen and (max-width: 640px) {

.top_img_department {
	height: 200px;
	background-position: 46% 10%;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}

.top_img_floor {
	height: 200px;
	background-position: 66% 10%;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}

.top_img_kango {
	height: 200px;
	background-position: 27% 10%;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}

.top_img_midwifery {
	height: 250px;
	background-position: 24% 10%;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}

.mid_mv_icon {
	width: 100%;
	margin-top: 10px;
	vertical-align: top;
}

.top_img_dental {
	height: 200px;
	background-position: 66% 10%;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}

.top_img_sagyou {
	height: 200px;
	background-position: 58% 10%;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}

.top_img {
	height: 200px;
	background-position: 27% 10%;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}


.top_ttl {
	height: 273px;
	align-items: baseline;
	margin-top: 0px;
}
.top_ttl h2 {
	text-align:left;
	font-size: 32px;
	padding: 20px;
}
.top_ttl h2 span {
	font-size: 18px;
}

.link li{
  display: block;
	padding: 25px 40px 0px;
}

}

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


.top_ttl {
	margin-top: 0px;

}
}

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

PC： 共通

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

.left {
	width: 85%;
	float:left;
}

.wrap {
	width: 885px;
	margin: 0 auto;
}

.h3_2{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1.7;
	letter-spacing: 1px;
	margin: 65px auto;
}

h4 {
	font-size: 24px;
	font-weight: bold;
	padding: 4px 30px;
	border-left: solid 4px #47c285;
}

.container {
	width: 100%;
}
 {
  width: calc(100% - 45px);
}

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

TAB： 共通

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

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


.wrap {
	width: 92%;
	margin: 0 auto;
}

.container {
	width: 100%;
	margin-bottom: 50px;
}

.footer img {
margin-top: 2px;
margin-left: 55px;
margin-bottom: 2px;
}


}




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

SP： 共通

=================================================*/
@media screen and (max-width: 640px) {

.left {
	width: 100%;
}

.container {
	width: 100%;
	margin-bottom: 50px;
}
.wrap {
	width: 90%;
}
.h3_2 {
	font-size: 20px;
	margin: 25px auto;
	line-height: 1.5em;
}
h4 {
	font-size: 18px;
	padding: 4px 10px;
}

.footer ul li a {
    margin-right: 5px;
}

.footer ul {
	display: block;
}

.footer .class_tel_ttl{
	padding:20px 0 20px 20px;
}

}






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

下層ページ

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




/* AO入試
-------------------------------------------------- */
/*================================================

PC： 介護福祉士とは？

=================================================*/
.about {
	height: 278px;
	margin-bottom: 45px;
}
.about_txt {
	width: 400px;
	float: left;
}
.about_txt p {
	line-height: 1.7;
	margin: 30px 0 0 38px;
}
.about img {
	float: right;
}


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

TAB： 介護福祉士とは？

=================================================*/
.about {
	height: auto;
	margin-bottom: 20px;
	text-align: center;
}
.about_txt {
	float: left;
}
.about_txt p {
	line-height: 1.7;
	margin: 30px 0 0 38px;
}
.about img {
	float: none;
	margin: 20px auto;
}


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

SP： 介護福祉士とは？

=================================================*/
@media screen and (max-width: 640px) {

.about {
	height: auto;
}
.about_txt {
	width: 100%;
}
.about_txt p {
	line-height: 1.9;
	margin: 15px;
}

.about img{
	float:none;
}

}

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

PC： 資格取得について

=================================================*/
.qualification {
	background: #f2fdf8;
	height: 500px;
}
.qualification h4 {
	border-left: solid 4px #6cc2b1;
}
.qualification img {
	float: left;
}
.qualification_txt {
	float: right;
	width: 400px;
}
.qualification_txt li {
	margin-bottom: 55px;
}
.qualification_txt h5 {
	width: 100%;
	color: #6cc2b1;
	font-size: 18px;
	border-bottom: dotted 1px #6cc2b1;
	padding: 0 0 10px 10px;
}
.qualification_txt p {
	padding: 15px 0 0 10px;
}
.qualification_txt p:first-letter {
	color: #6cc2b1;
}
.h4_wrap {
	padding: 45px 0 30px;
}
.qualification .wrap {
	padding-right: 30px;
}
.curriculum {
	padding-right: 30px;
}

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

TAB： 資格取得について

=================================================*/
@media screen and (min-width: 641px) and (max-width: 1024px) {

.qualification {
	height: auto;
	overflow: auto;
}
.qualification_txt {
	width: 100%;
	margin: 20px 0px;
}
.qualification_txt h5 {
	font-size: 16px;
}
.qualification_txt li {
  margin-bottom: 35px;
}
.qualification img {
	width: 100%;
}

}


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

SP： 資格取得について

=================================================*/
@media screen and (max-width: 640px) {

.qualification {
	height: auto;
	overflow: auto;
}
.qualification_txt {
	width: 100%;
	margin: 20px 0px;
}
.qualification_txt h5 {
	font-size: 16px;
}
.qualification_txt li {
  margin-bottom: 35px;
}
.qualification img {
	width: 100%;
}

}

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

PC： カリキュラム

=================================================*/
.curriculum {
	margin-top: 45px;
}
.curriculum p {
	margin:35px 0 65px 30px;
	line-height: 1.7;
}

/*カリキュラム表*/
.tableType {
	width: 1000px;
}

.tableType tr:first-child th:nth-child(1) {
  background: none;
  border: none;
}
.tableType tr th {
  width: 93px;
  padding: 15px;
  text-align: center;
  color: #fff;
  background: #a3d9ce;
	vertical-align: middle;
}
.tableType tr th, .tableType tr td {
  border: solid 2px #fff;
}
.tableType tr td {
	text-align: left;
}
th, td {
  font-weight: normal;
  font-size: 15px;
  line-height: 1.3;
  text-align: left;
	vertical-align: middle;
}
.tableType tr th.color01 {
  width: 400px;
  background: #63d09d;
}
.tableType tr th.color02 {
  width: 400px;
  background: #87d0c3;
}
.tableType tr td {
  padding: 15px 0 15px 25px;
}
.tableType tr td:nth-child(2) {
  background: rgba(235, 235, 235, 0.8);
}
.tableType tr td:nth-child(3) {
  background: rgba(235, 235, 235, 0.8);
}
.tableType tr td:nth-child(4) {
  background: rgba(235, 235, 235, 0.8);
}
.tableType tr td:nth-child(5) {
  background: rgba(235, 235, 235, 0.8);
}
.tableType tr td:nth-child(2) li::first-letter {
  color: #3cc283;
}
.tableType tr td:nth-child(3) li::first-letter {
  color: #6cc2b1;
}
.tableType tr td:nth-child(2) li::first-letter {
  color: #3cc283;
}
.tableType tr td:nth-child(4) li::first-letter {
  color: #6cc2b1;
}
.tableType tr td:nth-child(5) li::first-letter {
  color: #6cc2b1;
}
.tableType tr td ul li {
  width: 159px ;
}
.tableType tr td ul li {
  float: left;
  line-height: 1.6em;
}
.tableType tr td ul li.long_txt {
	width: 300px;
}
.tableType tr td ul li.long_txt02 {
	width: 238px;
}
.tableType tr td ul {
  overflow: hidden;
}



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

 TAB： カリキュラム

=================================================*/
@media screen and (min-width: 641px) and (max-width: 1024px) {
.tableType tr th {
  width: 15%;
}

.tableType tr th.color01 {
    width: 42.5%;
    background: #63d09d;
}

.tableType tr td {
    padding: 15px 5px 15px 10px;
}

}

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

 SP： カリキュラム

=================================================*/
@media screen and (max-width: 640px) {

	.tableType {
		width: 600px;
	}

.tableType tr th {
	width: 15%;
	font-size: 12px;
}
.tableType tr th.color01,.tableType tr th.color02 {
	width: 40%;
}
.tableType tr td ul li {
	width: 100%;
	font-size: 12px;
}
.tableType tr td ul li.long_txt {
	width: 100%;
}
.tableType tr td ul li.long_txt02 {
	width: 100%;
}
.curriculum p {
	margin: 15px 0 15px 15px;
}
.tableType tr td ul li.long_txt,.tableType tr td ul li.long_txt02 {
	width: 100%;
}
.tableType tr td {
  padding: 15px 0 15px 10px;
}

.tableType tr td ul {
	width: 130px;
}

}

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

PC： 介護福祉士へのステップアップ

=================================================*/
.stepup {
	margin-top: 80px;
}
.stepup h4 {
	margin-bottom: 25px;
}
.step{
  list-style-type: none;
  display:table;
  width:100%;
  padding:0;
  overflow:hidden;
	margin-bottom: 60px;
}
.step li {
  display:table-cell;
  position:relative;
  background: #504944;
  padding: 1em 0;
	text-align: center;
  color: #fff;
	width: 225px;
}
.step li:last-child {
  padding-right: 1em;
}
.step li:last-child:before,
.step li:last-child:after {
  display:none;
}
.step li:before,
.step li:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.step li:before{
  top:-15px;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 75px 0 75px 1em;
  z-index: 10;
}
.step li:after{
  top:-15px;
  right:-.8em;
  border-style: solid;
  border-color: transparent transparent transparent #504944;
  border-width: 75px 0 75px 1em;
  z-index: 10;
}
.step li.step_item01{
  background: #63d09d;
  letter-spacing: 1px;
}
.step li.step_item01:after{
  border-color: transparent transparent transparent #63d09d;
}
.step li.step_item02{
  background: #a3d9ce;
	letter-spacing: 1px;
}
.step li.step_item02:after{
  border-color: transparent transparent transparent #a3d9ce;
}
.step li.step_item03{
  background: #fdc94c;
	letter-spacing: 1px;
}



.step li.step_item04:after{
  border-color: transparent transparent transparent #fdc94c;
}
.step_txt li {
	width: 216px;
	font-size: 15px;
	display: inline-block;
	line-height: 1.7;
	padding: 20px 15px;
	display:inline-block;
}
.step_txt li:last-child {
	padding: 20px 0 20px 25px;
}
.stepup p {
	font-size: 12px;
	padding: 25px 0 65px;
	line-height: 1.5;
}

.stepup_img {
	margin-bottom: 30px;
	width: 100%;
}



.step02{
  list-style-type: none;
  display:table;
  width:100%;
  padding:0;
  overflow:hidden;
	margin-bottom: 60px;
}
.step02 li {
  display:table-cell;
  position:relative;
  background: #504944;
  padding: 1em 0;
	text-align: center;
  color: #fff;
	width: 225px;
}


.step02 li:last-child:before,
.ste02 li:last-child:after {
  display:none;
}
.step02 li:before,
.step02 li:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.step02 li:before{
  top:-15px;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 105px 0 105px 1em;
  z-index: 10;
}
.step02 li:after{
  top:-15px;
  right:-.8em;
  border-style: solid;
  border-color: transparent transparent transparent #504944;
  border-width: 105px 0 105px 1em;
  z-index: 10;
}
.step02 li.step_item01{
  background: #63d09d;
}
.step02 li.step_item01:after{
  border-color: transparent transparent transparent #63d09d;
}
.step02 li.step_item02{
  background: #a3d9ce;
	letter-spacing: 1px;
}
.step02 li.step_item02:after{
  border-color: transparent transparent transparent #a3d9ce;
}
.step02 li.step_item03{
  background: #fdc94c;
	letter-spacing: 1px;
}



.step02 li.step_item04:after{
  border-color: transparent transparent transparent #fdc94c;
}


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

TAB： 介護福祉士へのステップアップ

=================================================*/
@media screen and (min-width: 641px) and (max-width: 1024px) {
.step_txt li {
	width: 24%;
	font-size: 15px;
	display: inline-block;
	line-height: 1.7;
	padding: 20px 5px;
	vertical-align: top;
}
.step_txt li:last-child {
	padding: 20px 0 20px 0;
}
.stepup p {
	font-size: 12px;
	padding: 25px 0 65px;
	line-height: 1.5;
}
}


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

SP： 介護福祉士へのステップアップ

=================================================*/
@media screen and (max-width: 640px) {

.stepup {
	margin-top: 50px;
}
.step {
  list-style-type: none;
  padding:0;
  margin:0;
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
.step li{
  position: relative;
  width:100%;
  background: #63d09d;
  margin-bottom: 1em;
  text-align:center;
  color: #fff;
	display: block;
	padding: 2em 0;
}
.step li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -10px;
  left: 0;
  border-style: solid;
  border-color: #63d09d transparent transparent transparent;
  border-width: 10px 65px 0 65px;
  z-index: 1;
	margin: 0;
	top: 75px;
  right: 0;
}
.step li:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.step li.step_item01:after {
	border-color: #63d09d transparent transparent transparent;
}
.step li.step_item02:after {
	border-color: #a3d9ce transparent transparent transparent;
}
.step_txt {
	display: inline-block;
  width: 100%;
	vertical-align: top;
	margin-left: 10px;
}
.step_txt li {
	width: 100%;
	padding: 15px 0;
}
li.step_txt01 {
	margin-top: -9px;
}
li.step_txt03 {
	padding-top: 37px;
}
.step_txt li:last-child {
	padding: 8px 0 0 0;
}
.stepup p {
	padding: 10px 0 50px;
}

.step02 li:after{
  border-width: 0;
}


.step li:after{
  border-width: 0;
}


.step02 li {
	display: block;
}

}

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

PC： シラバス

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


.dawnload {
	padding-top: 100px;
}

.syllabus_list{
	margin: 50px 0 ;
}

.syllabus_list  li {
	display: inline-block;
	vertical-align: top;
	margin-right: 3%;
	margin-bottom: 40px;
	width: 300px;
}

.syllabus_list li a {
 color: #47c285;
 background: #fff;
	border: 1px solid #47c285;
	text-align: center;
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 25px;
}

.syllabus_list li :hover {
 color: #fff;
 background-color: #47c184;
 border: 1px solid #fff;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
}

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

SP：シラバス

=================================================*/
@media screen and (max-width: 640px) {

.syllabus_list{
	margin-top: 30px;
	text-align: center;
	margin-left: 15px;
  display: grid;
}

.syllabus_list  li {
	margin-right: 0%;
	width: 100%;
	margin-bottom: 20px;
}

}

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

PC： 介護実習の流れ

=================================================*/
.flow {
	background: #f2fdf8;
}
.flow h4 {
  border-left: solid 4px #6cc2b1;
}
.flow_step li {
	width: 440px;
	text-align: center;
	padding: 1em 0;
}



.flow_txt03 {
	width: 33%;
	padding: 15px 0;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}

.flow_txt03 li:first-letter {
	color: #3cc283;
}

.flow_txt03 li {
	font-size: 15px;
	padding: 10px;
}


.flow_txt04 {
	width: 33%;
	padding: 15px 0;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}

.flow_txt04 li:first-letter {
	color: #3cc283;
}

.flow_txt04 li {
	font-size: 15px;
	padding: 10px;
}

.flow_txt {
	width: 49%;
	padding: 15px 0;
	display: inline-block;
	box-sizing: border-box;
}
.flow_txt li {
	font-size: 15px;
	padding: 10px;
}
.flow_txt li:first-letter {
	color: #3cc283;
}
.flow_txt li span {
	color: #eee;
}
.flow_txt02 li:first-letter {
	color: #a3d9ce;
}
.flow_item {
	width: 835px;
	margin: 0 auto;
}
.flow_img img {
	margin-right: 60px;
}
.flow_img img:last-child {
	margin-right: 0;
}

/*実習先一覧*/
.flow_list {
	padding-bottom: 55px;
}
.list li {
  line-height: 1.7;
	font-size: 14px;
	text-align: left;
	width: 33.2%;
	display: inline-block;
	padding:7px;
	vertical-align: top;
}
.list {
  display: inline-block;
  width: 100%;
	font-size: 0;
}

.list li::first-letter {
	color: #3cc283;
}


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

TAB： 介護実習の流れ

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

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

.flow_item {
	width: 100%;
	margin: 0 auto;
}

span.sp_none {
	display:inline-block;
	width: 50px;
	line-height: 10px;
	overflow: hidden;
}


.flow_txt03 {
	width: 100%;
	padding: 15px 0;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}


}


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

SP： 介護実習の流れ

=================================================*/
@media screen and (max-width: 640px) {

.flow_step li {
	width: 100%;
}
.flow_item {
	width: 60%;
	display: inline-block;
	vertical-align: top;
	margin-left: 0px;
}
.list {
	width: 100%;
}

.flow_txt03 {
	width: 100%;
	padding: 0px 0;
	margin-bottom: 30px;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}

.flow_txt04 {
	width: 100%;
	padding: 0px 0;
	margin-bottom: 60px;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}



.flow_txt03 li {
 font-size: 12px;
 padding: 0px;
}

.flow_txt04 li {
 font-size: 12px;
 padding: 0px;
}

.list li {
    line-height: 1.7;
    font-size: 14px;
    text-align: left;
    width: 49%;
    display: inline-block;
    padding: 7px;
    vertical-align: top;
}

.flow_txt {
	width: 100%;
	padding: 0 0 15px 0;
}
.flow_txt li {
	width: 100%;
	overflow: auto;
	padding: 0 0 10px 10px;
}
.h4_wrap {
	padding: 35px 0 15px;
}
.flow_item img {
	display: block;
}
.flow_step li:after {
	top: 45px;
}
span.sp_none {
	display: none;
}
.flow_list {
  padding-bottom: 35px;
}

}

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

PC： 就職先一覧

=================================================*/
.employment {
	margin: 50px auto 60px;
}
.employment h4 {
	border-left: solid 4px #6cc2b1;
}
.employment_list {
	padding: 30px 0;
}
.employment_list dd::first-letter {
	color: #6cc2b1;
}

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

SP： 就職先一覧

=================================================*/
@media screen and (max-width: 640px) {

.employment {
	margin: 50px auto 40px;
}
.employment_list {
	padding: 10px 0 0 0;
}

}

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

PC： 内部推薦制度

=================================================*/
.system {
	background: #edfcf5;
	padding: 60px 0;
}
.system_box {
	width: 745px;
	margin: 0 auto;
	background: #fff;
	height: 260px
}
.system_txt {
	float: left;
	width: 325px;
	margin: 25px 20px;
}
.system_txt h5 {
	font-size: 18px;
	color: #6cc2b1;
	width: 100%;
	border-bottom: dotted 1px #6cc2b1;
	padding: 0 0 10px 10px;
}
.system_txt p {
	width: 300px;
	line-height: 1.7;
	padding: 10px 0 0 10px;
}
.system_box img {
	float: right;
}




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

TAB： 内部推薦制度

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

@media screen and (min-width: 641px) and (max-width: 1024px) {
.system {
	background: #edfcf5;
	padding: 30px 0;
}
.system_box {
    width: 96%;
    margin: 0 auto;
    background: #fff;
    height: auto;
		overflow: auto;
}
.system_txt {
    float: left;
    width: 50%;
    margin: 30px 20px;
}
.system_txt h5 {
	font-size: 18px;
	color: #6cc2b1;
	width: 100%;
	border-bottom: dotted 1px #6cc2b1;
	padding: 0 0 10px 10px;
}
.system_txt p {
	width: 100%;
	line-height: 1.7;
	padding: 10px 0 0 10px;
}
.system_box img {
	float: right;
	width: 40%;
}
}
/*================================================

SP： 内部推薦制度

=================================================*/
@media screen and (max-width: 640px) {


.system_txt {
	width: 90%;
	margin: 30px 10px;
}
.system_txt p {
	width: 100%;
}
.system {
  padding: 50px 0;
}

.system_box {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    height: auto;
    overflow: auto;
}
}
/* AO入試
-------------------------------------------------- */
/*================================================

PC： AO入試とは？

=================================================*/
.about_txt_ao {
	width: 405px;
}

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

SP： AO入試とは？

=================================================*/
@media screen and (max-width: 640px) {

.about_txt_ao {
	width: 100%;
}

}

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

PC： アドミッションポリシー

=================================================*/
.admission_policy {
	margin-bottom: 60px;
}
.admission_policy h4 {
	border-left: solid 4px #6cc2b1;
}
.admission_policy_txt {
	margin-top: 25px;
}
.admission_policy_txt p {
	padding: 10px 0 10px 30px;
}
.admission_policy_txt p::first-letter {
	color: #6cc2b1;
}
.admission_policy_txt .admission_policy_txt p {
	padding: 10px 0 10px 0;
}
.admission_policy_txt .admission_policy_txt h5 {
	padding: 10px 0 0;
}
.admission_policy_txt .admission_policy_txt li {
	padding-bottom: 25px;
}

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

SP： アドミッションポリシー

=================================================*/
@media screen and (max-width: 640px) {

.admission_policy_txt p {
	padding: 15px 0 0 15px;
}
.admission_policy_txt {
  margin-top: 10px;
}

}

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

PC： AO入試の流れ

=================================================*/
.ao_flow {
	margin-bottom: 60px;
}
.ao_flow_list {
	margin-top: 45px;
}
.ao_flow_list li h5 {
	background: #63d09d;
	font-size: 18px;
	padding: 20px;
	text-align: center;
	color: #fff;
}
.ao_flow_list li p {
	font-size: 15px;
	padding: 25px 20px 25px 20px;
	text-align: left;
	line-height: 1.7;
}
a.ao_flow_list_btn {
	background: #ffb142;
	color: #fff;
	text-align: center;
	padding: 20px;
	width: 500px;
	margin: 0 auto;
	display: block;
}
.ao_flow_list_btn_wrap {
	padding-bottom: 25px;
}
.ao_flow_list_box {
	background: #f6f6f6;
}
.ao_flow_list_btn {
	font-size: 14px;
}
.ao_flow_list_btn span {
	font-size: 20px;
	line-height: 1.5;
}
.ao_flow_list_arrow {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #48b08c;
	margin: 30px auto;
}
.ao_flow_list_box_ttl span {
	font-weight: bold;
	padding:25px 0 15px 20px;
	display: block;
}
.ao_flow_list_box_ttl span::first-letter {
	color: #63d09d;
	display: block;
}
.ao_flow_list_box_ttl p {
	display: initial;
}
.ao_flow_list_box_ttl span:last-child {
	padding: 0 0 25px 20px;
}
.ao_flow_list li p.text_center {
	text-align: center;
}

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

SP： AO入試の流れ

=================================================*/
@media screen and (max-width: 640px) {

a.ao_flow_list_btn {
	width: 70%;
	line-height: 1.2;
}
.ao_flow_list {
  margin-top: 20px;
}
.ao_flow_list li h6 {
	line-height: 1.5;
}
.ao_flow_list li p {
	padding: 20px 10px;
}
.ao_flow_list_box_ttl p {
	padding-left: 20px;
	line-height: 1.7;
}
.ao_flow_list_box_ttl span:last-child {
	line-height: 1.5;
}
.ao_flow_list_box_ttl span {
	padding: 25px 0 15px 10px;
}
.ao_flow_list_btn span {
	display: block;
}
.ao_flow_list_arrow {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #48b08c;
  margin: 15px auto;
}

}

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

PC： ダウンロード

=================================================*/
.download {
	margin-bottom: 60px;
}
.download_btn {
	background: #ffb142;
	color: #fff;
	text-align: center;
	padding: 20px;
	width: 300px;
	text-decoration: none;
	display: inline-block;
	margin: 25px 0px 0 40px;
	font-size: 18px;
}

.download_btn02 {
	background: #ffb142;
	color: #fff;
	text-align: center;
	padding: 20px;
	width: 300px;
	text-decoration: none;
	display: inline-block;
	margin: 25px 0px 0 40px;
	font-size: 18px;
}
.download_btn span{
  color: #FFF;
  position: relative;
  padding-right: 50px;
}
.download_btn span::before{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}

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

SP： ダウンロード

=================================================*/
@media screen and (max-width: 640px) {

.download_btn {
	margin-left: 15px;
}

.download_btn02 {
	margin: 25px 0px 0 0px;
}

}

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

SP： 出願方法

=================================================*/
.application_item {
	padding: 25px 0 0 35px;
}
.application_item h5 {
	color: #6cc2b1;
	font-size: 18px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.application_item p {
	line-height: 1.7;
}
.application_item span {
	font-weight: bold;
	margin-top: 20px;
	display: block;
	line-height: 1.7;
}
.application_item {
	padding-left: 38px;
}

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

SP： 出願方法

=================================================*/
@media screen and (max-width: 640px) {

.application_item {
	padding: 0 15px;
}

}



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

PC： 主要駅からの所要時間

=================================================*/
.top_img_access {
	background-image: url(../img/top_access.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 336px;
	border-bottom: solid 3px #47c285;
}
.access_map img {
	display: block;
	margin: 0 auto 60px;
}
.access_time h4 {
	margin-bottom: 35px;
}
.access_time_list {
	padding-left: 35px;
}
.access_time_list li {
	width: calc(100% / 3);
	float: left;
	padding-bottom: 10px;
	box-sizing: border-box;
}
.access_time_list li::first-letter {
	color: #3cc283;
}

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

SP： 主要駅からの所要時間

=================================================*/
@media screen and (max-width: 640px) {

.access_time_list li {
  float: left;
  padding-bottom: 15px;
  width: 100%;
}
.access_time_list {
  padding-left: 15px;
}
.access_time h4 {
  margin-bottom: 20px;
}
.access_map img {
  margin: 0 auto 40px;
	width: 100%;
}

.top_img_access {
	background-position: 66% 10%;
	height: 200px;
	background-image: url(../img/sp_top_access.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}

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

PC： TOP/背景色なし

=================================================*/
.top_img_oc {
	background-image: url(../img/top_oc.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 336px;
	border-bottom: solid 3px #47c285;
}
.oc01 {
	margin-bottom: 45px;
	overflow: auto;
	min-width: 885px;
}
.oc01_txt {
	width: 440px;
	float: right;
}
.oc01_txt p {
	line-height: 1.7;
	margin: 30px 0 0 38px;
}
.oc01 img {
	float: left;
}
.oc_btn {
	display: inline-flex;
	margin: 20px 0 0 38px;
}

 ul.oc_btn {
    display: inline-flex;
		-webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}

.oc_btn li {
    padding: 20px 10px;
    border-radius: 10px;
    vertical-align: middle;
    color: #fff;
    margin:0 0 10px 5px;
    text-align: center;
    line-height: 1.5;
}

.oc_btn li p{
    margin: 0;
}


li.oc_end {
	background: #ccc;
}


li.oc_boshu {
	background: #63d09d;
}

.oc03 {
	margin-top: 45px;
}





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

TAB： TOP/背景色なし

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

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

	.oc01 {
		min-width: auto;
	}

.oc01_txt {
	width: 60%;
	float: right;
}

.oc01 img {
	float: left;
	width: 38%
}

}

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

SP： TOP/背景色なし

=================================================*/
@media screen and (max-width: 640px) {

.top_img_oc {
	height: 200px;
	background-position: 38% 10%;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}
.top_img_oc h2 {
	margin: 0 auto;
}
.oc01_txt,.oc02_txt{
	width: 90%;
	float: none;
}
.oc_btn li {
	font-size: 14px;
}
.oc01 {
	height: auto;
	margin-bottom: 45px;
	overflow: auto;
	min-width: auto;
}
.oc01_txt {
	width: 100%;
}
.oc01_txt p {
	line-height: 1.9;
	margin: 15px;
}
.oc_btn {
  margin: 0 0 20px 0;
}
.oc03 {
  margin: 30px 0 0 0;
}
.oc_btn li p {
	left: 5px;
}

.oc01 img {
	width: 100%;
}

}

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

PC： 背景色あり/btn

=================================================*/
.oc02 {
	background: #f2fdf8;
	width: 100%;
	overflow: auto;
	margin-bottom: 45px;
	min-width: 885px;
}
.oc02_txt {
	float: left;
	width: 440px;
	padding-bottom: 20px;
}

.oc02_txt p {
	line-height: 1.7;
	margin: 30px 0 0 38px;
}
.oc02 img {
	float: right;
}
.oc02_wrap {
	padding: 45px 0;
}
a.oc_btn {
	background: #ffb142;
	color: #fff;
	text-align: center;
	padding: 20px;
	width: 495px;
	height: 72px;
	box-sizing: border-box;
	margin: 0 auto;
	display: block;
	font-size: 24px;
	text-decoration: none;
	margin: 60px auto;
}
a.oc_btn span {
  color: #FFF;
  position: relative;
  padding-right: 40px;
}
a.oc_btn span::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}






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

TAB： TOP/背景色なし

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

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

	.oc02 {
		min-width: auto;
	}

	.oc02_txt {
		float: left;
		width: 60%;
	}

	.oc02 img {
		float: right;
		width: 38%;
	}

}


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

SP： 背景色あり/btn

=================================================*/
@media screen and (max-width: 640px) {

a.oc_btn {
	width: 90%;
	font-size: 16px;
	margin: 40px auto;
	height: 65px;
}
a.oc_btn span {
	padding-right: 22px;
}
a.oc_btn span::before {
	width: 8px;
  height: 8px;
}
.oc02 {
	height: auto;
	overflow: hidden;
	min-width: auto;
}

.oc02_txt {
	width: 100%;
}

.oc02_txt p {
	line-height: 1.7;
	margin: 15px;
}
.oc02_wrap {
  padding: 30px 0;
}

}

/* 学校紹介
-------------------------------------------------- */
/*================================================

PC： 学校長メッセージ

=================================================*/
.message {
	margin: 65px auto;
}
.message_txt {
  width: 100%;
}
.message_txt p {
	padding-left: 38px;
}


.message_txt p.message_txt_catch {
	font-size: 34px;
	font-weight: bold;
	color: #47c285;
	padding: 55px 0;
	line-height: 1.7;
	padding-left: 38px;
}

.message_txt p {
	font-size: 15px;
	line-height: 2em;
}
.message_txt p img {
	float: right;
	margin: 0 0 20px 20px;
}

.signature {
	margin-top: 60px;
	text-align: right;
}

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

SP： 学校長メッセージ

=================================================*/
@media screen and (max-width: 640px) {

.message {
	margin: 40px auto;
}

.message_txt p img {
	float: none;
	margin: 0 auto 20px ;
	width: 100%;
}

.message_txt p.message_txt_catch,.message_txt p {
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
}

.message_txt_catch {
	font-size: 20px !important;
}




}

/* 募集要項
-------------------------------------------------- */
/*================================================

PC： 介護福祉学科・看護学科・理学療法学科・作業療法学科

=================================================*/
.requirements {
	margin-top: 40px;
}
.top_img_requirements {
	height: 336px;
	background-image: url(../img/top_requirements.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}
.requirements h5 {
	color: #6cc2b1;
	font-size: 18px;
	padding: 60px 0 20px;
}

/*入学資格*/
.requirements_certification p {
	line-height: 1.7;
}
.requirements_certification ,.requirements_department,.requirements_classification{
	padding-left: 38px;
}
span.bl {
	display: block;
}

/*募集学科*/
.requirements_department table {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 640px;
  border-spacing: 0;
  margin: 0 auto;
}
.requirements_department th {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  text-align: center;
  padding: 12px;
}
.requirements_department td {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  padding: 12px;
	text-align: left;
}
.requirements_department th {
	background: #63d09d;
	color: #fff;
	font-size: 16px;
}
.requirements_department td {
	background: #f6f6f6;
	font-weight: bold;
	font-size: 14px;
}
.requirements_department table {
	width: 100%;
}

/*入試区分*/
.requirements_classification table {
	width: 100%;
}
.requirements_classification tr {
  border-bottom: #fff 2px solid;
}
.requirements_classification tr:last-child{
	border:none;
 }
.requirements_classification th {
	width: 20%;
	display:table-cell;
	border-right:#fff 2px solid;
	background: #63d09d;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.requirements_classification td {
	background: #f6f6f6;
	font-size: 15px;
  padding: 20px 15px;
	display: table-cell;
	text-align: left;
	line-height: 1.7;
}
span.table_ttl {
	font-weight: bold;
}
span.table_ttl :first-letter {
	color: #63d09d;
}
.requirements_classification p {
	font-size: 14px;
	padding: 25px 0 50px;
}

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

SP： 介護福祉学科・看護学科・理学療法学科・作業療法学科

=================================================*/
@media screen and (max-width: 640px) {

.top_img_requirements {
	background-position: 66% 10%;
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}
.requirements h5 {
	padding: 30px 0 20px;
}
.requirements_certification, .requirements_department, .requirements_classification{
	padding-left: 15px;
}



/*募集学科*/
.requirements_department table {
	width: 100%;
	border-collapse: collapse;
  border-spacing: 0;
}
.requirements_department thead {
	display: none;
}
.requirements_department tr {
  display: block;
  margin-bottom: 20px;
	border: solid 1px #63d09d;
	width: 100%;
}
.requirements_department td {
  border: none;
  display: block;
	line-height: 2;
	text-align: center;
	padding: 0;
	width: 100%;
}
.requirements_department td:nth-of-type(1) {
	background: #63d09d;
	color: #fff;
	padding: 7px;
}
.requirements_department td:before {
  background: #fff;
  display: block;
}
.requirements_department td:nth-of-type(2):before {
	content: "修業年限";
}
.requirements_department td:nth-of-type(3):before {
	content: "性別";
}
.requirements_department td:nth-of-type(4):before {
	content: "定員";
}

/*入試区分*/
.requirements_classification {
	width:100%;
	box-sizing: border-box;
}
.requirements_classification tr {
	margin-bottom: 20px;
	border-bottom: 0;
	display: block;
	width: 100%;
}
.requirements_classification tr:last-child {
	margin-bottom: 0;
}
.requirements_classification th {
	display:block;
	border-right: none;
	width: 100%;
	padding: 10px 0px;
	width: 100%;
}
.requirements_classification td {
	display:block;
	text-align:center;
	padding: 15px;
	text-align: left;
	width: 100%;
}
.requirements_classification p {
	line-height: 1.7;
}

}

/* 選考方法
-------------------------------------------------- */
/*================================================

PC： 高等学校推薦

=================================================*/
/* .selection {
	margin-top: 40px;
} */

.selection_wrap {
	padding-top: 30px;
}
.selection_txt {
	padding-left: 38px;
}
.selection_txt li h5 {
	color: #6cc2b1;
	font-size: 18px;
	padding: 40px 0 20px;
}
.selection_txt li p {
	line-height: 1.7;
}

.selection_txt li h5 span p {
  font-weight: bold;
}

.txt_annotation {
	font-size: 13px;
	padding: 10px 0 0 0 !important;
}


/*table*/
.selection_txt_tbl table {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 640px;
  border-spacing: 0;
  margin: 0 auto;
}
.selection_txt_tbl th, td {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  text-align: center;
  padding: 12px;
}
.selection_txt_tbl th {
	background: #63d09d;
	color: #fff;
	font-size: 16px;
}
.selection_txt_tbl td {
	background: #f6f6f6;
	font-size: 14px;
}
.selection_txt_tbl table {
	width: 100%;
}
.selection_txt_tbl p {
	padding-top: 25px;
}

.ao_title {
	margin-top:50px;
	font-weight: bold;
}

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

SP： 高等学校推薦

=================================================*/
@media screen and (max-width: 640px) {

.selection_txt li p {
	padding: 5px;
}
.selection_txt li h5 {
	padding: 30px 0 10px;
}
/*table*/
.selection_txt_tbl table {
	width: 100%;
}
.selection_txt_tbl thead {
	display: none;
}
.selection_txt_tbl tr {
	display: block;
	margin-bottom: 20px;
	border: solid 1px #63d09d;
	width: 100%;
}
.selection_txt_tbl td {
	border-right: 1px solid #fff;
  border-bottom: none;
  display: block;
  padding: 0;
	border-left: 0;
	border-right: 0;
	line-height: 2;
	width: 100%;
}
.selection_txt_tbl td:nth-of-type(1) {
	background: #63d09d;
	color: #fff;
}
.selection_txt_tbl td:before {
  background: #fff;
  display: block;
}
.selection_txt_tbl td:nth-of-type(2):before {
	content: "出願期間";
}
.selection_txt_tbl td:nth-of-type(3):before {
	content: "入試日程";
}
.selection_txt {
	padding-left: 15px;
}

}

/* キャンパスライフ
-------------------------------------------------- */
/*================================================

PC： 年間スケジュール

=================================================*/
.campuslife {
	margin-top: 40px;
}
.top_img_campuslife {
	height: 336px;
	background-image: url(../img/top_campuslife.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}
.nenkan {
	font-size: 14px;
  background: url(../img/bg_line.png) repeat-y 40px 0;
	margin-top: 50px;
}
.nenkan th {
  background-color: #63d09d;
  color: #fff;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  width: 85px;
  height: 85px;
	display: flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
}
.nenkan td {
  width: auto;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 1.8;
	text-align: left;
	padding: 0 0 88px 30px;
	border-bottom: 0;
	border-left: 0;
}
.nenkan td li::first-letter {
	color: #63d09d;
}
.nenkan .box-01 {
  min-height: 350px;
  background: url(../img/campuslife01.png) no-repeat right top;
}
.nenkan .box-02 {
  min-height: 450px;
  background: url(../img/campuslife02.png) no-repeat right top;
  background-position: 555px 172px;
}
.nenkan .box-03 {
  min-height: 250px;
  background: url(../img/campuslife03.png) no-repeat right top;
}
.nenkan .box-04 {
  min-height: 350px;
  background: url(../img/campuslife04.png) no-repeat right top;
}

.nenkan .box-07 {
  min-height: 250px;
  background: url(../img/campuslife06.png) no-repeat right top;
}

.nenkan .box-05 {
  min-height: 250px;
  background: url(../img/campuslife05.png) no-repeat right top;
}
/* .nenkan .box-06 {
  min-height: 250px;
  background: url(../img/campuslife06.png) no-repeat right top;
} */

.insta {
	margin: auto;
	display: block;
}




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

	.nenkan .box-01 {
	  min-height: auto;
	  background: none;
	}
	.nenkan .box-02 {
	  min-height: auto;
	  background: none;
	}
	.nenkan .box-03 {
	  min-height: auto;
	  background: none;
	}
	.nenkan .box-04 {
	  min-height: auto;
	  background: none;
	}
	.nenkan .box-05 {
	  min-height: auto;
	  background: none;
	}
	.nenkan .box-06 {
	  min-height: auto;
	  background: none;
	}

	.nenkan .box-07 {
		min-height: auto;
		background: none;
	}

	.nenkan table{
		width: 100%;
		text-align: center;
	}

	.nenkan ul{
		margin: 15px auto;
	}

	.nenkan img{
		margin: 15px auto;
	}


}




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

SP： 年間スケジュール

=================================================*/
@media screen and (max-width: 640px) {

.top_img_campuslife {
	height: 200px;
	background-position: 36% 10%;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}
.top_img_campuslife h2 {
	line-height: 1.2;
}
.nenkan {
	margin-top: 30px;
	height: auto;
  background: url(../img/bg_line.png) repeat-y 32px 0;
}
.nenkan th {
	width: 70px;
	height: 70px;
	font-size: 20px;
}
.nenkan td {
	width: 80%;
	padding: 0 0 50px 20px;
	font-size: 15px;
}
.nenkan .box-01,.nenkan .box-02,.nenkan .box-03,.nenkan .box-04,.nenkan .box-05,.nenkan .box-07,.nenkan .box-06 {
  background: none;
}
.nenkan td img {
	width: 90%;
	margin-top: 20px;
}

}

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

PC： その他

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

.other {
	padding-top: 100px;
}

.other_text {
	padding: 50px;
}

/*お問い合わせ先*/
.other table {
	width: 100%;
	margin-top: 20px;
}
.other tr {
  border-bottom: #fff 2px solid;
}
.other tr:last-child{
	border:none;
 }
 .other th {
 	width: 20%;
 	display:table-cell;
 	border-right:#fff 2px solid;
 	background: #63d09d;
 	color: #fff;
 	font-size: 16px;
 	text-align: left;
 	line-height: 1.5;
 	padding: 20px;
 }
.other td {
	background: #f6f6f6;
	font-size: 15px;
  padding: 20px 15px;
	display: table-cell;
	text-align: left;
	line-height: 1.7;
}
span.table_ttl {
	font-weight: bold;
}
span.table_ttl :first-letter {
	color: #63d09d;
}
.other p {
	font-size: 14px;
	padding: 25px 0 50px 38px;
}

.library_btn {
	background: #ffb142;
	color: #fff;
	text-align: center;
	padding: 20px;
	width: 300px;
	text-decoration: none;
	display: inline-block;
	margin: 25px 0px 0 38px;
	font-size: 18px;
}
.library_btn span{
  color: #FFF;
  position: relative;
  padding-right: 50px;
}
.library_btn span::before{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}

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

SP： その他

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

@media screen and (max-width: 640px) {
.other th {
 width: 49%;
 display:table-cell;
 border-right:#fff 2px solid;
 background: #63d09d;
 color: #fff;
 font-size: 14px;
 text-align: left;
 line-height: 1.5;
 padding: 3%;
}

.other {
	padding-top: 30px;
}
.other p {
	padding: 0px 0 15px 15px;
}

.library_btn {
	margin: 20px 0px 0 15px;
}

}

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

PC：download

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

.dawnload {
	padding-top: 100px;
}

.dawnload_list{
	margin: 30px 0 0 38px;
}

.dawnload_list  li {
	display: inline-block;
	vertical-align: top;
	margin-right: 5%;
	margin-bottom: 40px;
	width: 300px;
}

.dawnload_list li a {
 color: #47c285;
 background: #fff;
	border: 1px solid #47c285;
	text-align: center;
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 25px;
}

.dawnload_list li :hover {
 color: #fff;
 background-color: #47c184;
 border: 1px solid #fff;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
}

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

SP：download

=================================================*/
@media screen and (max-width: 640px) {

.dawnload_list{
	margin-top: 30px;
	text-align: center;
	margin-left: 15px;
  display: grid;
}

.dawnload_list  li {
	margin-right: 0%;
}

}

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

PC：floor

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

.floor_1 li{
	display: inline-block;
	vertical-align: top;
	padding-top: 30px;
}

.floor_title{
	letter-spacing: 1px;
	font-weight: bold;
	color: #47c184;
	margin: 15px 0 6px;
}

.floor_txt {
	color:#333;

}

.floor_box li{
	margin-left: 30px;
	display: inline-block;
	vertical-align: top;
	padding-top: 30px;
	width: 43%;
}

.floor_box img{
 width: 100%;
}

.floor_h4 {
	margin-top: 50px;
}

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

SP：footer

=================================================*/
@media screen and (max-width: 640px) {

.floor_box img{
	width: 100%;
	margin: auto;
	display: block;
}

.floor_box p {
	margin-left: 0%;
}

.floor_box li{
	margin-left: 0px;
	width: 100%;
}

}

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

PC：リクルート

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

.recruit {
	margin-top: 100px;
}

.recruit_txt li h5 {
	font-size: 18px;
	color: #47c184;
	padding-top: 20px;
	padding-bottom: 5px;
	font-weight: bold;
	border-bottom: #47c184 1px solid;
}

.recruit_txt li p {
	font-size: 15px;
	padding: 10px 20px 25px 0px;
	text-align: left;
	line-height: 1.7;
}

.recruit h4 {
	margin-bottom: 30px;
}

.recruit p {
	padding-left: 38px;
}

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

SP：footer

=================================================*/
@media screen and (max-width: 640px) {

.recruit {
	margin-top: 30px;
}
.recruit_txt li p {
	padding-bottom: 0px;
}
.recruit p {
	padding-left: 15px;
}


}

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

PC：infomation

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

.infomation {
	padding-top: 100px;
}

.infomation_list {
	padding-left: 38px;
}

.infomation strong {
	background-color: #6cc2b1;
	display: block;
	color: white;
	font-size: 16px;
	padding: 10px 20px;
	font-weight: bold;
	margin-top: 50px;
}


.infomation_list  li {
	margin: 18px 0;
	font-size: 14px;
}

.infomation_list li a {
 background: #fff;
}

/*tavle*/

.infomation_classification {
	margin-top: 50px;
}

.infomation_classification table {
	width: 100%;
}
.infomation_classification tr {
  border-bottom: #fff 2px solid;
}
.infomation_classification tr:last-child{
	border:none;
 }
.infomation_classification th {
	width: 30%;
	display:table-cell;
	border-right:#fff 2px solid;
	background: #63d09d;
	color: #fff;
	font-size: 16px;
	text-align: left;
	padding-left: 10px;
}
.infomation_classification td {
	background: #f6f6f6;
	font-size: 15px;
  padding: 20px 15px;
	display: table-cell;
	text-align: left;
	line-height: 1.7;
}

.infomation_classification td a:link {
	color: #244bca;
}

span.table_ttl {
	font-weight: bold;
}
span.table_ttl :first-letter {
	color: #63d09d;
}
.infomation_classification p {
	font-size: 14px;
	padding: 25px 0 50px;
}


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

SP：infomation

=================================================*/
@media screen and (max-width: 640px) {

.infomation{
	padding-top: 30px;
}
.infomation_list {
	padding-left: 15px;
}



/*table*/
.infomation_classification {
	width:100%;
	box-sizing: border-box;
}
.infomation_classification tr {
	margin-bottom: 0px;
	border-bottom: 0;
	display: block;
	width: 100%;
}
.infomation_classification tr:last-child {
	margin-bottom: 0;
}
.infomation_classification th {
	display:block;
	border-right: none;
	width: 100%;
	padding: 10px 0px;
	width: 100%;
	text-align: center;
}
.infomation_classification td {
	display:block;
	text-align:center;
	padding: 15px;
	text-align: left;
	width: 100%;
}
.infomation_classification p {
	line-height: 1.7;
}


}

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

PC： employment

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

.employment img {
 width: 90%;
 height: auto;
 display: block;
 margin: auto;
 margin-bottom: 30px;
}

.employment p {
 margin: 30px 0 30px 38px;
}


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

SP： employment

=================================================*/
@media screen and (max-width: 640px) {

.employment img {
	width: 100%;
　}
.employment p {
	margin-left: 15px;
}
}

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

PC： selection

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

.scloll {
    width: 100%;
    overflow: auto;
}


.timetable h5 {
	color: #6cc2b1;
	font-size: 18px;
	padding: 40px 0 20px 38px;
}

/*table*/
.timetable table {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-spacing: 0;
	margin-left: 38px;
}
.timetable th,td {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  text-align: center;
  padding: 12px;
	width: 200px;
}
.timetable th {
	background: #63d09d;
	color: #fff;
	font-size: 16px;
}
.timetable td {
	background: #f6f6f6;
	font-size: 14px;
}

.timetable p {
	padding-top: 25px;
}

.timetable_h4 {
	margin-top: 50px;
}




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

SP： employment

=================================================*/
@media screen and (max-width: 640px) {

.timetable th {
	background: #63d09d;
	color: #fff;
	font-size: 14px;
}
.timetable h5 {
	padding-left: 15px;
}
.timetable table {
	margin-left: 15px;
}

}

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

PC： video

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

.video ul li {
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
}

.video ul li {
 padding-bottom: 30px;
}


.video_title {
	color: #63d09d;
	font-size: 18px;
}

.video_link {
	color: #63d09d;
	border: solid 1px #63d09d;
	padding: 15px;
	margin-top: 10px;
	text-align: center;
}

.video img {
	margin-top: 30px;
}


.video_link:hover {
 color: #FFF;
 background-color: #47c184;
 border: 1px solid #47c184;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
}


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

SP： video

=================================================*/
@media screen and (max-width: 640px) {

.video ul li {
	display: block;
	margin-left: 0px;
}
.video img {
	margin-top: 0px;
}


}

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

PC： privacy

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

.privacy {
	margin-top: 100px;
}

.privacy p, .privacy dl {
	padding-left: 38px;
}

.privacy dt {
	color: #47c184;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.privacy dd {
	margin-bottom: 50px;
}

.privacy p {
	margin-top: 20px;
	margin-bottom: 50px;
}

.privacy_txit {
	font-size: 18px;
	font-weight: bold;
}

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

SP： privacy

=================================================*/
@media screen and (max-width: 640px) {

.privacy {
	margin-top: 30px;
}

.privacy p {
	margin-top: 0px;
	margin-bottom: 30px;
}
.privacy p, .privacy dl {
	padding-left: 15px;
}

}


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

PC： enrollment

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

.enrollment {
	margin-top: 100px;
}

.enrollment p	 {
	margin-top: 30px;
	padding-left: 38px;
}

.enrollment h5 {
	color: #47c184;
	font-size: 18px;
	padding: 40px 0 10px;
	font-weight: bold;
	padding-left: 38px;
}

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


.enrollment ol li {
	margin-top: 10px;

}

.enrollment ol,.enrollment ul {
	padding-left: 38px;
}

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

SP： enrollment

=================================================*/
@media screen and (max-width: 640px) {

.enrollment h4 {
	margin-top: 30px;
}

.enrollment {
 margin-top: 0px;
}

.enrollment p ,.enrollment h5,
.enrollment ul{
	padding-left: 15px;
}

.enrollment ol{
	padding-left: 35px;
}

.enrollment h5


.download_btn {
	text-align: center;
	padding: 20px;
	width: 100%;
	margin-top: 10px;
	margin-left: 0px;

}
}

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

PC： expenses

=================================================*/
.expenses {
	margin-top: 70px;
}

.expenses h4 {
	margin-top: 30px;
}

/*table*/
.expenses table {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-spacing: 0;
	width: 100%;
}
.expenses th,td {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  text-align: center;
  padding: 12px 5px;
	width: 0px;
}
.expenses th {
	background: #63d09d;
	color: #fff;
	font-size: 16px;
}
.expenses td {
	background: #f6f6f6;
	font-size: 14px;
}

.expenses p {
	margin-top: 30px;
	padding-left: 38px;
}

.expenses h5 {
	color: #47c184;
	font-size: 18px;
	font-weight: bold;
	margin-top: 40px;
}

.expenses_table{
	margin-top: -20px;
}

.expenses dt {
	color: #47c184;
	font-size: 18px;
	font-weight: bold;
	margin-top: 40px;
}

.expenses dd {
	margin-top: 10px;
}

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

SP： expenses

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

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

.expenses {
	margin-top: 20px;
}
.expenses p {
	padding-left: 15px;
}
}

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

PC： form

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

.form {
 margin-top: 100px;
}

.form_txit {
 margin-bottom: 80px;
}

.form_box {
	margin-top: 30px;
}


.form_box p {
	display: inline-block;
	margin-right: 50px;
	width: 220px;
}

.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl02 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
	display: inline-block;
	width: 500px;
}
.cp_ipselect.cp_sl02::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl02:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #bbbbbb;
}
.cp_ipselect.cp_sl02 select {
	padding: 12px 48px 8px 12px;
	color: #666666;
}

.cp_iptxt {
	position: relative;
	width: 80%;
	display: inline-block;
	width: 500px;
	text-align: left;
}
.cp_iptxt input[type='text'] {
	box-sizing: border-box;
	width: 100%;
	padding: 12px 48px 8px 12px;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #000;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
}
.ef input[type='text']:focus {
	border: 1px solid #47c285;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(0,0,1, .1);
}

.cp_ipradio {
	display: inline-block;
}

.cp_ipcheck {
	margin: 30px 0;
}

.cp_ipcheck {
	width: 90%;
	margin-top: 30px 0;
	text-align: left;
}
.cp_ipcheck ul {
	margin: 4rem 0.5rem 2rem 0.5rem;
	padding: 0.5rem 1rem;
	list-style: none;
	border: 1px solid #cccccc;
}
.cp_ipcheck .list_item {
	padding: 0;
}
.cp_ipcheck label {
	line-height: 135%;
	position: relative;
	margin-right: 5px;
	cursor: pointer;
	font-size: 15px;
}
.cp_ipcheck .option-input05 {
	position: relative;
	margin: 0 1rem 0 0;
	cursor: pointer;
}
.cp_ipcheck .option-input05:before {
	position: absolute;
	z-index: 1;
	top: 0.125rem;
	left: 0.1875rem;
	width: 0.75rem;
	height: 0.375rem;
	content: '';
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	        transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: rotate(-45deg) scale(0, 0);
	        transform: rotate(-45deg) scale(0, 0);
	border: 2px solid #da3c41;
	border-top-style: none;
	border-right-style: none;
}
.cp_ipcheck .option-input05:checked:before {
	-webkit-transform: rotate(-45deg) scale(1, 1);
	        transform: rotate(-45deg) scale(1, 1);
}
.cp_ipcheck .option-input05:after {
	position: absolute;
	top: -0.125rem;
	left: 0;
	width: 1rem;
	height: 1rem;
	content: '';
	cursor: pointer;
	border: 2px solid #f2f2f2;
	background: #ffffff;
}


.application_btn {
	padding-top: 30px;
	background: #ffb142;
	color: #fff;
	text-align: center;
	padding: 20px;
	width: 300px;
	text-decoration: none;
	display: 	block;
	margin: auto;
	font-size: 18px;
}
.application_btn span{
  color: #FFF;
  position: relative;
  padding-right: 50px;
}
.application_btn span::before{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}

.cp_ipcheck_title {
	font-weight: bold;
}

.cp_ipcheck_wrap {
	background-color: #f0f7f3;
	padding: 1px 0;
	margin-top: 30px;
	margin-bottom: 30px;
}

/* .form_title {
	color: #47c285;
	font-weight: bold;
} */

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

SP： form

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

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

.form {
	margin-top: 20px;
}

.form_txit {
	margin-bottom: 30px;
}

.cp_iptxt {
	width: 100%;
}

.cp_ipselect.cp_sl02 {
	width: 100%;
}


}

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

PC： トピックス

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

.topics_box_3 {
	vertical-align: top;
	width: 205px;
	background-color: #fff;
	height:auto;
	display: inline-block;
}



.topics_wrap_2 {
	display: inline-block;
	margin: 100px 25px 0px 25px;
}

.topics_3 {
	background-color: #f2f2f2;
}

.cp_navi *, .cp_navi *:after, .cp_navi *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_navi a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	padding: 0 25px;

}
.cp_navi {
	padding-bottom: 30px;
	margin: 2em 0;
	text-align: center;
}
.cp_navi .cp_pagination {
	display: inline-block;
	height: 50px;
	margin-top: 2em;
	padding: 0 25px;
	border-radius: 35px;
	background-color: #eeeeee;
	cursor: pointer;
}
.cp_navi .cp_pagenum {
	font-size: 15px;
	line-height: 50px;
	display: block;
	float: left;
	color: #595959;
}
.cp_navi .cp_pagenum.current {
	color: #ffffff;
	background-color: #63d09d;
	padding: 0 25px;
}
.cp_navi .cp_pagenum.prev:hover,
.cp_navi .cp_pagenum.next:hover {
	color: #f0f7f3;
	background-color: transparent;
}
@media only screen and (max-width: 960px) {

	.topics_wrap_2 {
		display: inline-block;
		margin: 0px;
	}

	.topics_box_3 {
		vertical-align: top;
		width: 100%;
		background-color: #fff;
		height:auto;
		display: inline-block;
	}

	.cp_navi a {

		padding: 0 15px;

	}

	.cp_navi .cp_pagenum.current {
		padding: 0 15px;
	}

	.topics_wrap_2 {
		display: inline-block;
		margin-top: 50px;
		width: 100%;
	}

	.cp_navi .cp_pagination {
		height: 50px;
		margin-top: 50px;
		padding: 0 10px;
		border-radius: 25px;
	}
	.cp_navi .cp_pagenum {
	font-size: 0.8em;
	line-height: 50px;
	padding: 0px;
	}
	.cp_navi .cp_pagenum.prev,
	.cp_navi .cp_pagenum.next {
		padding: 0 10px;
	}
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
	.cp_navi .cp_pagenum {
	display: none;
	/* padding: 0 15px; */
	}
	.cp_navi .cp_pagenum:nth-of-type(3) {
	position: relative;
	padding-right: 32px;
	}
	.cp_navi .cp_pagenum:nth-of-type(3)::after {
	font-size: 1.2em;
	position: absolute;
	top: 0;
	left: 29px;
	content: '...';
	}
	.cp_navi .cp_pagenum:nth-child(-n+3),
	.cp_navi .cp_pagenum:nth-last-child(-n+2) {
		display: block;
	}
	.cp_navi .cp_pagenum:nth-last-child(-n+4) {
		padding-right: 0px 15px;
	}
	.cp_navi .cp_pagenum:nth-last-child(-n+4)::after {
		content: none;
	}
	.cp_navi .cp_pagenum.prev,
	.cp_navi .cp_pagenum.next {
		padding: 0 5px;
	}
}



.infomation .wrap .formstyle table td{
	text-align: left;
padding:20px 10px;
border-bottom:1px #eee solid;
}
.infomation p{
	padding-left: 38px;
}
.formstyle {
	padding-left: 38px;
}

.infomation .wrap .formstyle table th{
	text-align: left;
padding:20px 10px;
border-bottom:1px #eee solid;
width:200px;
}

.infomation .wrap .formstyle table td .bb{
padding:10px;
}

.infomation .wrap .formstyle table td .dib{
padding:10px;
}

.infomation .wrap .formstyle table td .dib li{
padding:10px;
display:inline-block;
}

.infomation .wrap .formstyle table td textarea{
border:1px #ddd solid;
}


.infomation .wrap .formstyle table td input{
padding:10px;
}

.infomation .wrap .formstyle table td input[type="text"]{
padding:10px;
width:70%;
}

.infomation .wrap .formstyle table td select {
    padding: 10px;
    height: 35px;
    font-size: 14px;
    margin: 10px;
}

.infomation .wrap .formstyle table td input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 10px;
	padding:10px;
	width:40%;
	height:40px;
	font-size:16px;
	margin:auto;
	background:#58BF3F;
	cursor:pointer;
}


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

PC： トピックスページ

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

.topics_page h4 {
	margin-top: 100px;
}

.topics_page_txit {
	margin: 50px 0;
	line-height: 1.9;
	padding-left: 38px;
}

.topics_page a {
	margin: 50px auto;
	color: #58BF3F;
	display: block;
	text-align: center;
}
a.download_btn {
	text-decoration: none !important;
}

.topics_page a:hover {
 text-decoration: underline;
}


.topcs_page_link a{
	margin:2px;
	text-align: left;
	padding-left: 38px;
}


.topics_page h5 {
	background-color: #16bcf2;
	padding: 20px;
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: left;
	color: #fff;
	font-size: 18px;

}

.topics_page img {
	margin-bottom: 30px;
	max-width: 100%;
}

.infomation .wrap .formstyle table td{
	text-align: left;
	padding:20px 10px;
	border-bottom:1px #eee solid;
}

.infomation .wrap .formstyle table th{
	text-align: left;
	padding:20px 10px;
	border-bottom:1px #eee solid;
	width:200px;
}

.infomation .wrap .formstyle table td .bb{
	padding:10px;
}

.infomation .wrap .formstyle table td .dib{
	padding:10px;
}

.infomation .wrap .formstyle table td .dib li{
	padding:10px;
	display:inline-block;
}

.infomation .wrap .formstyle table td textarea{
	border:1px #ddd solid;
}


.infomation .wrap .formstyle table td input{
	padding:10px;
}

.infomation .wrap .formstyle table td input[type="text"]{
	padding:10px;
	width:70%;
}

.infomation .wrap .formstyle table td select {
    padding: 10px;
    height: 35px;
    font-size: 14px;
    margin: 10px;
}

.infomation .wrap .formstyle table td input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 10px;
	padding:5px;
	width:40%;
	height:40px;
	font-size:16px;
	margin:auto;
	background:#63d09d;
	cursor:pointer;
}

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

PC： recommend

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

.recommend {
	margin-top: 100px;
}

.recommend h4 {
	margin-bottom: 30px;
}

.recommend p {
	text-align: center;
}

.recommend dl {
	padding-left: 38px;
}


.recommend img {
	margin: 30px 0 30px 38px;
	width: 90%;
}

@media only screen and (max-width: 960px) {
	.recommend {
		margin-top: 30px;
	}

	.recommend dl {
		padding-left: 15px;
	}

	.topics_page_txit {
		padding-left: 15px;
	}

	.recommend img {
	margin: 30px 0 30px 15px;
	width: 90%;
}

	.infomation p {
		padding-left: 15px;
	}
	.formstyle {
		padding-left: 15px;
	}
	.topics_page p{
		overflow: -webkit-paged-x;
	}
	.topcs_page_link a{
		padding-left: 15px;
	}

	.topics_page h4 {
	margin-top: 30px;
}

}


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

PC： alumin

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

.alumin {
	background-color: #e9ffef;
}

.alumin_title {
	font-size: 20px;
	font-weight: bold;
}

.alumin_texit {
	margin: 30px 30px 30px 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.alumin_texit02 {
	margin-top: 10px;
	margin-bottom: 30px;
}


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

PC： スペシャルオープンキャンパス

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


.s_oc_mv_sp img {
	width: 100%;
}

.s_oc_date {
	width: 440px;
}
.s_oc_mv {
	margin-top: 100px;
	min-width: 1000px;
	width:100%;
	height:315px;
	background-position:center 0;
	background-repeat: no-repeat;
	background: url(../img/s_oc_mv.jpg) top center/contain no-repeat;
}

.s_oc_img img {
	text-align: center;
	margin-top: 50px;
	display: inline;
}
.s_oc_img {
	text-align: center;

}

.s_oc_img01 {
	margin-right: 20px;
	width: 35%;
	vertical-align: top;
}

.s_oc_img02 {
	width: 50%;
	vertical-align: top;
}

.s_oc_box {
	margin-bottom: 50px;
	box-shadow: 2px 2px 6px #d8dbdd;
	padding: 30px;
	background-color: #fff;
}

.s_oc_box img {
	margin-bottom: 10px;
}

.s_oc {
	padding:80px 50px;
	background-color: #e3f6ff;
}

.s_oc_hr {
	border-width: 0px 0px 0px 0px; /* 太さ1px */
	 border-style: solid; /* 線種を破線に */
	 border-color: #f2deaf;   /* 線色を灰色に */
		border-bottom: solid #f2deaf;
}

.s_oc_dl {
	margin: 12px 0;
	display: inline-block;
	width: 49%;

}


.s_oc_dl dt  {
	text-align: center;
	width: 110px;
	font-size: 14px;
	display: inline-block;
	color: #fff;
	padding: 8px 5px;
}

.s_oc_dl dd  {
	font-size: 14px;
	display: inline-block;
	color: #652b0c;
	padding: 5px;
	vertical-align: middle;
}

.s_oc_dt_kango {
	background-color: #ff8b0f;
}

.s_oc_dt_hukushi {
	background-color: #638c0b;
}

.s_oc_dt_rigaku {
	background-color: #002e73;
}

.s_oc_dt_kaigo {
	background-color: #638c0b;
}

.s_oc_dt_shika {
	background-color: #00a0e9;
}

.s_oc_dt_sagyou {
	background-color: #249355;
}

.s_oc_dt_zyosan{
	background-color: #af2727;
}

.h3_3{
	color: #0080bc;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1.7;
	letter-spacing: 1px;
	margin: 0px 0px 40px 0;
}

.h3_4{
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: 1px;
	margin: 40px 0;
}

.h3_5{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.7;
	letter-spacing: 1px;
	margin: 0px 0;
	color: #63d09d;
}


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

	.s_oc {
		padding: 30px 20px !important;
	}

	.s_oc_dl {
		margin: 8px 0;
		width: 100%;
	}

.h3_3 {
	font-size: 18px;
}

.h3_4 {
	font-size: 18px;
}



	.s_oc_dl dt  {
		text-align: center;
		width: 110px;
		display: block;
		padding: 8px 5px;
	}

	.s_oc_dl dd  {
		font-size: 14px;
		display:block;
		padding: 5px;
	}

	.s_oc_img img {
		margin-top: 50px;
	}
	.s_oc_img {
		text-align: center;

	}

	.s_oc_img01 {
		margin-right: 0px;
		width: 100%;
	}

	.s_oc_img02 {
		width: 100%;
	}
	.h3_4{
		font-size: 14px;
	}

	.s_oc_box {
		padding: 20px 10px;
	}


}



.s_oc {
	padding:80px 50px;
}


.s_oc_2_date {
	font-size: 30px;
	font-weight: bold;
}


.s_oc_box_2 {
	margin-bottom: 50px;
	padding: 10px;
	background-color: #fff;
}

.s_oc_hr_2 {
	border-width: 0px 0px 0px 0px; /* 太さ1px */
	 border-style: solid; /* 線種を破線に */
		border-bottom: solid #63d09d;
}

.s_oc_dt_green {
	background-color: #63d09d;
}





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

PC： 日曜進学会

=================================================*/
.sunday {
	margin: 65px auto 70px;
}

.sunday_ttl {
	font-size: 20px;
	color: #47c285;
	margin-bottom: 30px;
}

.line_red {
	margin-top: 50px;
	margin-bottom: 30px;
}

.sunday_wrap{
	padding-left: 40px;
}
.sunday_h5_top {
	padding: 0 0 20px !important;
}
.sunday_department th {
	background: #6cc2b1;
	color: #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	text-align: center;
	padding: 12px;
}
.sunday_department td {
	text-align: center;
	background: #f6f6f6;
}

.sunday_department table {
	width: 100%;
}

.sundey_red {
	margin-top: 20px;
	color: #da3232;
}


.subheading p {
  padding-top: 5px;
  line-height: 1.8;
  font-size: 14px;
}
.subheading h6::first-letter{
	color: #47c285;
}
.subheading {
  margin-top: 30px;
}
.table_ttl {
	font-weight: bold;
}

.sunday_classification th {
	background: #6cc2b1;
}
.sunday_classification td {
	font-size: 14px;
}
td.table_txt_left {
	text-align: left;
  padding: 12px 12px 12px 20px;
}
.table_list_even td {
  background: #f0eded;
}
.iroha li {
  padding-left: 2em;
  text-indent: -2em;
  list-style: none;
}
.sunday_txt {
	margin-bottom: 20px;
	font-size: 15px;
}
.subheading_top {
	margin-top: 0;
}
.sunday_classification_list {
	margin-top: 10px;
}
.sunday_department .download_btn {
	margin: 20px 0;
}
.sunday_department h5 span {
	font-size: 12px;
}

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

SP： 日曜進学会

=================================================*/
@media screen and (max-width: 640px) {
.top_img_sunday {
	background-position: 84% 10%;
	height: 200px;
}
.sunday {
	margin: 40px auto;
}
.sunday_wrap {
	padding: 0 0px;
}
.sunday_h5_top {
  padding: 0 0 0 !important;
}
.subheading {
  margin-top: 20px;
}
.sunday h5 {
  padding: 30px 0 0;
}
.rsunday_classification tr,.sunday_classification tr:last-child {
  border: solid 1px #47c285;
}
td.table_txt_left {
	text-align: center;
	padding: 0;
}

.subheading_top {
  margin-top: 0;
}
.sunday_department h5 span {
	vertical-align: top;
}
.sunday_broadcasting td:nth-of-type(1){
	background: #f6f6f6;
	color: #333;
}
.sunday_department th {
	border-bottom: 0;
	border-left: 0;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	text-align: center;
	padding: 12px;
}
.download_btn_01 {
	font-size: 15px;
}

}

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

TAB： 日曜進学会

=================================================*/
@media screen and (max-width: 1024px) and (min-width: 641px) {
.top_img_sunday {
	background-position: 75%;
}
.sunday_flow img {
	width: 100%;
}
.sunday_department .download_btn span::before{
	right: -35px;
}
}