@charset "utf-8";

	/*全体の設定
	---------------------------------------------------------------------------*/
	body{
		margin: 0;
		color:#310101;
		font: 16px/1.6 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
		-webkit-text-size-adjust: 100%;
	}
	p{
		margin: 0;
		color: #1F0F03;
	}
	img{
	    width:100%;
	}
	#clear{
		clear: both;
	}

	/* ========== コンテナー ここから ========== */
	#container{
		width: 100%;
	}
	#container_box{
		padding:50px 0;
	}

	@media screen and (min-width: 1366px){
	#container{
		width: 1366px;
		margin:0 auto;
	}
	.container_box{
		width: 1366px;
		margin:0 auto;
		padding:70px 0 0;
		overflow: hidden;
	}
	.container_box02{
		width: 1100px;
		margin:0 auto;
		padding:70px 0 0;
		overflow: hidden;
	}
	.container_box03{
		width: 1300px;
		margin:0 auto;
		padding:70px 0 0;
		overflow: hidden;
	}
	}

	.menu_button{
		float: right;
		height: 90px;
		width: 200px;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 60;
	}

	.button a{
		height: auto;
		width: 200px;
		font-size: 40px;
		letter-spacing: 4px;
		color: #fff;
		text-align: center;
		font-weight:bold;
		display: block;
		text-decoration: none;
		background:#3EB36F;
		border: 2px solid #3EB36F;
		padding:56px 0;
		transition: .4s;
		margin:0 auto;
		z-index: 60;
	}

	.logo{
		height: 155px;
		width: 230px;
		margin: 0 auto;
		background-image: url("img/logo.png");
		background-repeat: no-repeat;
		background-size: 100%;
		z-index: 60;
		position:fixed;
		top:13px;
		left:50%;
		transform: translate(-50%, 0);
	    -webkit-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
	}
	.menu_button02{
		display: none;
	}

	@media screen and (min-width: 1366px){
	.menu_button{
		display: none;
	}
	.menu_button02{
		display:inline;
		float: right;
		height: 90px;
		width: 180px;
		position: fixed;
		top: 30px;
		right: 20px;
		z-index: 60;
	}
	.button02{
		margin: 0;
	}
	.button02 a{
		width: 150px;
		color: #fff;
		display: block;
		text-align: center;
		text-decoration: none;
		background:#3EB36F;
		border-bottom:5px solid #276E44;
		border-right:3px solid #276E44;
		border-radius: 10px;
		padding:25px 20px 20px 10px;
		transition: .4s;
		margin:0 auto;
		z-index: 60;
	}
	.button02 :hover {
		transform: translate3d(0, 4px, 0);
	}
	.button02 span{
		color: #FFF;
		font-size: 16px;
		position: relative;
		letter-spacing:2px;
		padding-right:6px;
		vertical-align:middle;
	}
	.button02 span::after{
		content: "";
		position: absolute;
		top: 13px;
		right: -10%;
		width: 7px;
		height: 7px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		margin-top: -5px;
	}
}

	/* ========== ハンバーガーメニュー ========== */
	*:before, *:after {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
	}
	ol, ul {
		list-style: none;
	}
	a {
		text-decoration: none;
		color: inherit;
	}
	.pad{
		padding:0;
	}

	.cp_cont {
		height: 0;
	}
	.cp_offcm02 {
		position: fixed;
		z-index: 15;
		top: 120px;
		left:-980px;
		overflow-y: scroll;
		overflow: hidden;
		height: 100%;
		width: 100%;
		padding-top: 60px;
		-webkit-transition: opacity 0.3s ease-in, visibility 0.3s ease-in 0.3s;
		transition: opacity 0.3s ease-in, visibility 0.3s ease-in 0.3s;
		opacity: 0;
		background: linear-gradient(to bottom, #fff, #FFF9C7);
	}
	.cp_offcm02 li {
		width:90%;
		margin:0 auto;
		display: block;
		color: #FFFFFF;
		border-bottom: 1px solid #C3BB93;/*drawer内ライン色*/
		font-size: 50px;
		text-align: center;
	}
	.cp_offcm02 a {
		padding: 18px;
		display: block;
	}
	.cp_offcm02 a:hover {
		background-color:#6ae19c;/*drawer内選択時色*/
	}
	.cp_mobilebar {
		display: block;
		z-index: 16;
		position: fixed;
		top: 0;
		left: 0;
		padding: 0 25px;
		width: 100%;
		height: 180px;
		background-color: #fff;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	}
	.cp_menuicon {
		display: block;
		position: relative;
		width: 90px;
		height: 100%;
		cursor: pointer;
		-webkit-transition: transform .3s ease-in;
		transition: transform .3s ease-in;
	}
	.cp_menuicon > span {
		display: block;
		position: absolute;
		top: 55%;
		margin-top: -0.3em;
		width: 100%;
		height: 7px;
		border-radius: 30px;
		background-color: #3EB36F;
		-webkit-transition: transform .3s ease-in;
		transition: transform .3s ease-in;
	}
	.cp_menuicon > span:before, .cp_menuicon > span:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 7px;
		border-radius: 30px;
		background-color: #3EB36F;
		-webkit-transition: transform .3s ease;
		transition: transform .3s ease;
	}
	.cp_menuicon > span:before {
		-webkit-transform: translateY(-0.6em);
		transform: translateY(-2.0em);/*上ボーダー間隔*/
	}
	.cp_menuicon > span:after {
		-webkit-transform: translateY(0.6em);
		transform: translateY(2.0em);/*下ボーダー間隔*/
	}
	#cp_toggle02:checked + .cp_mobilebar .cp_menuicon {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#cp_toggle02:checked + .cp_mobilebar span:before,
	#cp_toggle02:checked + .cp_mobilebar span:after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#cp_toggle02:checked ~ .cp_offcm02 {
		visibility: visible;
		opacity: 1;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		transform:translateX(100%);
	}
	#cp_toggle02:checked ~ .cp_container {
		-webkit-transform: translateX(250px);
		transform: translateX(250px);
	}

	.cp_offcm02 a:checked + .cp_mobilebar .cp_menuicon {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.cp_offcm02 a:checked + .cp_mobilebar span:before,
	.cp_offcm02 a:checked + .cp_mobilebar span:after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.cp_offcm02 a:checked ~ .cp_offcm02 {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	.cp_offcm02 a:checked ~ .cp_container {
		-webkit-transform: translateX(250px);
		transform: translateX(250px);
	}

	.link_box{
    font-size: 60px;
    font-family:cooper-black-std, serif;
    background-color: transparent;
    border: 0px;
    padding: 15px 220px;
    outline: none;
	}
	#cp_toggle02 {
		display: none;
	}

	@media screen and (min-width: 1024px){
		.cp_offcm02 {
			position: fixed;
			z-index: 15;
			top: 120px;
			left:-1024px;
			overflow-y: scroll;
			overflow: hidden;
			height: 100%;
			width: 100%;
			padding-top: 60px;item
			-webkit-transition: opacity 0.3s ease-in, visibility 0.3s ease-in 0.3s;
			transition: opacity 0.3s ease-in, visibility 0.3s ease-in 0.3s;
			opacity: 0;
			background-color: #d8e8e6;
		}
		.link_box{
	    font-size: 45px;
	    font-family:cooper-black-std, serif;
	    background-color: transparent;
	    border: 0px;
	    padding: 15px 285px;
	    outline: none;
		}
	}

	@media screen and (min-width: 1366px){
	.cp_cont {
		height: 0;
	}
	/* menu */
	.cp_offcm02 {
		position: fixed;
		z-index: 15;
		left: 0;
		visibility: visible;
		overflow: auto;
		width: 100%;
		height: 190px;
		padding-top: 0;
		text-align: center;
		opacity: 1;
		top: -15px;
		background:#fff;
		margin-bottom:10px;
		box-shadow:3px 2px 10px rgba(0, 0, 0, 0.16);
	}
	.cp_offcm02 nav {
		background: transparent;
	}
	.cp_offcm02 nav, .cp_offcm02 ul {
		width:87%;
		height: auto;
		margin: 50px 0 0 auto;
		padding: 0;
	}
	.cp_offcm02 li {
		width:auto;
		margin:0;
		display: inline-block;
		margin-right: -6px;
		border: none;
		color: #1F0F03;
		font-size: 25px;
		height: 70px;
		margin: -30px 10px -10px;
	}
	.cp_offcm02 a {
		display: block;
		color:#1F0F03;
		padding: 0 ;
		-webkit-transition: background-color .3s ease-in;
		transition: background-color .3s ease-in;
	}
	.cp_offcm02 a:hover {
    border-bottom:2px solid #0f4e44;
    background:transparent;
    padding-bottom:5px;
    height:34px;
	}

	/* menu toggle */
	#cp_toggle02,
	.cp_mobilebar {
		display: none;
	}

	/* content */
	.cp_container {
		position: relative;
		top: 0px;
		margin-top: 0;
		padding: 35px auto;
		-webkit-transition: transform .3s ease-in;
		transition: transform .3s ease-in;
	}
	.cp_content {
		margin: 0 auto;
		padding: 20px;
		height: 65vh;
		text-align: center;
		}
	.logo{
		width:130px;
		height:90px;
		z-index: 60;
		position: fixed;
		top: 20px;
		left: 110px;
	}
	.link_box{
    font-size: 30px;
    font-family:cooper-black-std, serif;
    background-color: transparent;
		color:#1F0F03;
		border: 0px;
		margin: 0 10px;
		outline: none;
		padding:0;
	}
	}
	@media screen and (min-width: 1366px){
		.cp_offcm02 {
			position: fixed;
			z-index: 15;
			left: 0;
			visibility: visible;
			overflow: auto;
			width: 100%;
			height: 140px;
			padding-top: 0;
			text-align: center;
			opacity: 1;
			top: -15px;
			background:#fff;
			margin-bottom:10px;
			box-shadow:3px 2px 10px rgba(0, 0, 0, 0.16);
		}
	.cp_offcm02 li {
		display: inline-block;
		margin-right: -6px;
		border: none;
		color: #1F0F03;
		font-size: 25px;
		height: 58px;
		margin: 80px 0 0;
	}
	.cp_offcm02 a:hover {
		border-bottom:2px solid #3EB36F;
		background:transparent;
		padding-bottom:0;
		height:38px;
	}
	.cp_offcm02 nav, .cp_offcm02 ul {
		width:980px;
		height: 100%;
		margin: 0 220px 0 auto;
		padding: 0;
		text-align:right;
	}
	.link_box{
		font-size: 20px;
		font-family:cooper-black-std, serif;
		background-color: transparent;
		color:#0C5D2E;
		border: 0px;
		margin: 0 10px;
		outline: none;
		padding:0;
	}
	}

	/*ファーストビューの設定
	---------------------------------------------------------------------------*/
	/* ========== ファーストビュー ここから ========== */
	@media screen and (max-width: 1023px){
	.firstview_pc{
		display: none;
	}
	}
	#firstview{
		height: auto;
		padding-top: 150px;
	}

	.firstview_sp{
		height: 980px;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-left:auto;
    z-index:1;
	}
	.firstview_sp img {
    animation: show 20s infinite;
    -webkit-animation: show 20s infinite;
    width: 100%;
		height: auto;
		object-fit: cover;
    opacity: 0;
    position: absolute;
	}

	@keyframes show {
		0% { opacity: 0 }
		3% { opacity: 1 }
		30% { opacity: 1 }
		38% { opacity: 0 }
	}
	@-webkit-keyframes show {
		0% { opacity: 0 }
		3% { opacity: 1 }
		30% { opacity: 1 }
		38% { opacity: 0 }
	}

	/*各画像のアニメーションの開始時間をずらす*/
	.firstview_sp img:nth-of-type(1) {
	    animation-delay: 0s;
	    -webkit-animation-delay: 0s;
	}
	.firstview_sp img:nth-of-type(2) {
	    animation-delay: 5s;
	    -webkit-animation-delay: 5s;
	}
	.firstview_sp img:nth-of-type(3) {
	    animation-delay: 10s;
	    -webkit-animation-delay: 10s;
	}
	.firstview_sp img:nth-of-type(4) {
	    animation-delay: 15s;
	    -webkit-animation-delay: 15s;
	}

	@keyframes fadein {
	from {
	    opacity: 0;
	    transform: translateY(0);
	}
	to {
	    opacity: 1;
	    transform: translateY(0);
	}
	}

	@media screen and (min-width: 1024px){
		#firstview{
			height:50vw;
			padding-top: 150px;
		}

	.firstview_sp{
		display: none;
	}

	.firstview_pc{
		height: 50vw;
    overflow: hidden;
    position: relative;
    z-index:1;
    width: 100%;
    margin-left:auto;
	}

	.firstview_pc img {
    animation: show 20s infinite;
    -webkit-animation: show 20s infinite;
    width: 100%;
		height: 100%;
		object-fit: cover;
    opacity: 0;
    position: absolute;
	}

	@keyframes show {
		0% { opacity: 0 }
		5% { opacity: 1 }
		26% { opacity: 1 }
		30% { opacity: 0 }
	}
	@-webkit-keyframes show {
		0% { opacity: 0 }
		5% { opacity: 1 }
		26% { opacity: 1 }
		30% { opacity: 0 }
	}

	/*各画像のアニメーションの開始時間をずらす*/
	.firstview_pc img:nth-of-type(1) {
	    animation-delay: 0s;
	    -webkit-animation-delay: 0s;
	}
	.firstview_pc img:nth-of-type(2) {
	    animation-delay: 5s;
	    -webkit-animation-delay: 5s;
	}
	.firstview_pc img:nth-of-type(3) {
	    animation-delay: 10s;
	    -webkit-animation-delay: 10s;
	}
	.firstview_pc img:nth-of-type(4) {
	    animation-delay: 15s;
	    -webkit-animation-delay: 15s;
	}

	}
	@media screen and (min-width: 1366px){
	#firstview{
		overflow: hidden;
		width: 60%;
		height:27vw;
		float: left;
		padding-top: 100px;
	}
	.firstview_sp{
		display: none;
	}
	.firstview_pc{
		height: auto;
    position: relative;
    width: 100%;
    margin-left:auto;
		padding-bottom:45%;
	}
	}
	/* ========== ファーストビュー ここまで ========== */

	/* ------- スクロールアニメーション ここから ------- */
	/* 速さ */
	.scroll-animation-obj {
	  opacity: 0;
	  transition: all 1.4s ease 0.4s;
	}

	/* どこからでてくるか */
	.scroll-animation-hop {
	  transform: translate(0,60px);
	}
	.scroll-animation-left {
	  transform: translate(-50px,0);
	}
	.scroll-animation-right {
	  transform: translate(120px,0);
	}

	/* 速さ */
	.scroll-animation-obj_02 {
	  opacity: 0;
	  transition: all 1.6s ease 0.5s;
	}

	/* どこからでてくるか */
	.scroll-animation-hop_02 {
	  transform: translate(0,60px);
	}
	.scroll-animation-left_02 {
	  transform: translate(-50px,0);
	}
	.scroll-animation-right_02 {
	  transform: translate(120px,0);
	}

	/* 速さ */
	.scroll-animation-obj_03 {
	  opacity: 0;
	  transition: all 0.8s ease 1.0s;
	}

	/* どこからでてくるか */
	.scroll-animation-hop_03 {
	  transform: translate(0,60px);
	}
	.scroll-animation-left_03 {
	  transform: translate(-50px,0);
	}
	.scroll-animation-right_03 {
	  transform: translate(120px,0);
	}

	/* 下からでてくる */
	.fadein-bottom{
	  -webkit-transition: all .5s linear;
	  -o-transition: all .5s linear;
	  transition: all .5s linear;
	  -webkit-transform: translateY(15%);
	  -moz-transform: translateY(15%);
	  -ms-transform: translateY(15%);
	  transform: translateY(15%);
	  opacity: 0;
	}
	.fadein-bottom.active{
	  -webkit-transform: translateY(0%);
	  -moz-transform: translateY(0%);
	  -ms-transform: translateY(0%);
	  transform: translateY(0%);
	  opacity: 1;
	}

	.fadein-bottom_01{
	  -webkit-transition: all .7s linear;
	  -o-transition: all .7s linear;
	  transition: all .7s linear;
	  -webkit-transform: translateY(20%);
	  -moz-transform: translateY(20%);
	  -ms-transform: translateY(20%);
	  transform: translateY(20%);
	  opacity: 0;
	}
	.fadein-bottom_01.active{
	  -webkit-transform: translateY(0%);
	  -moz-transform: translateY(0%);
	  -ms-transform: translateY(0%);
	  transform: translateY(0%);
	  opacity: 1;
	}

	.fadein-bottom_02{
	  -webkit-transition: all .7s linear;
	  -o-transition: all .7s linear;
	  transition: all .7s linear;
	  -webkit-transform: translateY(50%);
	  -moz-transform: translateY(50%);
	  -ms-transform: translateY(50%);
	  transform: translateY(50%);
	  opacity: 0;
	}
	.fadein-bottom_02.active{
	  -webkit-transform: translateY(0%);
	  -moz-transform: translateY(0%);
	  -ms-transform: translateY(0%);
	  transform: translateY(0%);
	  opacity: 0.5;
	}
	.fadein-bottom_03{
	  -webkit-transition: all .10s linear;
	  -o-transition: all .10s linear;
	  transition: all .10s linear;
	  -webkit-transform: translateY(0%);
	  -moz-transform: translateY(0%);
	  -ms-transform: translateY(0%);
	  transform: translateY(0%);
	  opacity: 0;
	}
	.fadein-bottom_03.active{
	  -webkit-transform: translateY(0%);
	  -moz-transform: translateY(0%);
	  -ms-transform: translateY(0%);
	  transform: translateY(0%);
	  opacity: 1;
	}

	/* ------- animation ここから ------- */
	.wrap {
	  width: 768px;
	  margin: 0 auto;
	}
	.text {
	  margin: 200px 0 0;
	  text-align: center;
	  opacity: 0;
	}
	/* ------- 見出し文字 スクロール ここから ------- */
	.fade_off {
	    opacity: 0;
	    -webkit-transition: all 1s;
	    -moz-transition: all 1s;
	    -o-transition: all 1s;
	    -ms-transition: all 1s;
	}

	.fade_on {
	    opacity: 1;
	    transition: all 1s;
	}

	/*中身の設定
	---------------------------------------------------------------------------*/
	/* ------- concept ここから ------- */
	#concept{
		overflow: hidden;
		padding: 50px 0 100px;
		background: linear-gradient(to bottom, #fff, #FFF9C7);
	}
	.concept_title{
		text-align: center;
		font-size: 80px;
		font-family: cooper-black-std, serif;
		font-weight: bold;
		line-height: 1.2;
		color: #0C5D2E;
		margin: 50px 0;
		letter-spacing: 5px;
	}
	.concept_box{
		margin: 50px 30px 80px;
		font-size: 45px;
		line-height: 1.6;
		text-align: center;
	}

	@media screen and (min-width: 1024px){
		#concept{
			overflow: hidden;
			padding: 50px 0 100px;
			background: linear-gradient(to bottom, #fff, #FFF9C7);
		}
		.concept_title{
			text-align: center;
			font-size: 80px;
			font-family: cooper-black-std, serif;
			font-weight: bold;
			line-height: 1.2;
			color: #0C5D2E;
			margin: 50px 0;
			letter-spacing: 5px;
		}
		.concept_box{
			margin: 50px 30px 80px;
			font-size: 42px;
			line-height: 1.6;
			text-align: center;
		}
	}
	@media screen and (min-width: 1366px){
		#concept{
			width: 40%;
			height: 26vw;
			float: left;
			overflow: hidden;
			padding: 100px 0 1%;
			background: linear-gradient(to bottom, #fff, #FFF9C7);
			position: relative;
		}
		.container_concept{
			width: 100%;
			padding: 3% 20px 0 20px;
			position: absolute;
			top: 20%;
			left:0;
		}
		.concept_title{
			text-align: center;
			font-size: 2.5vw;
			font-family: cooper-black-std, serif;
			font-weight: bold;
			line-height: 1.2;
			color: #0C5D2E;
			margin: 30px 0 ;
			letter-spacing: 5px;
		}
		.concept_box{
			margin: 30px 30px 10px;
			font-size: 1.2vw;
			line-height: 1.8;
			text-align: center;
		}
	}
	/* ------- concept ここまで ------- */

	/* ------- ABOUT ここから ------- */
	#about{
		overflow: hidden;
		padding: 200px 0 80px;
	}
	.about_title{
		margin: 70px 0;
		font-size: 100px;
		color: #0C5D2E;
		text-align: center;
		font-family:cooper-black-std, serif;
		font-weight:bold;
		line-height: 1.2;
	}
	.about_title p{
		font-size: 50px;
		color: #0C5D2E;
		text-align: center;
		letter-spacing: 8px;
	}
	.about_box{
		margin: 50px 40px;
		font-size: 42px;
		text-align: justify;
	}
	.about_img01{
		height:560px;
		margin: 0 40px;
		background-image: url("img/about_01.jpg");
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.about_img02{
		height:560px;
		margin: 0 40px;
		background-image: url("img/about_02.jpg");
		background-size: 100%;
		background-repeat: no-repeat;
	}

	@media screen and (min-width: 1024px){
		#about{
			overflow: hidden;
			padding: 200px 0 80px;
		}
		.about_title{
			margin: 70px 0;
			font-size: 100px;
			color: #0C5D2E;
			text-align: center;
			font-family:cooper-black-std, serif;
			font-weight:bold;
			line-height: 1.2;
		}
		.about_title p{
			font-size: 50px;
			color: #0C5D2E;
			text-align: center;
			letter-spacing: 8px;
		}
		.about_box{
			margin: 50px 40px;
			font-size: 36px;
			text-align: justify;
		}
		.about_img01{
			width: 46%;
			height:29vw;
			float: left;
			margin: 0 0 0 4%;
			background-image: url("img/about_01.jpg");
			background-size: 100%;
			background-repeat: no-repeat;
		}
		.about_img02{
			width: 46%;
			height:29vw;
			float: left;
			margin: 0 4% 0 0;
			background-image: url("img/about_02.jpg");
			background-size: 100%;
			background-repeat: no-repeat;
		}
	}
	@media screen and (min-width: 1366px){
		#about{
			overflow: hidden;
			padding: 40px 0 80px;
		}
		.about_title{
			margin: 70px 0;
			font-size: 60px;
			color: #0C5D2E;
			text-align: center;
			font-family:cooper-black-std, serif;
			font-weight:bold;
			line-height: 1.2;
		}
		.about_title p{
			font-size: 25px;
			color: #0C5D2E;
			text-align: center;
			letter-spacing: 8px;
		}
		.about_box{
			margin: 50px 40px;
			font-size: 18px;
			text-align: justify;
		}
		.about_img01{
			width: 42%;
			height:280px;
			float: left;
			margin: 0 4%;
			background-image: url("img/about_01.jpg");
			background-size: 100%;
			background-repeat: no-repeat;
		}
		.about_img02{
			width: 42%;
			height:280px;
			float: left;
			margin: 0 4% 0;
			background-image: url("img/about_02.jpg");
			background-size: 100%;
			background-repeat: no-repeat;
		}
	}
	/* ------- ABOUT ここまで ------- */

	/* ------- 悩み ここから ------- */
	#trouble{
		overflow: hidden;
	}
	.container_trouble{
		background: #ECFFD9;
		padding: 100px 0;
	}
	.trouble_title{
		text-align: center;
		font-size: 70px;
		font-family: cooper-black-std, serif;
		font-weight: bold;
		line-height: 1.2;
		color: #0C5D2E;
		padding: 80px 0;
		letter-spacing: 5px;
	}
	.trouble_box{
		margin: 0 50px;
		padding: 50px 40px;
		background: #fff;
		position: relative;
	}
	.trouble_box::after{
		content: '';
		display: inline-flex;
		width: 390px;
		height: 340px;
		background-image: url("img/trouble_back.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.trouble_box02{
		padding: 120px 0;
		font-size: 60px;
		text-align: center;
		line-height: 1.2;
		color: #143303;
		background-image: url("img/trouble_back02.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.trouble_box02 p{
		font-size: 130px;
		text-align: center;
		margin: 0 0 20px;
		font-family: cooper-black-std, serif;
		font-weight: bold;
		color: #209700;
		text-shadow    :
        2px  2px 1px #ffffff,
       -2px  2px 1px #ffffff,
        2px -2px 1px #ffffff,
       -2px -2px 1px #ffffff,
        2px  0px 1px #ffffff,
        0px  2px 1px #ffffff,
       -2px  0px 1px #ffffff,
        0px -2px 1px #ffffff;
	 }
	.trouble_box02 span{
		background: linear-gradient(transparent 65%, #FFF600 65%,#FFF600 100%,transparent 100%);
	}
	.triangle {
	  width: 0;
	  height: 0;
	  border-style: solid;
	  border-width: 7vh 50vw 20px 50vw;
	  border-color: #ECFFD9 transparent transparent transparent;
	}

	@media screen and (min-width: 1024px){
		#trouble{
			overflow: hidden;
		}
		.container_trouble{
			background: #ECFFD9;
			padding: 100px 0;
		}
		.trouble_title{
			text-align: center;
			font-size: 70px;
			font-family: cooper-black-std, serif;
			font-weight: bold;
			line-height: 1.2;
			color: #0C5D2E;
			padding: 80px 0;
			letter-spacing: 5px;
		}
		.trouble_box{
			margin: 0 50px;
			padding: 50px 40px;
			background: #fff;
			position: relative;
		}
		.trouble_box::after{
			content: '';
			display: inline-flex;
			width: 37vw;
			height: 32vw;
			background-image: url("img/trouble_back.png");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			position: absolute;
			right: 0;
			bottom: 0;
		}
		.trouble_box02{
			padding: 120px 0;
			font-size: 60px;
			text-align: center;
			line-height: 1.2;
			color: #143303;
			background-image: url("img/trouble_back02.png");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center top -170px;
		}
		.trouble_box02 p{
			font-size: 130px;
			text-align: center;
			margin: 0 0 20px;
			font-family: cooper-black-std, serif;
			font-weight: bold;
			color: #209700;
			text-shadow    :
	        2px  2px 1px #ffffff,
	       -2px  2px 1px #ffffff,
	        2px -2px 1px #ffffff,
	       -2px -2px 1px #ffffff,
	        2px  0px 1px #ffffff,
	        0px  2px 1px #ffffff,
	       -2px  0px 1px #ffffff,
	        0px -2px 1px #ffffff;
		 }
		.trouble_box02 span{
			background: linear-gradient(transparent 65%, #FFF600 65%,#FFF600 100%,transparent 100%);
		}
		.triangle {
		  width: 0;
		  height: 0;
		  border-style: solid;
		  border-width: 7vh 50vw 20px 50vw;
		  border-color: #ECFFD9 transparent transparent transparent;
		}
	}
	@media screen and (min-width: 1366px){
		#trouble{
			width: 100%;
			overflow: hidden;
			padding: 0 0 70px;
			background: linear-gradient(to bottom, #fff,#fff,#fff, #FFF9C7);
		}
		.container_trouble{
			background: #ECFFD9;
			padding: 50px 0 50px;
		}
		.trouble_title{
			text-align: center;
			font-size: 40px;
			font-family: cooper-black-std, serif;
			font-weight: bold;
			line-height: 1.2;
			color: #0C5D2E;
			padding: 80px 0 30px;
			letter-spacing: 5px;
		}
		.trouble_box{
			width: 1000px;
			height: 150px;
			margin: 0 auto;
			padding: 50px 20px;
			background: #fff;
			position: relative;
		}
		.trouble_box::after{
			content: '';
			display: inline-flex;
			width: 280px;
			height: 210px;
			background-image: url("img/trouble_back.png");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center top;
			position: absolute;
			right: 0;
			bottom: 0;
		}
		.trouble_box02{
			width: 40%;
			float: left;
			padding: 50px 0;
			margin: 0 0 0 180px;
			font-size: 35px;
			text-align: center;
			line-height: 1.2;
			color: #143303;
			background-image: none;
		}
		.trouble_box02 p{
			font-size: 80px;
			text-align: center;
			margin: 0 0 10px;
			font-family: cooper-black-std, serif;
			font-weight: bold;
			color: #209700;
			text-shadow :
	        2px  2px 1px #ffffff,
	       -2px  2px 1px #ffffff,
	        2px -2px 1px #ffffff,
	       -2px -2px 1px #ffffff,
	        2px  0px 1px #ffffff,
	        0px  2px 1px #ffffff,
	       -2px  0px 1px #ffffff,
	        0px -2px 1px #ffffff;
			letter-spacing: 5px;
		 }
		.trouble_box02 span{
			background: linear-gradient(transparent 70%, #FFF600 70%,#FFF600 100%,transparent 100%);
		}
		.triangle {
		  width: 0;
		  height: 0;
		  border-style: solid;
		  border-width: 7vw 50vw 20px 50vw;
		  border-color: #ECFFD9 transparent transparent transparent;
		}
		.trouble_img{
			width: 30%;
			height: 280px;
			float: left;
			background-image: url("img/trouble_back02.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
	}
	/* ------- 悩み ここまで ------- */

	/* ------- 特徴 ここから ------- */
	#service{
		height: auto;
		overflow: hidden;
		background: #FFFCD9;
		padding: 200px 0 50px;
	}
	.service_title{
		padding: 70px 0;
		font-size: 100px;
		color: #0C5D2E;
		text-align: center;
		font-family:cooper-black-std, serif;
		font-weight:bold;
		line-height: 1.2;
	}
	.service_title p{
		font-size: 50px;
		color: #0C5D2E;
		text-align: center;
		letter-spacing: 8px;
	}
	.service_box{
	  display: block;
	  position: relative;
	  margin: 40px 40px 100px;
	  background: #fff;
		box-shadow: 3px 3px 16px rgb(0 0 0 / 30%);
  }
	.service_ribbon {
	  display: inline-block;
	  position: absolute;
	  top: -30px;
	  left: 4%;
	  margin: 0;
	  padding: 50px 0 20px;
	  z-index: 2;
	  width: 200px;
		height: auto;
		line-height: 1.2;
	  text-align: center;
	  font-size: 45px;
		font-family: cooper-black-std, serif;
		font-weight: bold;
	  color: white;
	  background: linear-gradient(#B4FEB3, #3EB36F);
		filter:drop-shadow(0 0 5px rgb(0 0 0 / 30%));
	}
	.service_ribbon p {
		width: 200px;
		height: 50px;
		margin: 0 auto;
		background-image: url("img/point.png");
		background-size: 50%;
		background-position: center;
		background-repeat: no-repeat;
	}
	.service_ribbon span{
		font-size: 70px;
		letter-spacing: -5px;
	}

	.service_ribbon:after {
	  content: '';
	  position: absolute;
	  left: 0;
	  top: 100%;
	  height: 0;
	  width: 0;
	  border-left: 100px solid #3EB36F;
	  border-right: 100px solid #3EB36F;
	  border-bottom: 50px solid transparent;
	}
	.service_body_title{
		font-size: 50px;
		font-family: cooper-black-std, serif;
		font-weight: bold;
		line-height: 1.2;
		text-align: justify;
		margin: 30px 40px 10px;
		padding: 0 0 10px;
		color: #573605;
		border-bottom: 3px solid #438B1A;
	}
	.service_body{
		font-size: 42px;
		text-align: justify;
		margin: 30px 40px 10px;
		padding: 0 0 60px;
	}
	.service_img01{
		height: 670px;
		background-image: url("img/service_01.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
	.service_img02{
		height: 670px;
		background-image: url("img/service_02.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
	.service_img03{
		height: 670px;
		background-image: url("img/service_03.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}

	@media (min-width: 1024px){
		#service{
			height: auto;
			overflow: hidden;
			background: #FFFCD9;
			padding: 200px 0 50px;
		}
		.service_title{
			padding: 70px 0;
			font-size: 100px;
			color: #0C5D2E;
			text-align: center;
			font-family:cooper-black-std, serif;
			font-weight:bold;
			line-height: 1.2;
		}
		.service_title p{
			font-size: 50px;
			color: #0C5D2E;
			text-align: center;
			letter-spacing: 8px;
		}
		.service_box{
		  display: block;
		  position: relative;
			width: 930px;
		  margin: 40px auto 100px;
		  background: #fff;
			box-shadow: 3px 3px 16px rgb(0 0 0 / 30%);
	  }
		.service_ribbon {
		  display: inline-block;
		  position: absolute;
		  top: -30px;
		  left: 3%;
		  margin: 0;
		  padding: 50px 0 20px;
		  z-index: 2;
		  width: 200px;
			height: auto;
			line-height: 1.2;
		  text-align: center;
		  font-size: 45px;
			font-family: cooper-black-std, serif;
			font-weight: bold;
		  color: white;
		  background: linear-gradient(#B4FEB3, #3EB36F);
			filter:drop-shadow(0 0 5px rgb(0 0 0 / 30%));
		}
		.service_ribbon p {
			width: 200px;
			height: 50px;
			margin: 0 auto;
			background-image: url("img/point.png");
			background-size: 50%;
			background-position: center;
			background-repeat: no-repeat;
		}
		.service_ribbon span{
			font-size: 70px;
			letter-spacing: -5px;
		}

		.service_ribbon:after {
		  content: '';
		  position: absolute;
		  left: 0;
		  top: 100%;
		  height: 0;
		  width: 0;
		  border-left: 100px solid #3EB36F;
		  border-right: 100px solid #3EB36F;
		  border-bottom: 50px solid transparent;
		}
		.service_body_title{
			font-size: 45px;
			font-family: cooper-black-std, serif;
			font-weight: bold;
			line-height: 1.2;
			text-align: justify;
			margin: 30px 40px 10px;
			padding: 0 0 10px;
			color: #573605;
			border-bottom: 3px solid #438B1A;
		}
		.service_body{
			font-size: 36px;
			text-align: justify;
			margin: 20px 40px 10px;
			padding: 0 0 60px;
		}
		.service_img01{
			height: 670px;
			background-image: url("img/service_01.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.service_img02{
			height: 670px;
			background-image: url("img/service_02.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.service_img03{
			height: 670px;
			background-image: url("img/service_03.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
	}

	@media (min-width: 1366px){
		#service{
			height: auto;
			overflow: hidden;
			background: #FFFCD9;
			padding: 40px 0 50px;
		}
		.service_title{
			padding: 70px 0;
			font-size: 60px;
			color: #0C5D2E;
			text-align: center;
			font-family:cooper-black-std, serif;
			font-weight:bold;
			line-height: 1.2;
		}
		.service_title p{
			font-size: 25px;
			color: #0C5D2E;
			text-align: center;
			letter-spacing: 8px;
		}
		.service_box{
		  display: block;
		  position: relative;
			width: 31.8%;
			float: left;
		  margin: 40px 10px;
		  background: #fff;
			box-shadow: 3px 3px 16px rgb(0 0 0 / 30%);
	  }
		.service_ribbon {
		  display: inline-block;
		  position: absolute;
		  top: -30px;
		  left: 4%;
		  margin: 0;
		  padding: 20px 0 10px;
		  z-index: 2;
		  width: 100px;
			height: auto;
			line-height: 1.2;
		  text-align: center;
		  font-size: 45px;
			font-family: cooper-black-std, serif;
			font-weight: bold;
		  color: white;
		  background: linear-gradient(#B4FEB3, #3EB36F);
			filter:drop-shadow(0 0 5px rgb(0 0 0 / 30%));
		}
		.service_ribbon p {
			width: 100px;
			height: 30px;
			margin: 0 auto -5px;
			background-image: url("img/point.png");
			background-size: 60%;
			background-position: center;
			background-repeat: no-repeat;
		}
		.service_ribbon span{
			font-size: 40px;
			letter-spacing: 0;
		}

		.service_ribbon:after {
		  content: '';
		  position: absolute;
		  left: 0;
		  top: 100%;
		  height: 0;
		  width: 0;
		  border-left: 50px solid #3EB36F;
		  border-right: 50px solid #3EB36F;
		  border-bottom: 25px solid transparent;
		}
		.service_body_title{
			font-size: 25px;
			font-family: cooper-black-std, serif;
			font-weight: bold;
			line-height: 1.2;
			text-align: justify;
			margin: 20px 20px 10px;
			padding: 0 0 10px;
			color: #573605;
			border-bottom: 2px solid #438B1A;
		}
		.service_body{
			font-size: 18px;
			text-align: justify;
			margin: 10px 20px 10px;
			padding: 0 0 20px;
		}
		.service_img01{
			height: 300px;
			background-image: url("img/service_01.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.service_img02{
			height: 300px;
			background-image: url("img/service_02.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.service_img03{
			height: 300px;
			background-image: url("img/service_03.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
	}
	/* ------- 特徴 ここまで ------- */

	/* ------- チェックボックス ここから ------- */
	.checkmark001{
		width: 90%;
		margin:25px auto;
		padding-left:50px;
		position:relative;
		text-align:left;
		font-size:40px;
	}
	.checkmark001:before,
	.checkmark001:after{
		content:"";
		display:block;
		position:absolute;
	}
	.checkmark001:before{
		width:55px;
		height:55px;
	  border:3px solid #40584D;
		left:-20px;
		top:2px;
	}
	.checkmark001:after{
		border-left:4px solid #FFA200;
		border-bottom:4px solid #FFA200;
		width:35px;
		height:20px;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
		left:-10px;
		top:15px;
	}

	@media (min-width: 1024px){
	.checkmark001{
		width: 90%;
		margin:25px auto;
		padding-left:65px;
		position:relative;
		text-align:left;
		font-size:36px;
	}
	.checkmark001:before,
	.checkmark001:after{
		content:"";
		display:block;
		position:absolute;
	}
	.checkmark001:before{
		width:45px;
		height:45px;
	  border:3px solid #40584D;
		left:0px;
		top:3px;
	}
	.checkmark001:after{
		border-left:4px solid #FFA200;
		border-bottom:4px solid #FFA200;
		width:26px;
		height:16px;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
		left:10px;
		top:14px;
	}
	}
	@media (min-width: 1366px){
		.checkmark001{
			width: 36%;
			float: left;
			margin:8px 0px 0 -10px;
			padding-left:55px;
			position:relative;
			text-align:left;
			font-size:20px;
		}
		.checkmark001:before,
		.checkmark001:after{
			content:"";
			display:block;
			position:absolute;
		}
		.checkmark001:before{
			width:25px;
			height:25px;
	    border:2px solid #40584D;
			left:20px;
			top:1	px;
		}
		.checkmark001:after{
			border-left:2px solid #FFA200;
			border-bottom:2px solid #FFA200;
			width:14px;
			height:9px;
			-webkit-transform:rotate(-45deg);
			transform:rotate(-45deg);
			left:26px;
			top:8px;
		}
	}
	/* ------- チェックボックス ここまで ------- */

	/* ------- photo ここから ------- */
	#photo{
		overflow: hidden;
		padding: 80px 0 100px;
		background-image: url("img/photo_back.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.photo_title{
		width: 90%;
		text-align: center;
		font-size: 70px;
		font-family: cooper-black-std, serif;
		font-weight: bold;
		line-height: 1.2;
		color: #0C5D2E;
		padding: 50px 0;
		letter-spacing: 5px;
	}
	.photo_title p{
		color: #0C5D2E;
		margin: 0 0 0 230px;
	}
	.photo_title span{
		font-size: 100px;
	}
	.photo_box{
		height: 590px;
		margin: 60px 50px;
	}
	.photo_left ,.photo_right{
		width: 43.7%;
		float: left;
	}
	.photo_left p,.photo_right p{
		font-size: 50px;
		margin: 10px 0;
		text-align: center;
	}
	.photo_triangle{
		width: 0;
		height: 0;
		float: left;
		margin: 310px 30px 0 40px;
		border-style: solid;
		border-width: 50px 0 50px 40px;
		border-color: transparent transparent transparent #3EB36F;
	}
	.photo_body{
		margin: 60px 50px;
		font-size: 42px;
		text-align: justify;
	}
	.photo_img01{
		height: 490px;
		background-image: url("img/before.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.photo_img02{
		height: 490px;
		background-image: url("img/after.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	@media (min-width: 1024px){
		#photo{
			overflow: hidden;
			padding: 80px 0 100px;
			background-image: url("img/photo_back.png");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
		.photo_title{
			width: 90%;
			text-align: center;
			font-size: 70px;
			font-family: cooper-black-std, serif;
			font-weight: bold;
			line-height: 1.2;
			color: #0C5D2E;
			padding: 50px 0;
			letter-spacing: 5px;
		}
		.photo_title p{
			color: #0C5D2E;
			margin: 0 0 0 230px;
		}
		.photo_title span{
			font-size: 100px;
		}
		.photo_box{
			width: 930px;
			height: 590px;
			margin: 60px auto;
		}
		.photo_left ,.photo_right{
			width: 43.7%;
			float: left;
		}
		.photo_left p,.photo_right p{
			font-size: 45px;
			margin: 5px 0;
			text-align: center;
		}
		.photo_triangle{
			width: 0;
			height: 0;
			float: left;
			margin: 310px 30px 0 40px;
			border-style: solid;
			border-width: 50px 0 50px 40px;
			border-color: transparent transparent transparent #3EB36F;
		}
		.photo_body{
			width: 930px;
			margin: 60px auto;
			font-size: 36px;
			text-align: justify;
		}
		.photo_img01{
			height: 510px;
			background-image: url("img/before.jpg");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
		.photo_img02{
			height: 510px;
			background-image: url("img/after.jpg");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
	}

	@media (min-width: 1366px){
		#photo{
			overflow: hidden;
			padding: 20px 0;
			background-image: url("img/photo_back.png");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
		.photo_title{
			width: 90%;
			text-align: center;
			font-size: 40px;
			font-family: cooper-black-std, serif;
			font-weight: bold;
			line-height: 1.2;
			color: #0C5D2E;
			padding: 30px 0;
			letter-spacing: 5px;
		}
		.photo_title p{
			color: #0C5D2E;
			margin: 0 0 0 230px;
		}
		.photo_title span{
			font-size: 60px;
		}
		.photo_box{
			width: 40%;
			height: 300px;
			float: left;
			margin: 20px 50px;
		}
		.photo_left ,.photo_right{
			width: 44.3%;
			float: left;
		}
		.photo_left p,.photo_right p{
			font-size: 30px;
			margin: 0;
			text-align: center;
		}
		.photo_triangle{
			width: 0;
			height: 0;
			float: left;
			margin: 150px 10px 0 15px;
			border-style: solid;
			border-width: 30px 0 30px 25px;
			border-color: transparent transparent transparent #3EB36F;
		}
		.photo_body{
			width: 45%;
			float: left;
			margin: 160px 0;
			font-size: 18px;
			text-align: justify;
		}
		.photo_img01{
			height: 250px;
			background-image: url("img/before.jpg");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
		.photo_img02{
			height: 250px;
			background-image: url("img/after.jpg");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
	}
	/* ------- photo ここまで ------- */

	/* ------- price ここから ------- */
	#price{
		overflow: hidden;
		padding: 200px 0 90px;
		position: relative;
	}
	#price hr {
		border: 1px dashed #D2CDA9;
	}
	.container_price{
		width: 85%;
		background: #FAFFF5;
		margin: 30px auto 100px;
		padding: 100px 40px 0;
		border: 3px solid #0C5D2E;
		position: relative;
		z-index: 1;
	}
	.container_price_title{
		font-size: 65px;
		font-weight: bold;
		text-align: center;
		color: #0C5D2E;
		letter-spacing: 15px;
	}
	.price_title{
		padding: 70px 0;
		font-size: 100px;
		color: #0C5D2E;
		text-align: center;
		font-family:cooper-black-std, serif;
		font-weight:bold;
		line-height: 1.2;
	}
	.price_title p{
		font-size: 50px;
		color: #0C5D2E;
		text-align: center;
		letter-spacing: 8px;
	}
	.price_box{
		padding: 80px 0 160px;
	}
	.price_boxx,
	.price_boxx01,
	.price_boxx02,
	.price_boxx03{
		padding: 80px 0;
	}
	.price_boxx04{
		padding: 30px 0;
	}
	.price_boxx04 p{
		font-size: 60px;
		text-align: center;
		line-height: 1.8;

	}


	.price_boxx p{
		font-size: 32px;
		text-align: center;
		line-height: 1.8;
	
	}
	.price_boxx01 p{
		font-size: 32px;
		text-align: center;
		line-height: 1.8;
		padding-bottom: 40px;
	
	}

	.price_boxx02 p{
		font-size: 45px;
		text-align: center;
		line-height: 1.8;
	
	}

	.price_boxx03 p{
		font-size: 32px;
		text-align: center;
		line-height: 1.8;
	
	}

	.price_boxx03 span{
		font-size: 40px;
	}
	.price_boxxx{
		margin: 80px 40px;
	}

	.price_title_sub{
		margin: 0 0 50px;
		font-size: 60px;
		text-align:center;
		color:#0C5D2E;
		font-weight: bold;
		line-height: 1.2;
	}
	.price_title_sub p{
		margin: 20px 0 60px;
		font-size: 35px;
		color:#1F0F03;
		font-weight: normal;
		line-height: 1.2;
	}
	.price_body{
		width: 40%;
		float: left;
		text-align: right;
		font-size: 60px;
		text-decoration: line-through;
		line-height: 1.7;
	}
	.price_tax{
		width: 48%;
		float: left;
		text-align: left;
		font-weight: bold;
		font-size: 80px;
		color:#D80A27;
		line-height: 1.2;
	}
	.price_triangle{
		width: 0;
		height: 0;
		float: left;
		margin: 15px 25px 0 30px;
		border-style: solid;
		border-width: 30px 0 30px 35px;
		border-color: transparent transparent transparent #3EB36F;
	}
	.price_boxxx_body{
		margin: 50px 0;
	}
	.price_boxxx_body p{
		background: #E4FFC9;
		font-size:45px;
		font-weight: bold;
		text-align: left;
		padding: 10px 20px;
	}
	.price_bottom{
		font-size:40px;
		text-align: justify;
		padding: 0 20px;
		margin-top: -20px;
	}
	#price table{
	  width:100%;
		border-collapse : collapse;
	}
	#price td{
		padding: 15px 20px;
		text-align: right;
		vertical-align: top;
		font-size:42px;
		line-height: 1.5;
	}
	#price td:first-child{
		text-align: left;
	}
	.price_img01{
		height: 620px;
		background-image: url("img/price_01.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
	.price_img02{
		height: 620px;
		background-image: url("img/price_02.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
	.price_img03{
		height: 620px;
		background-image: url("img/price_03.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
	.price_img04{
		height: 620px;
		background-image: url("img/price_04.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
	.price_img05{
		height: 620px;
		background-image: url("img/price_05.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
	.price_img06{
		height: 620px;
		background-image: url("img/price_06.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
	.price_img07{
		height: 620px;
		background-image: url("img/price_07.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
	.price_img08{
		height: 620px;
		background-image: url("img/price_08.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
	.price_img09{
		height: 620px;
		background-image: url("img/price_09.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}

	@media (min-width: 1024px){
		#price{
			overflow: hidden;
			padding: 200px 0 90px;
			position: relative;
		}
		#price hr {
			border: 1px dashed #D2CDA9;
		}
		.container_price{
			width: 860px;
			background: #FAFFF5;
			margin: 30px auto 100px;
			padding: 100px 40px 0;
			border: 3px solid #0C5D2E;
			position: relative;
			z-index: 1;
		}
		.container_price_title{
			font-size: 65px;
			font-weight: bold;
			text-align: center;
			color: #0C5D2E;
			letter-spacing: 15px;
		}
		.price_title{
			padding: 70px 0;
			font-size: 100px;
			color: #0C5D2E;
			text-align: center;
			font-family:cooper-black-std, serif;
			font-weight:bold;
			line-height: 1.2;
		}
		.price_title p{
			font-size: 50px;
			color: #0C5D2E;
			text-align: center;
			letter-spacing: 8px;
		}
		.price_box{
			padding: 80px 0 160px;
		}
		.price_boxx,.price_boxx01,
		.price_boxx02,.price_boxx03 {
			padding: 80px 0;
		}
		.price_boxx04 {
			padding: 0px 0;
		}
		.price_boxx04 p {
			font-size: 45px;
			text-align: center;
			line-height: 1.8;
		}
		.price_boxx p{
			font-size: 55px;
			text-align:center;
			line-height: 1.2;
		}
		.price_boxx01 p{
			font-size: 32px;
			text-align:center;
			line-height: 1.2;
		}
		.price_boxx02 p {
			font-size: 45px;
			text-align: center;
			line-height: 1.2;
			padding-bottom: 20px;
		}
		.price_boxx03 p {

			font-size: 35px;
			text-align: center;
			line-height: 1.2;
			padding-bottom: 30px;
		
		}

		.price_boxx03 span {
			font-size: 40px;
		}
		.price_boxxx{
			width: 930px;
			margin: 80px auto;
		}

		.price_title_sub{
			margin: 0 0 50px;
			font-size: 60px;
			text-align:center;
			color:#0C5D2E;
			font-weight: bold;
			line-height: 1.2;
		}
		.price_title_sub p{
			margin: 20px 0 60px;
			font-size: 32px;
			color:#1F0F03;
			font-weight: normal;
			line-height: 1.2;
		}
		.price_body{
			width: 42%;
			float: left;
			text-align: right;
			font-size: 60px;
			text-decoration: line-through;
			line-height: 1.7;
		}
		.price_tax{
			width: 46%;
			float: left;
			text-align: left;
			font-weight: bold;
			font-size: 80px;
			color:#D80A27;
			line-height: 1.2;
		}
		.price_triangle{
			width: 0;
			height: 0;
			float: left;
			margin: 15px 25px 0 30px;
			border-style: solid;
			border-width: 30px 0 30px 35px;
			border-color: transparent transparent transparent #3EB36F;
		}
		.price_boxxx_body{
			margin: 50px 0;
		}
		.price_boxxx_body p{
			background: #E4FFC9;
			font-size:45px;
			font-weight: bold;
			text-align: left;
			padding: 10px 20px;
		}
		.price_bottom{
			font-size:36px;
			text-align: justify;
			padding: 0 20px;
			margin-top: -20px;
		}
		#price table{
		  width:100%;
			border-collapse : collapse;
		}
		#price td{
			padding: 15px 20px;
			text-align: right;
			vertical-align: top;
			font-size:42px;
			line-height: 1.5;
		}
		#price td:first-child{
			text-align: left;
		}
		.price_img01{
			height: 640px;
			background-image: url("img/price_01.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.price_img02{
			height: 640px;
			background-image: url("img/price_02.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.price_img03{
			height: 640px;
			background-image: url("img/price_03.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.price_img04{
			height: 620px;
			background-image: url("img/price_04.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.price_img05{
			height: 620px;
			background-image: url("img/price_05.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.price_img06{
			height: 620px;
			background-image: url("img/price_06.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.price_img07{
			height: 620px;
			background-image: url("img/price_07.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.price_img08{
			height: 620px;
			background-image: url("img/price_08.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.price_img09{
			height: 620px;
			background-image: url("img/price_09.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
	}

	@media (min-width: 1366px){
		#price{
			overflow: hidden;
			padding: 80px 0 90px;
			position: relative;
		}
		#price hr {
			border: 1px dashed #D2CDA9;
		}
		.container_price{
			width: 1000px;
			background: #FAFFF5;
			margin: 10px auto 20px;
			padding: 70px 40px 40px;
			border: 3px solid #0C5D2E;
			position: relative;
			z-index: 1;
		}
		.container_price_title{
			font-size: 35px;
			font-weight: bold;
			text-align: center;
			color: #0C5D2E;
			letter-spacing: 15px;
		}
		.price_title{
			padding: 70px 0 50px;
			font-size: 60px;
			color: #0C5D2E;
			text-align: center;
			font-family:cooper-black-std, serif;
			font-weight:bold;
			line-height: 1.2;
		}
		.price_title p{
			font-size: 25px;
			color: #0C5D2E;
			text-align: center;
			letter-spacing: 8px;
		}
		.price_box{
			height: 290px;
			padding: 0;
			margin: 60px 0;
		}
		.price_boxx{
			padding: 70px 0;
		}
		.price_boxx01{
			width: 50%;
			float: left;
			padding: 70px 0;
		}
		.price_boxx02{
			width: 50%;
			float: right;
			padding: 20px 0;
		}
		.price_boxx03{
			width: 50%;
			float: left;
			padding: 0 0 20px;
			margin: -10px 0 0;
		}
		.price_boxx04{
			width: 50%;
			float: left;
			padding: 0 0 0px;
			margin: -10px 0 0;
		}
		.price_boxx04 p{
			font-size: 32px;
			text-align: center;
			line-height: 1.2;
		}
		.price_boxx p{
			font-size: 25px;
			text-align:center;
			line-height: 1.2;
		}
		.price_boxx01 p,.price_boxx02 p,.price_boxx03 p{
			font-size: 20px;
			text-align:center;
			line-height: 1.2;
		}
		.price_boxx03 span{
			font-size: 16px;
		}
		.price_boxxx{
			width: 1000px;
			height: 290px;
			margin: 30px auto;
		}

		.price_title_sub{
			margin: 0 0 20px;
			font-size: 35px;
			text-align:center;
			color:#0C5D2E;
			font-weight: bold;
			line-height: 1.2;
		}
		.price_title_sub p{
			margin: 20px 0 30px;
			font-size: 20px;
			color:#1F0F03;
			font-weight: normal;
			line-height: 1.2;
		}
		.price_body{
			width: 42%;
			float: left;
			text-align: right;
			font-size: 35px;
			text-decoration: line-through;
			line-height: 1.7;
		}
		.price_tax{
			width: 46%;
			float: left;
			text-align: left;
			font-weight: bold;
			font-size: 45px;
			color:#D80A27;
			line-height: 1.2;
		}
		.price_triangle{
			width: 0;
			height: 0;
			float: left;
			margin: 13px 15px 0 15px;
			border-style: solid;
			border-width: 15px 0 15px 15px;
			border-color: transparent transparent transparent #3EB36F;
		}
		.price_boxxx_body{
			width: 56%;
			float: left;
			margin: 0;
		}
		.price_boxxx_body p{
			background: #E4FFC9;
			font-size:24px;
			font-weight: bold;
			text-align: left;
			padding: 5px 10px;
			margin: 0 0 10px;
		}
		.price_bottom{
			font-size:16px;
			text-align: justify;
			padding: 0 10px;
			margin-top: -20px;
		}
		#price table{
		  width:100%;
			margin: 0;
			border-collapse : collapse;
		}
		#price td{
			padding: 5px 10px;
			text-align: right;
			vertical-align: top;
			font-size:20px;
			line-height: 1.5;
		}
		#price td:first-child{
			text-align: left;
		}
		.price_img01{
			width: 40%;
			height: 290px;
			float: left;
			margin: 0 50px;
			background-image: url("img/price_01.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.price_img02{
			width: 40%;
			height: 290px;
			float: right;
			margin: 0 50px;
			background-image: url("img/price_02.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.price_img03{
			width: 40%;
			height: 290px;
			float: left;
			margin: 0 50px;
			background-image: url("img/price_03.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.price_img04{
			width: 40%;
			height: 290px;
			float: left;
			margin-right:30px;
			background-image: url("img/price_04.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.price_img05{
			width: 40%;
			height: 290px;
			float: left;
			margin-right:30px;
			background-image: url("img/price_05.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.price_img06{
			width: 40%;
			height: 290px;
			float: left;
			margin-right:30px;
			background-image: url("img/price_06.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.price_img07{
			width: 40%;
			height: 290px;
			float: left;
			margin-right:30px;
			background-image: url("img/price_07.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.price_img08{
			width: 40%;
			height: 290px;
			float: left;
			margin-right:30px;
			background-image: url("img/price_08.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
		.price_img09{
			width: 40%;
			height: 290px;
			float: left;
			margin-right:30px;
			background-image: url("img/price_09.jpg");
			background-size: cover;
			background-repeat: no-repeat;
		}
	}
	/* ------ price ここまで ------- */

	/* ------- item ここから ------- */
	#item{
		overflow: hidden;
		padding: 140px 0 100px;
		background-image: url("img/item_back.jpg");
		background-size: cover;
		background-position: top;
	}

	.item_title{
		padding: 70px 0;
		font-size: 100px;
		color: #0C5D2E;
		text-align: center;
		font-family:cooper-black-std, serif;
		font-weight:bold;
		line-height: 1.2;
	}
	.item_title p{
		font-size: 50px;
		color: #0C5D2E;
		text-align: center;
		letter-spacing: 8px;
	}
	.item_title_sub{
		font-size: 50px;
		color: #3EB36F;
		margin: 30px 40px;
		font-weight: bold;
		text-align: justify;
	}
	.item_box{
		background: #fff;
		margin: 60px 50px;
		padding: 0 0 50px;
		position: relative;
		box-shadow: 3px 3px 16px rgb(0 0 0 / 30%);
	}
	.item_body_box{
		font-size: 42px;
		text-align: justify;
	}
	dl.item_body{
		font-size: 1rem;
		margin: 20px 40px;
	}
	dl.item_body span{
		font-size: 30px;
	}
	dl.item_body div{
		position: relative;
		display: flex;
		justify-content: space-between;
		margin: 5px 0;
		font-size:42px;
	}
	dl.item_body div::after{
		content: "";
		position: absolute;
		left: 0;
		bottom: 50%;
		width: 100%;
		height: 4px;
		margin: auto;
		background-image: linear-gradient(to right, #3C3C3C, #3C3C3C 5px, transparent 5px, transparent 10px);
		background-size: 28px 5px;
		background-repeat: repeat-x;
	}
	dl.item_body dt{
		margin:0;
		background: #fff;
		z-index: 2;
		text-align: left;
		padding: 0 20px 0 0;
	}
	dl.item_body dd{
		margin:0;
		background: #fff;
		z-index: 2;
		text-align: right;
		padding: 0 0 0 20px;
	}
	.item_img01{
		height: 650px;
		background-image: url("img/item_01.jpg");
		background-size: cover;
		background-position: center;
	}
	.item_img02{
		height: 650px;
		background-image: url("img/item_02.jpg");
		background-size: cover;
		background-position: center;
	}
	.item_img03{
		height: 650px;
		background-image: url("img/item_03.jpg");
		background-size: cover;
		background-position: center;
	}

	@media screen and (min-width: 1024px){
		#item{
			overflow: hidden;
			padding: 140px 0 100px;
			background-image: url("img/item_back.jpg");
			background-size: cover;
			background-position: top;
		}

		.item_title{
			padding: 70px 0;
			font-size: 100px;
			color: #0C5D2E;
			text-align: center;
			font-family:cooper-black-std, serif;
			font-weight:bold;
			line-height: 1.2;
		}
		.item_title p{
			font-size: 50px;
			color: #0C5D2E;
			text-align: center;
			letter-spacing: 8px;
		}
		.item_title_sub{
			font-size: 50px;
			color: #3EB36F;
			margin: 30px 40px 20px;
			font-weight: bold;
			text-align: justify;
		}
		.item_box{
			width: 930px;
			background: #fff;
			margin: 60px auto;
			padding: 0 0 50px;
			position: relative;
			box-shadow: 3px 3px 16px rgb(0 0 0 / 30%);
		}
		.item_body_box{
			font-size: 42px;
			text-align: justify;
		}
		dl.item_body{
			font-size: 1rem;
			margin: 20px 40px;
		}
		dl.item_body span{
			font-size: 30px;
		}
		dl.item_body div{
			position: relative;
			display: flex;
			justify-content: space-between;
			margin: 5px 0;
			font-size:42px;
		}
		dl.item_body div::after{
			content: "";
			position: absolute;
			left: 0;
			bottom: 50%;
			width: 100%;
			height: 4px;
			margin: auto;
			background-image: linear-gradient(to right, #3C3C3C, #3C3C3C 5px, transparent 5px, transparent 10px);
			background-size: 28px 5px;
			background-repeat: repeat-x;
		}
		dl.item_body dt{
			margin:0;
			background: #fff;
			z-index: 2;
			text-align: left;
			padding: 0 20px 0 0;
		}
		dl.item_body dd{
			margin:0;
			background: #fff;
			z-index: 2;
			text-align: right;
			padding: 0 0 0 20px;
		}
		.item_img01{
			height: 650px;
			background-image: url("img/item_01.jpg");
			background-size: cover;
			background-position: center;
		}
		.item_img02{
			height: 650px;
			background-image: url("img/item_02.jpg");
			background-size: cover;
			background-position: center;
		}
		.item_img03{
			height: 650px;
			background-image: url("img/item_03.jpg");
			background-size: cover;
			background-position: center;
		}
	}
	@media screen and (min-width: 1366px){
		#item{
			overflow: hidden;
			padding: 40px 0 20px;
			background-image: url("img/item_back.jpg");
			background-size: cover;
			background-position: top;
		}

		.item_title{
			padding: 70px 0;
			font-size: 60px;
			color: #0C5D2E;
			text-align: center;
			font-family:cooper-black-std, serif;
			font-weight:bold;
			line-height: 1.2;
		}
		.item_title p{
			font-size: 25px;
			color: #0C5D2E;
			text-align: center;
			letter-spacing: 8px;
		}
		.item_title_sub{
			font-size: 24px;
			color: #3EB36F;
			margin: 10px 20px;
			font-weight: bold;
			text-align: justify;
			letter-spacing: -1px;
		}
		.item_box{
			width: 31.5%;
			float: left;
			background: #fff;
			margin: 20px 10px;
			padding: 0 0 20px;
			position: relative;
			box-shadow: 3px 3px 16px rgb(0 0 0 / 30%);
		}
		.item_body_box{
			font-size: 18px;
			text-align: justify;
		}
		dl.item_body{
			font-size: 1rem;
			margin: 20px 20px;
		}
		dl.item_body span{
			font-size: 30px;
		}
		dl.item_body div{
			position: relative;
			display: flex;
			justify-content: space-between;
			margin: 5px 0;
			font-size:18px;
		}
		dl.item_body div::after{
			content: "";
			position: absolute;
			left: 0;
			bottom: 50%;
			width: 100%;
			height: 4px;
			margin: auto;
			background-image: linear-gradient(to right, #7e7676, #7e7676 2px, transparent 2px, transparent 10px);
			background-size: 13px 2px;
			background-repeat: repeat-x;
		}
		dl.item_body dt{
			margin:0;
			background: #fff;
			z-index: 2;
			text-align: left;
			padding: 0 10px 0 0;
		}
		dl.item_body dd{
			margin:0;
			background: #fff;
			z-index: 2;
			text-align: right;
			padding: 0 0 0 10px;
		}
		.item_img01{
			height: 260px;
			background-image: url("img/item_01.jpg");
			background-size: cover;
			background-position: center;
		}
		.item_img02{
			height: 260px;
			background-image: url("img/item_02.jpg");
			background-size: cover;
			background-position: center;
		}
		.item_img03{
			height: 260px;
			background-image: url("img/item_03.jpg");
			background-size: cover;
			background-position: center;
		}
	}
	/* -------  ここまで ------- */

	/* ------- message ここから ------- */
	#message{
		overflow: hidden;
		padding: 170px 0 50px;
	}
	.message_title{
		padding: 70px 0;
		font-size: 100px;
		color: #0C5D2E;
		text-align: center;
		font-family:cooper-black-std, serif;
		font-weight:bold;
		line-height: 1.2;
	}
	.message_title p{
		font-size: 50px;
		color: #0C5D2E;
		text-align: center;
		letter-spacing: 8px;
	}
	.message_img{
		height: 630px;
		margin: 0 40px;
		background-image: url("img/message_01.jpg");
		background-size: cover;
		background-position: center;
		position: relative;
		z-index: 1;
	}
	.message{
		font-size: 42px;
		margin: 30px 40px;
		line-height: 1.8;
		text-align: justify;
	}

	@media (min-width: 1024px){
		#message{
			overflow: hidden;
			padding: 170px 0 50px;
		}
		.message_title{
			padding: 70px 0;
			font-size: 100px;
			color: #0C5D2E;
			text-align: center;
			font-family:cooper-black-std, serif;
			font-weight:bold;
			line-height: 1.2;
		}
		.message_title p{
			font-size: 50px;
			color: #0C5D2E;
			text-align: center;
			letter-spacing: 8px;
		}
		.message_img{
			height: 63vw;
			margin: 0 40px;
			background-image: url("img/message_01.jpg");
			background-size: cover;
			background-position: center;
			position: relative;
			z-index: 1;
		}
		.message{
			font-size: 36px;
			margin: 30px 40px;
			line-height: 1.8;
			text-align: justify;
		}
	}

	@media (min-width: 1366px){
		#message{
			overflow: hidden;
			padding: 40px 0 100px;
		}
		.message_title{
			padding: 70px 0;
			font-size: 60px;
			color: #0C5D2E;
			text-align: center;
			font-family:cooper-black-std, serif;
			font-weight:bold;
			line-height: 1.2;
		}
		.message_title p{
			font-size: 25px;
			color: #0C5D2E;
			text-align: center;
			letter-spacing: 8px;
		}
		.message_img{
			width: 30%;
			height: 270px;
			float: left;
			margin: 0 40px 0 190px;
			background-image: url("img/message_01.jpg");
			background-size: cover;
			background-position: center;
			position: relative;
			z-index: 1;
		}
		.message{
			width: 40%;
			float: left;
			font-size: 18px;
			margin: 0 140px 0 0;
			line-height: 1.8;
			text-align: justify;
		}
	}
	/* ------- message ここまで ------- */

	/* ------- お問い合わせ ここから ------- */
	#contact{
		overflow: hidden;
		padding: 200px 0 0;
		background: #FFFDED;
	}
	.contact_logo{
		width: 380px;
		height:255px;
		margin: 0 auto 40px;
		background-image: url("img/logo.png");
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.contact_button{
		width: 44%;
		margin: 40px auto;
	}
	.contact, .contact02{
		display: inline-block;
		height: 150px;
		width: 150px;
		margin: 0 30px;
	}

	.contact a{
		height: 150px;
		width: 150px;
		display: block;
		text-decoration: none;
		transition: .4s;
		margin:0 auto;
		z-index: 60;
		background-image: url("img/insta.png");
		background-size: 100%;
		background-position: center;
		background-repeat: no-repeat;
	}

	.contact02 a{
		height: 150px;
		width: 150px;
		display: block;
		text-decoration: none;
		transition: .4s;
		margin:0 auto;
		z-index: 60;
		background-image: url("img/line.png");
		background-size: 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	.contact a:hover,.contact02 a:hover{
		margin-top: 15px;
	}
	.access{
		font-size: 30px;
		margin: 0 auto;
		table-layout: auto;
		width: 90%;
	}
	.contact_box{
		width: 90%;
		margin: 50px auto;
		font-size: 40px;
		text-align: justify;
	}
	table{
	  width:94%;
	  margin:0 auto 50px;
		border-collapse : collapse;
	}
	td{
		padding: 20px 20px;
		text-align: left;
		vertical-align: top;
		font-size:40px;
		line-height: 1.5;
	}
	.access_td{
		white-space: nowrap;
		font-size:36px;
	}
	.access_title{
		font-size: 70px;
		color:#6B5938;
		font-family:cooper-black-std, serif;
		font-weight:bold;
		margin: 50px 20px 30px;
		table-layout: auto;
		text-align:center;
	}
	.access_box{
		font-size: 40px;
		table-layout: auto;
		text-align:justify;
		padding:30px 40px;
	}
	.map{
		width: 90%;
		margin: 10px auto 50px;
		font-size:40px;
		line-height:1.6;
	  position: relative;
	  overflow: hidden;
	  height: 600px;
	}
	.map iframe,
	.map object,
	.map embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
	.map span{
		color: red;
		font-weight:bold;
	}
	.map_tittle{
		font-size: 80px;
		text-align: center;
		font-weight: bold;
		margin-bottom:20px;
	}

	@media screen and (min-width: 1024px){
		#contact{
			overflow: hidden;
			padding: 200px 0 0;
			background: #FFFDED;
		}
		.contact_logo{
			width: 380px;
			height:255px;
			margin: 0 auto 40px;
			background-image: url("img/logo.png");
			background-size: 100%;
			background-repeat: no-repeat;
		}
		.contact_button{
			width: 430px;
			margin: 60px auto;
		}
		.contact, .contact02{
			display: inline-block;
			height: 150px;
			width: 150px;
			margin: 0 30px;
		}
		.contact a{
			height: 150px;
			width: 150px;
			display: block;
			text-decoration: none;
			transition: .4s;
			margin:0 auto;
			z-index: 60;
			background-image: url("img/insta.png");
			background-size: 100%;
			background-position: center;
			background-repeat: no-repeat;
		}
		.contact02 a{
			height: 150px;
			width: 150px;
			display: block;
			text-decoration: none;
			transition: .4s;
			margin:0 auto;
			z-index: 60;
			background-image: url("img/line.png");
			background-size: 100%;
			background-position: center;
			background-repeat: no-repeat;
		}
		.contact a:hover,.contact02 a:hover{
			margin-top: 15px;
		}
		.access{
			font-size: 30px;
			margin: 0 auto;
			table-layout: auto;
			width: 90%;
		}
		.contact_box{
			width: 90%;
			margin: 50px auto;
			font-size: 36px;
			text-align: justify;
		}
		table{
		   width:90%;
		   margin:0 auto 50px;
			border-collapse : collapse;
		}
		td{
			padding: 20px 0;
			text-align: left;
			vertical-align: top;
			font-size:36px;
			line-height: 1.5;
		}
		.access_td{
			white-space: nowrap;
			font-size:36px;
		}
		.access_title{
			font-size: 70px;
			color:#6B5938;
			font-family:cooper-black-std, serif;
			font-weight:bold;
			margin: 50px 20px 30px;
			table-layout: auto;
			text-align:center;
		}

		.access_box{
			font-size: 40px;
			table-layout: auto;
			text-align:justify;
			padding:30px 40px;
		}

		.map{
			width: 90%;
			margin: 10px auto 100px;
			font-size:40px;
			line-height:1.6;
		    position: relative;
		    height: 0;
		    overflow: hidden;
		    height: 600px;
		}

		.map iframe,
		.map object,
		.map embed {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}

		.map span{
			color: red;
			font-weight:bold;
		}
		.map_tittle{
			font-size: 80px;
			text-align: center;
			font-weight: bold;
			margin-bottom:20px;
		}
	}

	@media screen and (min-width: 1366px){
		#contact{
			overflow: hidden;
			padding: 70px 0 0;
			background: #FFFDED;
		}
		.contact_logo{
			width: 210px;
			height:150px;
			margin: 0 auto 40px;
			background-image: url("img/logo.png");
			background-size: 100%;
			background-repeat: no-repeat;
		}
		.contact_button{
			width: 250px;
			margin: 40px auto;
		}
		.contact, .contact02{
			display: inline-block;
			height: 80px;
			width: 80px;
			margin: 0 20px;
		}
		.contact a{
			height: 80px;
			width: 80px;
			display: block;
			text-decoration: none;
			transition: .4s;
			margin:0 auto;
			z-index: 60;
			background-image: url("img/insta.png");
			background-size: 100%;
			background-position: center;
			background-repeat: no-repeat;
		}

		.contact02 a{
			height: 80px;
			width: 80px;
			display: block;
			text-decoration: none;
			transition: .4s;
			margin:0 auto;
			z-index: 60;
			background-image: url("img/line.png");
			background-size: 100%;
			background-position: center;
			background-repeat: no-repeat;
		}
		.contact a:hover,.contact02 a:hover{
			margin-top: 15px;
		}
		.access{
			font-size: 30px;
			margin: 0 auto;
			table-layout: auto;
			width: 90%;
		}

		.contact_tel{
			width: 30%;
			float: left;
			font-size: 50px;
			font-family:cooper-black-std, serif;
			margin: 90px 60px;
		}
		.tel_img{
			width: 30px;
			margin-right: 10px;
		}
		.contact_btn{
			margin: 300px 0 90px;
		}
		.contact_box{
			width: 37%;
			float: left;
			margin: 10px 150px 70px 0;
			font-size: 18px;
			text-align: justify;
		}
		table{
		  width:30%;
			float: left;
		  margin:0 50px 0 200px;
			border-collapse : collapse;
		}
		td{
			padding: 10px 0;
			text-align: left;
			vertical-align: top;
			font-size:18px;
			line-height: 1.5;
		}
		.access_td{
			white-space: nowrap;
			font-size:18px;
		}

		.access_title{
			font-size: 70px;
			color:#6B5938;
			font-family:cooper-black-std, serif;
			font-weight:bold;
			margin: 50px 20px 30px;
			table-layout: auto;
			text-align:center;
		}

		.access_box{
			font-size: 40px;
			table-layout: auto;
			text-align:justify;
			padding:30px 40px;
		}

		.map{
			width:70%;
			margin: 10px auto 40px;
			font-size:40px;
			line-height:1.6;
	    position: relative;
	    height: 0;
	    overflow: hidden;
	    height: 450px;
		}

		.map iframe,
		.map object,
		.map embed {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}

		.map span{
			color: red;
			font-weight:bold;
		}
		.map_tittle{
			font-size: 80px;
			text-align: center;
			font-weight: bold;
			margin-bottom:20px;
		}
	}

	/* ------- お問い合わせ ここまで ------- */

	/* ------- #予約ボタン ここから ------- */
	.reservation{
		padding:0 0 100px;
	}
	.reservation_top{
		padding:0 0 100px;
	}

	@media screen and (min-width: 1366px){
	.reservation{
		width: 1380px;
		margin: 0 auto;
		padding:60px 0;
	}
	.reservation_top{
		width: auto;
		margin: 0 auto;
		padding:10px 0;
	}
}

	.mein_btn {
		display: block;
		width: 65%;
		height: auto;
		margin: 0 auto;
		padding: 50px 0;
		text-align: center;
		font-weight: bold;
		line-height: 1.3;
		background: #3EB36F;
		border-bottom:8px solid #276E44;
		border-right:5px solid #276E44;
		text-decoration: none;
		border-radius: 15px;
		transition: .0s;
	}
	.mein_btn:hover {
		transform: translate3d(0, 4px, 0);
	}
	.mein_btn span{
		color: #FFF;
		font-size: 42px;
		position: relative;
		letter-spacing:2px;
		padding-right:10px;
		vertical-align:middle;
	}

	.mein_btn span::after{
		content: "";
		position: absolute;
		top: 50%;
		right: -25%;
		width: 20px;
		height: 20px;
		border-top: 4px solid #fff;
		border-right: 4px solid #fff;
		transform: rotate(45deg);
		margin-top: -5px;
	}

	@media (min-width: 1024px){
		.mein_btn {
			display: block;
			width: 610px;
			height: auto;
			margin: 0 auto;
			padding: 50px 0;
			text-align: center;
			font-weight: normal;
			line-height: 1.3;
			background: #3EB36F;
			border-bottom:8px solid #276E44;
			border-right:5px solid #276E44;
			text-decoration: none;
			border-radius: 15px;
			transition: .0s;
		}
		.mein_btn:hover {
			transform: translate3d(0, 4px, 0);
		}
		.mein_btn span{
			color: #FFF;
			font-size: 40px;
			position: relative;
			letter-spacing:2px;
			padding-right:10px;
			vertical-align:middle;
		}

		.mein_btn span::after{
			content: "";
			position: absolute;
			top: 50%;
			right: -25%;
			width: 20px;
			height: 20px;
			border-top: 4px solid #fff;
			border-right: 4px solid #fff;
			transform: rotate(45deg);
			margin-top: -5px;
		}
	}
	@media (min-width: 1366px){
		.mein_btn {
			display: block;
			width: 320px;
			height: auto;
			margin: 0 auto;
			padding: 25px 0;
			text-align: center;
			line-height: 1.3;
			background: #3EB36F;
			border-bottom:5px solid #276E44;
			border-right:3px solid #276E44;
			text-decoration: none;
			border-radius: 15px;
			transition: .0s;
		}
		.mein_btn:hover {
			transform: translate3d(0, 4px, 0);
		}
		.mein_btn span{
			color: #FFF;
			font-size: 20px;
			position: relative;
			letter-spacing:2px;
			padding-right:10px;
			vertical-align:middle;
		}

		.mein_btn span::after{
			content: "";
			position: absolute;
			top: 50%;
			right: -25%;
			width: 10px;
			height: 10px;
			border-top: 2px solid #fff;
			border-right: 2px solid #fff;
			transform: rotate(45deg);
			margin-top: -5px;
		}
	}
	/*メインbuttonここまで*/

	/* ------- 予約@コンテンツ内 ここまで ------- */

	/* ========== class_ここまで ========== */

	/* ------- 改行 ------- */
	.br-sp {
	  display: none;
	}

	@media (max-width: 1023px){
	  .br-pc {
	    display: none;
	  }

	  .br-sp {
	    display: inline-block;
	  }
	}

	.br-pc {
	  display: none;
	}
	}

	/* ------- 改行02 ------- */
	.br-sp02 {
	  display: none;
	}

	@media (max-width: 1365px){
	  .br-pc02 {
	    display: none;
	  }

	  .br-sp02 {
	    display: inline-block;
	  }
	}

	.br-pc02 {
	  display: none;
	}
	}