@media (min-width: 768px) {
  .container {
    width: 768px;
  }
}


@media (min-width: 992px) {
  .container {
    width: 992px;
  }
}


@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}

html,
bodey {
	font-family: "Hiragino UD Sans W3 JIS2004", "Hiragino UD Sans W4 JIS2004", "Hiragino UD Sans W5 JIS2004", "Hiragino UD Sans W6 JIS2004","Hiragino UD Serif W4 JIS2004";
}

html { font-size: 62.5%; } /* 10px */
body { font-size: 1.6rem; } /* 16px */

header {

}

h1,
h2,
a,
p,
.row,
.col-lg-3,
.col-lg-4,
.col-lg-6,
.col-lg-12,
.col-md-3,
.col-md-4,
.col-md-6,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-12,
.col-xs-2,
.col-xs-3,
.col-xs-6,
.col-xs-12 {
	margin: 0px;
	padding: 0px;
}


a,
a:hover
 {
	text-decoration: none;
	color: #000;
}

a:visited {
  text-decoration: none;
}

.hover_btn:hover {
	opacity: 0.8;
}

.container {
	padding: 0px;
}

.text_hud_w3 {
	 font-family: "Hiragino UD Sans W3 JIS2004";
}

.text_hud_w4 {
	 font-family: "Hiragino UD Sans W4 JIS2004";
}

.text_hud_w5 {
	 font-family: "Hiragino UD Sans W5 JIS2004";
}

.text_hud_w6 {
	 font-family: "Hiragino UD Sans W6 JIS2004";
}

.text_hud_m_w4 {
	font-family: "Hiragino UD Serif W4 JIS2004","Hiragino Mincho Pro","MS PMincho";
}

.text_rei_m_b {
	font-family: "UD黎ミン B","MS PMincho";
}

.text_futgo_m101 {
	font-family: "Futo Go B101";
}

.text_09px {
	font-size: 0.9rem;
} /* 9px */

.text_11px {
	font-size: 1.1rem;
} /* 11px */

.text_12px {
	font-size: 1.2rem;
} /* 12px */

.text_13px {
	font-size: 1.3rem;
} /* 13px */

.text_14px {
	font-size: 1.4rem;
} /* 14px */

.text_15px {
	font-size: 1.5rem;
} /* 15px */

.text_16px {
	font-size: 1.6rem;
} /* 16px */

.text_18px {
	font-size: 1.8rem;
} /* 18px */

.text_19px {
	font-size: 1.9rem;
} /* 19px */

.text_20px {
	font-size: 2rem;
} /* 20px */

.text_21px {
	font-size: 2.1rem;
} /* 21px */

.text_22px {
	font-size: 2.2rem;
} /* 22px */

.text_23px {
	font-size: 2.3rem;
} /* 23px */

.text_24px {
	font-size: 2.4rem;
} /* 24px */

.text_26px {
	font-size: 2.6rem;
} /* 26px */

.text_30px {
	font-size: 3.0rem;
} /* 30px */

.text_34px {
	font-size: 3.4rem;
} /* 34px */

.text_35px {
	font-size: 3.5rem;
} /* 35px */

.text_38px {
	font-size: 3.8rem;
} /* 38px */

.text_40px {
	font-size: 4rem;
} /* 40px */

.text_45px {
	font-size: 4.5rem;
} /* 45px */

.text_48px {
	font-size: 4.8rem;
} /* 48px */

.text_60px {
	font-size: 6rem;
} /* 60px */

.text_65px {
	font-size: 6.5rem;
} /* 65px */


.text_white {
	color: #FFF;
}

.text_black {
	color: #000;
}

.text_glay {
	color: #666;
}

.text_green {
	color: #23b8bc;
}

.text_blue {
	color: #151c72;
}

.text_red {
	color: #e8374a;
}

.text_pink {
	color: #ea6188;
}

.text_pink2 {
	color: #ba4b6d;
}

.text_yellow {
	color: #F7B02D;
}

.text_cyan {
	color: #009CE1;
}

.text_cyan2 {
	color: #427bbf;
} 

.text_gold {
	color: #786C27;
}

.text_brown {
	color: #C79F62;
}

.text_al_center {
	text-align: center;
}

.text_al_left {
	text-align: left;
}

.text_al_right {
	text-align: right;
}

.text_underline {
	text-decoration: underline;
}

.text_line-through {
	text-decoration: line-through;
}

.text_bold {
	font-weight: bold;
}

.line_height_60 {
    line-height: 60%;
}

.line_height_80 {
    line-height: 80%;
}

.line_height_100 {
    line-height: 100%;
}

.line_height_150 {
    line-height: 150%;
}

.line_height_170 {
    line-height: 170%;
}

.line_height_200 {
    line-height: 200%;
}

.line_height_230 {
    line-height: 230%;
}

.line_height_260 {
    line-height: 260%;
}

.line_height_300 {
    line-height: 300%;
}

.letter_s_00{
    letter-spacing: 0.0em;
}

.letter_s_02{
    letter-spacing: 0.2em;
}

.letter_s_03{
    letter-spacing: 0.3em;
}

.letter_s_04{
    letter-spacing: 0.4em;
}

.letter_s_07{
    letter-spacing: 0.7em;
}

.header_in {
}

.header_logo {
	text-align: left;
	padding-right: 6.5%;
	padding-top: 18px;
	padding-bottom: 18px;
}

.header_in_r {
	padding-top: 38px;
}

.hedder_in_r_in {
	float: right;
}

.hedder_in_r_in_a1 {
	padding-left: 32px;
	padding-right: 32px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.hedder_in_r_in_a2 {
	padding-left: 32px;
	padding-right: 32px;
}

.hedder_in_r_in_a3 {
	padding-left: 34px;
	padding-right: 34px;
	padding-top: 4px;
	padding-bottom: 3px;
	color: #fff;
	background-color: #C0272D;
}

.hedder_in_r_in_a3:hover {
	color: #fff;
}


.gnav_wrap {
	background-color: #191955 ;
}

.gnav {
	height: 40px;
	width: 100%;
}

.dropmenu {
	list-style: none;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.dropmenu li {
	position: relative;
	width: 20%;
	float: left;
}

.gnav_selected {

}

.dropmenu li a,
.dropmenu_r li a {
  display: block;
}

.dropmenu li ul {
	list-style: none;
    position: absolute;
    z-index: 100;
    width: 100%;
    top: 40px;
    left: 0;
    margin: 0;
    padding: 0;
	opacity: 0.97;
}

.dropmenu li .gnav_btn_g {
	list-style: none;
    position: absolute;
    z-index: 100;
    width: 100%;
    top: 40px;
    left: 0;
    margin: 0;
    padding: 0;
}

.dropmenu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  transition: .2s;
}

.dropmenu li ul li a {
  color: #fff;
  padding: 12px 12px;
  text-align: center;
  font-size: 12px;
}

.gnav_btn_g_li {
	background-color: #979797;
}

.gnav_btn_g_li :hover {
	background-color: #A5A5A5;
}

.dropmenu > li:hover > ul > li {
  overflow: visible;
  height: 40px;
}

.dropmenu li ul li ul {
  top: 0;
  width: 200%;
  left: 100%;
}

.dropmenu li:last-child ul li ul {
  left: -100%;
  width: 200%;
}

.dropmenu li ul li:hover > ul > li {
  overflow: visible;
  height: 40px;
}

.dropmenu li ul li ul:before {
  position: absolute;
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 0px solid transparent;
  border-left-color: #454e08;
}

.dropmenu li:last-child ul li ul:before {
  position: absolute;
  top: 13px;
  left: 200%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #454e08;
}

.gnav_btn {
	height: 20px;
	margin-top: 10px;
	padding-top: 2px;
	border-left: 1px solid #cccccc;
}

.gnav_btn2 {
	height: 20px;
	margin-top: 10px;
	padding-top: 2px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.gnav_btn:hover,
.gnav_btn2:hover {
	color: #9B9B9B;
}

.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
	-webkit-box-shadow: 0px 1px 10px 0px #A4A4A4;
	box-shadow: 0px 1px 10px 0px #A4A4A4;
}

.top_main_img {
	background-image: url(../img/top_main_img_bg.png);
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	height: 440px;
}

.top_main_img_text {
	display: block;
	width: 480px;
	padding-top: 70px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}

.top_main_banner {
	margin-top: -85px;
	margin-bottom: 48px;
}

.top_main_banner_btn {
	padding-right: 0.7%;
	padding-left: 0.7%;
}

.top_main_banner_btn2 {
	padding-right: 0.7%;
	padding-left: 0.7%;
	margin-bottom: 20px;
}

.top_main_banner_btn_a1 {
	display: block;
	background-color: #9D005D;
	background-image: url(../img/btn_icon_01.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

.top_main_banner_btn_a2,
.top_main_banner_btn_a3,
.top_main_banner_btn_a4,
.top_main_banner_btn_a5,
.top_main_banner_btn_a6 {
	display: block;
	background-color: #3B3B6E;
}

.top_main_banner_btn_a7 {
	display: block;
	background-color: #3296d4;
}

.top_main_banner_btn_a10,
.top_main_banner_btn_a11 {
	display: block;
	background-color: #3296d4;
}

.top_main_banner_btn_a8 {
	display: block;
	background-color: #9D005D;
}

.top_main_banner_btn_a9 {
	display: block;
	background-color: #9D005D;
}

.top_main_banner_btn_a2 {
	background-image: url(../img/btn_icon_02.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

.top_main_banner_btn_a3 {
	background-image: url(../img/btn_icon_03.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

.top_main_banner_btn_a4 {
	background-image: url(../img/btn_icon_11.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

.top_main_banner_btn_a5 {
	background-image: url(../img/btn_icon_12.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

.top_main_banner_btn_a6 {
	background-image: url(../img/btn_icon_13.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

.top_main_banner_btn_a7 {
	background-image: url(../img/btn_icon_15.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

.top_main_banner_btn_a10 {
	background-image: url(../img/btn_icon_17.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

.top_main_banner_btn_a11 {
	background-image: url(../img/btn_icon_19.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

.top_main_banner_btn_a8 {
	background-image: url(../img/btn_icon_16.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

.top_main_banner_btn_a9 {
	background-image: url(../img/btn_icon_18.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

/*
.top_main_banner_btn_a7 {
	background-image: url(../img/btn_icon_14.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}
*/

.top_main_banner_btn_a1,
.top_main_banner_btn_a2,
.top_main_banner_btn_a3,
.top_main_banner_btn_a7,
.top_main_banner_btn_a8,
.top_main_banner_btn_a9,
.top_main_banner_btn_a10,
.top_main_banner_btn_a11 {
	padding-left: 26%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.top_main_banner_btn_a4,
.top_main_banner_btn_a5,
.top_main_banner_btn_a6 {
	padding-left: 26%;
	padding-top: 31px;
	padding-bottom: 31px;
}

.contets_t_in_l {
	padding-right: 3%;
}

.contets_t_in_l_t {
	background-color: #EAEFF1;
}

.contets_t_in_l_t h2 {
	color: #191955;
	letter-spacing: 0.1em;
	display: inline-block;
	padding-left: 2%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.contets_t_in_l_t a {
	display: inline-block;
	color: #fff;
	background-color: #191955;
	float: right;
	font-size: 1.2rem;
	margin-top: 5px;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 10px;
}

.contets_t_in_l_t a:hover {
	color: #888;
}

.contets_t_in_l ul {
	list-style: none;
	margin-top: 30px;
	margin-bottom: 60px;
	padding: 0px;
}

.contets_t_in_l ul li {
	display: inline-block;
	width: 100%;
    border-bottom: 1px solid #999;
	padding-bottom: 12px;
	margin-top: 16px;
}

.contets_t_in_l_t_day {
	display: block;
	padding-left: 4%;
	padding-top: 4px;
}

.info_arow {
	display: block;
	padding-left: 46px;
}

.info_cat {
	color: #fff;
	background-color: #7f91c3;
	width: 80px;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 7px;
}

.contets_t_in_l_tittle {
	padding-top: 4px;
	padding-left: 2%;
}


.contets_t_in_r {
	padding-left: 1%;
	padding-right: 0.75%;
}

.contets_t_in_r_btn {
	color: #fff;
	display: inline-block;
	background-color: #3296d4;
	padding-bottom: 5px;
	margin-bottom: 7px;
}

.contets_t_in_r_btn img {
	padding-top: 8px
}


.contets_t_in_r_btn_t {
	font-size: 13px;
	margin-top: 3px;
	padding-left: 8%;
	line-height: 80%;
}

.contets_m_t,
.contets_m_t2 {
    background-image: url(../img/contents_m_bg.png);
    background-repeat: repeat;
	background-size: 6px;
}

.contets_m_t2 {
	margin-bottom: 60px;
	padding-bottom: 40px;
}

.contets_m_t_title {
	width: 30%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-left: 2px solid #9D005D;
	border-right: 2px solid #9D005D;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 30px;
}

.contets_m_t_title2 {
	width: 99%;
	background-color: #fff;
    padding-top: 18px;
    padding-bottom: 18px;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
}

.contets_m_t_box {
	padding-right: 0.7%;
	padding-left: 0.7%;
	margin-bottom: 20px;
}

.contents_m_t_box_in {
	background-color: #fff;
}

.contents_m_t_box_in_img {
	padding: 14px;
}

.contents_m_t_box_in_t {
	padding-top: 14px;
	padding-left: 7%;
	padding-right: 7%;
	padding-bottom: 14px;
}

.contents_m_t_box_in_t2 {
	padding-left: 7%;
	padding-right: 7%;
	padding-bottom: 14px;
}

.contents_m_t_box_in_h3 {
	width: 100%;
    color: #9D005D;
    margin-top: 8px;
	padding-bottom: 12px;
    border-bottom: 1px dotted #000000;
}

.contets_m_b {
	margin-top: 50px;
	margin-bottom: 60px;
}

.contets_m_b_title {
	width: 30%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-left: 2px solid #FFB735;
	border-right: 2px solid #FFB735;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 30px;
}

.contets_m_b_box {
	padding-right: 0.7%;
	padding-left: 0.7%;
	margin-bottom: 20px;
}

.contents_m_b_box_in {
	background-image: url(../img/contents_m_bg.png);
    background-repeat: repeat;
	background-size: 6px;
}

.contents_m_b_box_in_t {
	padding-top: 14px;
	padding-left: 7%;
	padding-right: 7%;
	padding-bottom: 14px;
}

.contents_m_b_box_in_h3 {
    display: inline-block;
    width: 100%;
    color: #DF7403;
    margin-top: 8px;
	padding-bottom: 12px;
    border-bottom: 1px dotted #000000;
}

.contents_to_ar {
	background: #191955;
	width: 9%;
	padding-top: 6px;
	padding-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

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

.contents_to_ar a:hover {
	color: #aaa;
}

.content_b {
    background-image: url(../img/contents_b_bg.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.content_b_in {
	padding-top: 84px;
	padding-bottom: 137px;
}

.content_b_btn_1 {
	display: block;
	background-color: #00A89C;
	width: 94%;
	padding-left: 26%;
	padding-top: 40px;
	padding-bottom: 40px;
	background-image: url(../img/btn_icon_05.png);
	background-repeat: no-repeat;
	background-size: auto 84%;
	background-position: 4% 50%;
}

.content_b_btn_2 {
	display: block;
	background-color: #9D005D;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 26%;
	padding-top: 40px;
	padding-bottom: 40px;
	background-image: url(../img/btn_icon_06.png);
	background-repeat: no-repeat;
	background-size: auto 84%;
	background-position: 4% 50%;
}

.content_b_btn_3 {
	display: block;
	background-color: #FFB735;
	width: 94%;
	margin-left: 6%;
	padding-left: 26%;
	padding-top: 40px;
	padding-bottom: 40px;
	background-image: url(../img/btn_icon_07.png);
	background-repeat: no-repeat;
	background-size: auto 84%;
	background-position: 4% 50%;
}

.content_b_btn_4 {
	display: block;
	background-color: #3B3B6E;
	width: 94%;
	padding-left: 26%;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 32px;
	background-image: url(../img/btn_icon_08.png);
	background-repeat: no-repeat;
	background-size: auto 50px;
	background-position: 8% 50%;
}

.content_b_btn_5 {
	display: block;
	background-color: #3B3B6E;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 26%;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 32px;
	background-image: url(../img/btn_icon_09.png);
	background-repeat: no-repeat;
	background-size: auto 50px;
	background-position: 8% 50%;
}

.content_b_btn_6 {
	display: block;
	background-color: #3B3B6E;
	width: 94%;
	margin-left: 6%;
	padding-left: 26%;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 32px;
	background-image: url(../img/btn_icon_10.png);
	background-repeat: no-repeat;
	background-size: auto 50px;
	background-position: 8% 50%;
}


.contents_main {
	
}

.breadcrumbs {
	height: 40px;
	padding-top: 9px;
	padding-bottom: 9px;
}

.contents_h2 {
	display: block;
	width: 100%;
	padding-top: 26px;
	padding-bottom: 26px;
	border-bottom: 1px solid #000000;
}


.contents_main_banner {
	margin-bottom: 30px;
}

.contents_main_banner_btn {
	padding-right: 0.7%;
	padding-left: 0.7%;
	margin-bottom: 20px;
}

.contents_main_banner_btn_a1 {
	display: block;
	background-color: #9D005D;
	background-image: url(../img/btn_icon_01.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

.contents_main_banner_btn_a2,
.contents_main_banner_btn_a3,
.contents_main_banner_btn_a4,
.contents_main_banner_btn_a5,
.contents_main_banner_btn_a7,
.contents_main_banner_btn_a8,
.contents_main_banner_btn_a9 {
	display: block;
	background-color: #3B3B6E;
}

.contents_main_banner_btn_a6 {
	display: block;
	background-color: #3296d4;
}

.contents_main_banner_btn_a2 {
	background-image: url(../img/btn_icon_02.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

.contents_main_banner_btn_a3 {
	background-image: url(../img/btn_icon_03.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

.contents_main_banner_btn_a4 {
	background-image: url(../img/btn_icon_11.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

.contents_main_banner_btn_a5 {
	background-image: url(../img/sns_facebook_btn.png);
	background-repeat: no-repeat;
	background-size: 80% auto;
	background-position: 0% 0%;
}

.contents_main_banner_btn_a6 {
	background-image: url(../img/btn_icon_14.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

.contents_main_banner_btn_a7 {
	background-image: url(../img/btn_icon_12.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

.contents_main_banner_btn_a8 {
	background-image: url(../img/btn_icon_13.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 8% 50%;
}

.contents_main_banner_btn_a1,
.contents_main_banner_btn_a2,
.contents_main_banner_btn_a3,
.contents_main_banner_btn_a6 {
	padding-left: 26%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.contents_main_banner_btn_a4,
.contents_main_banner_btn_a7,
.contents_main_banner_btn_a8 {
	padding-left: 26%;
	padding-top: 31px;
	padding-bottom: 31px;
}

.contents_main_banner_btn_a5 {
	padding-left: 7%;
	padding-top: 20.5%;
	padding-bottom: 5%;
	line-height: 70%;
}


/*校訓・教育理念・沿革*/
.guidance_bg {
	background-image: url(../img/guidance_01_bg.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	padding-top: 100px;
	background-position: 10% 0%;
}

.guidance_h3 {
	display: block;
	text-align: center;
	margin: 0;
	letter-spacing: 0.6em;
}

.guidance_h3_img01 {
	width: 34%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 62px;
	padding-bottom: 34px;
}

.guidance_01_img02 {
	width: 44%;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 62px;
	padding-bottom: 120px;
}

.guidance_box {
	padding-left: 2%;
	padding-right: 2%;
	margin-top: 40px;
	margin-bottom: 54px;
}

.guidance_box_in01{
	background-color: #ff5481;
}

.guidance_box_in02{
	background-color: #ff803e;
}

.guidance_box_in03{
	background-color: #6f60ba;
}

.guidance_box_in04{
	background-color: #151c72;
}

.guidance_box_in01,
.guidance_box_in02,
.guidance_box_in03 {
	
}

.guidance_box_t1 {
	padding-top: 18px;
	padding-bottom: 18px;
}

.guidance_box_t2 {
	padding-bottom: 20px;
}

.guidance_box_t3 {
	float: left;
	width: 30%;
	padding-top: 18px;
	padding-bottom: 18px;
	background-color: #151c72;
	border-right: 1px solid #FFFFFF;
}

.guidance_box_t4 {
	float: left;
	width: 70%;
	padding-top: 24px;
	padding-bottom: 24px;
	background-color: #151c72;
	margin-bottom: 60px;
}

.guidance_p01 {
	padding-left: 20%;
}

.guidance_box2 {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	margin-bottom: 80px;
}

.guidance_box2_1_l,
.guidance_box2_2_l {
	display: inline-block;
	width: 18%;
	text-align: center;
	padding-top: 18px;
	padding-bottom: 18px;
}

.guidance_box2_2_l,
.guidance_box2_2_r {
	display: inline-block;
	background-color: #fff;
}

.guidance_box2_1_r,
.guidance_box2_2_r {
	width: 82%;
	padding-top: 18px;
	padding-bottom: 18px;
}

.contents_m_t_box_in2 {
	padding-top: 10px;
}


/*校長先生あいさつ*/
.principal_h3 {
	margin-top: 90px;
	margin-bottom: 60px;
}

.principal_t {
	width: 72%;
	margin-left: auto;
	margin-right: auto;
}

.principal_name {
	margin-top: 50px;
	margin-bottom: 58px;
}


/*コース概要*/

.course_index_p {
	margin-top: 86px;
	margin-bottom: 78px;
}

.course_index_box1 {
	background-color: #3b3b6e;
	width: 70%;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 52px;
	margin-left: auto;
	margin-right: auto;
}

.course_index_ar {
	margin-top: 80px;
	margin-bottom: 60px;
}

.course_index_box1_l {
	background-color: #23b8bc;
}

.course_index_box2_l {
	background-color: #33a1db;
}

.course_index_box3_l {
	background-color: #ea6188;
}

.course_index_box_in,
.course_index_box_in2 {
	display: block;
	width: 600px;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 66px;
	padding-bottom: 66px;
}

.course_index_box_in {
	margin-left: auto;
}

.course_index_box_in2 {
	margin-right: auto;
}

.course_index_box_in_title {
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 23px;
}

.contents_to_detail {
	display: inline-block;
	border: 1px solid #FFFFFF;
	padding-left: 20px;
	padding-right: 46px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 11px;
	float: right;
	background-repeat: no-repeat;
	background-image: url(../img/contents_to_detail.svg);
	background-position: 95% 48%;
	background-size: 12% auto;
}

.contents_to_detail:hover {
	opacity: 0.6;
	color: #fff;
}

.course_index_box_in_sub {
	border-left: 14px solid #FFFFFF;
	padding-left: 20px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.course_index_box1_r {
	background-image: url(../img/course_01_img03.jpg);
	height: 603px;
	background-repeat: no-repeat;
	background-position: 10% 0%;
	background-size: auto 100%;
}

.course_index_box2_r {
	background-image: url(../img/course_01_img02.jpg);
	height: 592px;
	background-repeat: no-repeat;
	background-position: 60% 0%;
	background-size: auto 100%;
}

.course_index_box3_r {
	background-image: url(../img/course_01_img01.jpg);
	height: 592px;
	background-repeat: no-repeat;
	background-position: 10% 0%;
	background-size: auto 100%;
}

.course_curriculum {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	padding-top: 40px;
	padding-bottom: 80px;
}

/*文理コース*/
.course_02_main {
	height: 400px;
	background-image: url(../img/course_02_main.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: auto 100%;
}

.course_ls_b {
	background-image: url(../img/course_02_bg.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 50% 0%;
}

.course_h3 {
	margin-top: 60px;
	margin-bottom: 60px;
}

.course_02_box0 {
	background-repeat: repeat;
	background-image: url(../img/course_02_bg_white.png);
}

.course_02_box0_in {
	margin-left: 1%;
	margin-right: 1%
}

.course_02_box {
	width: 46%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 66px;
	margin-bottom: 74px;
}

.course_02_box p {
	padding-top: 14px;
}

.course_02_box2,
.course_02_box2_2 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.course_02_box2_2 {
	margin-top: 50px;
}

.course_02_box3 {
	display: block;
	margin-top: 100px;
}

.course_02_box3 img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.course_02_box3 p {
	display: block;
	margin-top: 15px;
	margin-bottom: 30px;
}

.course_02_box2 img {
	width: 100%;
}

.course_02_box2 p {
	padding-top: 6px;
}

.course_02_box2_p2 {
	margin-bottom: 5px;
}

.course_02_box_h4 {
	text-align: center;
	border-bottom: 1px solid #000000;
	padding-bottom: 14px;
}

.course_02_bg2 {
	background-image: url(../img/course_02_bg2.png);
	background-repeat: repeat;
	padding-bottom: 54px;
	margin-top: 60px;
	margin-bottom: 56px;
}

.course_02_box4 {
	width: 91%;
	margin-left: auto;
	margin-right: auto;
}

.course_02_box4 h4 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 44px;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.course_02_box4_l {
	padding-top: 8px;
}

.course_02_box4_r {
	padding-left: 5%;
}

.course_02_box4_r h5 {
	margin-bottom: 20px;
}

.course_02_box4_r_p1 {
	margin-bottom: 16px;
}

/*選抜コース*/
.course_03_main {
	height: 400px;
	background-image: url(../img/course_03_main.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: auto 100%;
}

.course_se_b {
	background-image: url(../img/course_03_bg.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 50% 0%;
}

.course_03_box_p {
	display: block;
	background-color: #808080;
	margin-top: 16px;
	padding-bottom: 16px;
	padding-left: 3%;
	padding-right: 3%;
}

.course_03_bg2 {
    background-image: url(../img/course_03_bg2.png);
    background-repeat: repeat;
    padding-bottom: 54px;
    margin-top: 60px;
    margin-bottom: 56px;
}

/*特進コース*/
.course_04_main {
	height: 400px;
	background-image: url(../img/course_04_main.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: auto 100%;
}

.course_sp_b {
	background-image: url(../img/course_04_bg.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 50% 0%;
}

.course_04_bg2 {
    background-image: url(../img/course_04_bg2.png);
    background-repeat: repeat;
    padding-bottom: 54px;
    margin-top: 60px;
    margin-bottom: 56px;
}


/*おすすめコース*/
.course_rec_img1 {
	padding-top: 74px;
	padding-bottom: 80px;
}

.course_rec_tobox1 {
	background-color: #23b8bc;
}

.course_rec_tobox2 {
	background-color: #33a1db;
}

.course_rec_tobox3 {
	background-color: #ea6188;
}

.course_rec_tobox1,
.course_rec_tobox2,
.course_rec_tobox3 {
	display: block;
	color: #fff;
	background-image: url(../img/contents_to_detail-90.svg);
	background-repeat: no-repeat;
	background-position: 50% 90%;
	padding-top: 40px;
	padding-bottom: 40px;
	background-size: 20px auto;
	margin-bottom: 26px;
	width: 64%;
	margin-left: auto;
	margin-right: auto;
}

.course_rec_tobox1:hover,
.course_rec_tobox2:hover,
.course_rec_tobox3:hover {
	color: #fff;
}

.course_rec_box0 {
	margin-bottom: 190px;
} 

.course_rec_box {
	margin-top: 60px;
}

.course_rec_box1_t,
.course_rec_box2_t,
.course_rec_box3_t {
	width: 100%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 50% 50%;
	padding-top: 38px;
	padding-bottom: 38px;
}

.course_rec_box1_t {
	background-image: url(../img/course_reco_bg1.gif);
}

.course_rec_box2_t {
	background-image: url(../img/course_reco_bg2.gif);
}

.course_rec_box3_t {
	background-image: url(../img/course_reco_bg3.gif);
}

.course_rec_box1_b,
.course_rec_box2_b,
.course_rec_box3_b {
	padding-top: 20px;
}

.course_rec_box1_b {
	background-color: #def4f5;
}

.course_rec_box2_b {
	background-color: #e0f1fa;
}

.course_rec_box3_b {
	background-color: #fce7ed;
}

.course_rec_box1_b_r_p0 {
	padding-left: 6%;
}

.course_rec_box1_b_l {
	padding-left: 2%;
	padding-right: 1%;
}

.course_rec_box2_b_l {
	padding-left: 0.5%;
	padding-right: 0.5%;
}

.course_rec_box3_b_l {
	padding-top: 6px;
}

.course_rec_box1_b_r {
	padding-right: 30px;
}

.course_rec_box1_b_r_p1 {
	margin-top: 40px;
	margin-bottom: 40px;
	padding-left: 6%;
}

.course_rec_box1_b_r_p2 {
	background-image: url(../img/course_reco_bg4.gif);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 50% 50%;
	padding-left: 9%;
	padding-right: 3%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.course_rec_box1_b_r_a1,
.course_rec_box1_b_r_a2,
.course_rec_box1_b_r_a3 {
	padding-left: 5.7%;
	margin-top: 26px;
	margin-bottom: 32px;
}

.course_rec_box1_b_r_a1 a,
.course_rec_box1_b_r_a2 a,
.course_rec_box1_b_r_a3 a {
	color: #fff;
	display: block;
	padding-top: 28px;
	padding-bottom: 28px;
	text-align: center;
}

.course_rec_box1_b_r_a1 a {
	background-color: #23b8bc;
}

.course_rec_box1_b_r_a2 a {
	background-color: #33a1db;
}

.course_rec_box1_b_r_a3 a {
	background-color: #ea6188;
}

.course_rec_box1_b_r_a_to {
	padding-bottom: 3px;
}



/*クラブ活動*/
.clubs_link_box {
	margin-top: 80px;
	margin-bottom: 112px;
}

.clubs_box1 {
	background-color: #33a1db;
	margin-right: 2%;
	padding: 6px;
}

.clubs_box2 {
	background-color: #23b8bc;
	margin-left: 2%;
	padding: 6px;
}

.clubs_box1 a {
	display: inline-block;
	width: 100%;
	padding-top: 18px;
	padding-bottom: 18px;
	border: 1px solid #FFFFFF;
	background-image: url(../img/contents_to_detail.svg);
	background-repeat: no-repeat;
	background-position: 35% 50%;
	background-size: auto 33%;
}

.clubs_box2 a {
	display: inline-block;
	width: 100%;
	padding-top: 18px;
	padding-bottom: 18px;
	border: 1px solid #FFFFFF;
	background-image: url(../img/contents_to_detail.svg);
	background-repeat: no-repeat;
	background-position: 35% 50%;
	background-size: auto 33%;
}

.clubs_box1 a:hover,
.clubs_box2 a:hover {
	color: #fff;
	opacity: 0.8;
}

.clubs_clubs {
	margin-bottom: 90px;
}

.clubs_clubs h3 {
	display: block;
	text-align: center;
	padding-bottom: 26px;
	margin-bottom: 52px;
	border-bottom: 1px solid #000000;
}

.clubs_clubs_box {
	
}

.clubs_clubs_box_in {
	margin-left: 4%;
	margin-right: 4%
}

.clubs_clubs_box_in_name1,
.clubs_clubs_box_in_name2,
.clubs_clubs_box_in_name3 {
	padding-top: 12px;
	padding-bottom: 12px;
}

.clubs_clubs_box_in_name1 {
	background-color: #ea6188;
}

.clubs_clubs_box_in_name2 {
	background-color: #33a1db;	
}

.clubs_clubs_box_in_name3 {
	background-color: #23b8bc;	
}

.clubs_clubs_box_in_img img {
	display: block;
	width: 100%;
}

.clubs_clubs_box_in_p {
	padding-top: 10px;
	padding-bottom: 10px;
}

.clubs_clubs_box_in_result_t1 {
	color: #ea6188;
	text-align: center;
	border-top: 1px solid #EA6188;
	border-bottom: 1px solid #EA6188;
	padding-top: 6px;
	padding-bottom: 6px;
}

.clubs_clubs_box_in_result_t2 {
	color: #33a1db;
	text-align: center;
	border-top: 1px solid #33a1db;
	border-bottom: 1px solid #33a1db;
	padding-top: 6px;
	padding-bottom: 6px;
}

.clubs_clubs_box_in_result_t3 {
	color: #2eb6aa;
	text-align: center;
	border-top: 1px solid #2eb6aa;
	border-bottom: 1px solid #2eb6aa;
	padding-top: 6px;
	padding-bottom: 6px;
}



.clubs_clubs_box_in_result_p {
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #000000;
}

.clubs_clubs_box_in_result_p2 {
	padding-top: 6px;
	padding-bottom: 6px;
}

/*年間行事*/
.events_box h3 {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 76px;
}

.events_month {
	margin-bottom: 22px;
}

.events_box_4month,
.events_box_5month,
.events_box_6month,
.events_box_7month,
.events_box_8month,
.events_box_9month,
.events_box_10month,
.events_box_11month,
.events_box_12month,
.events_box_1month,
.events_box_2month,
.events_box_3month{
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: 100% auto;
	padding-left: 4%;
	padding-bottom: 14px;
}

.events_box_4month_l,
.events_box_5month_l,
.events_box_6month_l,
.events_box_7month_l {
	margin-left: 1.5%;
	margin-right: 1.5%;
}

.events_box_4month {
	background-image: url(../img/schoollife_events_bg04.gif);
}

.events_box_4month_l {
	background-image: url(../img/schoollife_events_bg04_s.gif);
	background-repeat: repeat-y;
	background-size: 100%,100%;
}

.events_box_5month {
	background-image: url(../img/schoollife_events_bg05.gif);
}

.events_box_5month_l {
	background-image: url(../img/schoollife_events_bg05_s.gif);
    background-repeat: repeat-y;
	background-size: 100%,100%;
}

.events_box_6month {
	background-image: url(../img/schoollife_events_bg06.gif);
}

.events_box_6month_l {
	background-image: url(../img/schoollife_events_bg06_s.gif);
	background-repeat: repeat-y;
	background-size: 100%,100%;
}

.events_box_7month {
	background-image: url(../img/schoollife_events_bg07.gif);
}

.events_box_7month_l {
	background-image: url(../img/schoollife_events_bg07_s.gif);
	background-repeat: repeat-y;
	background-size: 100%,100%;
}

.events_box_8month {
	background-image: url(../img/schoollife_events_bg08.gif);
}

.events_box_9month {
	background-image: url(../img/schoollife_events_bg09.gif);
}

.events_box_10month {
	background-image: url(../img/schoollife_events_bg10.gif);
}

.events_box_11month {
	background-image: url(../img/schoollife_events_bg11.gif);
}

.events_box_12month {
	background-image: url(../img/schoollife_events_bg12.gif);
}

.events_box_1month {
	background-image: url(../img/schoollife_events_bg01.gif);
}

.events_box_2month {
	background-image: url(../img/schoollife_events_bg02.gif);
}

.events_box_3month {
	background-image: url(../img/schoollife_events_bg03.gif);
}

.events_photo {
	margin-top: 50px;
	margin-bottom: 80px;
}

.events_photo_box {
	margin-bottom: 20px;
}

.events_photo_p {
	padding-top: 6px;
	padding-bottom: 6px;
}


/*なおき会*/
.naokikai_box0 {
	margin-bottom: 120px;
}

.naokikai_box0 h3 {
	padding-top: 30px;
	padding-bottom: 60px;
}

.naokikai_box_t {
	
}

.naokikai_box_t_in {
	color: #fff;
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	background-color: #151C72;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.naokikai_box_m {
	
}

.naokikai_box_m img {
	display: block;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

.naokikai_box_b_box {
	width: 20%;
	float: left;
}

.naokikai_box_b_box_in {
	background-color: #fef2e2;
	margin-left: 4%;
	margin-right: 4%;
	min-height: 410px
}

.naokikai_box_b_box_in_t {
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	background-color: #151C72;
	text-align: center;
	padding-top: 26px;
	padding-bottom: 26px;
	margin-bottom: 14px;
}

.naokikai_box_b_box_in p {
	padding-left: 6%;
	padding-right: 6%
}

.naokikai_leader_photo img {
	display: block;
	width: 20%;
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.naokikai_leader_name {
	margin-bottom: 90px;
}

.naokikai_leader_p {
	width: 68%;
	margin-left: auto;
	margin-right: auto;
}

/*心の教育*/
.heart_box0 {
	margin-bottom: 120px;
}

.heart_box0 h3 {
	padding-top: 30px;
	padding-bottom: 60px;
}

.heart_box0 h4 {
	display: block;
	width: 100%;
	text-align: center;
	background-color: #ec6d81;
	padding-top: 24px;
	padding-bottom: 22px;
}

.heart_box_p {
	margin-top: 20px;
	margin-bottom: 40px;
	padding-left: 2%;
	padding-right: 2%;
}

.heart_box_in {
	padding-left: 3.5%;
	padding-right: 3.5%;
}

.heart_box_in3 {
	padding-left: 6%;
	padding-right: 6%;
	margin-bottom: 66px;
}

.heart_box_in3-2 {
	padding-left: 6%;
	padding-right: 6%;
	margin-bottom: 40px;
}


.heart_box_in2 {
	margin-top: 60px;
	margin-bottom: 80px;
}

.heart_box_in2 p {
	padding-top: 8px;
	padding-bottom: 8px;
}

/*先生紹介*/
.teacher_box {
	margin-bottom: 100px;
}


.teacher_name {
	width: 100%;
	border-bottom: 1px solid #000000;
	padding-bottom: 24px;
	margin-bottom: 28px;
}

.teacher_photo {
	padding-left: 6%;
}

/*学校施設案内*/
.facility_main_img1 {
	margin-top: 90px;
	margin-bottom: 90px;
}

.facility_main_img2 {
	margin-bottom: 90px;
}

.facility_box0 {
	margin-bottom: 50px;
}

.facility_box0-2 {
	margin-bottom: 200px;
}

.facility_box_l {
	padding-right: 2%;
}

.facility_box_r {
	padding-left: 2%;
}

.facility_box_w_in {
	display: inline-block;
	background-color: #dcddea;
	padding-top: 20px;
	padding-left: 2%;
	padding-right: 2%;
}

.facility_box_t {
	color: #fff;
	background-color: #151c72;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.facility_box_l p,
.facility_box_w2 p,
.facility_box_r p,
.facility_box_w p {
	padding-top: 6px;
	padding-bottom: 20px;
}

.facility_box0_in1 {
	background-color: #fef7ee;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 10px;
}

.facility_box0_in1_t {
	border-bottom: 1px solid #000000;
	padding-top: 18px;
	padding-bottom: 18px;
	margin-bottom: 18px;
}

.facility_box_w2 {
	padding-top: 20px;
}

.facility_box_w2_l {
	padding-right: 3%;
}

.facility_box_w2_r_l {
	padding-right: 6%;
}

.facility_box_w2_t {
	padding-top: 10px;
	padding-bottom: 10px;
}

.menu_img {
	margin-bottom: 9px;
}

.facility_box_w2_r_r_t {
	background-color: #666;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 14px;
}

.facility_box_w2_r_r p {
	
}

.facility_box_w2_r_r_s {
	float: right;
}

.facility_box_w3 {
	display: inline-block;
	background-color: #f2f4f6;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 2.5%;
	padding-right: 2.5%;
}

.facility_box_w3_l {
	padding-right: 4%;
}

.facility_box_w3_r {
	padding-left: 4%;
}

.facility_box_w3_img {
	padding-right: 5%;
}

.facility_box_s_t {
	background-color: #151c72;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.facility_box_w2_p2 {
	padding-right: 8%;
}



/*学習・生活支援システム 年間スケジュール*/
.support_index_main {
	background-image: url(../img/support_index_main.jpg);
	background-repeat: no-repeat;
	height: 408px;
	background-position: 50% 0%;
	background-size: auto 100%;
}

.support_index_box1 {
	margin-top: 76px;
	margin-bottom: 100px;
}

.support_index_box2 {
	
}

.support_index_box2_r {
	padding-left: 2.5%;
}

.support_index_box2_r h3 {
	margin-top: 0px;
	padding-bottom: 12px;
	border-bottom: 1px solid #000000;
	margin-bottom: 14px;
}

.support_index_box2 {
	display: inline-block;
	padding-bottom: 100px;
}

.support_index_box2_r {
	padding-left: 2.5%;
}

.support_index_box2_r h3 {
	margin-top: 0px;
	padding-bottom: 12px;
	border-bottom: 1px solid #000000;
	margin-bottom: 14px;
}

.support_index_box2_p {
	padding-left: 2%;
}

.support_index_box2_r_p2 {
	padding-right: 2%;
}

.support_index_box2_r_in {
	background-color: #e6e6e6;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 3%;
}

.support_index_box2_r_in_box {
	background-color: #e6f1fa;
	text-align: center;
	margin-top: 10px;
	padding-top: 19px;
	padding-bottom: 19px;
	padding-left: 2%;
	padding-right: 2%;
	margin-bottom: 12px;
}

.support_index_box2_r_in_box_t {
	display: block;
	width: 100%;
	background-color: #84bae5;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 12px;
}

.support_index_box2_r_in_box_l {
	display: block;
	float: left;
	width: 49%;
	background-color: #fff;
	padding-left: 1.5%;
	padding-right: 1.5%;
	margin-top: 16px;
	margin-right: 1%
}

.support_index_box2_r_in_box_r {
	display: block;
	float: left;
	width: 49%;
	background-color: #fff;
	padding-left: 1.5%;
	padding-right: 1.5%;
	margin-top: 16px;
	margin-left: 1%;
}

.support_index_box2_r_in_box_l h4,
.support_index_box2_r_in_box_r h4 {
	color: #84bae5;
	border-bottom: 1px solid #84bae5;
	padding-bottom: 8px;
}

.support_index_box2_r_in_box_l p,
.support_index_box2_r_in_box_r p {
	text-align: left;
	padding-bottom: 14px;
}

.support_index_box3_l {
	
}

.support_index_box3_r {
	padding-left: 2%;
}

.support_index_box4_l {
}

.support_index_box4_r {
	padding-left: 3%;
}

.support_index_box4_r h3 {
	margin-top: 0px;
	padding-bottom: 12px;
	border-bottom: 1px solid #000000;
	margin-bottom: 14px;
}


.support_schedule_main {
	background-image: url(../img/support_schedule_main.jpg);
	background-repeat: no-repeat;
	height: 408px;
	background-position: 50% 0%;
	background-size: auto 100%;
}

.support_schedule_box {
	margin-top: 84px;
	margin-bottom: 152px;
}

.support_schedule_month {
	margin-bottom: 22px;
}

.support_schedule_box_4month,
.support_schedule_box_5month,
.support_schedule_box_6month,
.support_schedule_box_7month,
.support_schedule_box_8month,
.support_schedule_box_9month,
.support_schedule_box_10month,
.support_schedule_box_11month,
.support_schedule_box_12month,
.support_schedule_box_1month,
.support_schedule_box_2month,
.support_schedule_box_3month{
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: 100% auto;
	padding-left: 4%;
	padding-bottom: 14px;
}

.support_schedule_box_4month_l,
.support_schedule_box_5month_l,
.support_schedule_box_6month_l,
.support_schedule_box_7month_l {
	margin-left: 1.5%;
	margin-right: 1.5%;
}

.support_schedule_box_4month {
	background-image: url(../img/support_schedule_bg04.gif);
}

.support_schedule_box_4month_l {
	background-image: url(../img/support_schedule_bg04_s.gif);
	background-size: 100%,100%;
	background-repeat: repeat-y;
}

.support_schedule_box_5month {
	background-image: url(../img/support_schedule_bg05.gif);
}

.support_schedule_box_5month_l {
	background-image: url(../img/support_schedule_bg05_s.gif);
	background-size: 100%,100%;
	background-repeat: repeat-y;
}

.support_schedule_box_6month {
	background-image: url(../img/support_schedule_bg06.gif);
}

.support_schedule_box_6month_l {
	background-image: url(../img/support_schedule_bg06_s.gif);
	background-size: 100%,100%;
	background-repeat: repeat-y;
}

.support_schedule_box_7month {
	background-image: url(../img/support_schedule_bg07.gif);
}

.support_schedule_box_7month_l {
	background-image: url(../img/support_schedule_bg07_s.gif);
	background-size: 100%,100%;
	background-repeat: repeat-y;
}

.support_schedule_box_8month {
	background-image: url(../img/support_schedule_bg08.gif);
}

.support_schedule_box_9month {
	background-image: url(../img/support_schedule_bg09.gif);
}

.support_schedule_box_10month {
	background-image: url(../img/support_schedule_bg10.gif);
}

.support_schedule_box_11month {
	background-image: url(../img/support_schedule_bg11.gif);
}

.support_schedule_box_12month {
	background-image: url(../img/support_schedule_bg12.gif);
}

.support_schedule_box_1month {
	background-image: url(../img/support_schedule_bg01.gif);
}

.support_schedule_box_2month {
	background-image: url(../img/support_schedule_bg02.gif);
}

.support_schedule_box_3month {
	background-image: url(../img/support_schedule_bg03.gif);
}

/*進学・進路*/
.way_bg {
	background-image: url(../img/way_bg.gif);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 50% 0%;
	margin-bottom: 50px;
}

.way_bg_w {
	background-image: url(../img/course_02_bg_white.png);
	background-repeat: repeat;	
}

.way_bg_w_in {
	padding-left: 3%;
	padding-right: 3%;
}

.way_bg_w_in h3 {
	border-bottom: 1px solid #000000;
	padding-bottom: 22px;
	margin-top: 70px;
	margin-bottom: 66px;
}

.way_bg_w_in h4 {
	margin-top: 70px;
	margin-bottom: 60px;
}

.way_t {
	background-color: #4379be;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 50px;
}

.way_box1,
.way_box2, 
.way_box3 {
	margin-top: 90px;
}

.way_box1 {
	padding-left: 18%;
	padding-right: 18%;
}

.way_box3_1 p {
	padding-left: 3%;
	padding-right: 3%;
}

.way_box3_2 {
	display: inline-block;
	padding-left: 0.8%;
	padding-right: 0.8%;
	margin-top: 80px;
	margin-bottom: 100px
}

/*交通・アクセス*/
.access_t {
	background-color: #151c72;
	padding-top: 22px;
	padding-bottom: 22px;
	margin-top: 80px;
	margin-bottom: 40px;
}

.access_subt {
	padding-bottom: 90px;
}

.to_bus {
	display: inline-block;
	background-color: #151c72;
	padding-left: 70px;
	padding-right: 70px;
	background-repeat: no-repeat;
	background-image: url(../img/contents_to_detail.svg);
	background-size: auto 24px;
	background-position: 6% 50%;
}

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

.to_bus:hover,
.to_bus a:hover {
	color: #fff;
	opacity: 0.8;
}

.access_box1 {
	padding-bottom: 130px;
	border-bottom: 1px solid #000000;
}

.access_box2 {
	padding-top: 130px;
	padding-bottom: 130px;
	border-bottom: 1px solid #000000;
}

.access_box3 {
	padding-top: 130px;
	padding-bottom: 130px;
}

.access_box4 {
	padding-bottom: 130px;
}

.access_to_pdf {
	width: 70%;
	background-color: #e8374a;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px
}

.access_to_pdf a {
	display: inline-block;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../img/contents_to_detail.svg);
	background-repeat: no-repeat;
	background-size: auto 40%;
	background-position: 28% 50%;
}

.access_to_pdf:hover,
.access_to_pdf a:hover {
	opacity: 0.8;
	color: #fff;
}

.access2_box1 {
	padding-top: 40px;
	padding-left: 16%;
	padding-right: 16%;
}

.access2_box1 p {
	padding-top: 12px;
	padding-bottom: 130px;
}

.access2_box2 p {
	padding-bottom: 18px;
	border-bottom: 1px solid #000000;
	margin-bottom: 30px;
} 

.access2_box2_in_l_inl {
	width: 9.5%;
	float: left;
}

.access2_box2_in_l_inr {
	width: 90%;
	padding-left: 3%;
	float: left;
}

.access2_box2_in_r_inl {
	width: 9.9%;
	float: left;
}

.access2_box2_in_r_inr {
	width: 90%;
	padding-left: 3%;
	float: left;
}

.access2_box3 {
	padding-left: 16%;
	padding-right: 16%;
}

.bus_mark {
	display: block;
	margin-top: -3px;
	float: left;
}


/*新グラウンド建設事業募金*/
.newground_box0 h4 {
	display: block;
	margin-top: 80px;
	margin-bottom: 50px;
}

.newground_box0_sub {
	margin-bottom: 80px;
}

.newground_box01 {
	display: inline-block;
	background-color: #fef7ee;
	margin-top: 47px;
	margin-bottom: 150px;
	padding-top: 26px;
	padding-bottom: 26px;
	padding-left: 3%;
	padding-right: 3%;
}

.newground_box01_in_l h5,
.newground_box01_in_r h5 {
	display: block;
	border-bottom: 1px solid #000000;
	padding-bottom: 16px;
	margin-bottom: 16px;
}

.newground_box01_in_l {
	display: inline-block;
	padding-right: 3%;
	border-right: 1px dotted#000000;
}

.newground_box01_in_r {
	padding-left: 3%;
}

.newground_box01_in_p {
	padding-left: 3%;
}

.newground_box02 {
	margin-bottom: 110px;
}

.newground_box02 h5 {
	border-bottom: 1px solid #000000;
	padding-bottom: 24px;
	margin-bottom: 38px;
}

.newground_box02_h5_span img {
	height: 26px;
	padding-bottom: 3px;
}

.newground_box02_p_span {
	display: block;
	width: 100%;
	text-align: right;
}

.newground_box03 {
	color : #fff;
	background-color: #151c72;
	margin-left: 3%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 8%;
	padding-right: 8%;
	padding-bottom: 20px;
}

.newground_box03 h5 {
	padding-top: 30px;
	padding-bottom: 24px;
} 

.newground_box03_span1 {
	display: inline-block;
	padding-left: 148px;
}

.newground_box03_span2 {
	padding-left: 37px;
}

/*申請書類ダウンロード*/
.board03_box {
	padding-top: 120px;
	padding-bottom: 120px;
	margin-bottom: 600px;
}

.board03_box_in a:hover {
	opacity: 0.8;
}

/*教職員採用情報*/
.recruit_to_pdf {
	background-color: #e8374a;
}

.recruit_to_pdf a {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../img/contents_to_detail.svg);
	background-repeat: no-repeat;
	background-size: auto 40%;
	background-position: 20% 48%;
}

.recruit_to_pdf:hover,
.recruit_to_pdf a:hover {
	color: #fff;
	opacity: 0.8;
}

.board03_box2 {
	padding-top: 120px;
	padding-bottom: 120px;
	margin-bottom: 200px;
}

/*アイコンPDF*/
.icon_pdf {
}

/*学校からのお知らせ*/
.from_school_box {
	margin-top: 80px;
	margin-bottom: 70px;
}


.from_school_box_in_l {
	background-color: #151c72;
	margin-right: 3%;
	padding: 8px;
}

.from_school_box_in_r {
	background-color: #ffb735;
	margin-left: 3%;
	padding: 8px;
}


.from_school_box_in_l a {
	width: 100%;
	display: inline-block;
	border: 1px solid #FFFFFF;
	padding-top: 22px;
	padding-bottom: 22px;
	background-image: url(../img/contents_to_detail.svg);
	background-repeat: no-repeat;
	background-size: auto 27px;
	background-position: 19% 48%;
}

.from_school_box_in_r a {
	width: 100%;
	display: inline-block;
	border: 1px solid #FFFFFF;
	padding-top: 22px;
	padding-bottom: 22px;
	background-image: url(../img/contents_to_detail.svg);
	background-repeat: no-repeat;
	background-size: auto 27px;
	background-position: 12% 48%;
}

.from_school_box_in_l:hover,
.from_school_box_in_l a:hover,
.from_school_box_in_r:hover,
.from_school_box_in_r a:hover {
	color: #fff;
	opacity: 0.8;
}

.from_school_box2 {

}

.from_school_box2 h3 {
	text-align: center;
}

.from_school_box2_in {
	background-color: #fff;
	width: 100%;
	display: inline-block;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 3%;
	padding-right: 3%;
}

.from_school_box2_in_d {
	display: inline-block;
	width: 100%;
	border-bottom: 1px dotted #000000;
	padding-top: 12px;
	padding-bottom: 16px;
}

.from_school_box2_in_title {
	border-left: 1px solid #000000;
	padding-left: 2%;
}

.board03_box_in_grade {
	border: 1px solid #151C72;
	padding-top: 19px;
	padding-right: 19px;
	padding-bottom: 19px;
	padding-left: 19px;	
}

.from_school_hr {
	border-bottom: 1px dotted#151C72;
	padding-bottom: 30px;
	margin-top: 30px;
}

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

.from_school_hr2_a {
	display: inline-block;
	background-color: #e8374a;

	background-image: url(../img/contents_to_detail.svg);
	background-repeat: no-repeat;
	background-size: auto 19px;
	background-position: 6% 48%;

}

.from_school_hr2_a a {
	color: #fff;
	display: inline-block;
	width: 100%;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 16px;
	padding-bottom: 16px;
}

.from_school_hr2_a:hover,
.from_school_hr2_a a:hover {
	color: #fff;
	opacity: 0.8;
}


/*学校説明会*/
.visit_sub_text {
	margin-top: 30px;
	margin-bottom: -40px;
}

.visit_table {
	width: 100%;
	margin-top: 56px;
	margin-bottom: 160px;
}

.visit_table2 {
	width: 100%;
	margin-top: 56px;
	margin-bottom: 30px;
}

.visit_table th,
.visit_table2 th {
	background-color: #d9d9d9;
	text-align: center;
	padding: 20px;
}

.visit_table_th_l {
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	border-right: 1px dotted #000000;
	width: 16%;
}

.visit_table_th_l3 {
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	border-right: 1px dotted #000000;
}

.visit_table_th_m {
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	border-right: 1px dotted #000000;
	width: 10%;
}

.visit_table_th_r {
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	width: 74%;
}

.visit_table_th_r3 {
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
}

.visit_table_td_l {
	border-bottom: 1px dotted #000000;
	border-right: 1px dotted #000000;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

.visit_table_td_m {
	border-bottom: 1px dotted #000000;
	border-right: 1px dotted #000000;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

.visit_table_td_r {
	border-bottom: 1px dotted #000000;
	padding-left: 2%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.visit_table_td_l2 {
	border-bottom: 1px dotted #000000;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

.visit_table_td_m2 {
	border-bottom: 1px dotted #000000;
	border-left: 1px dotted #000000;
	border-right: 1px dotted #000000;
	text-align: center;
	width: 16%;
	padding-top: 40px;
	padding-bottom: 40px;
}

.visit_table_td_r2 {
	border-bottom: 1px dotted #000000;
	padding-left: 2%;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 68%;
}

.visit_table3 {
	width: 100%;
	margin-top: 56px;
	margin-bottom: 50px;
}

.visit_table3 th {
	background-color: #d9d9d9;
	text-align: center;
	padding: 20px;
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
}

.visit_table_td_l3 {
	border-bottom: 1px dotted #000000;
	border-right: 1px dotted #000000;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	width: 20%;
}

.visit_table_td_r3 {
	border-bottom: 1px dotted #000000;
	padding-left: 2%;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 80%;
}

.visit_table_td_l4 {
	border-bottom: 1px dotted #000000;
	border-right: 1px dotted #000000;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	width: 20%;
}

.visit_table_td_r4 {
	border-bottom: 1px dotted #000000;
	padding-left: 2%;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 80%;
}

.visit_link:hover {
	color: #e8374a;;
	text-decoration: underline;
}



/*サイトマップ*/
.sitemap_con {
	margin-bottom: 80px;
}


.sitemap_row {
	margin-top: 80px;
}

.sitemap_col {
	line-height: 180%;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.sitemap_col p {
	border-bottom: 1px solid #000000;
	padding-bottom: 4px;
	margin-bottom: 10px;
}


/*お知らせ*/
.news_box {
	margin-top: 80px;
	margin-bottom: 200px;
}

.news_box_l {
	padding-right: 0%;
	padding-left: 0%;
}

.news_box_l h3 {
	margin-top: 0px;
	margin-bottom: 30px;
}

.news_box_l h4 {
	margin-top: 0px;
	margin-bottom: 30px;
}

.news_box_l_list {
	margin-top: 50px;
}

.news_box_l_list2 {
	background-color: #151c72;
}

.news_box_l_list2 h2 {
	display: inline-block;
	width: 100%;
	text-align: center;
	color: #fff;
	padding-top: 12px;
	padding-bottom: 12px;
}

.news_box_r {
	padding-right: 0%;
	padding-left: 4%;
}

.news_box_r h3 {
	margin-top: 0px;
	padding-top: 17px;
	padding-bottom: 17px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.news_box_r_in {
	padding-bottom: 60px;
}

.page-nav {
	width: 100%;
	display: inline-block;
	margin-top: 200px;
}

.page-nav_prev {
	width: 50%;
	float: left;
	text-align: left;
}

.page-nav_next {
	width: 50%;
	float: right;
	text-align: right;
}

.pagination {
	display: inline-block;
	width: 100%;
	padding-top: 20px;
}

.pagination_title {
	background-color: #151c72;
	padding: 12px;
	margin-right: 14px;
}

.page-numbers {
	color: #fff;
	background-color: #126bbe;
	padding: 12px;
	margin-right: 8px;
}

.current {
	background-color: #5393eb;
}

.page-numbers:hover {
	color: #fff;
	opacity: 0.8;
}

/*緊急情報*/
.emergency {
	background-color: #FFFBA3;
}

.emergency_in span {
	color: #fff;
	display: inline-block;
	background-color: #F33318;
	padding: 10px;
	float: left;
	width: 10%;
	text-align: center;
}


.textwidget {
	display: block;
	float: left;
	width: 90%;
	padding-top: 11px;
	overflow : hidden;
}

.textwidget p {
margin:0; 
padding-left:99%; 
display: block; 
white-space:nowrap;
animation-name:marquee; 
animation-timing-function:linear;
animation-duration:40s; 
animation-iteration-count:infinite;
}


@keyframes marquee {
  100% { transform: translateX(-300%)}
}

.msg_txt5 {
	display: inline-block;
	padding-left: 10px;
	padding-right: 20px;
}


/*ページトップへ*/
.page-top {
	position: fixed;
	right: 8%;
	bottom: 10%;
	max-width: 60px;
	max-height: 60px;
	-ms-filter: "alpha(opacity=90)";
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	display: inline-block;
}

hr {
	width: 100%;
	border-bottom: 1px solid #000000;
}


/*footer*/

.footer_top {
	padding-top: 18px;
	background-color: #DEE5E9;
}

.footer_top_c {
	padding-top: 8px;
	padding-left: 9%;
}

.footer_top_b {
	padding-top: 16px;
	padding-bottom: 54px;
}

.footer_icon_1 {
	margin-right: 16px;
}

.footer_bottom {
	background-color: #191955;
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer_in_r_in_a1 {
	padding-left: 32px;
	padding-right: 32px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.footer_in_r_in_a2 {
	padding-left: 32px;
	padding-right: 32px;
}

.footer_in_r_in_a3 {
	padding-left: 34px;
	padding-right: 34px;
	padding-top: 4px;
	padding-bottom: 3px;
	color: #fff;
	background-color: #C0272D;
}

.footer_in_r_in_a3:hover {
	color: #fff;
}


/*マウスオーバー*/

.hedder_in_r_in_a1:hover,
.hedder_in_r_in_a2:hover,
.footer_in_r_in_a1:hover,
.footer_in_r_in_a2:hover {
	text-decoration: underline;
}

.hedder_in_r_in_a3:hover,
.footer_in_r_in_a3:hover{
	opacity: 0.8;
}

/* stroke */
.text_hover a,
.text_hover a:after,
.text_hover a:before {
  transition: all .2s;
}

.text_hover a {
  position: relative;
}
.text_hover a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #aaa;
  height: 1px;
}
.text_hover a:hover:after {
  width: 100%;
}

.text_over01:hover {
	opacity: 0.6;
}


/* img*/
.img_zoom {
	display: inline-block;
	overflow: hidden;
	background-color: #fff;
}

.img_zoom2 {
	display: inline-block;
	overflow: hidden;
}

.img_zoom img,
.img_zoom2 img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.img_zoom:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.9;
}

.img_zoom2:hover img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}


/* bg*/
.bg_zoom {
	display: block;
}

.bg_zoom a,
.bg_zoom2 a
.bg_zoom3 a{
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}

.bg_zoom:hover a {
	background-size: auto 105%;
	background-position: 1% 50%;
	color: #eee;
	box-shadow: 0 1px 1px rgba(0,0,0,0.22), 0 2px 2px rgba(0,0,0,0.22);

}

.bg_zoom2:hover a {
	background-size: auto 57%;
	background-position: 6.5% 50%;
	color: #eee;
	box-shadow: 0 1px 1px rgba(0,0,0,0.22), 0 2px 2px rgba(0,0,0,0.22);
}

.bg_zoom3:hover a {
	background-size: 85% auto;
	color: #eee;
	box-shadow: 0 1px 1px rgba(0,0,0,0.22), 0 2px 2px rgba(0,0,0,0.22);
}

/*googleストリートビュー*/
.facility_main_img2 {
    position: relative;
}
.facility_google_01 {
    position: absolute;
    top: 30%;
    left: 82%;
    z-index: 100;
}

.facility_google_02 {
    position: absolute;
    top: 38%;
    left: 81.5%;
    z-index: 100;
}

.facility_google_03 {
    position: absolute;
    top: 48%;
    left: 81%;
    z-index: 100;
}

.facility_google_04 {
    position: absolute;
    top: 55%;
    left: 80%;
    z-index: 100;
}

.facility_google_05 {
    position: absolute;
    top: 17%;
    left: 29%;
    z-index: 100;
}

.facility_google_06 {
    position: absolute;
    top: 43.3%;
    left: 90.7%;
    z-index: 100;
}

.facility_google_07 {
    position: absolute;
    top: 42%;
    left: 89.3%;
    z-index: 100;
}

.facility_google_08 {
    position: absolute;
    top: 44.5%;
    left: 89.3%;
    z-index: 100;
}

.facility_google_09 {
    position: absolute;
    top: 61.5%;
    left: 50%;
    z-index: 100;
}

.facility_google_10 {
    position: absolute;
    top: 73%;
    left: 35%;
    z-index: 100;
}

.facility_google_11 {
    position: absolute;
    top: 81.3%;
    left: 18.5%;
    z-index: 100;
}

.facility_google_12 {
    position: absolute;
    top: 81.3%;
    left: 49.5%;
    z-index: 100;
}

.facility_google_13 {
    position: absolute;
    top: 51%;
    left: 77.5%;
    z-index: 100;
}

.facility_google_14 {
    position: absolute;
    top: 53%;
    left: 74.5%;
    z-index: 100;
}

.facility_google_15 {
    position: absolute;
    top: 30%;
    left: 21%;
    z-index: 100;
}

.facility_google_16 {
    position: absolute;
    top: 29%;
    left: 32%;
    z-index: 100;
}

.facility_google_17 {
    position: absolute;
    top: 36%;
    left: 8.5%;
    z-index: 100;
}

.facility_google_18 {
    position: absolute;
    top: 20%;
    left: 22%;
    z-index: 100;
}

.facility_google_19 {
    position: absolute;
    top: 20.2%;
    left: 39.8%;
    z-index: 100;
}

.facility_google_20 {
    position: absolute;
    top: 23%;
    left: 39.8%;
    z-index: 100;
}

.facility_google_21 {
    position: absolute;
    top: 7.8%;
    left: 33.7%;
    z-index: 100;
}

.facility_google_22 {
    position: absolute;
    top: 15%;
    left: 22%;
    z-index: 100;
}

.facility_google_23 {
    position: absolute;
    top: 12%;
    left: 11%;
    z-index: 100;
}


@media (max-width: 1199px) {
	
.header_in_r {
	padding-top: 30px;
}
	
.contets_t_in_l_t_day {
	padding-left: 0%;
}
	
.info_arow {
	display: block;
	padding-left: 28px;
}

.info_cat {
	color: #fff;
	background-color: #7f91c3;
	width: 10.5%;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 7px;
}

.contets_t_in_l_tittle {
	padding-top: 6px;
	padding-left: 2%;
}

.footer_top_c {
	padding-top: 8px;
	padding-left: 4%;
}

.recruit_to_pdf a {
	background-image: none;
}

.text_14px_sm {
	font-size: 1.4rem;
} /* 14px */
	
.text_16px_sm {
	font-size: 1.6rem;
} /* 16px */
	
.text_18px_sm {
	font-size: 1.8rem;
} /* 18px */
	
.text_20px_sm {
	font-size: 2.0rem;
} /* 20px */
	
.text_24px_sm {
	font-size: 2.4rem;
} /* 24px */
	
.text_34px_sm {
	font-size: 3.4rem;
} /* 34px */

	
/*コース概要*/

.course_index_p {
	margin-top: 86px;
	margin-bottom: 78px;
}

.course_index_box1 {
	background-color: #3b3b6e;
	width: 70%;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 52px;
	margin-left: auto;
	margin-right: auto;
}

.course_index_ar {
	margin-top: 80px;
	margin-bottom: 60px;
}

.course_index_box1_l {
	background-color: #23b8bc;
}

.course_index_box2_l {
	background-color: #33a1db;
}

.course_index_box3_l {
	background-color: #ea6188;
}

.course_index_box_in,
.course_index_box_in2 {
	display: block;
	width: 460px;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 66px;
	padding-bottom: 66px;
}

.course_index_box_in {
	margin-left: auto;
}

.course_index_box_in2 {
	margin-right: auto;
}

.course_index_box_in_title {
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 18px;
}

.contents_to_detail {
	display: inline-block;
	border: 1px solid #FFFFFF;
	padding-left: 20px;
	padding-right: 46px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 11px;
	float: right;
	background-repeat: no-repeat;
	background-image: url(../img/contents_to_detail.svg);
	background-position: 95% 48%;
	background-size: 12% auto;
}

.contents_to_detail:hover {
	opacity: 0.6;
	color: #fff;
}

.course_index_box_in_sub {
	border-left: 14px solid #FFFFFF;
	padding-left: 20px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.course_index_box1_r {
	background-image: url(../img/course_01_img03.jpg);
	height: 583px;
	background-repeat: no-repeat;
	background-position: 10% 0%;
	background-size: auto 100%;
}

.course_index_box2_r {
	background-image: url(../img/course_01_img02.jpg);
	height: 587px;
	background-repeat: no-repeat;
	background-position: 60% 0%;
	background-size: auto 100%;
}

.course_index_box3_r {
	background-image: url(../img/course_01_img01.jpg);
	height: 547px;
	background-repeat: no-repeat;
	background-position: 10% 0%;
	background-size: auto 100%;
}

.course_curriculum {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	padding-top: 40px;
	padding-bottom: 80px;
}
	
.from_school_box_in_l a {
	background-image: none;
}

.from_school_box_in_r a {
	background-image: none;
}

.access_to_pdf a {
	background-image: none;
}
	
	
}



@media (max-width: 991px) {
	
html { font-size: 50%; } /* 10px */
body { font-size: 1.6rem; } /* 16px */


.header_in_r {
	padding-top: 24px;
}

.dropmenu li ul li a {
  font-size: 1.3rem;
}
	
.top_main_img {
	height: 320px;
}

.top_main_img_text {
	display: block;
	width: 420px;
	padding-top: 30px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
}
	
.top_main_banner {
	margin-top: -77px;
	margin-bottom: 38px;
}

.top_main_banner_btn {
	padding-right: 0.7%;
	padding-left: 0.7%;
}

.top_main_banner_btn_a1 {
	background-size: auto 32px;
	background-position: 6% 50%;
}

.top_main_banner_btn_a2,
.top_main_banner_btn_a3,
.top_main_banner_btn_a4,
.top_main_banner_btn_a5,
.top_main_banner_btn_a6 {
	display: block;
	background-color: #3B3B6E;
}

.top_main_banner_btn_a2 {
	background-size: auto 32px;
	background-position: 6% 50%;
}

.top_main_banner_btn_a3,
.top_main_banner_btn_a7,
.top_main_banner_btn_a8,
.top_main_banner_btn_a9,
.top_main_banner_btn_a10,
.top_main_banner_btn_a11 {
	background-size: auto 32px;
	background-position: 6% 50%;
}

.top_main_banner_btn_a4,
.top_main_banner_btn_a5,
.top_main_banner_btn_a6 {
	background-size: auto 32px;
	background-position: 6% 50%;
}

.top_main_banner_btn_a1,
.top_main_banner_btn_a2,
.top_main_banner_btn_a3 {
	padding-left: 26%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.top_main_banner_btn_a4 {
	padding-left: 26%;
	padding-top: 31px;
	padding-bottom: 27px;
}

.top_main_banner_btn_a5,
.top_main_banner_btn_a6 {
	padding-left: 26%;
	padding-top: 31px;
	padding-bottom: 27px;
}

.contents_main_banner_btn_a5
 {
	padding-left: 7%;
	padding-top: 24%;
	padding-bottom: 5%;
	line-height: 70%;
}
	
.contents_main_banner {
	margin-bottom: 38px;
}

.contents_main_banner_btn {
	padding-right: 0.7%;
	padding-left: 0.7%;
}

.contents_main_banner_btn_a1 {
	background-size: auto 32px;
	background-position: 6% 50%;
}

.contents_main_banner_btn_a2,
.contents_main_banner_btn_a3,
.contents_main_banner_btn_a4,
.contents_main_banner_btn_a7,
.contents_main_banner_btn_a8 {
	display: block;
	background-color: #3B3B6E;
}

.contents_main_banner_btn_a2 {
	background-size: auto 32px;
	background-position: 6% 50%;
}

.contents_main_banner_btn_a3 {
	background-size: auto 32px;
	background-position: 6% 50%;
}

.contents_main_banner_btn_a4,
.contents_main_banner_btn_a7,
.contents_main_banner_btn_a8 {
	background-size: auto 32px;
	background-position: 6% 50%;
}

.contents_main_banner_btn_a1,
.contents_main_banner_btn_a2,
.contents_main_banner_btn_a3 {
	padding-left: 26%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.contents_main_banner_btn_a4,
.contents_main_banner_btn_a7,
.contents_main_banner_btn_a8 {
	padding-left: 26%;
	padding-top: 31px;
	padding-bottom: 27px;
}
	
.contets_t_in_l_t_day {
	padding-top: 6px;
}
	
.info_arow {
	display: block;
	padding-left: 20px;
}

.info_cat {
	color: #fff;
	background-color: #7f91c3;
	width: 11%;
	text-align: center;
	margin-top: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 7px;
}
	
/* bg*/
.bg_zoom2:hover a {
	background-size: auto 46%;
	background-position: 5.5% 50%;
	color: #eee;
	box-shadow: 0 1px 1px rgba(0,0,0,0.22), 0 2px 2px rgba(0,0,0,0.22);
}
	
.content_b_btn_1,
.content_b_btn_2,
.content_b_btn_3 {
	padding-left: 22%;
}


.content_b_btn_4 {
	background-size: auto 44px;
	background-position: 6% 50%;
}

.content_b_btn_5 {
	background-size: auto 44px;
	background-position: 6% 50%;
}

.content_b_btn_6 {
	background-size: auto 44px;
	background-position: 6% 50%;
}

.footer_top_c {
	padding-top: 8px;
	padding-left: 5%;
}
	
.footer_in_r_in_a1 {
	padding-left: 20px;
	padding-right: 20px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.footer_in_r_in_a2 {
	padding-left: 20px;
	padding-right: 20px;
}

.footer_in_r_in_a3 {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 4px;
	padding-bottom: 3px;
	color: #fff;
	background-color: #C0272D;
}

.footer_in_r_in_a3:hover {
	color: #fff;
}

.recruit_to_pdf a {
	background-image: none;
}

.access_to_pdf a {
	background-image: none;
}

	
}


@media (max-width: 767px) {

/*緊急情報*/
.emergency {
	background-color: #FFFBA3;
	margin-top: 50px;
	margin-bottom: -50px;
}

.emergency_in span {
	color: #fff;
	display: inline-block;
	background-color: #F33318;
	padding: 10px;
	float: left;
	width: 20%;
	text-align: center;
}

.textwidget {
	display: block;
	float: left;
	width: 80%;
	padding-top: 11px;
	overflow : hidden;
}

.textwidget p {
margin:0;
width: 200%;
padding-left:50%; 
display: block; 
white-space:nowrap;
animation-name:marquee; 
animation-timing-function:linear;
animation-duration:30s; 
animation-iteration-count:infinite;
}


	
.top_main_img {
	background-image: url(../img/top_main_img_sp.png);
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	height: 180px;
	margin-top: 50px;
}

.top_main_img_text {
	width: 320px;
	padding-top: 34px;
	padding-left: 10px;
	margin-left: auto;
	margin-right: auto;
}

.top_main_banner {
	margin-top: 10px;
	margin-bottom: 20px;
}

.top_main_banner_btn {
	padding-right: 8%;
	padding-left: 8%;
	margin-bottom: 12px;
}

.top_main_banner_btn_a1 {
	background-size: auto 40px;
	background-position: 8% 50%;
}

.top_main_banner_btn_a2,
.top_main_banner_btn_a3,
.top_main_banner_btn_a4 {
	display: block;
	background-color: #3B3B6E;
}

.top_main_banner_btn_a2 {
	background-size: auto 40px;
	background-position: 8% 50%;
}

.top_main_banner_btn_a3,
.top_main_banner_btn_a7,
.top_main_banner_btn_a8,
.top_main_banner_btn_a9,
.top_main_banner_btn_a10,
.top_main_banner_btn_a11 {
	background-size: auto 40px;
	background-position: 8% 50%;
}

.top_main_banner_btn_a4 {
	background-size: auto 40px;
	background-position: 8% 50%;
}

.top_main_banner_btn_a1,
.top_main_banner_btn_a2,
.top_main_banner_btn_a3,
.top_main_banner_btn_a7,
.top_main_banner_btn_a8,
.top_main_banner_btn_a9,
.top_main_banner_btn_a10,
.top_main_banner_btn_a11 {
	padding-left: 24%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.top_main_banner_btn_a4 {
	padding-left: 24%;
	padding-top: 20px;
	padding-bottom: 20px;
}
	
.contents_main_banner {
	margin-top: 10px;
	margin-bottom: 20px;
}

.contents_main_banner_btn {
	padding-right: 8%;
	padding-left: 8%;
	margin-bottom: 12px;
}

.contents_main_banner_btn_a1 {
	background-size: auto 40px;
	background-position: 8% 50%;
}

.contents_main_banner_btn_a2,
.contents_main_banner_btn_a3,
.contents_main_banner_btn_a4,
.contents_main_banner_btn_a7,
.contents_main_banner_btn_a8 {
	display: block;
	background-color: #3B3B6E;
}

.contents_main_banner_btn_a2 {
	background-size: auto 40px;
	background-position: 8% 50%;
}

.contents_main_banner_btn_a3,
.contents_main_banner_btn_a6 {
	background-size: auto 40px;
	background-position: 8% 50%;
}

.contents_main_banner_btn_a4,
.contents_main_banner_btn_a7,
.contents_main_banner_btn_a8 {
	background-size: auto 40px;
	background-position: 8% 50%;
}
	
.contents_main_banner_btn_a5 {
	background-size: auto 54px;
	background-position: 8% 2%;
	padding-left: 7%;
	padding-top: 20%;
	padding-bottom: 5%;
	line-height: 70%;
}

.contents_main_banner_btn_a1,
.contents_main_banner_btn_a2,
.contents_main_banner_btn_a3 {
	padding-left: 24%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.contents_main_banner_btn_a4,
.contents_main_banner_btn_a7,
.contents_main_banner_btn_a8 {
	padding-left: 24%;
	padding-top: 20px;
	padding-bottom: 20px;
}
	
.contets_t_in_l {
	padding-left: 5%;
	padding-right: 5%;
}

.contets_t_in_l_t {
	background-color: #EAEFF1;
}

.contets_t_in_l_t h2 {
	color: #191955;
	letter-spacing: 0.1em;
	display: inline-block;
	padding-left: 2%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.contets_t_in_l_t a {
	display: inline-block;
	color: #fff;
	background-color: #191955;
	float: right;
	font-size: 1.2rem;
	margin-top: 5px;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 10px;
}

.contets_t_in_l_t a:hover {
	color: #888;
}

.contets_t_in_l ul {
	list-style: none;
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 0px;
}

.contets_t_in_l ul li {
    padding-left: 3%;
	padding-right: 3%;
}

.contets_t_in_l_t_day {
	display: block;
	margin-right: 10px;
}
	
.info_cat {
	color: #fff;
	display: block;
	width: 70px;
	background-color: #7f91c3;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 7px;
}
	
.contets_t_in_l_tittle {
	display: block;
	width: 100%;
	padding-top: 6px;
	padding-left: 0;
	}



.contets_t_in_r {
	padding-left: 8%;
	padding-right: 8%;
	margin-bottom: 40px;
}

	
.contets_m_t {

}
	
.contets_m_t2 {

}

.contets_m_t_title {
	width: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 25px;
}

.contets_m_t_box {
	padding-right: 8%;
	padding-left: 8%;
	margin-bottom: 20px;
}

.contents_m_t_box_in {
	background-color: #fff;
}

.contents_m_t_box_in_t {
	padding-top: 14px;
	padding-left: 7%;
	padding-right: 7%;
	padding-bottom: 14px;
}

.contents_m_t_box_in_t p,
.contents_m_b_box_in_t p{
	font-size: 13px;
	} 

.contets_m_b {
	margin-top: 50px;
	margin-bottom: 60px;
}

.contets_m_b_title {
	width: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 25px;
}

.contents_m_t_box_in_h3,
.contents_m_b_box_in_h3 {
   font-size: 14px
}

.contents_to_ar {
	width: 20%;
	padding-top: 6px;
	padding-bottom: 6px;
}
	
/* bg*/
.bg_zoom {
	display: block;
}

.bg_zoom:hover a {
	background-size: auto 105%;
	background-position: 1% 50%;
	color: #eee;
	box-shadow: 0 1px 1px rgba(0,0,0,0.22), 0 2px 2px rgba(0,0,0,0.22);
}

.bg_zoom2:hover a {
	background-size: auto 80%;
	background-position: 7% 50%;
	color: #eee;
	box-shadow: 0 1px 1px rgba(0,0,0,0.22), 0 2px 2px rgba(0,0,0,0.22);
}
	
.bg_zoom3:hover a {
	background-size: 68% auto;
}

.content_b {
    background-image: url(../img/contents_b_bg.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.contents_main {
	margin-top: 50px;
	padding-left: 5%;
	padding-right: 5%;
}

.content_b_in {
	padding-top: 30px;
	padding-bottom: 30px;
}
	
.content_b_btn_1,
.content_b_btn_2,
.content_b_btn_3,
.content_b_btn_4,
.content_b_btn_5,
.content_b_btn_6 {
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 10px;
}
	
.content_b_btn_1,
.content_b_btn_2,
.content_b_btn_3 {
	background-position: 6% 50%;
	}
	
.content_b_btn_4,
.content_b_btn_5,
.content_b_btn_6 {
	background-size: auto 57px;
	background-position: 9% 50%;
	}

.footer_top_in {
	text-align: center;
	}

.footer_top_in h1 {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}

.footer_in_r_in_a2 {
	border-right: 1px solid #000000;
	}

.footer_top_c {
	padding-left: 0%;
	padding-bottom: 15px;
}
 
.footer_top_b {
	font-size: 14px;
	line-height: 110%;
	margin-top: 10px;
	padding-bottom: 20px;
	}

/*xs-text*/
.text_14px_xs {
	font-size: 1.4rem;
} /* 14px */
	
.text_16px_xs {
	font-size: 1.6rem;
} /* 16px */
	
.text_18px_xs {
	font-size: 1.8rem;
} /* 18px */
	
.text_24px_xs {
	font-size: 2.4rem;
} /* 24px */
	
.text_28px_xs {
	font-size: 2.8rem;
} 

.text_al_left_xs {
	text-align: left;	
	}

.text_al_right_xs {
	text-align: right;	
	}

.span_block_xs {
	display: block;
	}

.line_height_100_xs {
    line-height: 100%;
}
	
.main-img-xs {
	margin-top: 50px;	
	}
	
.contents_h2 {
	display: block;
	width: 100%;
	padding-top: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #000000;
}
	
/*校訓・教育理念・沿革*/
.guidance_bg {
	background-image: none;
	padding-top: 40px;
	padding-left: 5%;
	padding-right: 5%
}

.guidance_h3 {
	display: block;
	text-align: center;
	margin: 0;
}

.guidance_h3_img01 {
	width: 70%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 62px;
	padding-bottom: 34px;
}
	
.guidance_01_img02 {
	width: 100%;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 80px;
}
	
.guidance_box_t3 {
	float: left;
	width: 30%;
	padding-top: 24px;
	padding-bottom: 24px;
	background-color: #151c72;
	border-right: 1px solid #FFFFFF;
}

.guidance_box_t4 {
	float: left;
	width: 70%;
	padding-top: 24px;
	padding-bottom: 24px;
	background-color: #151c72;
	margin-bottom: 60px;
}
	
.guidance_p01 {
	padding-left: 0%;
}

.guidance_box2 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 80px;
	background-color: #CEDFED;
}

.guidance_box2_1_l,
.guidance_box2_2_l {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}

.guidance_box2_2_l,
.guidance_box2_2_r {
	display: inline-block;
	width: 100%;
	background-color: #fff;
	text-align: center;
}

.guidance_box2_1_r,
.guidance_box2_2_r {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #000;
}
	
/*校長先生_xs*/
.principal_h3 {
	margin-top: 40px;
	margin-bottom: 40px;
}
	
.principal_t {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
	
/*コース概要*/

.course_index_p {
	margin-top: 40px;
	margin-bottom: 30px;
}

.br {
	display: inline;
	height: 0px;
	}

.course_index_box1 {
	background-color: #3b3b6e;
	width: 90%;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 52px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 3%;
	padding-right: 3%;
}

.course_index_ar {
	margin-top: 40px;
	margin-bottom: 40px;
}

.course_index_box1_l {
	background-color: #23b8bc;
}

.course_index_box2_l {
	background-color: #33a1db;
}

.course_index_box3_l {
	background-color: #ea6188;
}

.course_index_box_in,
.course_index_box_in2 {
	display: block;
	width: 100%;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 66px;
	padding-bottom: 66px;
}

.course_index_box_in {
	margin-left: auto;
}

.course_index_box_in2 {
	margin-right: auto;
}

.course_index_box_in_title {
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 23px;
}

.contents_to_detail {
	display: inline-block;
	border: 1px solid #FFFFFF;
	padding-left: 20px;
	padding-right: 46px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 0px;
	float: right;
	background-repeat: no-repeat;
	background-image: url(../img/contents_to_detail.svg);
	background-position: 95% 48%;
	background-size: 12% auto;
}

.contents_to_detail:hover {
	opacity: 0.6;
	color: #fff;
}

.course_index_box_in_sub {
	border-left: 14px solid #FFFFFF;
	padding-left: 20px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.course_index_box1_r {
	background-image: url(../img/course_01_img03.jpg);
	width: 100%;
	height: 200px;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-size: auto 100%;
}

.course_index_box2_r {
	background-image: url(../img/course_01_img02.jpg);
	width: 100%;
	height: 200px;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-size: auto 100%;
}

.course_index_box3_r {
	background-image: url(../img/course_01_img01.jpg);
	width: 100%;
	height: 200px;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-size: auto 100%;
}

.course_curriculum {
	margin-left: auto;
	margin-right: auto;
	width: 88%;
	padding-top: 40px;
	padding-bottom: 80px;
}

/*文理コース*/
.course_ls_b {
	background-image: none;
}

.course_h3 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.course_02_box0 {
	background-image: none;
	padding-left: 5%;
	padding-right: 5%;
}

.course_02_box0_in {
	margin-left: 1%;
	margin-right: 1%;
}
	
.course_02_box {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
	
.course_02_box2,
.course_02_box2_2 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 40px;
}

.course_02_box2_2 {
	margin-top: 50px;
}

.course_02_box3 {
	display: block;
	margin-top: 30px;
}

.course_02_box4_l {
	padding-top: 0px;
}
	
.course_02_box4_r {
	padding-top: 8px;
	padding-right: 2%;
	padding-left: 2%;
	}
	
/*選抜コース*/
.course_se_b {
	background-image: none;
}

/*特進コース*/
.course_sp_b {
	background-image: none;
}
	
/*おすすめコース*/
.course_rec_img1 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.course_rec_tobox1 {
	background-color: #23b8bc;
}

.course_rec_tobox2 {
	background-color: #33a1db;
}

.course_rec_tobox3 {
	background-color: #ea6188;
}

.course_rec_tobox1,
.course_rec_tobox2,
.course_rec_tobox3 {
	display: block;
	color: #fff;
	background-image: url(../img/contents_to_detail-90.svg);
	background-repeat: no-repeat;
	background-position: 50% 90%;
	padding-top: 40px;
	padding-bottom: 40px;
	background-size: 20px auto;
	margin-bottom: 26px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.course_rec_tobox1:hover,
.course_rec_tobox2:hover,
.course_rec_tobox3:hover {
	color: #fff;
}

.course_rec_box0 {
	margin-bottom: 190px;
} 

.course_rec_box {
	margin-top: 60px;
}

.course_rec_box1_t,
.course_rec_box2_t,
.course_rec_box3_t {
	width: 100%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 0% 50%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.course_rec_box1_t {
	background-image: url(../img/course_reco_bg1.gif);
}

.course_rec_box2_t {
	background-image: url(../img/course_reco_bg2.gif);
}

.course_rec_box3_t {
	background-image: url(../img/course_reco_bg3.gif);
}

.course_rec_box1_b,
.course_rec_box2_b,
.course_rec_box3_b {
	padding-top: 20px;
}

.course_rec_box1_b {
	background-color: #def4f5;
}

.course_rec_box2_b {
	background-color: #e0f1fa;
}

.course_rec_box3_b {
	background-color: #fce7ed;
}

.course_rec_box1_b_r_p0 {
	padding-left: 6%;
}

.course_rec_box1_b_l {
	padding-left: 2%;
	padding-right: 1%;
}

.course_rec_box2_b_l {
	padding-left: 0.5%;
	padding-right: 0.5%;
}

.course_rec_box3_b_l {
	padding-top: 6px;
}

.course_rec_box1_b_r {
	padding-right: 30px;
}

.course_rec_box1_b_r_p1 {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 6%;
}

.course_rec_box1_b_r_p2 {
	background-color: #fff;
	margin-left: 6%;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.course_rec_box1_b_r_a1,
.course_rec_box1_b_r_a2,
.course_rec_box1_b_r_a3 {
	padding-left: 5.7%;
	margin-top: 26px;
	margin-bottom: 32px;
}

.course_rec_box1_b_r_a1 a,
.course_rec_box1_b_r_a2 a,
.course_rec_box1_b_r_a3 a {
	color: #fff;
	display: block;
	padding-top: 28px;
	padding-bottom: 28px;
	text-align: center;
}

.course_rec_box1_b_r_a1 a {
	background-color: #23b8bc;
}

.course_rec_box1_b_r_a2 a {
	background-color: #33a1db;
}

.course_rec_box1_b_r_a3 a {
	background-color: #ea6188;
}

.course_rec_box1_b_r_a_to {
	padding-bottom: 3px;
}
	
/*クラブ活動*/
.clubs_link_box {
	margin-top: 40px;
	margin-bottom: 40px;
}

.clubs_box1 {
	background-color: #33a1db;
	margin-right: 5%;
	margin-left: 5%;
	padding: 6px;
	margin-bottom: 10px;
}

.clubs_box2 {
	background-color: #23b8bc;
	margin-right: 5%;
	margin-left: 5%;
	padding: 6px;
}

.clubs_clubs {
	margin-bottom: 0px;
}
	
.clubs_clubs_box {
	margin-bottom: 40px;
}

/*年間行事*/
.events_box h3 {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-left: 5%;
	padding-right: 5%;
}

.events_month {
	margin-bottom: 0px;
}

/*なおき会*/
.naokikai_box_b_box_in {
	background-color: #fef2e2;
	margin-left: 1%;
	margin-right: 1%;
	min-height: 640px
}	

.naokikai_leader_photo img {
	display: block;
	width: 50%;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.naokikai_leader_name {
	margin-bottom: 40px;
}
	
.naokikai_leader_p {
	width: 80%
}
	
/*心の教育*/
.heart_box0 {
	margin-bottom: 120px;
}

.heart_box0 h3 {
	padding-top: 20px;
	padding-bottom: 40px;
}

.heart_box_p {
	padding-left: 5%;
	padding-right: 5%;
}

.heart_box_in {
	padding-bottom: 40px;
}

.heart_box_in2 {
	margin-top: 0px;
	margin-bottom: 20px;
}

.heart_box_in3-2 {
	padding-left: 5%;
	padding-right: 5%;
	margin-bottom: 40px;
}

/*先生紹介*/
.teacher_box {
	margin-bottom: 80px;
	padding-left: 5%;
	padding-right: 5%;
}


.teacher_name {
	width: 100%;
	border-bottom: 1px solid #000000;
	padding-bottom: 12px;
	margin-bottom: 20px;
}

.teacher_photo {
	padding-left: 20%;
	padding-right: 20%;
	padding-bottom: 30px;
}

.teacher_photo2 {
	padding-left: 6%;
	padding-right: 6%;
	margin-top: 20px;
}

/*学校施設案内*/
.facility_p {
	padding-left: 3%;
	padding-right: 3%;
}

.facility_main_img1 {
	margin-top: 60px;
	margin-bottom: 20px;
}

.facility_main_img2 {
	margin-bottom: 40px;
}

.facility_box_l {
	padding-right: 0%;
}

.facility_box_w2_l_in {
	padding-left: 5%;
	padding-right: 5%;
}

.facility_box_r {
	padding-left: 0%;
}

.facility_box0_in1 {
	background-color: #fef7ee;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 20px;
}

.facility_box_w2_l {
	padding-right: 0%;
}

.facility_box_w2_r_l {
	padding-right: 0%;
	margin-bottom: 50px;
}

.facility_box_w2_t {
	padding-top: 10px;
	padding-bottom: 10px;
}

.menu_img {
	margin-bottom: 9px;
}

.facility_box_w2_r_r_t {
	background-color: #666;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-bottom: 14px;
	margin-left: 5%;
	margin-right: 5%
}

.facility_box_w2_r_r p {
	
}

.facility_box_w2_r_r_s {
	float: right;
}

.facility_box_w3_l {
	padding-right: 0%;
}

.facility_box_w3_r {
	padding-left: 0%;
}

.facility_box_w3_img {
	padding-right: 0%;
}

.facility_box_w2_p2 {
	padding-left: 5%;
	padding-right: 5%;
}

/*学習・生活支援システム 年間スケジュール*/
.support_index_box1 {
	margin-top: 40px;
	margin-bottom: 40px;
	padding-left: 5%;
	padding-right: 5%;
}

.support_index_box2_l,
.support_index_box4_l {
	padding-left: 30%;
	padding-right: 30%;
	margin-bottom: 20px;
}

.support_index_box2_r,
.support_index_box4_r,
.support_index_box2_p,
.support_index_box2_p2 {
	padding-left: 5%;
	padding-right: 5%;
}

.support_index_box2_p {
	padding-top: 20px;
}

.support_index_box2_r_in_box {
	padding-left: 3%;
	padding-right: 3%;
}

.support_index_box2_r_in_box_l,
.support_index_box2_r_in_box_r {
	display: block;
	width: 100%;
	background-color: #fff;
	padding-left: 5%;
	padding-right: 5%;
	margin-top: 16px;
	margin-right: 1%
}
	
/*進学・進路*/
.way_bg {
	background-image: none;
	margin-bottom: 50px;
}

.way_bg_w {
	background-image: none;
}

.way_bg_w_in {
	padding-left: 5%;
	padding-right: 5%;
}

.way_bg_w_in h3 {
	border-bottom: 1px solid #000000;
	padding-bottom: 22px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.way_bg_w_in h4 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.way_box1,
.way_box2, 
.way_box3 {
	margin-top: 20px;
}

.way_box1 {
	padding-left: 0%;
	padding-right: 0%;
}

.way_box3_1 p {
	padding-left: 0%;
	padding-right: 0%;
}

.way_box3_2 {
	display: inline-block;
	padding-left: 0.8%;
	padding-right: 0.8%;
	margin-top: 30px;
	margin-bottom: 100px
}

/*交通・アクセス*/
.access_t {
	background-color: #151c72;
	padding-top: 22px;
	padding-bottom: 22px;
	margin-top: 40px;
	margin-bottom: 20px;
}

.access_subt {
	padding-bottom: 40px;
	padding-left: 5%;
	padding-right: 5%;
}

.to_bus {
	width: 100%;
	padding-left: 50px;
	padding-right: 5%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.access_box1 {
	margin-left: 5%;
	margin-right: 5%;
	padding-bottom: 40px;
	border-bottom: 1px solid #000000;
}

.access_box2 {
	margin-left: 5%;
	margin-right: 5%;
	padding-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #000000;
}

.access_box3 {
	margin-left: 5%;
	margin-right: 5%;
	padding-top: 40px;
	padding-bottom: 40px;
}

.access_box_p {
	margin-left: 5%;
	margin-right: 5%;
	padding-top: 0px;
	padding-bottom: 0px;	
}

.access_box4 {
	margin-left: 5%;
	margin-right: 5%;
	padding-bottom: 40px;
}

.access_to_pdf {
	width: 90%;
	background-color: #e8374a;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px
}

.access_to_pdf a {
	display: inline-block;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../img/contents_to_detail.svg);
	background-repeat: no-repeat;
	background-size: auto 40%;
	background-position: 8% 50%;
}

.access2_box1,
.access2_box2 {
	padding-top: 0px;
	padding-left: 5%;
	padding-right: 5%;
}

.access2_box1 p {
	padding-top: 12px;
	padding-bottom: 40px;
}

.access2_box2 p {
	padding-bottom: 18px;
	border-bottom: 1px solid #000000;
	margin-bottom: 30px;
} 

.access2_box2_in_l_inl {
	width: 0%;
	float: left;
}

.access2_box2_in_l_inr {
	width: 100%;
	padding-left: 0%;
	float: left;
	padding-bottom: 40px;
}

.access2_box2_in_r_inl {
	width: 0%;
	float: left;
}

.access2_box2_in_r_inr {
	width: 100%;
	padding-left: 0%;
	float: left;
}

.access2_box3 {
	padding-left: 0%;
	padding-right: 0%;
}

.bus_mark {
	display: block;
	margin-top: -3px;
	float: left;
}

.access2_box2_in_l_inr_t {
	color: #fff;
	background-color: #302F67;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.access2_box2_in_l_inr_t2 {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border: 2px solid #302F67;
}


/*学校説明会*/
.visit_sub_text {
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left: 5%;
	padding-right: 5%
}
	
.visit_table {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 80px;
}

.visit_table2 {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
	
.visit_xs {
	padding-left: 5%;
	padding-right: 5%
}

.visit_table th,
.visit_table2 th {
	padding: 10px;
}

.visit_table_th_l {
	width: 20%;
}

.visit_table_th_m {
	width: 20%;
}

.visit_table_th_r {
	width: 60%;
}

.visit_table3 {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 50px;
}

.visit_table3 th {
	background-color: #d9d9d9;
	text-align: center;
	padding: 10px;
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
}

.visit_table_td_l3 {
	border-bottom: 1px dotted #000000;
	border-right: 1px dotted #000000;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	width: 20%;
}

.visit_table_td_r3 {
	border-bottom: 1px dotted #000000;
	padding-left: 2%;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 80%;
}
	
.visit_table_td_l4 {
	border-bottom: 1px dotted #000000;
	border-right: 1px dotted #000000;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	width: 30%;
}

.visit_table_td_r4 {
	border-bottom: 1px dotted #000000;
	padding-left: 2%;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 70%;
}

/*新グラウンド建設事業募金*/
.newground_box0 h4 {
	display: block;
	margin-top: 40px;
	margin-bottom: 20px;
}

.newground_box0_sub {
	margin-bottom: 40px;
}

.newground_box01 {
	display: inline-block;
	background-color: #fef7ee;
	margin-top: 30px;
	margin-bottom: 40px;
	padding-top: 26px;
	padding-bottom: 26px;
	padding-left: 3%;
	padding-right: 3%;
}

.newground_box01_in_l h5,
.newground_box01_in_r h5 {
	display: block;
	border-bottom: 1px solid #000000;
	padding-bottom: 16px;
	margin-bottom: 16px;
}

.newground_box01_in_l {
	display: block;
	padding-left: 2%;
	padding-right: 2%;
	border-right: none;
	margin-bottom: 60px;
}

.newground_box01_in_r {
	padding-left: 2%;
	padding-right: 2%;
}

.newground_box01_in_p {
	padding-top: 20px;
	padding-left: 2%;
	padding-right: 2%;
}

.newground_box02 {
	margin-bottom: 60px;
	padding-left: 5%;
	padding-right: 5%;
}

.newground_box02 h5 {
	border-bottom: 1px solid #000000;
	padding-bottom: 14px;
	margin-bottom: 14px;
}

.newground_box02_h5_span img {
	height: 26px;
	padding-bottom: 3px;
}

.newground_box03 {
	margin-left: 5%;
	margin-right: 5%;
}

.newground_box03 h5 {
	padding-top: 30px;
	padding-bottom: 24px;
} 

.newground_box03_span1 {
	display: inline-block;
	padding-left: 148px;
}

.newground_box03_span2 {
	padding-left: 0px;
}

/*学校からのお知らせ*/
.from_school_box {
	margin-top: 40px;
	margin-bottom: 40px;
}


.from_school_box_in_l {
	background-color: #151c72;
	margin-left: 5%;
	margin-right: 5%;
	padding: 8px;
	margin-bottom: 20px;
}

.from_school_box_in_r {
	background-color: #ffb735;
	margin-left: 5%;
	margin-right: 5%;
	padding: 8px;
}


.from_school_box_in_l a {
	width: 100%;
	display: inline-block;
	border: 1px solid #FFFFFF;
	padding-top: 22px;
	padding-bottom: 22px;
	background-image: url(../img/contents_to_detail.svg);
	background-repeat: no-repeat;
	background-size: auto 20px;
	background-position: 10% 48%;
}

.from_school_box_in_r a {
	width: 100%;
	display: inline-block;
	border: 1px solid #FFFFFF;
	padding-top: 22px;
	padding-bottom: 22px;
	background-image: url(../img/contents_to_detail.svg);
	background-repeat: no-repeat;
	background-size: auto 20px;
	background-position: 3% 48%;
}

.from_school_box_in_l:hover,
.from_school_box_in_l a:hover,
.from_school_box_in_r:hover,
.from_school_box_in_r a:hover {
	color: #fff;
	opacity: 0.8;
}

.from_school_box2 {

}

.from_school_box2 h3 {
	text-align: center;
}

.from_school_box2_in {
	background-color: #fff;
	width: 100%;
	display: inline-block;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 3%;
	padding-right: 3%;
}

.from_school_box2_in_d {
	display: inline-block;
	width: 100%;
	border-bottom: 1px dotted #000000;
	padding-top: 12px;
	padding-bottom: 16px;
}

.from_school_box2_in_title {
	border-left: 1px solid #000000;
	padding-left: 2%;
}

.board03_box_in_grade {
	border: 1px solid #151C72;
	padding-top: 19px;
	padding-right: 19px;
	padding-bottom: 19px;
	padding-left: 19px;	
}

.from_school_hr {
	border-bottom: 1px dotted#151C72;
	padding-bottom: 30px;
	margin-top: 30px;
}

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

.from_school_hr2_a {
	display: inline-block;
	background-color: #e8374a;

	background-image: url(../img/contents_to_detail.svg);
	background-repeat: no-repeat;
	background-size: auto 19px;
	background-position: 6% 48%;

}

.from_school_hr2_a a {
	color: #fff;
	display: inline-block;
	width: 100%;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 16px;
	padding-bottom: 16px;
}

.from_school_hr2_a:hover,
.from_school_hr2_a a:hover {
	color: #fff;
	opacity: 0.8;
}

.board03_box2 {
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 40px;
}


	
/*アコーディオン*/
.menu {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

.menu a {
    text-decoration: none;
	width: 100%;
	display: inline-block;
}
	
.text_glay:hover {
	color: #727473;
	}
	
label,
.menu_bottom,
.menu_bottom2,
.menu_bottom3,
.menu_bottom4 {
	width: 100%;
    display: inline-block;
    margin: 0;
    line-height: 1;
    color : #333;
    font-weight: 100;
    background : #fff;
    cursor : pointer;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    border-bottom: 1px dotted #EFEFEF;
}

.menu_bottom { 
	color: #fff;
	background-color: #191955;
	}
	
.menu_bottom2 {
	color: #fff;
	background-color: #8A887B;
	}
	
.menu_bottom3 { 
	color: #fff;
	background-color: #C0272D;
	}

.menu_bottom4 { 
	color: #fff;
	background-color: #9D005D;
	}
	

.menu_bottom:hover,
.menu_bottom2:hover,
.menu_bottom3:hover,
.menu_bottom2:hover,
.menu_bottom3:hover,
.menu_bottom4:hover{ 
	color: #fff;
	}
	
.sidemenu_in input {
    display: none;
}


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

.menu li {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#menu_bar00:checked ~ #links00 li,
#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li{
    max-height: 46px;
    opacity: 1;
	width: 100%;
	padding-top: 10px;
    padding-bottom: 10px;
}

#links02 {
	}
	
.label_k {
	background-color: #191955;
	color: #fff;
	display: inline-block;
	width: 100%;
	}

#links03 {
	}

.label_g {
	background-color: #E8E8E8;
	display: inline-block;
	padding-top: 16px;
	padding-bottom: 16px;
	width: 100%;
	}
	
#links00 a,
#links01 a,
#links02 a,
#links03 a {
	padding-left: 8%;
	}


.fixed {
	position: fixed;
	top: 0;
	display: inline-block;
	height: 80px;
	width: 100%;
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 10px;
	z-index: 1;
	-webkit-box-shadow: 0px 1px 10px 0px #A4A4A4;
	box-shadow: 0px 1px 10px 0px #A4A4A4;
}
	
#header-xs {
	height: 50px;
	width: 100%;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 2px 6px #999999;
	box-shadow: 0px 2px 6px #999999 ;
	}

.header_logo {
	display: block;
	text-align: left;
	padding-left: 5%;
	padding-top: 0.5%;
}
	
	.xs-header-r {
	text-align: right;
	padding-top: 18px;
	padding-right: 4%;
	}
	
	button {
	border: 0px;
	background-color: #fff;
	}
	

.recruit_to_pdf a {
	background-image: none;
}


/*サイトマップ*/
.sitemap_con {
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 5%;
	margin-right: 5%;
}


.sitemap_row {
	margin-top: 0px;
}

.sitemap_col {
	line-height: 180%;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.sitemap_col p {
	border-bottom: 1px solid #000000;
	padding-bottom: 4px;
	margin-bottom: 10px;
}


/*googleストリートビュー*/
.facility_main_img2 {
    position: relative;
}
.facility_google_01 {
    position: absolute;
    top: 39%;
    left: 83%;
    z-index: 100;
}

.facility_google_02 {
    position: absolute;
    top: 46%;
    left: 83%;
    z-index: 100;
}

.facility_google_03 {
    position: absolute;
    top: 55%;
    left: 82%;
    z-index: 100;
}

.facility_google_04 {
    position: absolute;
    top: 59%;
    left: 81%;
    z-index: 100;
}

.facility_google_05 {
    position: absolute;
    top: 15%;
    left: 38%;
    z-index: 100;
}

.facility_google_06 {
    position: absolute;
    top: 50%;
    left: 96%;
    z-index: 100;
}

.facility_google_07 {
    position: absolute;
    top: 49%;
    left: 93%;
    z-index: 100;
}

.facility_google_08 {
    position: absolute;
    top: 52%;
    left: 93%;
    z-index: 100;
}

.facility_google_09 {
    position: absolute;
    top: 65.5%;
    left: 45%;
    z-index: 100;
}

.facility_google_10 {
    position: absolute;
    top: 75%;
    left: 29%;
    z-index: 100;
}

.facility_google_11 {
    position: absolute;
    top: 81.3%;
    left: 8.5%;
    z-index: 100;
}

.facility_google_12 {
    position: absolute;
    top: 81.3%;
    left: 45%;
    z-index: 100;
}

.facility_google_13 {
    position: absolute;
    top: 56%;
    left: 79%;
    z-index: 100;
}

.facility_google_14 {
    position: absolute;
    top: 58.5%;
    left: 74.5%;
    z-index: 100;
}

.facility_google_15 {
    position: absolute;
    top: 27%;
    left: 27%;
    z-index: 100;
}

.facility_google_16 {
    position: absolute;
    top: 26%;
    left: 43%;
    z-index: 100;
}

.facility_google_17 {
    position: absolute;
    top: 34%;
    left: 7%;
    z-index: 100;
}

.facility_google_18 {
    position: absolute;
    top: 17%;
    left: 27%;
    z-index: 100;
}

.facility_google_19 {
    position: absolute;
    top: 14%;
    left: 52%;
    z-index: 100;
}

.facility_google_20 {
    position: absolute;
    top: 23%;
    left: 52%;
    z-index: 100;
}

.facility_google_21 {
    position: absolute;
    top: 3.5%;
    left: 46%;
    z-index: 100;
}

.facility_google_22 {
    position: absolute;
    top: 11%;
    left: 27%;
    z-index: 100;
}

.facility_google_23 {
    position: absolute;
    top: 8.5%;
    left: 10%;
    z-index: 100;
}
	


}


@media (max-width: 414px) {
	
	/*ページトップへ*/
.page-top {
	position: fixed;
	left: 50%;
	margin-left: 33%;
	bottom: 5%;
	max-width: 50px;
	max-height: 50px;
	-ms-filter: "alpha(opacity=90)";
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	display: inline-block;
}

.recruit_to_pdf a {
	background-image: none;
}
	
}

/*for iPhoneSE*/
@media (max-width: 320px) {
	
.header_logo img {
		height: 22px;
	}

.bg_zoom3:hover a {
	background-size: 78% auto;
}

.recruit_to_pdf a {
	background-image: none;
}
	
}



/*
 * Hiraku Ver.1.0.2 (https://www.appleple.com)
 * Copyright appleple | MIT License
 *
 */

.js-hiraku-offcanvas-active {
	position: fixed;
	z-index: 100001;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

.js-hiraku-offcanvas-open {
	display: block;
}

.js-hiraku-offcanvas-body {
	z-index: 0;
	left: 0;
	width: 100%;
	transition: left .3s ease-in-out;
}

.js-hiraku-offcanvas-body-right {
	position: fixed;
	left: 0;
	overflow-y: hidden;
}

.js-hiraku-offcanvas-body-left {
	position: fixed;
	left: 0%;
	overflow-y: hidden;
}

.js-hiraku-offcanvas-body-moving {
	position: fixed;
	left: 0;
}

.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar {
	position: fixed;
	z-index: 10002;
	top: 0;
	bottom: 0;
	display: block;
	overflow: scroll;
	box-sizing: border-box;
	width: 80%;
	max-width: 100%;
	background-color: #efefef;
	-webkit-overflow-scrolling: touch;
}

.js-hiraku-offcanvas:focus {
	background-color: rgba(0, 0, 0, .3);
}

.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-right {
	right: 0;
	left: auto;
	margin-right: -80%;
	transition: margin-right .3s ease-in-out;
}

.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-left {
	right: auto;
	left: 0;
	margin-left: -80%;
	transition: margin-left .3s ease-in-out;
}

.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-right.active {
	margin-right: 0;
	transition: margin-right .3s ease-in-out;
}

.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-left.active {
	margin-left: 0;
	transition: margin-left .3s ease-in-out;
}

.js-hiraku-header-fixed {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	transition: margin-left .3s ease-in-out;
}

.js-hiraku-offcanvas-body-right,
.js-hiraku-offcanvas-body-left {
	overflow: hidden;
}

.js-hiraku-offcanvas-body-right .js-hiraku-header-fixed {
	margin-left: -80%;
}

.js-hiraku-offcanvas-body-left .js-hiraku-header-fixed {
	margin-left: 0%;
}

.js-hiraku-offcanvas-close-btn {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

.hiraku-open-btn {
	padding: 6px;
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: transparent;
}

.hiraku-open-btn-line {
	position: relative;
	display: block;
	width: 24px;
	height: 2px;
	margin: 7px 0;
	transition: .1s all;
	border-radius: 1px;
	background-color: #191955;
}

.hiraku-open-btn-line:before,
.hiraku-open-btn-line:after {
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	content: '';
	transition: .3s all;
	border-radius: 1px;
	background-color: #191955;
}

.hiraku-open-btn-line:before {
	top: -8px;
}

.hiraku-open-btn-line:after {
	bottom: -8px;
}

[aria-expanded='true'] .hiraku-open-btn-line {
    background-color: transparent;
    border-bottom-width: 1px;
}

[aria-expanded='true'] .hiraku-open-btn-line:before,
[aria-expanded='true'] .hiraku-open-btn-line:after {
	width: 28px;
}

[aria-expanded='true'] .hiraku-open-btn-line:before {
	-ms-transform: translate(-3px, 10px) rotate(45deg);
	transform: translate(0px, 8px) rotate(45deg);
}

[aria-expanded='true'] .hiraku-open-btn-line:after {
	-ms-transform: translate(-2px, -6px) rotate(-45deg);
	transform: translate(0px, -8px) rotate(-45deg);
}

#sidemenu {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
}

.sidemenu_in {
	height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
