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

.body {
	font-family: "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.main {
	padding-bottom: 1rem;
	border-bottom: double 2px #CC6600;
}
.font-midashi {
	font: var(--font_2);
	color: #94821b;
	font-weight: bold;
}
.font-midashi sub {
	color: #94821b;
	bottom: 0;
	font-size: 70%;
}
.font--line-height {
	line-height: 1.9em;
}
.MT40 {
	margin-top: 2rem;
}
/*====================header style=====================*/
header .width--980 {
	width: 100%;
	height: auto;
	margin-right: 0;
}
header ul {
	width: 980px;
}
header .col--pc-6 {
	width: 100%;
	display: flex;
}

/*==========ヘッダーイメージ=============*/
header .col--pc-6 img {
	width: 222px;
	height: 147px;
	line-height: 25%;
	margin: 0 auto;
}
header .col--pc-6 .MTB0{
	width: 0;
}
header .col--pc-6 .PTB0{
	width: 0;
}
.h-img{
    margin: 0 auto;
}
/*header .col--pc-6 .pc{
	display: block;
		width: 980px;
		margin: 0 auto;
	}*/
/*================ヘッダーお問合せ==================*/
.exp {
	
	text-align: center;
	position: relative;
	right: 100px;
}
.exp h4 {
	margin:0;
	vertical-align: top;
	font-size: 14px;
	margin-bottom: 0;
}
.exp h1 {
	vertical-align: middle;
	font-size: 30px;
	margin-bottom: 2rem;
	margin-top: 2rem;
}
.exp a {
	font-size: 15px;
	margin-bottom: 0;
	margin-top: 0;
}
/*========ヘッダーのメニューボタン=======*/
header .menu_btn {
	width: 280px;
	height: 40px;
	background-color: #94821B;
	color: #FFFFFF;
 padding: .5rem 2rem;
 text-decoration: none;
}
header .menu_btn:hover {
	opacity: .5;
	cursor: pointer;
	transition: 1s;
	background-color: #989191;
	color: #000000;
}
/*============メニューバー=====================*/


header .col--pc-9 {
	background: -moz-linear-gradient(top, #000, #666);
	background: -webkit-linear-gradient(top, #666, #CCC);
	background: linear-gradient(to bottom, #CCC, #FFF);
	height: 4.7rem;
	width: 1920px;
	box-sizing: border-box;
	padding: 0 5rem;
	;
}
header li.line {
	padding: 0;
}
header .MT20 ul {
	margin: 0 auto;
	padding: 0 4rem;
}
#gnav > ul li a:hover {
	opacity: .5;
	cursor: pointer;
	transition: 1s;
	color: #FF9;
}
header .MT20 li {
	border-left: solid 2px #666;
}
#gnav > ul li a {
	margin: 0;
	color: #94821b;
	font-size: 1.6rem;
}
header .MT20 li:first-child {
	border-left: none;
}
@media only screen and (max-width: 40em){
	header .col--pc-6 {
    display: block;
}
	
}
/*=====================MV style=====================*/

.mv {
	display: flex;
	padding-bottom: 3rem;
	padding-top: 3rem;
}
.mv_p {
	margin-left: 1rem;
}
.mv_ex {
	padding-left: 2rem;
}
.mv h3 {
	font-size: 34px;
	letter-spacing: normal;
	line-height: 1.3em;
}
.mv sub {
	font-size: 15px;
}
.MT60 {
	margin-top: 0;
}
/*=====================sec1 style=====================*/
.sec1_img {
	display: block;
	text-align: center;
}
.sec1 h3 {
	font-size: 3.4rem;
	padding: 0;
	letter-spacing: normal;
	line-height: .9em;
	margin-top: 1rem;
}
.sec1 sub {
	font-size: 2.2rem;
}
.sec1 p {
	margin: 0 5rem;
	padding: 0 5rem;
}
/*===============sec2 style===========================*/
.bg--main-light {
	background-color: #FFFFFF;
}
.sec2 h3 {
	font-size: 3.7rem;
	letter-spacing: 0.15rem;
	line-height: .9em;
}
.sec2 sub {
	font-size: 2.2rem;
}
.swiper-wrapper .swiper-slide img{
	width: 40%;
}
.swiper-slide {
	margin: 0 auto;
}
/*===============sec3 style===========================*/

.sec3 h3 {
	font-size: 3.7rem;
	letter-spacing: 0.15rem;
	line-height: .9em;
}
.sec3 sub {
	font-size: 2.2rem;
}
.sec3 ul {
	margin: 0 auto;
}
.sec3 .col--4 {
	margin: 0 auto;
}
.sec3 dd {
	margin: 0;
}
.sec3 li {
	text-align: center;
}
.sec3 .menu_btn {
	width: 258px;
	height: 47px;
	background-color: #94821B;
 padding: .5rem 2rem;
}
.sec3 a.menu_btn{
	color: #fff;
}
.menu_btn:hover {
	opacity: .5;
	cursor: pointer;
	transition: 1s;
	background-color: #989191;
	color: #000000;
}
.sec3 img{
 /*   display: block;*/
   /* border-radius: var(--rd,5px);*/
    box-shadow: var(--shd,0 1px 3px rgba(0,0,0,.5));
    background-color: rgba(var(--brd,var(--color_11)),var(--alpha-brd,1));
    border: solid 5px #fff;
/*    border-color: rgba(var(--brd,var(--color_11)),var(--alpha-brd,1));
    border-width: var(--brw,2px);*/
    overflow: hidden;
    height: auto;
	width: 80%;
	height:auto;
}
/*===============sec4 style===========================*/
.sec4 h3 {
	font-size: 3.7rem;
	letter-spacing: 0.15rem;
	line-height: .9em;
}
.sec4 sub {
	font-size: 2.2rem;
}
.info_logo img {
	padding: 3rem;
	width: 243px;
	height: 150px;
}
.info_logo p {
	clear: left;
}
.info_logo {
	display: block;
	padding: 3rem;
	text-align: center;
}
.ggmap {
	display: block;
}
.ggmap iframe {
	position: relative;
	width: 400px;
	height: 380px;
}
.map {
	display: flex;
	padding: 0 10%;
}
.sec4 .btn--tel {
	border-radius: 0;
	background-color: #94821b;
	height: 47px;
	line-height: 47px;
}
.sec4 .btn--tel:hover {
	opacity: .5;
	cursor: pointer;
	transition: 1s;
	background-color: #989191;
	color: #000000;
}
.border {
	width: 100%;
	height: 2px;
	border-bottom: solid 1px #94821b;
	border-top: solid 2px #94821b;
}
/*=======================
footer
=========================*/
.footer_nav li {
	padding: 0;
	margin: 0;
}
.footer_nav .PB40 {
	padding-bottom: 0;
}
.footer_nav p.MT40 {
	margin: 0;
	margin-top: 1rem;
}
.footer {
	background-color: #fff;
	color: #94821b;
	padding: 0;
}
.footer p {
	padding: 0;
	margin: 0 auto 2rem;
}
.copyright {
	color: rgb(var(--txt, var(--color_15)));
}

@media only screen and (max-width: 40em) {
	.menu--fixed .menu a {
    background: #94821B;
	}
	
.sec1 p{
	padding: 0;
	margin: 0;
	}
.mv sub {
    font-size: 58%;
}
.mv h3{
    font-size: 2rem;
}

.sec1 sub {
    font-size: 58%;
}
.sec1 h3{
    font-size: 2rem;
	line-height: 1.2em;
}
.sec2 sub {
    font-size: 58%;
}
.sec2 h3{
    font-size: 2rem;
}
.swiper-wrapper .swiper-slide img{
	width: 100%;
}
.sec3 sub {
    font-size: 58%;
}
.sec3 h3{
    font-size: 2rem;
	line-height: 1.2em;
}
.sec3 .col__wrap{
	display: block;
	}
	.sec3 li.col--4{
		width: 100%;
		margin: 0 auto;
		padding: 2rem;
		}
.sec4 sub {
    font-size: 58%;
}
.sec4 h3{
    font-size: 1.9rem;
	line-height: 1.2em;
}
.mv {
	display: block;
	padding: 0;
}
.mv p{
	margin-left: -1rem;
}
.map{
	display: block;
	padding: 0;
	margin: 0;
}
.info_logo img {
    padding: 0;
    width: 80%;
    height: auto;
	margin: 0 auto;
}
.info_logo{
	padding: 0;
	width: 100%;
	margin: 0 auto;
}

.sec4 .PT30{
	padding-top: 0;
}