@charset "utf-8";
/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.comBox{
	margin: 0 auto;
	max-width: 960px;
	box-sizing: border-box;
}

.whiteBox {
	margin-bottom: 33px;
	padding: 45px 32px 48px;
	background-color: #fff;
}

.heading {
	margin-bottom: 25px;
	color: #264D38;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.3;
	border-bottom: 1px solid #264D38;
}

.heading02 {
	margin-bottom: 17px;
	padding: 8px 12px;
	color: #fff;
	line-height: 1.3;
	font-size: 1.4rem;
	font-weight: normal;
	background-color: #BCC0B5;
}


@media all and (max-width: 767px) {
	.whiteBox {
		padding: 18px 8px 22px;
		margin-bottom: 9px;
		box-shadow: none;
	}

	.heading {
		margin: 0 0 22px;
		padding-bottom: 5px;
		font-size: 1.4rem;
		line-height: 1.18;
	}

	.mainBox {
		padding: 0 16px;
	}

	.heading02 {
		margin-bottom: 6px;
		padding: 2px 5px;
		font-size: 0.9rem;
	}
}

.comBtn {
    position: relative;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 4px 0 #C8C9CA;
    overflow: hidden;
}

.comBtn:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
    border-radius: 0 0 5px 5px;
    background-color: #b4b5b5;
    content: "";
}

.comBtn > * {
    padding: 13px 5px 9px 50px;
}

.comBtn a {
    display: block;
    color: inherit;
    background-color: #FFF;

}

.comBtn a:hover {
    opacity: 0.7;
}

.comBtn {
    position: relative;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 4px 0 #C8C9CA;
    overflow: hidden;
}

.comBtn:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
    border-radius: 0 0 5px 5px;
    background-color: #b4b5b5;
    content: "";
}

.comBtn > * {
    padding: 13px 5px 9px 50px;
}

.comBtn a {
    display: block;
    color: inherit;
    background-color: #FFF;
}

.comBtn a:hover {
    opacity: 0.7;
}

@media all and (max-width: 767px) {
	.comBtn {
        font-size: 1.4rem;
        line-height: 1;
		box-shadow: 0 3px 0 #C8C9CA;
    }

    .comBtn > * {
        padding: 10px 5px 7px 50px;
    }
}


.btnList > li {
    margin-right: 16px;
    float: left;
    width: 144px;
    position: relative;
}

.btnList > li:last-child {
    margin-right: 0;
}

.btnList .slideUl {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
}

.btnList .slideUl li {
    margin-top: 14px;
}

.btnList .slideUl li a {
    padding: 10px 5px 9px;
    line-height: 1.2;
    font-size: 1.4rem;
}

.btnList .slideUl li a span {
    font-size: 1.2rem;
    display: block;
}

.btnList .slideUl.tel li a {
    padding: 10px 0 9px 29px;
    line-height: 1.2;
    font-size: 1.2rem;
    text-align: left;
    background: #fff url("../../img/common/icon_tel.png") left 5px center no-repeat;
    background-size: 17px auto;
}

.btnList .slideUl.tel li a .sTxt {
    margin-left: -5px;
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
}

.btnList .slideUl.tel li a .num {
    margin-left: -5px;
    font-size: 1.4rem;
    display: block;
    font-weight: bold;
    color: #1A3C34;
}

.comBtn.line a {
	font-size: 1.4rem;
    background: #fbee9b url("../../img/common/icon_line.png") left 17px center no-repeat;
    background-size: 34px auto;
	font-weight: bold;
	font-family:"游ゴシック";
}

.comBtn.tel a {
	font-size: 1.4rem;
    background: #FFF url("../../img/common/icon_tel.png") left 21px center no-repeat;
    background-size: auto 37px;
	font-weight: bold;
	font-family:"游ゴシック";
}

.comBtn.mail a {
    background: #FFF url("../../img/common/icon_mail.png") left 21px center no-repeat;
    background-size: 27px auto;
	font-weight: bold;
	font-family: "游ゴシック";
}

@media all and (max-width: 767px) {
	.btnList > li {
		margin-right: 3.5%;
		width: 31% !important;
		font-weight: bold;
	}

	.btnList > li:last-child {
		margin-right: 0;
	}

	.comBtn.tel a {
		padding: 15px 5px 15px 39px;
		background-position: left 11px center;
	}

	.comBtn.line a {
		background-position: left 13px center;
	}

	.comBtn.mail a {
		padding: 10px 15px 7px 50px;
		background-position: left 11px center;
		background-size: 29px auto;
	}
}

@media all and (max-width: 390px) {
    .comBtn > * {
        padding: 10px 5px 7px 40px;
    }
    .comBtn.line a {
        background-size: 28px auto;
        background-position:left 8px center;
    }
    
    .comBtn.tel a {
        background-size: auto 30px;
        background-position: left 13px center;
    }
}



/*------------comBtn01-------------------*/


.comBtn01 a {
	padding: 5px 10px 4px;
	display: block;
	font-size: 1.6rem;
	text-align: center;
	background-color: #A1D89F;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

@media all and (max-width: 767px) {
	.comBtn01 {
		margin: 28px 0 64px;
	}

	.comBtn01 a {
		padding: 2px 10px 2px;
		font-size: 1.3rem;
		line-height: 1.5;
		box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	}

}

.btn-beige a {
	background-color: #f4d6a9;
}
.mt-30 {
	margin-top: 30px;
}
.mt-50 {
	margin-top: 50px;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.mb-70{
    margin-bottom: 70px;
}
.mb-100 {
	margin-bottom: 100px !important;
}
.mb-200{
    margin-bottom: 200px !important;
}
.mb-500{
    margin-bottom: 500px !important;
}

@media all and (max-width: 767px) {
    .mb-200{
        margin-bottom: 70px !important;
    }

    .mb-500{
        margin-bottom: 70px !important;
    }
	.mb-0_sp {
		margin-bottom: 0 !important;
	}
}
/*------------comLink-------------------*/

.comLink {
	margin: -16px 20px 0;
	text-align: right;
}

.comLink a {
	padding: 0 30px 0 15px;
	width: 100%;
	max-width: 190px;
	display: inline-block;
	color: #fff;
	font-size: 1.2rem;
	text-align: left;
	background: url(../../img/common/arrow01.png) no-repeat right 10px center #1A3C33;
	background-size: 19px auto;
	border-radius: 8px;
	box-sizing: border-box;
}

@media all and (max-width: 767px) {
	.comLink {
		margin: -8px 0 0;
	}

	.comLink a {
		border-radius: 5px;
	}
}

/*------------comTable-------------------*/

.comTable {
	width: 100%;
	font-size: 1.2rem;
	border-collapse: collapse;
}

.comTable th,
.comTable td {
	padding: 4px 25px 3px 31px;
	vertical-align: middle;
	text-align: left;
	border: 1px solid #b2b2b2;
}

@media all and (max-width: 767px) {


}

/*------------comTable01-------------------*/

.comTable01 .wid01 {
	width: 27.1%;
}

.comTable01 .wid02 {
	width: 19.9%;
}

.comTable01 .wid03 {
	width: 27.1%;
}

.comTable01 .wid04 {
	width: 24.9%;
}

.comTable01 tr td:last-child {
	text-align: right;
}

.comTable01 tr.dis td:last-child {
	padding: 17px 25px 24px 31px;
}

@media all and (max-width: 767px) {
	.comTable01 {
		font-size: 1rem;
	}

	.comTable01 th, .comTable01 td {
		padding: 6px 0 5px 5px;
	}

	.comTable01 .wid01 {
		width: 32%;
	}

	.comTable01 .wid02 {
		width: 18.4%;
	}

	.comTable01 .wid03 {
		width: 24.8%;
	}

	.comTable01 .wid04 {
		width: 24.8%;
	}

	.comTable01 tr.dis td:last-child {
		padding: 19px 11px 24px 10px;
	}

	.comTable01 tr td:last-child {
		padding-right: 13px;
	}

	.comTable01 tr td:nth-last-child(2) {
		padding-left: 14px;
	}
}

/*------------------------------------------------------------
	comTable02
------------------------------------------------------------*/
#main .comTable02 {
	margin-bottom: 20px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

#main .comTable02 th,
#main .comTable02 td {
	padding: 13px 20px;
	font-size: 1.2rem;
	text-align: left;
	line-height: 1.75;
	border: 2px solid #B3B3B3;
}

#main .comTable02 th {
	font-weight: normal;
}

#main .comTable02 tr td:last-child  {
	text-align: right;
}

#main .tableBox p {
	margin-left: 15px;
}

/*------------comMap-------------------*/

.comMap {
	margin-bottom: 0;
	padding: 32px 18px 44px;
}

.comMap .heading {
	margin-bottom: 28px;
}

.comMap .infoList > li {
	margin-right: 56px;
	width: 270px;
	float: left;
}

.comMap .infoList > li h3 {
	margin-bottom: 17px;
	font-size: 2.3rem;
	color: #1C3C34;
	font-weight: 500;
	line-height: 1.7;
	border-bottom: 1px solid #1C3C34;
}

.comMap .infoList > li .txtBox p {
	color: #666;
	font-size: 1.925rem;
	line-height: 1.35;
}

.comMap .infoList > li:last-child {
	margin-right: 0;
}

.comMap .linkUl {
	margin: 2px 0 0;
}

.comMap .linkUl li {
	margin-bottom: 13px;
}

.comMap .linkUl li:last-child {
	margin-bottom: 0;
}

.comMap .linkUl li a {
	padding: 13px 5px 9px 42px;
	display: block;
	color: #3E3A39;
	font-size: 0.96rem;
	line-height: 1.375;
	border-radius: 5px;
	box-shadow: 0px 3px 0 #B4B4B5;
	background: url(../../img/common/icon_line.png) no-repeat left 10px center #fbee9b;
	background-size: 24px auto;
}

.comMap .linkUl li.tel a {
	padding: 14px 5px 8px 42px;
	background: url(../../img/common/icon_tel.png) no-repeat left 14px center #D0E2D2;
	background-size: 15px auto;
}

.comMap .linkUl li.tel .lTxt {
	display: inline-block;
	vertical-align: middle;
}

.comMap .linkUl li.tel .num {
	margin-left: 8px;
	color: #1A3C34;
	font-weight: bold;
	vertical-align: middle;
	font-size: 2.3rem;
	line-height: 1.195;
}

.comMap .linkUl li.web a {
	background: url(../../img/common/icon_mail.png) no-repeat left 14px center #D0E2D2;
	background-size: 18px auto;
}

.comMap table {
	width: 100%;
	border-collapse: collapse;
}

.comMap table th,
.comMap table td {
	font-size: 1.2rem;
	line-height: 1.31;
	text-align: center;
	vertical-align: middle;
}

.comMap table thead th {
	width: auto;
	color: #fff;
	font-weight: normal;
	background-color: #99CB77;
	border: 1px solid #99CB77;
	box-sizing: border-box;
	letter-spacing: -1px;
	padding: 5px 0;
}
.comMap table thead td {
	width: 10%;
	color: #fff;
	font-weight: normal;
	background-color: #99CB77;
	border: 1px solid #99CB77;
	box-sizing: border-box;
}
.comMap table tbody {
	border: 1px solid #595757;
	box-sizing: border-box;
}

.comMap table tbody td {
	width: 10%;
	height: 100px;
	padding: 0;
	color: #F7B52C;
	font-size: 2.2rem;
	font-weight: bold;
}
.comMap table tbody td span {
	font-size: 10px;
    display: block;
    color: #231815;
    font-weight: normal;
	margin-top: -24px;
}

.comMap table tbody th {
	width: auto;
	height: 100px;
	padding: 0;
	color: #231815;
	letter-spacing: -1px;
}
.comMap .tableBox {
	margin: 0 0 16px -1px;
}
.comMap .mapBox {
	height: 185px;
}

.comMap .mapBox iframe {
	height: 100%;
}

.comMap .subBox {
	margin-bottom: 24px;
}

.comMap .subBox01 {
	margin-bottom: 21px;
}

.comMap .subBox .lBox {
	width: 170px;
	float: left;
}

.comMap .subBox .lBox p {
	margin-bottom: 15px;
	line-height: 1.33;
}

.comMap .subBox .lBox p a {
	color: #264D38;
	font-size: 1.4rem;
	line-height: 1.2;
	font-weight: bold;
}

.comMap .subBox .lBox p:last-child {
	margin-bottom: 0;
}

.comMap .subBox .lBox .title {
	margin: 8px 0 0;
	color: #264D38;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.14;
}


.comMap .subBox .rBox {
	width: 96px;
	float: right;
}


@media all and (max-width: 767px) {
	.comMap {
		padding: 19px 23px 18px;
	}

	.comMap .heading {
		margin: 0 0 11px;
	}

	.comMap .infoList > li .topBox {
		margin-bottom: 29px;
	}

	.comMap .infoList > li .txtBox {
		margin-top: 3px;
		width: 58%;
		float: left;
	}

	.comMap .infoList > li h3 {
		margin-bottom: 21px;
		font-size: 1.75rem;
		border: none;
	}

	.comMap .infoList > li h3 span {
		border-bottom: 1px solid #1C3C34;
	}

	.comMap .linkUl {
		max-width: 115px;
		margin: 12px 0 0;
		width: 39%;
		float: right;
	}

	.comMap .infoList > li {
		margin: 0 0 11px;
		padding-bottom: 34px;
		border-bottom: 2px solid #ccc;
		width: auto;
		float: none;
	}

	.comMap .tableBox {
		margin: 0 0 19px;
	}

	.comMap .linkUl li {
		margin-bottom: 19px;
	}

	.comMap .linkUl li a {
		padding: 8px 18px 8px 48px;
		font-size: 1.45rem;
		min-height: 45px;
		box-sizing: border-box;
		font-weight: bold;
		line-height: 1.07;
		border-radius: 5px;
		color: #4E4D4D;
		text-align: center;
		background: url(../../img/common/icon_line.png) no-repeat left 12px center #fbee9b;
		background-size: 34px auto;
		box-shadow: 0px 4px 0 #B4B4B5;
	}

	.comMap .linkUl li.web a {
		background: url(../../img/common/icon_mail.png) no-repeat left 14px center #D0E2D2;
		background-size: 30px auto;
	}

	.comMap .infoList > li .txtBox p {
		font-size: 1.45rem;
		line-height: 1.535;
		letter-spacing: -0.5px;
	}

	.comMap .tel {
		margin-bottom: 20px;
		text-align: center;
	}

	.comMap .tel a {
		border-radius: 5px;
		display: block;
		color: #4E4D4D;
		font-size: 1.35rem;
		background-color: #D1E3D2;
		box-shadow: 0 4px 0 #B4B4B5;
	}

	.comMap .tel a > span {
		padding-left: 30px;
		display: inline-block;
		letter-spacing: 4px;
		background: url(../../img/common/icon_tel.png) no-repeat left top 7px;
		background-size: 20px auto;
	}

	.comMap .tel a > span .num {
		margin-top: -5px;
		display: block;
		color: #1A3C34;
		line-height: 1;
		font-size: 1.95rem;
		letter-spacing: 1px;
	}

	.comMap table th, .comMap table td {
		font-size: 1.4rem;
	}

	.comMap table tbody th {
		padding: 0 3px 0 3px;
		font-weight: normal;
	}

	.comMap table tbody td {
		font-size: 2.4rem;
	}
	.comMap table thead th,
	.comMap table thead td {
		border-bottom: 1px solid #ccc;
	}
	.comMap .mapBox {
		height: 217px;
	}
	.comMap .infoList > li:last-child {
		margin-bottom: 0;
		padding: 0;
		border: none;
	}
}


#main .touchBox {
	padding: 9px 42px 5px 176px;
	margin: 0 -255px 62px 0;
	position: relative;
	background-color: #A1D89F;
	border-radius: 3px;
	box-sizing:border-box;
}

#main .touchBox .img {
	position: absolute;
	left: 16px;
	bottom: 0;
}

#main .touchBox .lBox {
	width: 464px;
	float: left;
}

#main .touchBox .lBox .ttl {
	margin-bottom: 6px;
	color: #333;
	font-size: 1.9rem;
	font-weight: bold;
	font-family: "游明朝","YuMincho","Hiragino Mincho Pro","MS PMincho","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6",serif;
}

#main .touchBox .rBox {
	margin-top: 8px;
	width: 246px;
	color: #333;
	float: right;
	font-size: 2.1rem;
	line-height: 1.43;
	letter-spacing: -1px;
}

#main .touchBox .rBox li a {
	color: #333;
	font-weight: bold;
}

@media all and (max-width: 767px) {
	#main .touchBox {
		margin: 0 -16px;
		border-radius: 0;
		padding: 15px 16px 9px;
        width: auto !important;
	}

	#main .touchBox .img {
		left: 17px;
		bottom: 45%;
		width: 87px;
	}

	#main .touchBox .rBox {
		display: none;
	}

	#main .touchBox .lBox {
		width: auto;
		float: none;
		position: relative;
		z-index: 4;
	}

	#main .touchBox .lBox .ttl {
		margin-bottom: 17px;
		font-size: 1.4rem;
		text-align: right;
	}
}

.comNav {
	padding: 1px 99px 2px 100px;
	margin-right: -255px;
	line-height: 1.5;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

.comNav ul {
	width: 300px;
	float: left
}

.comNav ul li {
	margin-right: 15px;
	display: inline-block;
}

.comNav ul li a {
	color: #666;
	font-size: 1rem;
}

.comNav ul li a:hover {
	opacity: 0.7;
}

.comNav .pageTop {
	float: right
}

.comNav .pageTop a {
	color: #666;
	font-size: 1rem;
}

@media all and (max-width: 767px) {
	.comNav {
		padding: 11px 10px 9px;
		margin: 0;
		display: none;
		overflow: hidden;
	}

	.comNav ul {
		width: auto;
		float: none;
	}

	.comNav ul li {
		margin: 0;
		display: block;
		width: 50%;
		font-size: 1.3rem;
		float: left;
	}

	.comNav ul li a {
		font-size: 1.3rem;
	}

	.comNav ul li:last-child {
		float: right;
		text-align: right;
	}
}



/*----------------pageTitle--------------*/

.pageTitle{
	margin-bottom: 14px;
	padding: 24px 0 32px;
	background-color: #FFFDDD;
	border-bottom: 8px solid #D0E2D1;
}

.pageTitle .comBox {
	padding: 24px 64px 35px;
	max-width: 864px;
	position: relative;
	background-color: #D0E2D1;
	border-radius: 16px;
}

.pageTitle h2 {
	margin-bottom: 6px;
}

.pageTitle h2 img {
	width: 207px;
}

.pageTitle .comBox > img {
	position: absolute;
	bottom: -17px;
	right: 87px;
}

.pageTitle p {
	font-size: 1.6rem;
	line-height: 1.6875;
}


@media all and (max-width: 767px) {
	.pageTitle {
		margin-bottom: 11px;
		padding: 16px;
		border-bottom: 2px solid #D0E2D1;
	}

	.pageTitle .comBox {
		padding: 8px 24px 5px;
		border-radius: 8px;
	}

	.pageTitle h2 img {
		width: 156px;
	}

	.pageTitle p {
		font-size: 0.9rem;
		line-height: 1.33;
	}

	.pageTitle h2 {
		margin-bottom: 3px;
	}

	.pageTitle .comBox > img {
		bottom: -9px;
		right: 23px;
		width: 47px;
	}

}

/*----------------comList--------------*/
.comList > li {
	margin-bottom: 16px;
}

.comList > li > ul {
	border: 1px solid #ccc;
}

.comList > li:last-child {
	margin-bottom: 0;
}

.comList > li .ttl {
	padding: 10px 15px 5px;
	color: #39A64A;
	font-size: 1.8rem;
	background-color: #D0E2D1;
}

.comList > li > ul > li {
	border-bottom: 1px solid #ccc;
}

.comList > li > ul > li a {
	padding: 29px 31px 22px;
	display: block;
	font-size: 1.4rem;
	color: #333;
	background: url("../../img/information/icon01.png") no-repeat right 33px center #fff;
	background-size: 14px auto;
}


.comList > li > ul > li:last-child {
	border: none;
}

@media all and (max-width: 767px) {
	.comList > li .ttl {
		padding: 10px 35px 7px 15px;
		font-size: 1.3rem;
		position: relative;
		z-index: 3;
		box-shadow: 2px 2px 3px rgba(0,0,0,0.35);
	}

	.comList > li {
		margin-bottom: 11px;
	}

	.comList > li .ttl:before {
		margin-top: -1px;
		width: 15px;
		height: 2px;
		position: absolute;
		right: 25px;
		top: 50%;
		background-color: #666;
		content: '';
	}

	.comList > li .ttl::after {
		margin-top: -1px;
		width: 15px;
		height: 2px;
		position: absolute;
		right: 25px;
		top: 50%;
		background-color: #666;
		content: '';
		transform: rotate(90deg);
		transition: transform 0.3s;
	}

	.comList > li .ttl.on::after {
		transform: none;
	}


	.comList > li > ul > li a {
		padding: 19px 31px 16px;
		font-size: 1.2rem;
		background-size: 10px auto;
		background-position: right 28px center;
	}

}



.comTxtUl {
	margin-bottom: 26px;
}

.comTxtUl li {
	font-size: 1.2rem;
	line-height: 1.81;
}

@media all and (max-width: 767px) {
	.comTxtUl li {
		line-height: 1.416;
	}
}


ul.comBtn01 {
	margin-bottom: 102px;
}

ul.comBtn01 li {
	margin-bottom:38px;
}

ul.comBtn01 li:last-child {
	margin-bottom: 0;
}

@media all and (max-width: 767px) {

	ul.comBtn01 {
		margin-bottom: 64px;
	}

	ul.comBtn01 li {
		margin-bottom: 24px;
	}
}

.comPhotoUl {
	margin-bottom: 12px;
	position: relative;
}

.comPhotoUl li {
	width: 41.6%;
	float: left;
	position: relative;
}

.comPhotoUl::before {
	margin: -19px 0 0 -6px;
	width: 12px;
	height: 24px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(../../img/beaf/index/arrow.png) no-repeat left top;
	background-size: 100% 100%;
	content: '';
}

.comPhotoUl li p {
	margin-top: 10px;
}

.comPhotoUl li:nth-child(2) {
	float: right;
}

#conts .comPhotoUl.small {
    margin: 38px 113px 35px 140px;
}

#conts .comPhotoUl.small li {
    width: 46%;
}

#conts .comPhotoUl.small p {
    margin: 10px 8px 0;
   font-size: 1rem;
}

@media all and (max-width: 767px) {
	.comPhotoUl {
		margin-bottom: 11px;
	}

	.comPhotoUl li {
		width: 42%;
	}

	.comPhotoUl li p {
		font-size: 0.85rem;
	}

	.comPhotoUl::before {
		margin: -15px 0 0 -3px;
		width: 6px;
		height: 12px;
	}

	#conts .comPhotoUl.small {
        margin: 30px 0 20px;
    }

    #conts .comPhotoUl.small p {
        margin: 2px 8px 0;
       font-size: 1.1rem;
    }

}

@media all and (max-width: 374px) {
	.comNav ul li a {
		font-size: 1.2rem;
	}
	.comBtn.mail a {
		padding-right: 9px;
	}
	.touchBox .comBtn.tel a {
		padding: 8px 10px 8px 39px;
	}
	.touchBox .btnList .slideUl.tel li a {
		padding: 10px 0 9px 18px;
		background-size: 10px auto;
		font-size: 0.9rem;
	}
	.touchBox .btnList .slideUl.tel li a .sTxt {
		font-size: 0.8rem;
	}
	.touchBox .btnList .slideUl.tel li a .num {
		font-size: 0.8rem;
		margin-left: 0;
	}
	.touchBox .btnList .slideUl li a span {
		font-size: 0.8rem;
	}
	.touchBox .btnList .slideUl li a {
		font-size: 1.2rem;
	}
	#main .touchBox .img {
		left: 7px;
	}
	#main .touchBox .lBox .ttl {
		letter-spacing: -1px;
		font-size: 1.3rem;
	}
}

.button-margin {
	margin-top: 50px;
}
@media all and (max-width: 767px) {
	.button-margin {
		margin-top: 30px;
		margin-bottom: 30px;
	}
}
.link-red {
	color: #E25A24 !important;
}
.link-underline {
	text-decoration: underline !important;
}

/*------------------------------------------------------------
見出し・目次 202112追加
------------------------------------------------------------*/
.beige_tit {
	width: 100%;
	background: #1A3C34;
	border: solid 1px #C7B299;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 15px;
	color: #FFFFFF;
	padding: 15px;
}
.beige_listbtn {
	width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
	margin-bottom: 50px;
}
.beige_listbtn li {
	width: 49%;
    background: #F2EADB;
    border: solid 1px #C7B299;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 15px;
    position: relative;
}
.beige_listbtn li a {
	display: block;
    color: #264E39;
    font-size: 0.65em;
    padding: 5px 0;
	font-weight: bold;
}
.beige_listbtn li a::after {
    content: "";
    position: absolute;
    right: 5px;
    bottom: 5px;
    border-top: 5px solid transparent;
    border-right: 5px solid #C7B299;
    border-bottom: 5px solid #C7B299;
    border-left: 5px solid transparent;
}
.flexbox_a {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
	margin: 30px 0;
}
.flexbox_a .photoBox {
	width: 30%;
}
.flexbox_a p {
	width: 70%;
	margin-right: 30px;
}
.img_listbox {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.img_listbox li {
	width: 30%;
}
.img_listbox .arrowbox {
	width: 5%;
	padding: 15px;
	margin-top: 70px;
}
.img_listbox li figure {
	width: 100%;
	margin: 0 0 15px;
}
.img_listbox .arrowbox figure {
	width: 50%;
	margin: 0 auto;
}
.recommendbox {
	width: 100%;
	padding: 15px 30px;
	display: flex;
	justify-content: space-between;
	background: #FFFDE6;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	box-sizing: border-box;
}
.recommendbox .tittxtbox p .green_txt {
	display: block;
	color: #006837;
	font-size: 0.8em;
	margin-bottom: 10px;
	font-weight: bold;
}
.tit_name {
	font-weight: bold;
	color: #666666;
	font-size: 0.9em;
}
.tittxtbox_r {
	width: 50%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.tittxtbox_r .tittxtbox_r-inner {
	width: 70%;
}
.tittxtbox_r .tittxtbox_r-inner table {
	width: 100%;
	background: #fff;
	border: solid 1px #CCCCCC;
	box-sizing: border-box;
	margin-bottom: 5px;
	border-collapse: collapse;
}
.tittxtbox_r .tittxtbox_r-inner table tr th {
	width: 70%;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
	padding: 3px 0 0 10px;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
	line-height: 1.6;
}
.tittxtbox_r .tittxtbox_r-inner table tr td {
	width: 30%;
	font-size: 0.8em;
	font-weight: normal;
	text-align: right;
	padding: 3px 10px 0 0;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
}
.tittxtbox_r figure {
	width: 25%;
	margin: 0;
}
.recommendbox p {
	margin-bottom: 0 !important;
}
.more_btn {
	width: 100%;
	background: #CFE3CB;
	text-align: center;
	border-right: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.more_btn a {
	display: block;
	padding: 5px 0;
	color: #4D4D4D;
	font-size: 0.9em;
}
.more_btn a :hover {
	opacity: 0.7;
}
.longtxt_yellowbox {
	background: #FFFDE6;
	border-right: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	box-sizing: border-box;
	margin-bottom: 0 !important;
	padding: 0 30px 15px;
}
.sp_flexbox {
	width: 49%;
}
.green_normaltxt {
	color: #006837;
	font-weight: bold;
}
.c-imgbox {
	margin: 30px auto;
    width: 80%;
}

@media all and (max-width: 767px) {
	.beige_tit {
		padding: 10px;
		font-size: 1.2em;
	}
	.beige_listbtn {
		justify-content: space-between;
		flex-direction: row;
		margin-bottom: 30px;
	}
	.beige_listbtn li {
		width: 48%;
		height:60px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.beige_listbtn li a {
		font-size: 1em;
		line-height: 16px;
		padding: 0 5px;
	}
	.flexbox_a {
		align-items: flex-start;
	}
	.img_listbox {
		display: flex;
		justify-content: center;
		flex-direction: column;
		margin-bottom: 50px;
	}
	.img_listbox li {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.img_listbox p {
		width: 50%;
		margin-bottom: 0 !important;
	}
	.img_listbox .arrowbox {
		width: 10%;
		margin-top: 0;
		margin-left: 17%;
		padding: 0;
		transform: rotate(90deg);
	}
	.img_listbox li figure {
		width: 45%;
	}
	.recommendbox {
		padding: 15px;
		flex-direction: column;
	}
	.recommendbox .tittxtbox {
		width: 70%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.tit_name {
		font-size: 1.2em;
	}
	.tittxtbox_r {
		width: 100%;
		justify-content: center;
	}
	.tittxtbox_r .tittxtbox_r-inner {
		width: 100%;
	}
	.tittxtbox_r .tittxtbox_r-inner table {
		margin-bottom: 10px;
	}
	.tittxtbox_r .tittxtbox_r-inner table tr th {
		font-size: 1em;
		padding: 10px;
		line-height: 1.6;
	}
	.tittxtbox_r .tittxtbox_r-inner table tr td {
		font-size: 1em;
		padding: 10px;
	}
	.more_btn {
		margin-bottom: 15px;
	}
	.more_btn a {
		padding: 10px 0;
		font-size: 1em;
	}
	.longtxt_yellowbox {
		padding: 0 15px 15px;
	}
	.sp_flexbox {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 15px;
	}
	.sp_imgbox {
		width: 25%;
		margin: 0;
	}
	.c-imgbox {
		margin: 15px auto;
		width: 100%;
	}
	.movie-wrap2 {
		margin-bottom: 0px;
	}
}

.movie-wrap {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
	margin-bottom: 30px;
}

.movie-wrap2 {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
	margin-bottom: 100px;
}

/* .movie-wrap:last-child {
	position: relative;
	padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
	margin-bottom: 100px;
} */

.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.movie-wrap2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media all and (max-width: 767px) {
	.movie-wrap2 {
		margin-bottom: 50px;
	}
}