@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {
	min-height: 100%;
	/*font-size: 14px;*/
	font-size:3vw;
	line-height: 150%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;
	-webkit-text-size-adjust: 100%;
	background-image:url(common/bg_all.png);
	background-repeat:repeat-x;
	background-size:cover;
	background-position:left top;
}
img {
	border: 0;
	vertical-align: top;
	vertical-align: bottom;
}
img {
	border: 0;
	vertical-align: top;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
a {
	overflow: hidden;
	outline: none;
	color: #333333;
	text-decoration: none;
}
a>img:hover {
}
a:hover {
	text-decoration: underline;
}
.sp_hide {
	display: none !important;
}
.pc_hide {
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
 display: none;
}
input[type="submit"]::focus, input[type="button"]::focus {
 outline-offset: -2px;
}

/*-----------------------------------------------------------*/
/*全体枠*/

#all{
	width:100%;
	overflow:hidden;
}

#bg_header{
	display:none;
}

/*-----------------------------------------------------------*/
/*ヘッダー*/

#header_wrap{
	width:100%;
	margin:0px auto;
	background-color:#4CBD83;
	overflow:hidden;
	position:relative;
}

#header{
	width:100%;
	overflow:hidden;
	height:60px;
	position:relative;
}

#header h1{
	overflow:hidden;
	position:absolute;
	left:5px;
	top:5px;
}

#header h1 img{
	width:auto;
	height:50px;
}

/*会員メニュー*/

#head_mem_btn{
	display:none;
}

/*サイト内検索*/

#site_search{
	width:90%;
	margin:0px auto 10px auto;
	display:none;
}

/*翻訳*/
#translate{
	display:none;
}

#translate_txt{
	display:none;
}

/*-----------------------------------------------------------*/
/*グローバルナビゲーション*/

#gnavi{
	display:none;
}

/*-----------------------------------------------------------*/


#btn_gnavi{
	width:60px;
	height:60px;
	position:absolute;
	right:0px;
	top:0px;
}

/*-----------------------------------------------------------*/
/*フッター*/

#footer_wrap{
	overflow:hidden;
	width:100%;
	margin:0px auto;
	background-color:#4CBD83;
	color:#fff;
}

#footer_wrap a{
	color:#fff;
}

#footer{
	width:100%;
	margin:0px auto;
}



#footer ul{
	padding:5px 0px;
	width:98%;
	overflow:hidden;
	margin:0px auto;
}

#footer ul li{
	list-style-type:none;
	float:left;
	line-height:20px;
	width:50%;
}

#footer ul li a{
	display:block;
	padding:0.5em;
	text-decoration:none;
	color:#fff;
	font-size:3.25vw;
}

#footer dl{
	clear:both;
	font-size:3vw;
	margin:5px auto;
	overflow:hidden;
	width:95%;
	line-height:115%;
}

#footer dl dt{
	font-weight:bold;
}

#footer dl dd{
}

/*-----------------------------------------------------------*/
/*コピー*/

#copy_wrap{
	background-color:#fff;
	background-image:url(new_index/bg_green.png);
	overflow:hidden;
	width:100%;
	margin:0px auto;
}

#copy{
	width:100%;
	margin:0px auto;
	text-align:center;
	color:#4CBD83;
	line-height:40px;
	font-size:3vw;
}

/*-----------------------------------------------------------*/
/*メインコンテナ*/

#main_container_wrap{
	clear:both;
	overflow:hidden;
	width:100%;
}

#main_container{
	width:100%;
	margin:0px auto;
	overflow:hidden;
	position:relative;
}

/*-----------------------------------------------------------*/
/*左カラム*/

#left_column{
	width:100%;
	overflow:hidden;
}

#left_column table{
	width:auto;
}

/*ページタイトル*/

#page_title{
	width:100%;
	margin:0px auto;
	background-color:#FFF5D7;
	padding:40px 0px;
	background-image:url(new_index/bg_header2.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;
}

#page_title h1{
	overflow:hidden;
	color:#058546;
	/*font-size:28px;*/
	font-size:5.5vw;
	font-family: "Gothic MB101 Bold","メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Arial, Helvetica, sans-serif;
	width:90%;
	margin:0px auto;
	text-align:center;
	line-height:110%;
}

#page_title h1 span{
	display:block;
	font-size:4vw;
}

#breadcrumb{
	display:none;
}

/*コンテンツ*/

#contents{
	width:100%;
	margin:0px auto;
	overflow:hidden;
}

#contents h1{
	font-size:4.5vw;
	font-family: "Gothic MB101 Bold","メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Arial, Helvetica, sans-serif;
	color:#fff;
	background-image:url(common/h1.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:100% 100%;
	line-height:18px;
	padding:10px 0px 14px 10px;
	margin:20px 0px;
	overflow:hidden;
}

#contents h2{
	border-bottom:2px solid #49BD80;
	font-size:4vw;
	font-weight:bold;
	font-family: "Gothic MB101 Bold","メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Arial, Helvetica, sans-serif;
	padding:0.5em 0px 0.5em 0.75em;
	margin:10px 0px;
	overflow:hidden;
}

#contents h3{
	font-size:4vw;
	color:#45BD7A;
	font-family: "Gothic MB101 Bold","メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Arial, Helvetica, sans-serif;
	border-bottom:1px solid #CCCCCC;
	padding:0.5em 0px 0.5em 0.75em;
	margin:10px 0px;
	overflow:hidden;
}

#contents h3 i{
	margin-right:0.5em;
}

#contents h4{
	font-size:4vw;
	color:#058546;
	font-family: "Gothic MB101 Bold","メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 0.75em;
	margin:10px 0px;
	overflow:hidden;
}

#contents h4 i{
	margin-right:0.5em;
}

/*-----------------------------------------------------------*/
/*右カラム*/

#right_column{
	width:100%;
	overflow:hidden;
	background-color:#FFF5D7;
}

/*ローカルナビ*/

.local_navi{
	background-color:#0F854B;
	width:80%;
	border:1px solid #0F854B;
	overflow:hidden;
	margin:20px auto 20px auto;
	font-family: "Gothic MB101 Bold","メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Arial, Helvetica, sans-serif;
}

.local_navi dt{
	overflow:hidden;
	padding:10px;
}

.local_navi dt a{
	text-decoration:none;
	color:#fff;
	font-size:4vw;
	font-weight:bold;
}

.local_navi dd{
}

.local_navi dd ul{
	background-color:#fff;
	
	box-sizing:border-box;
}

.local_navi dd ul li{
	list-style-type:none;
	border-top:1px solid #0F854B;
	box-sizing:border-box;
}

.local_navi dd ul li a{
	display:block;
	text-decoration:none;
	font-size:3.5vw;
	font-weight:bold;
	color:#058546;
	padding:10px 20px;
}

/**/

.side_banner{
	display:none;
}

.side_banner ul{
}

.side_banner li{
	list-style-type:none;
	width:50%;
	float:left;
	text-align:center;
	margin-bottom:10px;
}

.side_banner li img{
	width:90%;
	height:auto;
}

/**/

.side_fb{
	width:230px;
	margin:20px auto;
	display:none;
}

/*-----------------------------------------------------------*/
.txt01 {
	width: 95%;
	margin: 40px auto;
	overflow: hidden;
}
/**/
/**/
.link ul{
	margin:30px 0px;
}

.link li{
	list-style-type:none;
	margin-bottom:5px;
	margin-left:20px;
}

/**/

.pageTop{
	display:none !important;
}
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/**
* ドロワー開放時のスタイル
**/
body.drawer-opened #page {
	left: -300px;
	box-shadow: 1px 0 2px #000;
	-webkit-box-shadow: 1px 0 2px #000;
}
body.drawer-opened .fixed-content {
	left: -300px;
}
body.drawer-opened #drawernav {
	right: -20px;
}
body.drawer-opened #humberger .icon-bar {
	background: #fff;
}
body.drawer-opened #humberger :nth-child(1) {
	transform: translate(0, 8px) rotate(45deg);
	-webkit-transform: translate(0, 8px) rotate(45deg);
}
body.drawer-opened #humberger :nth-child(2) {
	transform: translate(-20px, 0);
	-webkit-transform: translate(-20px, 0);
	opacity: 0;
}
body.drawer-opened #humberger :nth-child(3) {
	transform: translate(0, -8px) rotate(-45deg);
	-webkit-transform: translate(0, -8px) rotate(-45deg);
}
body.drawer-opened #overlay {
	z-index: 3;
	opacity: 0.3;
	left: -240px;
}
/*-----------------------------------------------------------*/
#drawernav {
	position: fixed;
	overflow-y: scroll;
	top: 0;
	right: -300px;
	width: 300px;
	height: 100%;
	background: #333;
	box-sizing:border-box;
	color: #fff;
	z-index:20000 !important;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	-o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
	-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
	-o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
	transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}
#drawernav a {
	font-family: "tbchibirgothicplusk-pro", sans-serif;
	color: #fff;
	text-decoration: none;
}
#sp_gnavi {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0px 0px 40px 0px;
	padding-top: 40px;
}
#sp_gnavi dl {
	width: 260px;
	margin-left: auto;
	margin-right: auto;
}
#sp_gnavi dl dt {
}
#sp_gnavi dl dd {
	overflow: hidden;
	margin-bottom: 24px;
}

#sp_gnavi dl .txt_eng{
	font-family: "Mplus 1p";
	font-size:12px;
	overflow:hidden;
	display:block;
	line-height:14px;
	margin-left:1.25em;
}

#sp_gnavi dl dd ul {
	overflow: hidden;
}
#sp_gnavi dl dd ul li {
	list-style-type: none;
	overflow: hidden;
	margin-top: 15px;
}
#sp_gnavi .gnavi_bn01 {
	overflow: hidden;
	text-align: center;
}
#sp_gnavi .gnavi_bn02 {
	overflow: hidden;
	text-align: center;
	margin-bottom: 5px;
}
/**/

.close_btn {
	position: absolute;
	right: 40px;
	top: 20px;
}
.close_btn a {
	color: #fff;
	font-size:6vw;
	text-decoration: none;
}

/*-----------------------------------------------------------*/

font{
	font-size:inherit !important;
}

/*-----------------------------------------------------------*/

#ex_icon01{
	background-image:url(new_index/ex_icon01.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#ex_icon02{
	background-image:url(new_index/ex_icon02.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#ex_icon03{
	background-image:url(new_index/ex_icon03.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#ex_icon04{
	background-image:url(new_index/ex_icon04.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#ex_icon05{
	background-image:url(new_index/ex_icon05.png);
	background-repeat:no-repeat;
	background-position:left center;
}

/*-----------------------------------------------------------*/