/****************** 
*    items.css    *
*******************/

@charset "UTF-8";

/* 共通部分   common.css参照
------------------------------- */

.red { color: red; }


/* ヘッダー（デスクトップ版）
------------------------------- */
@media screen and (min-width: 740px) {


}

/* ヘッダー（スマホ版）
------------------------------------------------- */
@media screen and (max-width: 740px) {
	.pc_none { display: block; }
	
	}


/* ナビゲーション（デスクトップ版）
--------------------------------------------- */
@media screen and (min-width: 740px) {

.pc_menu {
	margin: 0 auto;
	max-width: 1000px;
	height: 30px;
/** background: #e1eec1;  ***/
	box-sizing: border-box;
	}

.pc_menu ul {
	margin: 0;
	padding: 0;
	height: 70%;
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	list-style: none;
	}

.pc_menu li a {
	display: block;
	width: 130px;
	height: 80%;
	padding: 6px;
	background-color: #006837;
	color: #ffffff;
	font-size: 0.8rem;
	text-align: center;
	vertical-align: top;
	align-items: center;
	}

.pc_menu li a:hover {
	transition: 0.3s;
	background-color: #008000;
	}

}


/* ナビ（スマホ版）
-------------------------------------------- */
@media screen and (max-width: 740px) {
	.pc_none { display: block; }
	
	.sp_menu {
		display: none;
		background: rgba(10,85,120,0.9);
		position: absolute;
		top: 0;
		right: 0;
		width: 70%;
		z-index: 1000;
		color: #fff;
		}
	
	.sp_menu a {
		color: #fff;
		}
	
	.sp_lang {
		font-size: 0.8rem;
		margin: 24px 0 20px 14%;
		list-style: none;
		}
	
	.sp_lang a {
		font-weight: bold;
		}
	
	.rod {
		margin: 0 6%;
		}
	
	.ja .sp_menu .en a {
		color: #00080c;
		}
	
	.menu_btn_cl {
		position: absolute;
		right: 6.5%;
		width: 10%;
		}
	
	.menu_title {
		width: 90%;
		font-size: 0.8rem;
		font-weight: bold;
		margin: 0 auto;
		}
	
	/* menu_area **********/
	.menu_area {
		margin-bottom: 24px;
		}
	
	.menu_area a {
		display: block;
		width: 100%;
		padding: 10px 0;
		}
	
	.menu_area p:first-child {
		border-top: 1px solid #fff;
		}
	
	.menu_area p {
		width: 95%;
		margin: 0 auto;
		font-size: 0.8rem;
		border-bottom: 1px solid #fff;
		}
	
	.click {
		padding: 10px 0;
		position: relative;
		border-bottom: 1px solid #fff;
		}
	.click {
		background-image: url(../images/sp/btn_aco_op.png);
		background-repeat: no-repeat;
		background-position: 95% center;
		background-size: 7%;
		}
	
	.click.active {
		background-image: url(../images/sp/btn_aco_cl.png);
		background-repeat: no-repeat;
		background-position: 95% center;
		background-size: 8%;
		}
	
	.menu_area ul {
		background: #437d98;
		display: none;
		}
	
	.menu_area li {
		width: 95%;
		margin: 0 auto;
		border-bottom: 1px solid #fff;
		}
	
	}



/* 概要セクション （デスクトップ版）
-------------------------------------- */
.about_section {
	margin: 0;
	background-color: #ffffff;
	}

.about_section .main_block {
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px 10px;
	}

.highlight_area {
	margin: 0 auto;
	width: 94%;
	max-width: 1000px;
	text-align: center;
	border-bottom: 4px solid #006837;
	}

.highlight_title {
	margin: 0;
	padding-top: 30px;
	padding-bottom: 4px;
	font-size: 1.4rem;
	font-family: "Roboto";
	color: #006837;
	font-weight: 600;
	}

.message_block {
	margin-top: 20px;
	padding-left: 10%;
	padding-right: 4%;
	line-height: 1.6;
	font-size: 1.0rem;
	}

.message_text {
	text-align: left;
	font-size: 1.0rem;
	line-height: 1.6;
	} 

.message_text2 {
	text-align: right;
	padding-top: 10px;
	font-size: 0.8rem;
	line-height: 1.6;
	} 

.message_block_left {
	float: left;
	width: 60%;
	margin-right: 2%;
	margin-bottom: 2%;
	}

.message_block_right {
	float: right;
	text-align: center;
	width: 36%;
	margin-left: 2%;
	}

.message_block_right img {
	margin-top: 80px;
	width: 80%;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
	}



/* 概要セクション （スマホ版）
-------------------------------------- */
@media screen and (max-width: 740px) {
	.pc_none { display: block; }
	
	.about_section .main_block {
		padding: 10px 10px 20px;
		}
	
	.highlight_title {
		padding-top: 10px;
		font-size: 1.2rem;
		}
	
	.main_block .title {
		font-size: 1.0rem;
		}
	
	.message_block_left {
		float: none;
		width: 100%;
		}
	
	.message_block_right {
		float: none;
		text-align: center;
		width: 100%;
		}
	
	.message_block img {
		margin-top: 10px;
		width: 50%;
		}
	
	}