@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(../fonts/NotoSerifCJKjp/load.css);

body {
	color: #4a2f1a;
	font-size: 16px;
	line-height: 1.6;
	font-weight: 400;
	letter-spacing: 1px;

	/* 明朝体セット */
	font-family: 'Noto Serif Japanese', "游明朝体", "Yu Mincho", YuMincho, serif;

	/* ゴシック体セット */
	font-family: "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

/* ==================================================
タグ
================================================== */
/* リンク
-------------------------------------------------- */
a,
a img {
	text-decoration: none;
	color: inherit;
	transition: all .3s;
}

a:hover img {
	opacity: .8;
}

a[href^="tel:"] {
	color: inherit;
}

/*
@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}
*/

/* 端末別表示非表示設定
-------------------------------------------------- */
/*
@media screen and (max-width: 768px) { */
	/*.pc-only {*/ /* PCでの閲覧時にのみ表示したいコンテンツにつける */
/*		display: none !important;
	}
}
*/
/*
@media screen and (min-width: 768px) { */
	/*.sp-only {*/ /* スマホでの閲覧時にのみ表示したいコンテンツにつける */
/*		display: none !important;
	}
}
*/

/* 改行
-------------------------------------------------- */
.app-br {
	display: block;
}

/* box-sizing
-------------------------------------------------- */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


/* ==================================================
全体
================================================== */
#wrapper {
  min-width: 1180px;
  max-width: 1920px;
  margin: 0 auto;
}


/* ==================================================
テーブル
================================================== */
.styled-table01 {
	width: 100%;
	margin: 1em 0;
	line-height: 1.7;
}

.styled-table01:first-child {
	margin-top: 0;
}

.styled-table01 th,
.styled-table01 td {
	padding: 12px;
	vertical-align: top;
	text-align: left;
	border: 1px solid #ddd;
	background: #fff;
}

.styled-table01 th {
	width: 35%;
	font-weight: normal;
	background: #f7f7f7;
}

.styled-table01 thead th {
	background: #e6e6e6;
}

.styled-table01 caption {
	text-align: center;
	font-size: 20px;
}

/* ==================================================
ヘッダー
================================================== */
.global-header {
}

.header-inner {
	/*max-width: 1080px;*/
	width: 1080px;;
	margin: 0 auto 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

/* 固定設定　（ヘッダーを固定しない場合はこの項目ごと消せば固定しなくなる）
-------------------------------------------------- */
.header-fix-area-wrap {
	height: 150px; /* .header-fix-area の高さの実数地をデベロッパーツールで調べてここに入力する */
}

.header-fix-area {
	width: 100%;
	background: #fff; /* ヘッダーの固定部分の背景 */
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	box-sizing: border-box;
}

/*
@media screen and (max-width: 768px) {
	.header-fix-area-wrap {
		height: auto;
	}

	.header-fix-area {
		position: static;
	}
}
*/

/* h1
-------------------------------------------------- */
.header-description {
	width: 100%;
	padding: 8px 0;
	line-height: 1.2;
	font-size: 14px;
	font-weight: 300;
}

/* 問い合わせ
-------------------------------------------------- */
.header-contacts {
	line-height: 40px;
	display: flex;
}

.header-contacts li {
	margin: 0 0 0 15px;
	font-size: 22px;
}

/* 電話番号 */
.header-contacts .tel a {
	text-decoration: none;
	margin-top: 5px;
	display: block;
	font-size: 28px;
}
.header-contacts .tel a span{
	font-size: 16px;
}
.site-btn{
	background: #a7c001;
	color:#fff;
	padding: 6px 20px;
	border-radius: 6px;
	text-align: center;
	margin-top: 4px;
	font-size: 18px;
}
/* メール */
.header-contacts .mail a {
	padding: 14px 11px 0;
	height:50px;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	background: #f7b200;
	border-radius: 42px;
	display: block;
}

/* グローバルナビ
-------------------------------------------------- */
.header-nav {
	background: #a6bf01;
}

.header-nav > ul {
	/*max-width: 1080px;*/
	width: 1080px;;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.header-nav > ul > li {
	flex-grow: 1;
	position: relative;
}

.header-nav a {
	padding: 0 20px;
	line-height: 60px;
	color: inherit;
	font-size: 18px;
	text-decoration: none;
	display: block;
	color:#fff;
}

/* ドロップダウンメニュー
------------------------- */
.header-nav li ul {
	width: 100%;
	background: #cfcfcf;
	opacity: 0;
	transition: all .3s;
	position: absolute;
	top: 80%;
	z-index: 100;
	pointer-events: none;
}

.header-nav li:hover ul {
	top: 100%;
	opacity: 1;
	pointer-events: auto;
}


/* メインビジュアル
-------------------------------------------------- */
.header-main-visual {
	position: relative;
	background: url(../img/mv.jpg) center/cover fixed;
	width:100%;
	height:900px;
	background-size: auto 900px;
   background-position: top 157px center;
}

.catch{
	position: absolute;
	width:1080px;
	height:222px;
	top:120px;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
}

/*--- ↓ JSありの場合は、ここに記述する ↓ ---*/	


/* スマホ
-------------------------------------------------- */
/*
@media screen and (max-width: 768px) {
	.header-inner {
		margin: 0;
		padding: 10px;
		display: block;
	}

	.header-description,
	.header-contacts,
	.header-nav {
		display: none;
	}
*/

	/* ロゴ */
/*
	.header-logo {
		text-align: center;
	}
}
*/



/* ==================================================
フッター
================================================== */
.global-footer {
	background: #fef7ef;
}

.footer-inner {
	/*max-width: 1080px;*/
	width: 1080px;;
	margin: 0 auto;
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*
@media screen and (max-width: 768px) {
	.footer-inner {
		padding: 20px;
		flex-direction: column;
		justify-content: center;
	}
}
*/

/* ロゴ
-------------------------------------------------- */
.footer-logo {
	margin: 0 0 20px;
}

/* 会社概要
-------------------------------------------------- */
.footer-about {
}

.footer-about li {
	margin: 0 0 14px;
	line-height: 1.2;
}

/* 電話番号 */
.footer-about .tel {
	font-size: 22px;
}

.footer-about .tel a {
	color: inherit;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
}

/* 所在地 */
.footer-about .address {
}

/* コピーライト
-------------------------------------------------- */
.footer-copyright {
	padding: 8px;
	line-height: 1.3;
	text-align: center;
	font-size: 14px;
	display: block;
}

.footer-copyright a {
	color: inherit;
}

/* ==================================================
セクション
================================================== */

.section-inner {
	/*max-width: 1080px;*/
	width: 1080px;;
	margin: 0 auto;
	padding: 60px 0;
}
.section-inner p {
	margin-bottom: 25px;
}
.section-inner p:last-of-type {
	margin-bottom: 0;
}

/*
@media screen and (max-width: 768px) {
.section-inner {
		padding: 8px;
	}
}
*/

/* 見出し
-------------------------------------------------- */
.styled-title01 {
	margin: 0 0 30px;
	text-align: center;
	font-size: 35px;
	font-weight: 300;
	color:#95ac00;
	letter-spacing: 2px;
}

.styled-title02 {
	margin: 0 0 15px;
	padding: 8px;
	line-height: 1.3;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	background: #ffb400;
}

/* ==================================================
要素の横並び（３つパターン）
================================================== */
.gallery-list01 {
	display: flex;
	flex-wrap: wrap;
}

.gallery-list01 li {
	width: calc((100% - 46px) / 2);
	margin: 0 45px 40px 0;
	background: #fff;
	border-radius: 3px;
}
 
.gallery-list01 li:nth-child(2n) {
	margin-right: 0;
}

/*
@media screen and (max-width: 768px) {
	.gallery-list01 li {
		width: calc((100% - 15px) / 3);
		margin: 0 5px 5px 0;
	}

	.gallery-list01 li:nth-child(3n) {
		margin-right: 0;
	}
}
*/

#greeting{
	background: url(../img/greeting-bg.jpg) center/cover fixed;
	text-align: center;
}

#greeting h3{
	margin:16px 0; 
	font-size: 24px;
	color: #e3a400;

}
#reason{
	background: url(../img/reason-bg.jpg) center/cover fixed;
}
.reason-box{
	margin: 0 45px 40px 0;
	background: #fff;
	border-radius: 3px;
	padding: 20px;
}
.reason-box p{
	padding-top: 20px;
	margin-bottom: 0;
}

#reason h3{
	color: #a6bf01;
	width:100%;
	padding: 20px;
	font-size: 26px;
	font-weight: 300;
	line-height: 28px;
	border-bottom: 1px dotted #a6bf01;
	font-style:oblique;
	text-align: center;
}
#reason li p{
	padding: 20px;
	margin-bottom: 0;
}
#reason li h3{
	text-align: center;
}

.b-img1{
	background: url(../img/b-img1.jpg) center/cover fixed;
	width:100%;
	height:500px;
}
.b-img2{
	background: url(../img/b-img2.jpg) center/cover fixed;
	width:100%;
	height:500px;
}

#individual{
	background: url(../img/individual-bg.jpg) center/cover fixed;
	width:100%;
	padding: 70px;
}
.section-inner-wrap{
	width:1080px;
	margin:0 auto; 
}
#individual .section-inner{
	width: 580px;
	background: #fff;
	padding: 40px;
	margin-right: 0;
	border-radius: 3px;
/*	box-shadow:  0 0 20px #dfcb99;*/
}
#individual .styled-title01{
	background: #a6bf01;
	border-radius: 4px;
	color:#fff;
	text-align: left;
	padding:5px 0 5px 20px; 
	font-size: 28px;

}
.contact-btn{
	display: block;
	background: #a7c001;
	color:#fff;
	padding: 10px 20px;
	border-radius: 6px;
	text-align: center;
	margin: 30px auto 0;
	font-size: 18px;
	width:60%;
}

#corporation{
	background: url(../img/corporation-bg.jpg) center/cover fixed;
	width:100%;
	padding: 70px;
}
#corporation .section-inner{
	width: 580px;
	background: #fff;
	padding: 40px;
	margin-left: 0;
	border-radius: 3px;
/*	box-shadow:  0 0 8px gray;*/
}
#corporation .styled-title01{
	background: #a6bf01;
	border-radius: 4px;
	color:#fff;
	text-align: left;
	padding:5px 0 5px 20px; 
	font-size: 28px;

}
.merit{
	padding: 20px;
	border-radius: 10px;
	border:1px solid #a6bf01;
}
.merit p{
	margin-bottom: 0;
}
.merit li{
	border-bottom: 1px dotted #a6bf01;
	margin-bottom: 10px;
	font-weight: 600;
}
.disc-box h3{
	color: #e3a400;
	font-size: 26px;
	font-weight: 300;
	line-height: 26px;
	font-style:oblique;
	margin: 20px 0 10px ;
}
.disc-box p{
	margin-bottom: 40px;
}

.disc-box h4{
	color: #a6bf01;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 3px;
	margin-bottom: 20px;
}
.disc-box span{
	font-size: 12px;
	letter-spacing: 0;
}
.disc-box-item{
	border-radius: 3px;
	background: #fef7ef;
	padding: 30px;
	margin-top: 20px;
}

#representative{
	background: url(../img/representative-bg.jpg) center/cover fixed;
	width:100%;
	padding: 70px;
}
#representative h2{
	color:#fff;
}

/* ==================================================
要素の横並び（2つパターン）
================================================== */
.gallery-list03 {
	display: flex;
	flex-wrap: wrap;
}

.gallery-list03 li {
	width: calc((100% - 45px) / 2);
	margin: 0 45px 40px 0;
}

.gallery-list03 li:nth-child(2n) {
	margin-right: 0;
}

/*
@media screen and (max-width: 768px) {
	.gallery-list03 li {
		width: calc((100% - 5px) / 2);
		margin: 0 5px 5px 0;
	}

	.gallery-list03 li:nth-child(2n) {
		margin-right: 0;
	}
}
*/