@charset "utf-8";

/* ******************************************************************

	--style.css--

	1. Style setting
		1-1. Base styles
		1-2. Structure styles
		1-3. Block styles
		1-4. PageTitle styles

	2. Layout setting
		2-1. Header styles
			2-1_1. SEARCH（検索ボックス）
		2-2. GlobalNavi styles
			2-2_1. ForNavi styles（利用者別ナビゲーション）
			2-2_2. SpNavi styles（SP版ナビゲーション）
		2-3. Main styles
		2-4. SideBar styles
		2-5. Footer styles
		2-6. Page styles

****************************************************************** */

/*==================================================================
	1. Base setting
===================================================================*/
/* ------------------------------------------------------------------
	1-1. Base styles
-------------------------------------------------------------------*/
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color: #333;
	background: #FFF;
	min-width: 1024px;
	-webkit-text-size-adjust: none;
}
body.mm-wrapper {
overflow-x: auto;
}

a { color: #006fa3; text-decoration: underline; outline: none; -webkit-transition: 0.3s; transition: 0.3s;}
a:hover { color: #006fa3; text-decoration: none;}

/* ------------------------------------------------------------------
	1-2. Structure styles
-------------------------------------------------------------------*/
.body_top {
	/*
	background: #FFF url(../img/bg_body_top.jpg) no-repeat center bottom;
	background-size: contain;
	*/
}
.contents {
	padding: 20px 0;
}
.main {
	float: right;
	width: 704px;
}
.sidebar {
	float: left;
	width: 300px;
}
.wrapper {
	width: 1024px;
	margin: 0px auto;
}

/* ------------------------------------------------------------------
	1-3. Block styles
-------------------------------------------------------------------*/
.block {
	padding: 20px 0px;
}
.block_01 {
	background: #f6f6f4;
}

/* ------------------------------------------------------------------
	1-4. PageTitle styles
-------------------------------------------------------------------*/
.page_title {
	border-top: 5px solid #92c81e;
	margin-bottom: 20px;
	overflow: hidden;
}
.page_title h2 {
	background: #FFF;
	border-left: 80px solid #92c81e;
	color: #92c81e;
	font-weight: bold;
	padding: 8px 10px 5px 35px;
	position: relative;
	z-index: 1;
}
.page_title h2:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 30px #92c81e;
	border-bottom: solid 80px transparent;
	z-index: 2;
}
.page_title_type_01 h2 {
	font-size: 24px;
	line-height: 28px;
}
.page_title_type_02 h2 {
	font-size: 20px;
	line-height: 24px;
}

/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Header styles
-------------------------------------------------------------------*/
.header {
	padding-bottom: 5px;
}
.logo {
	float: left;
	margin-top: 5px;
}
.header_tools {
	float: right;
	text-align: right;
}
.header_nav {
	float: left;
	padding-top: 35px;
}
.header_nav_item {
	display: inline-block;
	margin-right: 15px;
}
.header_nav_item i { color: #92c81e;}
.header_nav_item:last-child i { color: #333;}
.header_nav_item a { color: #333; text-decoration: none;}
.header_nav_item a:hover { color: #006fa3; text-decoration: underline;}
.header_nav_sp {
	display: none;
}
.header_search {
	float: right;
	width: 150px;
	background: #76a60e url(../img/bg_header_search.png) no-repeat right top;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
.header_search_inner {
	padding: 30px 8px 8px 8px;
}


/* ------------------------------------------------------------------
	2-1_1. SEARCH（検索ボックス）
-------------------------------------------------------------------*/
.search_item {
	position: relative;
	background: #FFF;
	border: 1px solid #FFF;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
.search_item dt {
	padding: 3px 20% 3px 5px;
}
input.search_text {
	width: 100%;
	background: none;
	border: none;
	outline: 0;
	font-size: 14px;
}
.search_text:focus {
	border: none;
}
.search_item dd {
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
}
.search_button {
	display: block;
	background: transparent;
	width: 100%;
	height: 26px;
	line-height: 26px;
	border: none;
	color: #333;
	font-size: 16px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: 'FontAwesome';
}

/* ------------------------------------------------------------------
	2-2. GlobalNavi styles
-------------------------------------------------------------------*/
.gnav {
	background: #76a60e url(../img/bg_gnav.png) no-repeat center bottom;
	background-size: auto 40px;
	padding: 8px 0;
}
.gnav a {
	text-decoration: none;
}
.gnav_list {
	border-right: 1px solid #FFF;
}
.gnav_item {
	float: left;
	width: 12.5%;
	border-left: 1px solid #FFF;
	font-size: 16px;
	text-align: center;
}
.gnav_item a {
	display: block;
	color: #FFF;
}
.gnav_item a span {
	position: relative;
}
.gnav_item a span::after {
	position: absolute;
	top: 105%;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,1);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}
.gnav_item a.active span::after,
.gnav_item a:hover span::after,
.gnav_item a:focus span::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


/* ------------------------------------------------------------------
	2-2_1. ForNavi styles（利用者別ナビゲーション）
-------------------------------------------------------------------*/
.for_nav {
	background: -webkit-linear-gradient(top, #fff 0%, #eff0ef 100%);
	background: linear-gradient(to bottom, #fff 0%, #eff0ef 100%);
	border-bottom: 1px solid #c9c7c7;
}
.for_nav a {
	text-decoration: none;
}
.for_nav_list {
	border-right: 1px dotted #c9c7c7;
}
.for_nav_item {
	float: left;
	width: 20%;
	border-left: 1px solid #c9c7c7;
	font-size: 16px;
	line-height: 1.2;
	text-align: center;
	position: relative;
}
.for_nav_item a {
	display: block;
	padding: 20px 0 10px 0;
	color: #333;
}
.for_nav_item span {
	display: inline-block;
	color: #76a60e;
	font-size: 10px;
	line-height: 1;
	padding: 2%;
}
.for_nav_item_campusonly span {
	background: #76a60e;
	color: #FFF;
}

.for_nav_item::after {
	content: "";
	bottom: 2px;
	right: 2px;
	border-top: 18px solid transparent;
	border-right: 18px solid #92c81e;
	position: absolute;
	z-index: 100;
}
.for_nav_item:hover::after {
	border-right: 18px solid #333;
}

/* ------------------------------------------------------------------
	2-2_2. SpNavi styles（SP版ナビゲーション）
-------------------------------------------------------------------*/
.sp_header_nav_wrap,
.mv_nav,
.hamburger {
	display: none;
}

/* ------------------------------------------------------------------
	2-3. Main styles
-------------------------------------------------------------------*/
.eyecatch {
	margin-bottom: 20px;
}
.section {
	margin-bottom: 20px;
	line-height: 1.8;
}
.section_wrap {
	margin-bottom: 40px;
}
/*
.section_inner {
	padding: 0 15px;
}
*/
.section_indent {
	padding-left: 20px;
}

.section_box { }
.section_thm {
	width: 270px;
}
.section_thm_left {
	float: left;
	margin: 0 20px 10px 0;
}
.section_thm_right {
	float: right;
	margin: 0 0 10px 20px;
}
.section_body {
	overflow: hidden;
}
.section_thm_type_border img{
	border: solid 2px;
}

.section_thm330 {
	width: 330px;
}


/* ------------------------------------
	第2階層用テンプレート
------------------------------------*/
.section_2nd { }

.section_2nd_item {
	background: #eeecec;
	margin-bottom: 10px;
}
.section_2nd_item a {
	display: block;
	text-decoration: none;
	padding: 15px;
	position: relative;
}
.section_2nd_article {
	color: #333;
}
.section_2nd_title {
	font-size: 20px;
	line-height: 1.2;
	font-weight: bold;
}


/* 親子構造の項目付き（Aタイプ） */
.section_2nd_type_a { }
.section_2nd_type_a .section_2nd_item {
	margin-bottom: 10px;
}
.section_2nd_type_a .section_2nd_item a {
	padding: 15px 0 15px 15px;
}
.section_2nd_type_a .section_2nd_item a:after {
	font-family: FontAwesome;
	content: "\f105";
	position: absolute;
	top: 50%;
	right: 15px;
	left: auto;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 20px;
	color: #FFF;
}
.section_2nd_type_a .section_2nd_article {
	border-right: 40px solid #92c81e;
}
.section_2nd_type_a .section_2nd_title {
	background: url(../img/icon_gray.png) left 3px no-repeat;
	background-size: 16px;
	padding-left: 25px;
}
.section_2nd_type_a .section_2nd_item a:hover .section_2nd_title{
	background: url(../img/icon_green.png) left 3px no-repeat;
	background-size: 16px;
	color: #92c81e;
}

/* 親子構造の項目付き（Cタイプ） */
.section_2nd_type_c { }
.section_2nd_type_c .section_2nd_item {
	border-left: 8px solid #92c81e;
}
.section_2nd_type_c .section_2nd_item a {
	position: relative;
}
.section_2nd_type_c .section_2nd_item a:hover {
	position: relative;
}
.section_2nd_type_c .section_2nd_item a:before{
  content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: auto;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-left: 8px solid #92c81e;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}
.section_2nd_type_c .section_2nd_title {
	float: left;
	width: 30%;
}
.section_2nd_type_c .section_2nd_item a:hover .section_2nd_title{
	color: #92c81e;
}
.section_2nd_type_c .section_2nd_text {
	overflow: hidden;
}

/* 親子構造の項目付き（Dタイプ） */
.section_2nd_type_d { }
.section_2nd_type_d .parent_child_item {
	font-size: 14px;
}

/* ------------------------------------------------------------------
	2-4. SideBar styles
-------------------------------------------------------------------*/
.parent_child_nav {
	border: 1px solid #c9c9c9;
	margin-bottom: 20px;
}
.parent_child_title {
	border-top: 4px solid #92c81e;
	font-size: 20px;
	line-height: 1.4;
	font-weight: bold;
	color: #92c81e;
}
.parent_child_title a,
.parent_child_title span {
	background: url(../img/icon_green.png) 10px 16px no-repeat;
	background-size: 20px;
	padding: 15px 10px 15px 40px;
	display: block;
	color: #92c81e;
}
.parent_child_title a:hover {
	background: #92c81e url(../img/icon_white.png) 10px 16px no-repeat;
	background-size: 20px;
	color: #FFF;
}
.parent_child_list {
	background: #FFF;
}
.parent_child_item {
	background: #eeecec;
	border-bottom: 1px solid #c9c9c9;
	margin: 1px;
	font-size: 18px;
	line-height: 1.4;
}
.parent_child_item:first-child {
	border-top: 1px solid #c9c9c9;
}
.parent_child_item:last-child {
	border-bottom: none;
}
.parent_child_item a,
.parent_child_item span {
	background: url(../img/icon_gray.png) 10px 14px no-repeat;
	background-size: 16px;
	padding: 12px 25px 12px 35px;
	display: block;
	color: #333;
	position: relative;
}
.parent_child_item a:hover {
	background: #f9f9f9 url(../img/icon_green.png) 10px 14px no-repeat;
	background-size: 16px;
	color: #92c81e;
	text-decoration: none;
}
.parent_child_item a:after {
	font-family: FontAwesome;
	content: "\f105";
	position: absolute;
	top: 50%;
	right: 10px;
	left: auto;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #92c81e;
	font-size: 28px;
}
.parent_child_item_blank a:after {
	content: "\f08e";
	font-size: 16px;
}
.parent_child_nav a {
	text-decoration: none;
}


/* ------------------------------------
	Side_Banner
------------------------------------*/
.side_bnr {
	margin-bottom: 20px;
}
.side_bnr_list { }
.side_bnr_item {
	margin-bottom: 10px;
}









/* ------------------------------------------------------------------
	2-5. Footer styles
-------------------------------------------------------------------*/
.footer { }
.footer a {
	text-decoration: none;
}
.footer_section_01 {
	background: url(../img/stripe_01.gif) repeat left top;
	border: 1px solid #c9c7c7;
	padding: 20px 0;
	position: relative;
}
.footer_section_01:before {
	position: absolute;
	content: "";
	width: 100%;
	/*min-height: 100%;*/
	top: -3px;
	left: 0;
	border-top: 1px solid #c9c7c7;
}
.footer_info {
	float: left;
	width: 410px;
}
.footer_logo {
	position: relative;
	z-index: 100;
}
.footer_address {
	padding: 0 0 0 90px;
	margin-top: -8px;
	position: relative;
	z-index: 101;
}
.footer_guide {
	float: right;
	width: 614px;
	overflow: hidden;
}
.footer_guide_item {
	float: left;
	width: 300px;
	margin: 15px 0 0 10px;
}
.footer_guide_item:first-of-type{
	margin-left: 0;
}
.footer_guide_item a{
	display: block;
	text-align: right;
}

.footer_section_02 {
	background: #76a60e url(../img/bg_footer_section_02.png) no-repeat center top;
	background-size: cover;
	color: #FFF;
	padding: 10px 0;
}
.footer_search {
	display: none;
}
.fnav { }
.fnav li {
	display: inline-block;
}
.fnav a {
	color: #FFF;
}
.fnav a:hover {
	text-decoration: underline;
}
.copyright {
	margin-top: 120px;
	font-size: 11px;
}


/* ------------------------------------
	PAGETOP
------------------------------------*/
.page_top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 99;
}
.page_top a {
	display: block;
	background: #333;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 10px 15px;
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	opacity: 0.8;
}
.page_top a:hover {
	background: #76a60e;
}
.page_top i {
	font-size: 20px;
}
.page_top_sp{
	display: none !important;
}
.page_top02{
	width: 1024px;
	margin: 0px auto;
}
/* ------------------------------------------------------------------
	2-6. Page styles
-------------------------------------------------------------------*/

/* ▼▼▼ここに各コーダーが別途作成したCSS内のスタイルをドッキングしていく▼▼▼ */

/* ------------------------------------
	404系ページここから
------------------------------------*/
.no_page {
	padding: 10% 0;
}
.no_page .highlight_box_02 {
	padding: 15% 3%;
	text-align: center;
}
/* ------------------------------------
	404系ページここまで
------------------------------------*/
/* ------------------------------------
	トップページここから
------------------------------------*/
/* ▽slickのスタイルを上書き▽*/
.mv_slide .slick-prev,
.mv_slide .slick-next{
	width: 45px;
	height: 100px;
	z-index: 10;
}
.mv_slide .slick-prev{ left: 0;}
[dir='rtl'] .mv_slide .slick-prev{ right: 0;}
.mv_slide .slick-next{ right: 0;}
[dir='rtl'] .mv_slide .slick-next{ left: 0;}

.mv_slide_item img{
	width: 100%;
}

.mv_slide .slick-prev:before {
  content: "" !important;
}
.mv_slide .slick-prev:after {
  content: url(../img/top/bnr_slider_btn01.jpg);
	position: absolute;
	top: 0;
	left: 0%;
}
.mv_slide .slick-next:before {
  content: "" !important;
	position: absolute;
	top: 0;
	right: 0%;
}
.mv_slide .slick-next:after {
  content: url(../img/top/bnr_slider_btn02.jpg);
}

.mv_slide.slick-slider .slick-track,
.mv_slide.slick-slider .slick-list{
  background: url(../img/top/mv_slider_bg.png) repeat left top;
}
.mv_slide.slick-initialized .slick-slide{
  opacity: 0.5; /* 両サイドの画像を透過 */
}
.mv_slide.slick-initialized .slick-slide.slick-active{
  opacity: 1; /* センター画像を非透過 */
}
/* △slickのスタイルを上書き△ */

@media only screen and (max-width: 640px) {
	/* ▽slickのスタイルを上書き▽*/
	.mv_slide .slick-prev:after {
		content: "";
		display: inline-block;
		background: url(../img/top/bnr_slider_btn01.jpg) left no-repeat;
		background-size: contain;
		width: 45px;
		height: 50px;
		position: absolute;
		top: 20%;
		left: 0%;
		z-index: 10;
	}
	.mv_slide .slick-next:after {
		content: "";
		display: inline-block;
		background: url(../img/top/bnr_slider_btn02.jpg) right no-repeat;
		background-size: contain;
		width: 45px;
		height: 50px;
		top: 20%;
		left: 0%;
		z-index: 10;
	}
	/* △slickのスタイルを上書き△ */
}

/* ------------------------------------
	トップページここまで
------------------------------------*/
/* ------------------------------------
	01-2_ニュース&トピックスここから
------------------------------------*/
.post_list_scroll{
	height: 600px;
	overflow-y: scroll;
}
.post_list {
	border-top: 1px solid #898989;
}
.post_item {
	border-bottom: 1px dotted #c9c7c7;
	padding: 10px 0;
}
.post_meta {

}
.post_title {
}
.post_date {
	float: left;
	margin-right: 15px;
}
.post_cat {
	float: left;
}
.post_cat_item {
	background: #eee;
	display: inline-block;
	padding: 2px 10px;
	margin: 0 5px 5px 0;
	font-size: 12px;
	font-weight: bold;
}
.post_cat_item_update {
	background: #fb7787;
	color: #FFF;
}
.post_cat_item_new {
	color: #fb7787;
}
.post_cat_item_event {
	color: #92c81e;
}
.post_cat_item_achievement {
	color: #0692fe;
}
.post_more {
	padding: 10px 0;
}
/* ------------------------------------
	01-2_ニュース&トピックスここまで
------------------------------------*/
/* ------------------------------------
	01-61_入学希望の皆様へここから
------------------------------------*/
.adobe_area_admission{
	width: 340px;
	margin: 0 0 0 auto;
}
@media only screen and (max-width: 640px) {
	.adobe_area_admission{
	width: 100%;
	margin: 0;
	}

}


/* ------------------------------------
	01-61_入学希望の皆様へここまで
------------------------------------*/


/* ------------------------------------
  01-101_アクセスここから
------------------------------------*/
/* map */
.access_map{
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.access_map iframe,
.access_map object,
.access_mapembed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ------------------------------------
  01-101_アクセスここまで
------------------------------------*/





/* ------------------------------------
  01-136_公開講演会ここから
------------------------------------*/
.section_wrap_pec_lecture .section_thm{
	width: 30%;
}
.section_wrap_pec_lecture .section_thm img{
	width: 100%;
}

@media only screen and (max-width: 640px) {
	.section_wrap_pec_lecture .section_thm{
		width: 50%;
	}

}
/* ------------------------------------
  01-136_公開講演会ここまで
------------------------------------*/

/* ------------------------------------
  01-145附属薬用植物園ここから
------------------------------------*/
.section_wrap_intro img{
	width: 100%;
}
/* ------------------------------------
  01-145附属薬用植物園ここまで
------------------------------------*/

/* ▲▲▲ここに各コーダーが別途作成したCSS内のスタイルをドッキングしていく▲▲▲ */












/*==================================================================
	99. SP
===================================================================*/

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

/*==================================================================
	1. Base setting
===================================================================*/
/* ------------------------------------------------------------------
	1-1. Base styles
-------------------------------------------------------------------*/
body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
min-width: 100%;
}

/* ------------------------------------------------------------------
	1-2. Structure styles
-------------------------------------------------------------------*/
.contents { }
.main {
float: none;
width: 100%;
}
.sidebar {
float: none;
width: 100%;
}
.wrapper {
float: none;
width: 100%;
}
.contents .wrapper {
float: none;
width: 94%;
margin: 0 auto;
}

/* ------------------------------------------------------------------
	1-3. Block styles
-------------------------------------------------------------------*/


/* ------------------------------------------------------------------
	1-4. PageTitle styles
-------------------------------------------------------------------*/
.page_title {
border-top: 1px solid #92c81e;
margin-bottom: 15px;
}
.page_title h2 {
border-left: 8px solid #92c81e;
padding: 10px;
}
.page_title h2:before {
border-left: none;
border-bottom: none;
}
.page_title_type_01 h2 {
font-size: 22px;
}
.page_title_type_02 h2 {
font-size: 18px;
}

/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Header styles
-------------------------------------------------------------------*/
.header {
padding: 2%;
border-bottom: solid 4px #76a60e;
}
.logo {
width: 70%;
margin-top: 0;
}
.logo img {
max-height: 40px;
}
.header_tools {
width: 30%;
text-align: left;
}
.header_nav {
display: none;
float: none;
padding-top: 0;
}
.header_nav_sp {
display: block;
position: relative;
}
.header_nav_sp_item {
position: absolute;
top: 0;
right: 50px;
}
.header_nav_sp_item img {
max-height: 40px;
}
.header_search {
display: none;
}

/* ------------------------------------------------------------------
	2-2. GlobalNavi styles
-------------------------------------------------------------------*/
.gnav {
display: none;
}

/* ------------------------------------------------------------------
	2-2_1. ForNavi styles（利用者別ナビゲーション）
-------------------------------------------------------------------*/
.for_nav_item {
	float: left;
	width: 25%;
}
.for_nav_list{
	border: none;
}
.for_nav_item:first-of-type{
	border: none;
}
.for_nav_item_campusonly {
	display: none;
}
.for_nav_item a {
	display: block;
	padding: 10% 0;
}
/* ------------------------------------------------------------------
	2-2_2. SpNavi styles（SP版ナビゲーション）
-------------------------------------------------------------------*/
.sp_header_nav_wrap{
	position: relative;
	display: block;
}
.sp_header_nav {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;
		text-align: left;
		color: #fff;
		background: #333;
		z-index: 101;
		display: none;
}
.sp_header_nav .nav_li {
		width: 100%;
		padding: 4% 0;
		border-top: solid 1px #fff;
		font-size: 18px;
		list-style-type: none;
}
.sp_header_nav .nav_li a {
		display: block;
		color: #fff;
		text-decoration: none;
}
/* .global_navに.activeが追加 */
.sp_header_nav.active {
		transform: translateY(0%);
}

/* sp_header_nav検索スタイル */
.sp_header_nav .search_item{
	margin:  2% 4%;
}
.sp_header_nav .search_item input{
	font-size: 16px;
}
.sp_header_nav .search_item dt{
	padding: 6px 50px 6px 15px;
}
.sp_header_nav .search_item dd{
	position: absolute;
	top: 5px;
	right: 0;
	width: 20%;
}


/* ------------------------------------
	アコーディオンメニュー
------------------------------------*/
.accordion_contents{
	border-top: solid 1px #fff;
}
.accordion .inner {
	display: none;
}
.accordion .ac{
	cursor: pointer;
	position: relative;
}
.accordion a{
	display: block;
	padding: 15px 60px 15px 40px;
	color: #fff;
	text-decoration: none;
}
.accordion .ac a{
	background: url(../img/icon_white.png) 10px 18px no-repeat;
	background-size: 16px;
}
.accordion .inner li{
	cursor: pointer;
	position: relative;
	border-top: solid 1px #464646;
}
.accordion .inner li:first-of-type{
	border-top: solid 1px #fff;
}
.accordion .ac_multi:after{
	content: "\f067";
	font-family: FontAwesome;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 15px 20px;
	background: #535353;
	border-left: solid 1px #fff;
}
.accordion .ac_multi.active:after{
	content: "\f068";
	background: #78a60f;
}
.accordion .ac.active{
	background: #78a60f;
}
.ac_content:after{
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	color: #464646;
	top: 30%;
	right: 20px;
}

/* ------------------------------------
	ハンバーガーメニュー
------------------------------------*/
.hamburger {
	display: block;
	background: #92c81e;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 101;
}
.hamburger::after,.hamburger::before {
	content: "";
	height: 2px;
	width: 50%;
	position: absolute;
	left: 50%;
	margin-left: -25%;
	background-color: #fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.hamburger::before {
	top: 35%;
}
.hamburger::after {
	bottom: 35%;
}
.hamburger span {
	height: 2px;
	width: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -1px;
	margin-left: -25%;
	background-color: #fff;
	text-indent: -9999px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.hamburger.active span {
	display: none;
}
.hamburger.active:before {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 45%;
	background: #fff;
}
.hamburger.active:after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	top: 45%;
	background: #fff;

}


/* ------------------------------------
	MV下部メニュー
------------------------------------*/
.mv_nav {
	display: block;
}
.mv_nav_list{
	font-size: 0;
}
.mv_nav_item{
	display: inline-block;
	width: 49.5%;
	margin-left: 1%;
}
.mv_nav_item:first-of-type{
	margin-left: 0%;
}

/* ------------------------------------------------------------------
	2-3. Main styles
-------------------------------------------------------------------*/
.section_box { }
.section_thm {
width: 100%;
text-align: center;
}
.section_thm_left {
float: none;
margin: 0 auto 3% auto;
}
.section_thm_right {
float: none;
margin: 0 auto 3% auto;
}
.section_body { }

/* ------------------------------------
	第2階層用テンプレート
------------------------------------*/
.section_2nd { }
.section_2nd .fluid_col_02 > li {
width: 100%;
margin-right: 0;
}
.section_2nd_title {
font-size: 18px;
}

/* 親子構造の項目付き（Cタイプ） */
.section_2nd_type_c .section_2nd_title {
float: none;
width: 100%;
}
.section_2nd_type_c .section_2nd_item a:hover .section_2nd_title{ }
.section_2nd_type_c .section_2nd_text {
line-height: 1.4;
}

/* ------------------------------------------------------------------
	2-4. SideBar styles
-------------------------------------------------------------------*/

/* ------------------------------------
	Side_Banner
------------------------------------*/

.side_bnr_list { }
.side_bnr_item {
	margin-bottom: 4%;
}
.side_bnr_item img{
	width: 100%;
}
/* ------------------------------------------------------------------
	2-5. Footer styles
-------------------------------------------------------------------*/
.footer_info {
	float: none;
	width: 100%;
}
.footer_logo {
	width: 56%;
	margin: 0 auto;
}
.footer_address {
	text-align: center;
	padding: 0;
	margin-top: 0;
}
.footer_guide {
	float: none;
	width: 100%;
	padding: 0 2%;
	margin-top: 2%;
}
.footer_guide_item {
	width: 49%;
	margin: 0 0 0 2%;
}

.footer_section_02 {
	background: #76a60e url(../img/bg_footer_section_02_sp.png) no-repeat center top;
	background-size: cover;
	padding-bottom: 5%;
}
.footer_search{
	display: block;
	padding: 2% 2% 4% 2%;
}
.search_item{}
.footer_search .search_text{
	padding-left: 6%;
	font-size: 20px;
}
.footer_search .search_button{
	margin: 5% 0;
	font-size: 22px;
}
.fnav {
	font-size: 0;
	border-bottom: solid 2px #fff;
}
.fnav li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 50%;
	font-size: 16px;
	border-top: solid 2px #fff;
}
.fnav li a{
	display: block;
	padding: 5%;
}
.fnav li:nth-child(even){
	border-left: solid 2px #fff;
}
.copyright {
	text-align: center;
	margin-top: 3%;
	font-size: 10px;
}


/* ------------------------------------
	PAGETOP
------------------------------------*/
.page_top{
	display: none !important;
}
.page_top_sp{
	display: block !important;
}
.page_top_sp{
	padding: 0 3%;
}



}