@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}
html {
	font-size: 62.5%;
}
body, table, input, textarea, select, option {
	font-family: 'Noto Sans JP', sans-serif;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ol, ul {
	list-style: none;
	box-sizing: border-box;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: top;
	max-width: 100%;
    height: auto;
}
a,
a:link {
	color: #262626;
	text-decoration: none;
	transition: .3s;
}
a:visited {
	color: #262626;
}
a:hover {
	color: #262626;
}
a:active {
	color: #262626;
}
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-LMX */
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 1300px;
	color: #262626;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
}
#container {
	padding-top: 113px;
	text-align: left;
}
#main {
	display: block;
}
a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}
@media all and (min-width: 897px) {
	.sp {
		display: none !important;
	}
	.menuBox {
		display: none !important;
	}
}
@media all and (max-width: 896px) {
	body {
		min-width: inherit;
	}
	.fixed {
		position: fixed;
		width: 100%;
		height: 100%;
	}
	#container {
		padding-top: 110px;
	}
	a:hover,
	a:hover img {
		opacity: 1 !important;
	}
	.pc {
		display: none !important;
	}
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 113px;
	padding: 0 634px 0 318px;
	box-sizing: border-box;
	z-index: 99;
	background-color: #fff;
}
#gHeader h1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 318px;
}
#gHeader .hList {
	position: absolute;
	right: 0;
	top: 0;
	width: 634px;
}
#gHeader .hList li {
	width: 169px;
	position: relative;
}
#gHeader .hList li:first-child {
	width: 296px;
}
#gHeader .hList li:last-child::before {
	position: absolute;
	left: -2px;
	top: 12px;
	bottom: 12px;
	width: 1px;
	background-color: #fff;
	content: "";
}
#gHeader .hList a {
	height: 113px;
	padding-top: 20px;
	display: block;
	text-align: center;
	color: #fff;
	font-weight: 700;
	background-color: #262626;
	box-sizing: border-box;
}
#gHeader .hList a:hover {
	opacity: 0.7;
}
#gHeader .hList li:first-child a {
	color: #262626;
	background-color: #F7E94D;
}
#gHeader .hList span {
	display: block;
	width: 32px;
	margin: 0 auto 17px;
}
#gHeader .hList li:first-child span {
	width: 40px;
}
#gNavi a {
	padding: 33px 28px 0;
	display: block;
	height: 113px;
	line-height: 1.5;
	position: relative;
	font-size: 1.4rem;
	text-align: center;
	box-sizing: border-box;
}
#gNavi a::before {
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	height: 4px;
	background-color: #262626;
	content: "";
	opacity: 0;
	transition: .3s;
}
#gNavi a:hover::before,
#gNavi li.on a::before {
	opacity: 1;
}
#gNavi a .en {
	margin-bottom: 6px;
	display: block;
	font-size: 2.2rem;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
}
@media all and (min-width: 897px) and (max-width: 1919px) {
	#container {
		padding-top: 5.885vw;
	}
	#gHeader {
		height: 5.885vw;
		padding: 0 33.021vw 0 16.563vw;
	}
	#gHeader h1 {
		width: 16.563vw;
	}
	#gHeader .hList {
		width: 33.021vw;
	}
	#gHeader .hList li {
		width: 8.802vw;
	}
	#gHeader .hList li:first-child {
		width: 15.417vw;
	}
	#gHeader .hList li:last-child::before {
		left: -0.104vw;
		top: 0.625vw;
		bottom: 0.625vw;
		width: 0.052vw;
	}
	#gHeader .hList a {
		height: 5.885vw;
		padding-top: 1.042vw;
		font-size: 0.833vw;
	}
	#gHeader .hList span {
		width: 1.667vw;
		margin: 0 auto 0.885vw;
	}
	#gHeader .hList li:first-child span {
		width: 2.083vw;
	}
	#gNavi a {
		padding: 1.719vw 1.458vw 0;
		height: 5.885vw;
		font-size: 0.729vw;
	}
	#gNavi a .en {
		margin-bottom: 0.313vw;
		font-size: 1.146vw;
	}
}
@media all and (max-width: 896px) {
	#gHeader {
		height: 110px;
		padding: 40px 20px;
	}
	#gHeader.on {
		background-color: transparent;
	}
	#gHeader h1 {
		position: static;
		width: 138px;
	}
	#gHeader h1 a {
		display: block;
		position: relative;
	}
	#gHeader h1 .on {
		position: absolute;
		left: 0;
		top: 0;
	}
	#gHeader h1 .on {
		display: none;
	}
	#gHeader.on h1 .off {
		display: none;
	}
	#gHeader.on h1 .on {
		display: block;
	}
	#gHeader .hList {
		display: none;
	}
	#gNavi {
		display: none;
	}
	.menu {
		position: absolute;
		right: 20px;
		top: 20px;
		width: 70px;
		height: 70px;
		background-color: #262626;
		border-radius: 100%;
	}
    .menu span {
        width: 11px;
        height: 2px;
        position: absolute;
        top: 23px;
        right: 11px;
        background: #fff;
        transition: all .35s ease;
		border-radius: 100px;
    }
    .menu span:nth-of-type(2) {
        top: 34px;
		width: 21px;
    }
    .menu span:nth-of-type(3) {
        top: 45px;
		width: 47px;
    }
	.menu.on span {
		right: 8px;
	}
    .menu.on span:nth-of-type(1) {
		width: 52px;
        transform: translateY(11px) translateX(0) rotate(27deg);
    }
    .menu.on span:nth-of-type(2) {
        opacity: 0;
    }
    .menu.on span:nth-of-type(3) {
		width: 52px;
        transform: translateY(-11px) translateX(0) rotate(-28deg);
    }
	.menuBox {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		box-sizing: border-box;
		background-color: rgba(38,38,38,0.85);
		z-index: 90;
		display: none;
	}
	.menuBox .menuInfo {
		width: 160px;
		margin: 0 auto;
		padding: 134px 0 60px;
	}
	.menuBox .menuList {
		margin-bottom: 30px;
	}
	.menuBox .menuList li:not(:last-child) {
		margin-bottom: 9px;
	}
	.menuBox .menuList a {
		font-size: 2.2rem;
		font-weight: 700;
		display: block;
		color: #fff;
	}
	.menuBox .menuUl {
		margin-bottom: 30px;
	}
	.menuBox .menuUl li:not(:last-child) {
		margin-bottom: 20px;
	}
	.menuBox .menuUl a {
		display: block;
		color: #fff;
	}
	.menuBox .sns {
		width: 99px;
	}
	.menuBox .sns a {
		width: 40px;
	}
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	padding: 75px 20px 0;
	background-color: #F2F2F2;
}
#gFooter .fBox {
	max-width: 1560px;
	margin: 0 auto 131px;
}
#gFooter .fNavi {
	width: calc(100% - 296px);
}
#gFooter .fNavi > li {
	width: 25%;
	font-size: 1.8rem;
	line-height: 2;
}
#gFooter .fNavi a {
	display: inline-block;
	font-weight: 700;
	line-height: 2;
}
#gFooter .fNavi a:hover {
	opacity: 0.7;
}
#gFooter .fNavi ul ul a {
	font-weight: 400;
}
#gFooter .fNavi .fList {
	margin-top: 1px;
	font-size: 1.6rem;
}
#gFooter .fNavi .sns {
	margin-top: 6px;
}
#gFooter .fNavi .sns a {
	width: 20px;
	margin-right: 19px;
}
#gFooter .fInfo {
	margin: 14px 2px 0 0;
	width: 290px;
	text-align: center;
}
#gFooter .fInfo .fLogo {
	width: 148px;
	margin: 0 auto 16px;
}
#gFooter .fInfo p {
	margin: 0 -10px;
	line-height: 2;
}
#gFooter address {
	margin: 0 -20px;
	padding: 22px 0 20px;
	text-align: center;
	font-style: normal;
	border-top: 1px solid #ccc;
}
@media all and (max-width: 896px) {
	#gFooter {
		padding-top: 30px;
	}
	#gFooter .fBox {
		max-width: inherit;
		margin: 0 auto 22px;
		display: block;
	}
	#gFooter .fNavi {
		display: none;
	}
	#gFooter .fInfo {
		margin: 0;
		width: auto;
	}
	#gFooter .fInfo p {
		margin: 0;
	}
}
/*------------------------------------------------------------
	font
------------------------------------------------------------*/
.lato {
	font-family: 'Lato', sans-serif;
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 27px;
line-height: 1.5;
	width: 296px;
	padding-top: 34px;
	font-weight: 400;
	border-top: 4px solid #262626;
}
.headLine01 .en {
	margin: 0 -20px 14px 0;
	display: block;
	font-size: 4.2rem;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
}
@media all and (max-width: 896px) {
	.headLine01 {
		margin-bottom: 33px;
		width: auto;
		padding-top: 13px;
	}
	.headLine01 .en {
		margin: 0 27px 0 0;
		display: inline-block;
	}
}
/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink {
	max-width: 296px;
}
.comLink a {
	padding: 19px 0 20px;
	display: block;
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	background-color: #262626;
}
.comLink a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.comLink {
		margin: 0 auto;
	}
}
/*------------------------------------------------------------
	comButton
------------------------------------------------------------*/
.comButton {
	width: 138px;
}
.comButton a {
	padding: 6px 0;
	display: block;
	text-align: center;
	background-color: #F7E94D;
}
.comButton a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.comButton {
		margin: 0 auto;
	}
}
/*------------------------------------------------------------
	comContact
------------------------------------------------------------*/
.comContact {
	padding: 79px 20px 80px;
	background: url(img/common/contact_bg.jpg) no-repeat center center;
	background-size: cover;
}
.comContact h2 {
	margin-bottom: 80px;
	text-align: center;
	font-size: 3rem;
	line-height: 1.5;
	font-weight: 700;
	color: #fff;
}
.comContact p {
	display: none;
}
.comContact ul {
	width: 928px;
	margin: 0 auto;
}
.comContact li {
	width: 454px;
	background-color: #fff;
}
/* .comContact a {
	height: 118px;
	padding: 39px 0 0 5px;
	display: block;
	text-align: center;
	font-size: 2.5rem;
	line-height: 1.5;
	font-weight: 700;
	background: url(img/common/icon05.png) no-repeat left 30px top 45px,url(img/common/icon06_sp.png) no-repeat center right 35px #F7E94D;
	background-size: 35px auto, 14px auto;
	box-sizing: border-box;
}
.comContact li:first-child a {
	padding: 36px 0 0 40px;
	font-size: 3.4rem;
	font-weight: 400;
	color: #fff;
	text-align: left;
	position: relative;
	background: #262626;
}
.comContact li:first-child a::before {
	position: absolute;
	right: 157px;
	top: 25px;
	bottom: 28px;
	width: 1px;
	background-color: #fff;
	content: "";
}
.comContact a .sml {
	width: 118px;
	position: absolute;
	right: 28px;
	top: 21px;
	display: block;
	font-weight: 700;
	text-align: center;
	font-size: 1.6rem;
}
.comContact a .sml span {
	margin-bottom: 5px;
	display: block;
} */
.comContact a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.comContact {
		padding: 30px 20px;
		/* background-image: url(img/common/contact_bg_sp.jpg); */
	}
	.comContact h2 {
		margin-bottom: 16px;
		font-weight: 500;
		font-size: 1.6rem;
		line-height: 2;
		letter-spacing: 0.1em;
	}
	.comContact ul {
		width: auto;
		max-width: 296px;
		margin: 0 auto;
		display: block;
	}
	.comContact li {
		width: auto;
	}
	.comContact li:first-child {
		margin-bottom: 20px;
	}
	/* .comContact a {
		height: 122px;
		padding: 44px 0 0;
		font-size: 2.2rem;
		background-position: left 14px top 52px, right 18px center;
		background-size: 24px auto, 14px auto;
	}
	.comContact li:last-child a {
		height: 118px;
		background-image: url(img/common/icon05.png),url(img/common/icon06_sp.png); 
	}
	.comContact li:first-child a {
		padding: 13px 0 0;
		font-size: 3rem;
		text-align: center;
	}
	.comContact li:first-child a::before {
		display: none;
	}
	.comContact a .sml {
		margin-top: 15px;
		width: auto;
		position: static;
	}
	.comContact a .sml span {
		margin-right: 5px;
		display: inline-block;
	} */
}
/*------------------------------------------------------------
	comGalleryUl
------------------------------------------------------------*/
.comGalleryUl {
	margin-top: -40px;
	position: relative;
}
.comGalleryUl::after {
	content: "";
	width: 32.4%;
}
.comGalleryUl li {
	margin-top: 40px;
	width: 32.4%;
}
.comGalleryUl li a {
	height: 100%;
	display: block;
	background-color: #fff;
	overflow: hidden;
	box-sizing: border-box;
}
.comGalleryUl li a:hover {
	opacity: 0.7;
}
.comGalleryUl li .pho {
	height: 254px;
}
.comGalleryUl li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.comGalleryUl li p {
	padding: 11px 110px 12px 20px;
	min-height: 50px;
	position: relative;
	font-weight: 700;
	font-size: 1.8rem;
	box-sizing: border-box;
}
.comGalleryUl li .time {
	position: absolute;
	right: 19px;
	top: 50%;
	transform: translateY(-50%);
	color: #595959;
	font-weight: 400;
	font-size: 1.6rem;
	font-family: 'Lato', sans-serif;
}
@media all and (max-width: 896px) {
	.comGalleryUl {
		margin: 0 0 71px;
		display: block;
	}
	.comGalleryUl li {
		margin: 0 0 34px;
		width: auto;
	}
	.comGalleryUl li:last-child {
		margin-bottom: 0;
	}
	.comGalleryUl li .pho {
		height: 0;
		position: relative;
		padding-bottom: 55.3%;
	}
	.comGalleryUl li .pho img {
		position: absolute;
		left: 0;
		top: 0;
	}
	.comGalleryUl li p {
		min-height: 40px;
		padding: 6px 110px 7px 20px;
	}
	.comGalleryUl li .time {
		right: 17px;
	}
}
/*------------------------------------------------------------
	pageTitle
------------------------------------------------------------*/
.pageTitle {
	height: 297px;
	padding: 78px 20px 0;
	background: url(img/common/page_title_bg.jpg) no-repeat right center;
	background-size: cover;
	box-sizing: border-box;
}
.pageTitle .wid {
	max-width: 1560px;
	margin: 0 auto;
}
.pageTitle .headLine01 {
	margin-bottom: 0;
	color: #fff;
	border-top-color: #fff;
}
@media all and (max-width: 896px) {
	.pageTitle {
		height: 120px;
		padding-top: 20px;
		/* background-image: url(img/common/page_title_bg_sp.jpg); */
	}
	.pageTitle .wid {
		max-width: inherit;
	}
}
/*------------------------------------------------------------
	pagePath
------------------------------------------------------------*/
#pagePath {
	max-width: 1600px;
	margin: 0 auto;
	padding: 40px 20px;
	box-sizing: border-box;
}
#pagePath li {
	padding-right: 1px;
	display: inline;
}
#pagePath a {
	padding-right: 5px;
	display: inline-block;
}
#pagePath a:hover {
	text-decoration: underline;
}
@media all and (max-width: 896px) {
	#pagePath {
		display: none;
	}
}
/*------------------------------------------------------------
	mainBox
------------------------------------------------------------*/
.mainBox {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 20px 80px;
	flex-direction: row-reverse;
	box-sizing: border-box;
}
@media all and (max-width: 896px) {
	.mainBox {
		max-width: inherit;
		display: block;
		padding: 29px 20px 60px;
	}
}
/*------------------------------------------------------------
	conts
------------------------------------------------------------*/
#conts {
	width: calc(100% - 317px);
	margin-top: -1px;
}
@media all and (max-width: 896px) {
	#conts {
		width: auto !important;
		margin: 0 0 60px !important;
	}
}
/*------------------------------------------------------------
	sideBar
------------------------------------------------------------*/
#sideBar {
	width: 296px;
}
#sideBar .sBox:not(:last-child) {
	margin-bottom: 39px;
}
#sideBar .sTtl {
	padding: 14px 0 15px;
	color: #fff;
	text-align: center;
	font-size: 1.8rem;
	background-color: #262626;
}
#sideBar .sList a {
	padding: 20px 40px 19px 20px;
	display: block;
	font-weight: 700;
	background: #F2F2F2 url(img/common/icon09.png) no-repeat center right 20px;
	background-size: 16px auto;
	border-bottom: 1px solid #ccc;
}
#sideBar .sNewsList a {
	padding: 17px 20px 19px;
	background-image: none;
}
#sideBar .sList .time {
	margin-bottom: 13px;
	display: block;
	font-size: 1.8rem;
	font-weight: 400;
}
#sideBar .sList .on a,
#sideBar .sList .current-cat a {
	background-color: #ccc;
}
#sideBar .select {
	padding-top: 20px;
}
#sideBar .select select {
	width: 100%;
	height: 39px;
	padding: 0 45px 0 19px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #262626;
	border: 1px solid #808080;
	border-radius: 3px;
	box-shadow: none;
	appearance: none;
	background: #fff url(img/common/select_bg.png) no-repeat center right 17px;
	background-size: 23px auto;
	box-sizing: border-box;
}
#sideBar .select select::-ms-expand {
	display: none; 
}
@media all and (min-width: 897px) {
	#sideBar .sList a:hover {
		background-color: #ccc;
	}
}
@media all and (max-width: 896px) {
	#sideBar {
		width: auto;
	}
}
/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
	margin-bottom: 40px;
	font-size: 2.2rem;
	font-weight: 500;
}
@media all and (max-width: 896px) {
	.headLine02 {
		margin-bottom: 30px;
	}
}
/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
.headLine03 {
	margin-bottom: 42px;
	padding-bottom: 16px;
	font-size: 2.2rem;
	font-weight: 500;
	border-bottom: 1px solid #ccc;
}
@media all and (max-width: 896px) {
	.headLine03 {
		margin-bottom: 20px !important;
		padding-bottom: 10px !important;
	}
}
/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
.headLine04 {
	margin-bottom: 15px;
	font-size: 2.2rem;
	font-weight: 500;
}
.headLine04 a {
	padding: 0 125px 20px 0;
	display: block;
	position: relative;
	border-bottom: 1px solid #ccc;
}
.headLine04 a:hover {
	opacity: 0.7;
}
.headLine04 .time {
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 2rem;
	color: #595959;
}
@media all and (max-width: 896px) {
	.headLine04 {
		margin-bottom: 27px;
		line-height: 1.63;
	}
	.headLine04 a {
		padding: 0 0 25px;
	}
	.headLine04 .time {
		margin-top: 20px;
		position: static;
		text-align: right;
		display: block;
	}
}
/*------------------------------------------------------------
	headLine05
------------------------------------------------------------*/
.headLine05 {
	margin-bottom: 19px;
	font-size: 2.2rem;
	font-weight: 500;
	padding: 0 125px 20px 0;
	display: block;
	position: relative;
	border-bottom: 1px solid #ccc;
}
.headLine05 .time {
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 2rem;
	color: #595959;
}
@media all and (max-width: 896px) {
	.headLine05 {
		margin-bottom: 27px;
		line-height: 1.63;
		padding: 0 0 25px;
	}
	.headLine05 .time {
		margin-top: 20px;
		position: static;
		text-align: right;
		display: block;
	}
}
/*------------------------------------------------------------
	wp-pagenavi
------------------------------------------------------------*/
.wp-pagenavi {
	font-size: 0;
	clear: both;
	text-align: center;
	font-family: 'Lato', sans-serif;
}
.wp-pagenavi a,
.wp-pagenavi span {
	width: 36px;
	height: 36px;
	padding-top: 4px;
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
	background-color: #262626;
	box-sizing: border-box;
}
.wp-pagenavi .last,
.wp-pagenavi .first {
	width: 72px;
	font-family: 'Noto Sans JP', sans-serif;
}
.wp-pagenavi span.current {
	color: #262626;
	background-color: #F7E94D;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .first,
.wp-pagenavi .pages {
	display: none;
}
@media all and (min-width: 897px) {
	.wp-pagenavi a:hover {
		color: #262626;
		background-color: #F7E94D;
	}
}
@media all and (max-width: 896px) {
	.wp-pagenavi {
		margin: -5px -10px 0;
	}
	.wp-pagenavi a,
	.wp-pagenavi span {
		margin-top: 5px;
	}
}
/*------------------------------------------------------------
	pageNavi
------------------------------------------------------------*/
.pageNavi {
	min-height: 36px;
	width: 455px;
	margin: 76px auto 0;
	position: relative;
}
.pageNavi li {
	margin: 0 auto;
}
.pageNavi .prev {
	position: absolute;
	left: 0;
	top: 0;
}
.pageNavi .next {
	position: absolute;
	right: 0;
	top: 0;
}
.pageNavi .prev a,
.pageNavi .next a {
	color: #fff;
	background-color: #262626;
}
@media all and (max-width: 896px) {
	.pageNavi {
		min-height: inherit;
		width: auto;
		margin: 40px auto 0;
	}
	.pageNavi li {
		margin: 10px auto 0;
	}
	.pageNavi .prev {
		position: static;
	}
	.pageNavi .next {
		position: static;
	}
}
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#index .mainVisual .pho {
	vertical-align: top;
}
#index .mainVisual img {
	width: 100%;
}
#index .mainVisual .slick-dots {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	font-size: 0;
}
#index .mainVisual .slick-dots li {
    position: relative;
    display: inline-block;
	vertical-align: top;
	width: 138px;
	height: 10px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
	background: #262626;
}
#index .mainVisual .slick-dots li button {
   opacity: 0;
   width: 100%;
   height: 100%;
   cursor: pointer;
}
#index .mainVisual .slick-dots li.slick-active {
	background: #fff;
}
#index .gallery {
	padding: 80px 22px 84px 180px;
	background-color: #F2F2F2;
}
#index .gallery .wid {
	max-width: calc(50% + 859px);
	margin: 0 0 0 auto;
	position: relative;
	align-items: center;
}
#index .gallery .textBox {
	width: 296px;
}
#index .gallery .headLine01 {
	margin-bottom: 40px;
}
#index .gallery .comLink {
	margin-bottom: 40px;
}
#index .gallery .img {
	margin-left: 1px;
}
#index .gallery .img a:hover {
	opacity: 0.7;
}
#index .gallery .comGalleryUl {
	width: calc(100% - 395px);
}
#index .faith {
	max-width: 1920px;
	padding: 80px 180px;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}
#index .faith::before {
	position: absolute;
	left: 50%;
	top: 80px;
	bottom: 80px;
	width: 1px;
	background-color: #707070;
	content: "";
}
#index .faith .news {
	width: 44.76%;
}
#index .faith .blog {
	width: 44.38%;
}
#index .faith .wid {
	max-width: 613px;
	margin: 0 auto;
}
#index .faith li:not(:last-child) {
	margin-bottom: 40px;
}
#index .faith li a {
	display: flex;
	color: #595959;
	justify-content: space-between;
}
#index .faith li a:hover {
	opacity: 0.7;
}
#index .faith li .pho {
	width: 138px;
	height: 138px;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
}
#index .faith li .pho img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#index .faith li p {
	margin-bottom: 1px;
	padding-bottom: 2px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: calc(100% - 158px);
	font-weight: 700;
	border-bottom: 1px solid #ccc;
}
#index .faith li .time {
	margin-bottom: 13px;
	display: block;
	font-weight: 400;
	font-size: 1.8rem;
}
#index .faith .comLink {
	margin: 92px 0 0 auto;
}
#index .philosophy {
	padding-left: 180px;
	background-color: #F2F2F2;
}
#index .philosophy .imgBox {
	max-width: calc(50% + 869px);
	margin: 0 0 0 auto;
	align-items: center;
}
#index .philosophy .textBox {
	width: 296px;
}
#index .philosophy .headLine01 {
	margin-bottom: 37px;
}
#index .philosophy .pho {
	width: calc(100% - 395px);
}
#index .story {
	padding: 78px 180px 80px;
}
#index .story .headLine01 {
	margin-bottom: 83px;
	font-size: 1.8rem;
}
#index .story .headLine01 .en {
	margin-bottom: 13px;
}
#index .story .wid {
	max-width: calc(50% + 960px);
	margin: 0 -180px 0 auto;
}
#index .story .slide {
	width: 458px !important;
	margin-right: 40px;
	float: left;
}
#index .story .slide a {
	display: block;
}
#index .story .slide a:hover {
	opacity: 0.7;
}
#index .story .slide img {
	height: 306px;
	object-fit: cover;
	width: 100%;
}
#index .story .slide p {
	margin-top: 19px;
}
#index .story .slide p span {
	margin-bottom: 20px;
	display: block;
	font-weight: 700;
	font-size: 1.8rem;
}
#index .story .comLink {
	margin: 80px auto 0;
}
@media all and (min-width: 897px) {
	#index .mainVisual img {
		height: calc(100vh - 113px);
		object-fit: cover;
	}
}
@media all and (min-width: 897px) and (max-width: 1919px) {
	#index .mainVisual img {
		height: calc(100vh - 5.885vw);
	}
}
@media all and (max-width: 896px) {
	#top #container {
		padding-top: 0;
	}
	#top #gHeader {
		background-color: transparent;
	}
	#index .mainVisual .slick-dots {
		left: 5px;
		right: 5px;
	}
	#index .mainVisual .slick-dots li {
		width: 85px;
		height: 5px;
		margin: 0 5px;
	}
	#index .gallery {
		padding: 60px 20px 50px;
	}
	#index .gallery .wid {
		max-width: inherit;
		display: block;
	}
	#index .gallery .textBox {
		width: auto;
	}
	#index .gallery .headLine01 {
		margin-bottom: 54px;
	}
	#index .gallery .comLink {
		margin: 0 auto 30px;
	}
	#index .gallery .img {
		margin: 0 auto;
		max-width: 293px;
	}
	#index .gallery .comGalleryUl {
		width: auto;
	}
	#index .faith {
		max-width: inherit;
		padding: 59px 20px;
		display: block;
	}
	#index .faith::before {
		display: none;
	}
	#index .faith .news {
		width: auto;
		margin-bottom: 58px;
	}
	#index .faith .blog {
		width: auto;
	}
	#index .faith .wid {
		max-width: inherit;
	}
	#index .faith li:not(:last-child) {
		margin-bottom: 0;
	}
	#index .faith li a {
		padding: 20px 0;
		border-bottom: 1px solid #ccc;
	}
	#index .faith li .pho {
		width: 170px;
		height: 170px;
	}
	#index .faith li p {
		margin-bottom: 0;
		padding: 28px 0 10px;
		display: block;
		width: calc(100% - 180px);
		border: none;
	}
	#index .faith .comLink {
		margin: 60px auto 0;
	}
	#index .philosophy {
		padding: 60px 20px 0;
	}
	#index .philosophy .imgBox {
		max-width: inherit;
		display: block;
	}
	#index .philosophy .textBox {
		width: auto;
	}
	#index .philosophy .headLine01 {
		margin-bottom: 60px;
	}
	#index .philosophy .headLine01 .en {
		display: block;
		margin: 0 0 13px;
	}
	#index .philosophy .pho {
		margin: 60px -20px 0;
		width: auto;
	}
	#index .philosophy .pho img {
		width: 100%;
	}
	#index .story {
		padding: 59px 20px 60px;
	}
	#index .story .headLine01 {
		margin-bottom: 53px;
		font-size: 1.6rem;
	}
	#index .story .headLine01 .en {
		margin: 0 28px 0 0;
	}
	#index .story .wid {
		max-width: inherit;
		margin: 0;
		display: block;
	}
	#index .story .storySlide {
		margin-right: -20px;
	}
	#index .story .slide {
		width: 260px !important;
		margin-right: 10px;
	}
	#index .story .slide img {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
	}
	#index .story .slide .pho {
		position: relative;
		padding-bottom: 67%;
		overflow: hidden;
	}
	#index .story .slide p {
		margin-top: 15px;
		line-height: 1.75;
	}
	#index .story .slide p span {
		margin-bottom: 13px;
		line-height: 2;
	}
	#index .story .comLink {
		margin: 57px auto 0;
	}
}
/*------------------------------------------------------------
	gallery
------------------------------------------------------------*/
#gallery  .comGalleryUl li a {
	background-color: #F2F2F2;
}
@media all and (min-width: 897px) {
	#gallery .comGalleryUl {
		margin: -80px 0 87px;
	}
	#gallery  .comGalleryUl li {
		margin-top: 80px;
		width: 49%;
	}
	#gallery .comGalleryUl li .pho {
		height: 342px;
	}
	#gallery .comGalleryUl li p {
		padding: 15px 160px 16px 27px;
		min-height: 67px;
		font-size: 2.4rem;
	}
	#gallery .comGalleryUl li .time {
		right: 27px;
		font-size: 2.1rem;
	}
}
@media all and (max-width: 896px) {
	#gallery .comGalleryUl {
		margin-bottom: 62px;
	}
}
/*------------------------------------------------------------
	gallery/detail
------------------------------------------------------------*/
#gallery.detail #conts {
	width: calc(100% - 385px);
}
#gallery.detail .detailBox {
	width: 770px;
	margin-bottom: 80px;
}
#gallery.detail .detailBox a:hover {
	opacity: 0.7;
}
#gallery.detail .detailBox img {
	width: 100%;
}
@media all and (max-width: 896px) {
	#gallery.detail .detailBox {
		width: auto;
		margin-bottom: 30px;
	}
	.detail .detailBox iframe {
		width: 100%;
		height: auto;
	}
}
/*------------------------------------------------------------
	story
------------------------------------------------------------*/
#story #conts {
	width: calc(100% - 454px);
	margin-top: 0;
}
#story .storyList {
	max-width: 943px;
	margin-top: -40px;
} 
#story .storyList li {
	margin-top: 40px;
	width: 48.14%;
}
#story .storyList a {
	display: block;
	position: relative;
}
#story .storyList a:hover {
	opacity: 0.7;
}
#story .storyList .text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	font-size: 4.2rem;
}
#story .storyList .text .sml {
	margin-bottom: 17px;
	display: block;
	font-size: 2.4rem;
}
@media all and (max-width: 896px) {
	#story .storyList {
		max-width: inherit;
		display: block;
		margin-top: 0;
	} 
	#story .storyList li {
		margin: 0 0 30px;
		width: auto;
	}
	#story .storyList li:last-child {
		margin-bottom: 0;
	}
	#story .storyList .text {
		font-size: 2.6rem;
	}
	#story .storyList .text .sml {
		margin-bottom: 10px;
		font-size: 1.8rem;
	}
	#story .storyList img {
		width: 100%;
	}
}
@media all and (max-width: 350px) {
	.headLine01 .en {
		margin-right: 5px;
	}
}
/*------------------------------------------------------------
	story/detail
------------------------------------------------------------*/
#story.detail #conts {
	width: calc(100% - 404px);
	margin-top: -1px;
}
#story .detailBox {
	margin-bottom: 85px;
}
#story .detailBox .info:not(:last-child) {
	margin-bottom: 44px;
}
#story .detailBox h4 {
	margin: 0 4px 36px;
	font-weight: 700;
	font-size: 1.8rem;
}
#story .detailBox p {
	margin-right: 60px;
	line-height: 2;
}
#story .detailBox img {
	width: 100%;
}
#story .detailBox .photo {
	width: 66.6%;
}
#story .detailBox .photoBox {
	margin: 45px 0 34px;
}
#story .detailBox .photoBox:last-child {
	margin-bottom: 0;
}
#story .detailBox .photoBox .pho {
	width: 66.08%;
}
#story .detailBox .photoBox ul {
	width: 31.66%;
}
@media all and (min-width: 897px) {
	#story .detailBox .photoBox li:first-child {
		margin-bottom: 6.2%;
	}
	#story .detailBox .photo img {
		height: 535px;
		object-fit: cover;
	}
	#story .detailBox .photoBox li img {
		height: 256px;
	}
}
@media all and (max-width: 896px) {
	#story .detailBox {
		margin-bottom: 40px;
	}
	#story .detailBox .info:not(:last-child) {
		margin-bottom: 40px;
	}
	#story .detailBox h4 {
		margin: 0 0 10px;
	}
	#story .detailBox p {
		margin-right: 0;
	}
	#story .detailBox .photoBox {
		margin: 20px 0 0;
		display: block;
	}
	#story .detailBox .photo {
		width: auto;
	}
	#story .detailBox .photoBox ul {
		margin-top: 20px;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	#story .detailBox .photoBox li {
		width: 48%;
	}
	#story .detailBox .photoBox li img {
		height: 100%;
	}
}
/*------------------------------------------------------------
	philosophy
------------------------------------------------------------*/
#philosophy #conts {
	width: calc(100% - 384px);
}
#philosophy .headLine03 {
	margin-bottom: 34px;
	padding-bottom: 20px;
}
#philosophy .info:not(:last-child) {
	margin-bottom: 75px;
}
#philosophy .info h4 {
	margin: 0 4px 31px;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 2;
}
#philosophy .info p {
	margin-bottom: 32px;
	line-height: 2;
}
#philosophy .info p:last-of-type {
	margin-bottom: 0;
}
#philosophy .info .pho {
	margin: 36px 0 0;
	width: 457px;
}
#philosophy .info .pho01 {
	width: 461px;
}
@media all and (max-width: 896px) {
	#philosophy .headLine01 {
		padding-top: 3px;
	}
	#philosophy .headLine01 .en {
		margin: 0 0 -10px;
		display: block;
	}
	#philosophy .info:not(:last-child) {
		margin-bottom: 50px;
	}
	#philosophy .info h4 {
		margin: 0 0 15px;
	}
	#philosophy .info p {
		margin-bottom: 20px;
	}
	#philosophy .info .pho {
		margin: 20px 0 0;
		width: auto !important;
	}
	#philosophy .info .pho img {
		width: 100%;
	}
}
/*------------------------------------------------------------
	philosophy/ten
------------------------------------------------------------*/
#philosophy .listUl {
	padding-top: 5px;
}
#philosophy .listUl li {
	padding-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#philosophy .listUl li:last-child {
	padding-bottom: 0;
}
#philosophy .listUl .lBox {
	width: 228px;
	min-height: 228px;
	padding: 10px 10px 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 2.4rem;
	color: #fff;
	box-sizing: border-box;
	background-color: #ccc;
}
#philosophy .listUl .lato {
	margin-bottom: 9px;
	display: block;
	font-size: 4rem;
	font-style: italic;
}
#philosophy .listUl .rBox {
	width: calc(100% - 268px);
	padding-bottom: 26px;
}
#philosophy .listUl .rBox p {
	line-height: 2;
}
@media all and (max-width: 896px) {
	#philosophy .listUl {
		padding-top: 0;
	}
	#philosophy .listUl li {
		padding-bottom: 20px;
		display: block;
	}
	#philosophy .listUl li:last-child {
		padding-bottom: 0;
	}
	#philosophy .listUl .lBox {
		width: 100%;
		min-height: inherit;
		font-size: 2.4rem;
	}
	#philosophy .listUl .lato {
		margin-bottom: -10px;
		font-size: 4rem;
	}
	#philosophy .listUl .rBox {
		width: auto;
		padding: 10px 0 0;
	}
}
/*------------------------------------------------------------
	news
------------------------------------------------------------*/
#news #conts {
	width: calc(100% - 474px);
}
#news .infoBox:not(:last-of-type) {
	margin-bottom: 43px;
}
#news .infoBox p {
	line-height: 2;
	word-break: break-all;
}
#news .infoBox p a:hover {
	opacity: 0.7;
}
#news .infoBox img {
	width: 100%;
	max-width: 768px;
}
#news .wp-pagenavi {
	max-width: 810px;
	margin: 76px 0 0;
}
@media all and (max-width: 896px) {
	#news #conts {
		margin-top: -2px !important;
	}
	#news .infoBox:not(:last-of-type) {
		margin-bottom: 58px;
	}
	#news .infoBox img {
		max-width: inherit;
	}
	#news .infoBox p {
		overflow: hidden;
	}
	#news .wp-pagenavi {
		max-width: inherit;
		margin: 56px -10px 0;
	}
	#news iframe {
		width: 100%;
		height: auto;
	}
}
/*------------------------------------------------------------
	iezemi
------------------------------------------------------------*/
#iezemi #conts {
	width: calc(100% - 474px);
}
@media all and (min-width: 897px) {
	#iezemi .headLine05 {
		margin-bottom: 15px;
	}
}
#iezemi .infoBox p {
	line-height: 2;
}
#iezemi .infoBox p a:hover {
	opacity: 0.7;
}
#iezemi .infoBox img {
	width: 100%;
	max-width: 768px;
}
@media all and (max-width: 896px) {
	#iezemi #conts {
		margin-top: -2px !important;
	}
	#iezemi .infoBox img {
		max-width: inherit;
	}
}
/*------------------------------------------------------------
	privacy
------------------------------------------------------------*/
#privacy .mainBox {
	max-width: 1285px;
	margin: -1px auto 0;
}
#privacy .mainBox .headLine03 {
	padding-bottom: 19px;
	margin-bottom: 36px;
}
#privacy .mainBox .textBox {
	width: 890px;
	margin: 0 auto;
}
#privacy .mainBox p {
	margin-bottom: 32px;
	line-height: 2;
}
#privacy .mainBox p:last-child {
	margin-bottom: 0 !important;
}
@media all and (max-width: 896px) {
	#privacy .headLine01 {
		padding-top: 3px;
	}
	#privacy .headLine01 .en {
		margin: 0 0 -10px;
		display: block;
	}
	#privacy .mainBox {
		max-width: inherit;
		margin: 0 auto;
	}
	#privacy .mainBox .textBox {
		width: auto;
	}
	#privacy .mainBox p {
		margin-bottom: 20px;
	}
}
/*------------------------------------------------------------
	blog
------------------------------------------------------------*/
#blog .comGalleryUl li a {
	background-color: #F2F2F2;
}
@media all and (min-width: 897px) {
	#blog .mainBox {
		max-width: 1440px;
	}
	#blog .comGalleryUl {
		margin: -80px 0 82px;
	}
	#blog .comGalleryUl li {
		margin-top: 80px;
	}
}
/*------------------------------------------------------------
	blog/detail
------------------------------------------------------------*/
#blog .detail {
	max-width: 1086px;
	margin: -1px auto 0;
}
#blog .detailBox {
	width: 928px;
	margin: 0 auto;
}
#blog .detailBox p {
	line-height: 2;
	word-break: break-all;
}
#blog .detailBox img {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 768px;
}
@media all and (min-width: 897px) {
	#blog .detailBox p a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	#blog .detail {
		max-width: inherit;
		margin: -0 auto;
	}
	#blog .detailBox {
		width: auto;
	}
	#blog .detailBox img {
		max-width: inherit;
	}
}
/*------------------------------------------------------------
	company
------------------------------------------------------------*/
#company .slideList {
	margin-bottom: 102px;
}
#company .slideList li {
	width: 500px;
	margin: 0 9px;
}
#company .mainBox {
	max-width: 1285px;
	margin: -1px auto 0;
}
#company .mainBox .headLine03 {
	padding-bottom: 19px;
	margin-bottom: 27px;
}
#company .mainBox .wid {
	width: 818px;
	margin: 0 auto;
}
#company .mainBox table {
	width: 100%;
	border-collapse: collapse;
	border-top: dotted 1px #bebebe;
}
#company .mainBox th,
#company .mainBox td {
	padding: 16px 22px 15px;
	line-height: 1.71;
	font-size: 1.4rem;
	vertical-align: middle;
	text-align: left;
	box-sizing: border-box;
	border-bottom: dotted 1px #bebebe;
}
#company .mainBox th {
    background-color: #feffee;
    font-weight: 700;
    width: 163px;
}
#company #map{
	margin: -30px 0 50px;
	position: relative;
	height: 480px;
	overflow: hidden;
	-webkit-filter: grayscale(1);
  filter: grayscale(1);
}
#company #map iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media all and (max-width: 896px) {
	#company .slideList {
		margin: 30px 0;
	}
	#company .slideList li {
		width: 240px;
		margin: 0 5px;
	}
	#company .mainBox {
		max-width: inherit;
		margin: 0 auto;
	}
	#company .mainBox .wid {
		width: auto;
	}
	#company .mainBox th,
	#company .mainBox td {
		padding: 15px 10px;
		line-height: 1.71;
		font-size: 1.3rem;
	}
	#company .mainBox th {
		padding: 15px 5px;
		width: 31%;
		text-align: center;
	}
	#company #map {
		margin: -10px 0 21px;
		height: 0;
		padding-bottom: 89.2%;
		position: relative;
	}
	
}
div#Main2 div.box div.submit_area input {
	transition: .3s;
}
div#Main2 div.box div.submit_area input:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	div#Main2 div.box div.submit_area input:hover {
		opacity: 1;
	}
}