/* *******************************************************************************
-------------------------------------------------------------
■ PC
-------------------------------------------------------------
 1. content
 
-------------------------------------------------------------  
■ @media screen and (max-width: 767px)
-------------------------------------------------------------
 1. content
 
******************************************************************************* */

.top .hikoukai {
    display: none !important;
}

/* ----------------------------------------------------------
■ PC
----------------------------------------------------------- */
/* =====================================
 1. content
===================================== */
.under #content {
    margin: 0;
    padding: 3em 0;
}
a:focus, *:focus { outline:none; }

/* ----------------------------------------------------------
■ @media screen and (max-width: 767px)
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
/* =====================================
 1. content
===================================== */
.under #content,
.static #content {
    margin: 0;
    padding: 3em 0;
}
}
/*=============================================追記=============================================*/
/*=============================================pc(1000px～)=====================================*/
/*==================header(pc)==================*/
#header {
    background: #fff;	
}
.header_menu {
    height: auto;
    padding: 0;
}
#header_menu_block {
    background: none;
		padding:0 0 20px 0;
}
.header_block {
    margin: 23px auto;
}
.header_block h1 a {
    display: inline;
}
.header_block h1 {
   width: 32.5%;
}
h1 a img{
	max-width:327px;
	max-height:71px;
	width:100%;
}
.header_right_box {
    width: 56%;
}
#header .pc_tel{
	/*max-width:260px;
	max-height:47px;*/
	width:100%;
	display:block;
	float: right;
	margin:0 0 0 0;
}
.header_menu .g_nav li{
    height:auto;
    position:relative;
}
.header_menu .g_nav li a, .header_menu .g_nav li span {
		padding:8px 0px 6px 0;
}
.header_menu .g_nav li a:hover, .header_menu .g_nav li span:hover {
		background:#ffe29d;
}
.header_menu .g_nav li:before{
	  border-left: 1px solid #e8e8e8;
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0px;
    width: 1px;
}
.header_menu .g_nav li.nav06:after{
    border-left: 1px solid #e8e8e8;
    box-sizing: border-box;
    content: "";
    height: 100%;
    right: 0;
    position: absolute;
    top: 0px;
    width: 1px;
}
.header_menu .g_nav li.g_nav_sub_row:before,
.header_menu .g_nav li.g_nav_sub_row:after{
	  display:none;
}
.header_menu .g_nav li.nav01,
.header_menu .g_nav li.nav02,
.header_menu .g_nav li.nav03,
.header_menu .g_nav li.nav04,
.header_menu .g_nav li.nav05,
.header_menu .g_nav li.nav06 {
    width: 16.5%;
		height: auto;
}
.submenu {
    margin:0 0 0 0;
}
.header_sub_menu {
	  width: 100%;
    margin:0 0 0 0;
}
.header_menu .g_nav li {
    width: 100%;
}
.header_menu .g_nav .submenu li.g_nav_sub_row a {
	color:#666;
	padding: 5px 0px;
    width: 100%;
}
.header_menu .g_nav .submenu li.g_nav_sub_row a:hover {
	background:#F8F8F8;
}
.header_menu .g_nav .submenu li.g_nav_sub_row a.small {
    font-size:12px;
}
/*==================main_image(pc)==================*/
#mainimage {
margin-top: 173px;
position:relative;
}
.top .main_contents {
width: 100%;
height: 550px;
background: url("../asset/main_image_pc.png") no-repeat center top;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.top .main_contents .main_txt {
    height: 100%;
}
.top .main_contents .main_txt_in {
    position: static;
}
.top .main_contents .effect_box01 {
    padding: 175px 0 0;
}
.top .main_contents .effect_box01 p.lead_txt{
   margin: 0 auto;
    padding: 50px 0px;
    position: relative;
		color:#4c3000;
		line-height: 1.3;
    width: 670px;
		font-size: 40px;
    z-index: 0;
}
.top .main_contents .effect_box01 p.lead_txt span.green{
   color:#00a73b;
}
.top .main_contents .effect_box01 p.lead_txt span.small{
		font-size: 75%;
}
.top .main_contents .effect_box01 p.lead_txt:before {
   position:absolute;
	 content:"";
	 top:0;
	 left:0;
	 width:100%;
	 height:100%;
	 background:#fff;
	 opacity:0.8;
	 border-radius:10px;
	 z-index: -1;
}
.top .main_contents .main_txt p {
    text-align: center;
}
.top .link_box01 {
    background:#f3eee7;
}
.top .link_box01 .link_box01_in {
    height: auto;
}
.top .link_box01 .link_box01_in .lead_txt {
   color: #4c3000;
    font-size: 18px;
    height: auto;
    line-height: 1.8;
    margin: 17px 20px 0 0;
}
.top .link_box01 .btn_style {
    height: auto;
		float: right;
    width: 320px;
}
.top .link_box01 .btn_style a {
    height: auto;
    line-height: 50px;
    margin: 23px auto;
    width:100%;
		background:#edb329;
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#edb329', endColorstr='#edb329')";
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edb329', endColorstr='#edb329',GradientType=0 );
    box-shadow:none;
		border-radius:10px;
    color: #fff;
		font-size:20px;
    display: block;
    height: auto;
    text-align: center;
    text-decoration: none;
    width: auto;
		position:relative;
}
.btn_style a:hover{
opacity: 0.8;
 filter: alpha(opacity=80);
 -ms-filter: "alpha( opacity=80 )";
}
.top .link_box01 .btn_style a:after {
	border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: "";
    display: block;
    height: 7px;
    position: absolute;
    right: 10px;
    top: 20px;
    transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
    width: 7px;
}
.under #mainimage {
margin-top: 173px;
background: url("../asset/under_top01.png") no-repeat center top #f3ebe3;
background-size:cover;
height: 190px;
text-indent: 0;
}
.under #mainimage h2 {
	font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    font-size: 35px;
		color:#4c3000;
		font-weight:normal;
   padding-top: 81px;
}
#blogBody .main_contents {
display: none;
}
#blogBody #mainimage,
#inquiryBody #mainimage,
#newsList #mainimage,
#websiteNewsDetail #mainimage,
#notfoundBody #mainimage,
#sitemapBody #mainimage {
background:none;
margin-top: 173px;
height: 0px;
}
/*==================content(pc)==================*/
#content{
min-height: 650px !important;
}
.inquiry #content .contentArea {
    margin: 0 0 10em;
}
/*==================footer(pc)==================*/
#footer {
	font-size: 14px;
color:#4c3000;
background: #f3eee7;
position:relative;
}
.footer_block {
padding: 40px 0 9px;
}
.footer_nav_box.first {
width: 28%;
min-height: 300px;
}
.footer_nav_box.second {
width: 32%;
min-height: 300px;
border-right:none;
}
.footer_access_box {
width: 38%;
min-height: 300px;
padding:0;
border-left:none;
clear: none;
float: right;
background: #f3eee7;
}
.footer_nav_box .footer_ttl {
color: #00a73b;
font-size:22px;
padding: 0 0px 10px;
}
.footer_access_box .footer_ttl {
color: #00a73b;
font-size: 22px;
text-align: left;
padding: 0 20px 10px;
}
.footer_access_box p.access_txt {
line-height: 1.9;
color: #4c3000;
padding: 0 20px 10px;
}
.access_txt a {
cursor: default;
color: #4c3000;
}
.access_txt a:hover {
color:#1d1d1d;
}

ul.footer_nav li{
	padding: 0 0 0 12px;
	position:relative;
	margin:0 0 9px 0;
}
ul.footer_nav li a{
	color:#4c3000;
	font-size: 14px;
}
#footer ul li a:hover {
text-decoration:underline
}
ul.footer_nav li:before{
display: block;
content: "";
position: absolute;
top: 12px;
left: 0px;
background:#4c3000;
width: 6px;
height: 1px;
}
.guide_box{
background: #f3eee7;
}
ul.footer_guide{
	padding: 10px 0 0;
border-top:1px dotted #4c3000;
}
ul.footer_guide li a {
color: #4c3000;
position: relative;
background:none;
padding: 0 10px 0 12px;
}
ul.footer_guide li.copyright {
color: #4c3000;
padding: 40px 0 0;
}
ul.footer_guide li a:before {
content: "";
display: block;
height: 0;
left: 3px;
position: absolute;
top: 10px;
width: 0;
border:4px solid transparent;
border-left:4px solid #4c3000;
}
/*==================その他(pc)==================*/



@media screen and (max-width: 1000px) {
/*====================================================================================*/
/*==================header(～1000px)==================*/
.header_menu .g_nav {
    margin: 0;
}
.header_menu, .sub_menu {
    margin: 0 auto;
    width: 98%;
}
.header_menu .g_nav li a, .header_menu .g_nav li span {
    font-size: 12px;
}
.header_menu .g_nav .submenu li.g_nav_sub_row a {
    font-size: 12px;
}
.header_menu .g_nav .submenu li.g_nav_sub_row a.small {
    font-size:9px;
}
/*==================main_image(～1000px)==================*/
#mainimage {
margin-top: 154px;
}
.top .main_contents {
    height: 410px;
}
.top .main_contents .effect_box01 {
    padding: 125px 0 0;
}
.top .main_contents .effect_box01 p.lead_txt {
    font-size: 35px;
    padding: 35px 0;
    width: 520px;
}
.top .link_box01 .link_box01_in .lead_txt {
    float: left;
    height: auto;
    margin:0;
    padding: 17px 0 0;
    text-align: left;
}
.top .contents01 .col_box .btn_style {
    
    width: 40%;
}
.under #mainimage {
margin-top: 154px;
}
/*==================content(～1000px)==================*/

/*==================footer(～1000px)==================*/
ul.footer_nav {
    padding: 0 20px 0 0;
}
.footer_nav_box.first {
    min-height: 300px;
    padding: 0 0 0 2%;
    width: 26%;
}
.footer_access_box {
clear: none;
float: right;
width: 40%;
min-height: 1px;
margin: 0;
padding: 10px 0 0px;
border: none;
background: #f3eee7;
}

.footer_access_box p.access_txt {
text-align: left;
color: #4c3000;
}
.footer_access_box .footer_ttl {
text-align: left;
padding-left: 20px;
}
.footer_access_box p.access_txt a {
    color: #4c3000;
    text-decoration: none;
}

.access_txt a:hover {
color: #4c3000;
}
/*==================その他(～1000px)==================*/
}
@media screen and (min-width: 768px) {
.footer_access_box p.access_txt a {
  pointer-events: none;
}
}
@media screen and (max-width: 767px) {
/*====================================================================================*/
/*==================header(～767px)==================*/
#header {
height: 90px;
padding: 13px 0;
}
.header_block {
    margin: 10px auto;
}
.header_block h1 {
    margin: 0 0 0 2%;
    width: 65%;
}
.header_right_box {
    margin: 8px 2% 0 0;
   width: 28%;
}
.header_right_box li.btn_tell,
.header_right_box li.btn_menu,
.header_right_box li.btn_inq {
    display: block;
    float: right;
　　max-width:54px;
    margin:0 6px 0 0;
    width: 54px;
}
.header_right_box li.btn_tell a, 
.header_right_box li.btn_menu a,
.header_right_box li.btn_inq a {
    height: 100%;
　　width:100%;
}
.header_right_box img {
    margin: 0;
    width: 100%;
}
.header_menu .g_nav li{
    width: 100%!important;
}
.header_menu, .sub_menu {
    width: 100%;
}
.header_menu .g_nav li a,.header_menu .g_nav li span{
font-size: 17px;
padding: 15px 0 15px 30px;
color:#4c3000;
}
.header_menu .g_nav li a:hover, .header_menu .g_nav li span:hover {
    color: #00a73b;
}
.header_menu .g_nav li:before,
.header_menu .g_nav li:after{
   display:none;
}
.header_menu .g_nav {
background: #FFEEC5;
}
.header_menu .g_nav li span:hover {
background: #FFE5A6!important;
}
.header_menu .g_nav li span:before {
		position:absolute;
		content:"";
		width:15px;
		height:15px;
		border-right:2px solid #4c3000;
		border-bottom:2px solid #4c3000;
		background:none;
}
.header_menu .g_nav li span:after {
    display:none;
}
.header_menu .g_nav .submenu li.g_nav_sub_row a {
    background: #FFF5DB;
    font-size: 16px;
    padding: 14px 14px 14px 30px;
}
.header_menu .g_nav .submenu li.g_nav_sub_row a:hover {
     background: #FFE5A6;
}
.header_menu .g_nav li .g_nav_sub_row a:after {
background: #FFF5DB;
}
.header_menu .g_nav li .g_nav_sub_row:hover a:after {
background: #FFE5A6;
}
/*==================main_image(～767px)==================*/
.top .main_contents {
background: url("../asset/main_image_sp.png") no-repeat  center top;
background-size:cover;
width: 100%;
height: 470px;
min-height: 0;
}
.top .link_box01 .link_box01_in .lead_txt {
	padding: 15px 0 0;
    float: none;
    text-align: center;
}
.top .link_box01 .btn_style {
    float: none;
    margin: 0 auto;
}
.top .link_box01 .btn_style{
    padding: 8px 0 21px;
}
.top .link_box01 .btn_style a {
    margin: 0 auto;
}
.top #mainimage,
.under #mainimage {
	margin-top:0px;
}
#blogBody #mainimage,
#inquiryBody #mainimage,
#newsList #mainimage,
#websiteNewsDetail #mainimage,
#notfoundBody #mainimage,
#sitemapBody #mainimage {
height: 0px;
margin-top: -20px;
}
/*==================content(～767px)==================*/

/*==================footer(～767px)==================*/
#footer {
background: #f3eee7;
}
.footer_block {
padding: 0px 0;
}
ul.footer_nav {
border-top: 1px dotted #dbd6d0;
padding: 0;
}
.footer_nav_box.first {
background: #f3eee7;
    height: auto;
    min-height: 0;
    padding:30px 0 35px;
    width: 100%;
}
.footer_nav_box.second {
background: #f3eee7;
    height: auto;
    margin: 0;
    min-height: 0;
    padding: 0;
    width: 100%;
}
.footer_nav_box.first ul.footer_nav li a {
position:relative;
background:none;

}
ul.footer_nav li a {
background:none;
padding: 4px 10px 4px 19px;
font-size:16px;
}
ul.footer_nav li {
 background: none;
    border-bottom: 1px dotted #dbd6d0;
    margin:0;
    padding: 0 20px;
}
ul.footer_nav li:before {
    left: 28px;
    position: absolute;
    top: 16px;
}
.footer_access_box {
clear: both;
float: none;
width: 92%;
min-height: 1px;
margin: 0;
padding: 30px 4% 10px;
border: none;
background: #f3eee7;
}
.footer_access_box .footer_ttl {
color: #00a73b;
font-size: 26px;
 padding: 0 0 10px;
text-align: left;
}
.footer_access_box p.access_txt {
    color: #4c3000;
    font-size: 16px;
		padding: 0 0 10px;
    text-align: left;
}
.footer_nav_box .footer_ttl {
padding: 0 4% 10px;
font-size: 26px;
}
.footer_access_box p.access_txt a {
text-decoration: underline;
}
.footer_access_box p.access_txt a:hover {
text-decoration: none;
}
.guide_box {
background: #f4b733;
}
ul.footer_guide {
border:none;
width: auto;
max-width: 1000px;
padding: 0 2.5%;
width: 95%;
}
ul.footer_guide li:nth-child(1) {
  padding: 0 0 0 0px;
}
ul.footer_guide li a {
background: none;
color: #4c3000;
position:relative;
}
ul.footer_guide li a:before {
display: block;
content: "";
position: absolute;
top: 10px;
left: 5px;
width: 0;
height: 0;
margin-top: 0;
border: 3px solid transparent;
border-left: 5px solid #78664f;
}
ul.footer_guide li.copyright span {
color: #4c3000;
}
/*==================その他(～767px)==================*/

}

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

/*==================main_image(～640px)==================*/
.under #mainimage {
    height: 140px;
}
.under #mainimage h2 {
    font-size: 22px;
    padding-top: 60px;
}
.top .main_contents {
    height: 395px;
}
.top .main_contents .effect_box01 p.lead_txt {
    font-size: 23px;
    padding: 30px 0;
    width: 390px;
}
/*==================content(～640px)==================*/

/*==================footer(～640px)==================*/

/*==================その他(～640px)==================*/

}
@media screen and (max-width: 560px) {
/*====================================================================================*/
/*==================header(～560px)==================*/

/*==================main_image(～560px)==================*/
.top .main_contents {
    height: 345px;
}
.top .main_contents .effect_box01 {
    padding: 102px 0 0;
}
/*==================content(～560px)==================*/

/*==================footer(～560px)==================*/

/*==================その他(～560px)==================*/

}
@media screen and (max-width: 480px) {
/*====================================================================================*/
/*==================header(～480px)==================*/
.header_right_box li.btn_tell,
.header_right_box li.btn_menu,
.header_right_box li.btn_inq {
    margin:0 5% 0 0;
    width: 42.5%;
}
.header_right_box li.btn_menu{
    margin:0;
}
/*==================main_image(～480px)==================*/
.top .main_contents {
    height: 295px;
}
.top .main_contents .effect_box01 {
    padding: 94px 0 0;
}
.top .main_contents .effect_box01 p.lead_txt {
    font-size: 23px;
    padding: 22px 0;
    width: 326px;
}
/*==================content(～480px)==================*/
.under #content, .static #content {
    margin: 0;
    padding: 1.5em 0;
}
/*==================footer(～480px)==================*/

/*==================その他(～480px)==================*/

}
@media screen and (max-width: 420px) {
/*====================================================================================*/
/*==================header(～420px)==================*/
#header {
    padding: 7px 0 0;
}
/*==================main_image(～420px)==================*/
.top .main_contents {
    height: 260px;
}
.top .main_contents .effect_box01 p.lead_txt {
    font-size: 20px;
    padding: 19px 0;
    width: 292px;
}
.top .main_contents .effect_box01 {
    padding: 86px 0 0;
}
.top .link_box01 .link_box01_in .lead_txt {
    font-size: 16px;
		padding: 10px 0 0;
}
.top .link_box01 .btn_style {
    padding: 5px 0 17px;
}
.top .link_box01 .btn_style a {
    margin: 0 auto;
}
.under #mainimage {
    height: 120px;
}
.under #mainimage h2 {
    font-size: 16px;
    line-height: 1.4;
    padding-top: 50px;
}
/*==================content(～420px)==================*/

/*==================footer(～420px)==================*/
ul.footer_guide li.copyright {
    padding: 10px 0 0;
}
/*==================その他(～420px)==================*/

}

@media screen and (max-width: 360px) {
/*====================================================================================*/
/*==================header(～360px)==================*/
#header {
    height: 80px;
}
.header_right_box {
    margin: 4px 2% 0 0;
}
/*==================main_image(～360px)==================*/
.top .main_contents {
    height: 220px;
}
.top .main_contents .effect_box01 p.lead_txt {
    font-size: 16px;
    padding: 15px 0;
    width: 229px;
}
.top .main_contents .effect_box01 {
    padding: 74px 0 0;
}
.top .link_box01 .link_box01_in .lead_txt {
    font-size: 14px;
}
.top .link_box01 .btn_style {
    width: 260px;
}
/*==================content(～360px)==================*/

/*==================footer(～360px)==================*/

/*==================その他(～360px)==================*/


}
@media screen and (max-width: 320px) {
/*====================================================================================*/
/*==================header(～320px)==================*/

/*==================main_image(～320px)==================*/
.top .main_contents {
    height: 196px;
}
.top .main_contents .effect_box01 {
    padding: 61px 0 0;
}
/*==================content(～320px)==================*/

/*==================footer(～320px)==================*/

/*==================その他(～320px)==================*/

}