@charset "utf-8";
/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/
/* ------ General Settings ------ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700&display=swap');
img {
 width: 100%;
 height: auto;
 vertical-align: bottom;
}
figure {
 margin: 0;
 padding: 0;
}
a {
 transition: all 0.5s 0s ease;
}
a:hover {
 opacity: 0.6;
}
body {
 font-family: 'Noto Serif JP', serif;
font-family: dnp-shuei-mincho-pr6, sans-serif;
font-weight: 400;
font-style: normal;
 text-align: center;
 margin: 0;
 padding: 0;
}
.br_pc {
 display: inherit;
}
.br_sp {
 display: none;
}
/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root body {
 font-family: Meiryo, sans-serif;
}
@media screen and (max-width: 768px) {
 a:hover {
  opacity: 1;
 }
 .wrapper {
  overflow: hidden;
 }
 .br_pc {
  display: none !important;
 }
 .br_sp {
  display: inherit !important;
 }
}
/* ------ contents ------ */
header {
 width: 100%;
 height: 43.666vw;
 background: url("../images/bg_main.jpg") no-repeat;
 background-size: cover;
 position: relative;
 border-top: #ECF2E1 10px solid;
}
.header-inner {
 border-bottom: #E3EDD2 10px solid;
 margin-top: -10px;
 padding-top: 6.5vw;
 height: 43.666vw;
 background: url("../images/main_1.png") no-repeat 0 0, url("../images/main_2.png") no-repeat left bottom, url("../images/main_3.png") no-repeat right top, url("../images/main_4.png") no-repeat right bottom;
 background-size: auto 50%, auto 50%, auto 50%, auto 50%;
}
header .logo {
 width: 20.8vw;
 margin: 0 auto 5.4vw auto;
}
header h1 {
 font-size: 5.333vw;
 line-height: 1;
 margin-bottom: 2.5vw;
}
header h2 {
 font-size: 2vw;
 margin-bottom: 5.6vw;
}
.btn_reason {
 width: 30vw;
 margin: 0 auto;
 text-align: center;
}
.btn_reason a {
 border: #ABC489 1px solid;
 border-radius: 10px;
 background: url("../images/ic_cursor_g.svg") no-repeat 1.666vw center #fff;
 background-size: 0.58vw auto;
 padding-left: 2.333vw;
 height: 5vw;
 text-align: center;
 color: #5F8131 !important;
 font-size: 1.666vw;
 display: inline-block;
 width: 100%;
 line-height: 5vw;
}
@media screen and (max-width: 768px) {
	
	header {
 width: 100%;
 height: auto;
 background: url("../images/bg_main.jpg") no-repeat;
 background-size: cover;
 position: relative;
 border-top: #ECF2E1 10px solid;
}
.header-inner {
 border-bottom: #E3EDD2 10px solid;
 margin-top: 0px;
 padding-top: 6.5vw;
 height: 100vw;
 background: url("../images/main_1.png") no-repeat 0 bottom, url("../images/main_2.png") no-repeat 25vw bottom, url("../images/main_3.png") no-repeat 50vw bottom, url("../images/main_4.png") no-repeat 75vw bottom;
 background-size: 25% auto, 25% auto, 25% auto, 25% auto;
}
header .logo {
 width: 37vw;
 margin: 0 auto 7vw auto;
}
header h1 {
 font-size: 8.5vw;
 line-height: 1;
 margin-bottom: 3.5vw;
}
header h2 {
 font-size: 5vw;
 margin-bottom: 7vw;
	line-height: 1.4;
}
.btn_reason {
 width: 80vw;
 margin: 0 auto;
 text-align: center;
}
.btn_reason a {
 border: #ABC489 1px solid;
 border-radius: 10px;
 background: url("../images/ic_cursor_g.svg") no-repeat 3vw center #fff;
 background-size: 1.5vw auto;
 padding-left: 2.333vw;
 height: 9vw;
 text-align: center;
 color: #5F8131 !important;
 font-size: 3.6vw;
 display: inline-block;
 width: 100%;
 line-height: 9vw;
	letter-spacing: 1px;
}
	
}

/*l-scene*/
.l-scene {
 background: #FCFBF4;
}
.scene_read {
 background: url("../images/bg_scene.svg") no-repeat;
 background-size: 100% auto;
 font-size: 2.166vw;
 color: #5F8131;
 padding: 3.3vw 0 5vw 0;
 text-align: center;
 margin-bottom: 2.5vw;
 height: 12.1666vw;
}
.l-scene-inner {
 width: 92vw;
 margin: 0 auto 5vw auto;
 overflow: hidden;
}
.l-scene-inner article {
 width: 15.3vw;
 text-align: center;
 float: left;
}
.l-scene-inner p {
 font-size: 1.5vw;
 margin-bottom: 2.5vw;
 line-height: 1.5;
}
.l-scene-inner figure {
 width: 12.5vw;
 margin: 0 auto;
}
.l-scene .at {
 font-size: 1.5vw;
 padding-bottom: 5vw;
}
.l-scene-contact {
 background: #f5f5f5;
 padding: 5.8vw 0;
 overflow: hidden;
}
.l-scene-contact a {
 color: #000;
}
.l-scene-contact h3 {
 font-size: 1.8vw;
 background: #5F8131;
 width: 43.3vw;
 border-radius: 50px;
 height: 4.16vw;
 line-height: 4.16vw;
 color: #fff!important;
 margin: 0 auto 4.16vw auto;
}
.l-scene-contact-tel {
 width: 50%;
 float: left;
 text-align: center;
 border-right: #707070 1px solid;
}
.l-scene-contact-tel .tel {
 font-size: 4.16vw;
 background: url("../images/ic_tel.svg") no-repeat 0 center;
 padding-left: 5vw;
 background-size: 4.16vw auto;
 display: inline-block;
 margin-bottom: 0.83vw;
}
.l-scene-contact-tel .time {
 font-size: 1.83vw;
}
.l-scene-contact-form {
 width: 49%;
 float: left;
 text-align: center;
 padding-top: 1.66vw;
}
.l-scene-contact-form .form {
 font-size: 3.166vw;
 background: url("../images/ic_cursor_blk.svg") no-repeat 0 center;
 padding-left: 3.33vw;
 background-size: 1.16vw auto;
 display: inline-block;
}
.l-scene-contact-faq {
 clear: both;
 width: 30vw;
 margin: 0 auto;
 padding-top: 4.16vw;
}
.l-scene-contact-faq a {
 border: #535353 1px solid;
 border-radius: 10px;
 background: url("../images/ic_cursor_blk.svg") no-repeat 1.666vw center #fff;
 background-size: 7px auto;
 padding-left: 2.333vw;
 height: 5vw;
 text-align: center;
 color: #000;
 font-size: 1.666vw;
 display: inline-block;
 width: 100%;
 line-height: 5vw;
}
@media screen and (max-width: 768px) {

.scene_read {
 background: url("../images/bg_scene.svg") no-repeat center bottom;
 background-size: 150% auto;
 font-size: 4vw;
 color: #5F8131;
 padding: 5vw 0 7vw 0;
 text-align: center;
 margin-bottom: 6vw;
 height: 18.1666vw;
	font-weight: 600;
}
.l-scene-inner {
 width: 92vw;
 margin: 0 auto 5vw auto;
 overflow: hidden;
}
.l-scene-inner article {
 width: 30vw;
 text-align: center;
 float: left;
	margin-bottom: 7vw;
}
.l-scene-inner p {
 font-size: 3.4vw;
 margin-bottom: 2.5vw;
 line-height: 1.4;
	letter-spacing: 1px;
}
.l-scene-inner figure {
 width: 25vw;
 margin: 0 auto;
}
.l-scene .at {
 font-size: 3.6vw;
 padding-bottom: 8vw;
	line-height: 1.4;
	letter-spacing: 1px;
}
.l-scene-contact {
 background: #f5f5f5;
 padding: 8vw 0;
 overflow: hidden;
}
.l-scene-contact a {
 color: #000;
}
.l-scene-contact h3 {
 font-size: 3.6vw;
 background: #5F8131;
 width: 80vw;
 border-radius: 50px;
 height: 9vw;
 line-height: 9vw;
 color: #fff;
 margin: 0 auto 4.16vw auto;
}
.l-scene-contact-tel {
 width: 90vw;
 float: none;
 text-align: center;
	border-right: none;
	padding-bottom: 5vw;
 border-bottom: #707070 1px solid;
	margin: 0 auto;
}
.l-scene-contact-tel .tel {
 font-size: 9vw;
 background: url("../images/ic_tel.svg") no-repeat 0 center;
 padding-left: 10vw;
 background-size: 7vw auto;
 display: inline-block;
 margin-bottom: 1.5vw;
}
.l-scene-contact-tel .time {
 font-size: 3.6vw;
	letter-spacing: 1px;
}
.l-scene-contact-form {
 width: 90vw;
 float: none;
 text-align: center;
 padding-top: 5vw;
	padding-bottom: 0;
	margin: 0 auto;
 border-bottom: #707070 1px solid;
}
.l-scene-contact-form .form {
 font-size: 6vw;
 background: url("../images/ic_cursor_blk.svg") no-repeat 0 center;
 padding-left: 3.33vw;
 background-size: 1.5vw auto;
 display: inline-block;
	margin-bottom: 5vw;
}
.l-scene-contact-faq {
 clear: both;
 width: 80vw;
 margin: 0 auto;
 padding-top: 8vw;
}
.l-scene-contact-faq a {
 border: #535353 1px solid;
 border-radius: 10px;
 background: url("../images/ic_cursor_blk.svg") no-repeat 3vw center #fff;
 background-size: 1.5vw auto;
 padding-left: 2.333vw;
 height: 9vw;
 text-align: center;
 color: #000;
 font-size: 3.6vw;
 display: inline-block;
 width: 100%;
 line-height: 9vw;
}
	
}
/*pagenav*/
.pagenav {
 background: url("../images/bg_nav.png") repeat-x;
 background-size: auto 100%;
 height: 16.66vw;
}
.pagenav li + li {
 border-left: #fff 1px solid;
}
.pagenav li {
 width: 33.333%;
 float: left;
}
.pagenav li a {
 display: block;
 padding: 2.5vw 0 0 0;
 color: #fff;
 background: url("../images/ic_cursor_w_under.svg") no-repeat center 90%;
 background-size: 2.5vw auto;
 text-align: center;
 height: 16.66vw;
}
.pagenav li a strong {
 font-size: 2.5vw;
 margin-bottom: 1.66vw;
 display: inline-block;
 font-weight: 400;
	color: #fff;
}
.pagenav li a span {
 font-size: 1.5vw;
 line-height: 1.8;
 display: inline-block;
}
@media screen and (max-width: 768px) {
	
	.pagenav {
 background: none;
 height: auto;
		margin: 3vw;
}
.pagenav li + li {
 border-left:none;
}
.pagenav li {
 width: auto;
 float: none;
	background: url("../images/bg_nav.png") repeat-x;
 background-size: auto 100%;
 height: auto;
	margin-bottom: 10px;
}
.pagenav li a {
 display: block;
 padding: 5vw 3vw;
 color: #fff;
 background: url("../images/ic_cursor_w_under.svg") no-repeat 95% center;
 background-size: 3vw auto;
 text-align: center;
 height: auto;
}
.pagenav li a strong {
 font-size: 4.8vw;
 margin-bottom: 2vw;
 display: inline-block;
 font-weight: 600;
}
.pagenav li a span {
 font-size: 3.3vw;
 line-height: 1.5;
 display: inline-block;
}
	
}
/*l-reason*/
.l-reason {
 padding: 8.3vw 0 0 0;
 background: #FCFBF4;
}
.l-reason .logo {
 width: 20.83vw;
 margin: 0 auto 4.16vw auto;
}
.l-reason h2 {
 font-size: 4.166vw;
 margin-bottom: 5.8vw;
 position: relative;
 display: inline-block;
 padding: 0 5.8vw;
}
.l-reason h2:before, .l-reason h2:after {
 content: '';
 position: absolute;
 top: 50%;
 display: inline-block;
 width: 4.16vw;
 height: 1px;
 background-color: #707070;
}
.l-reason h2:before {
 left: 0;
}
.l-reason h2:after {
 right: 0;
}
.l-reason-inner {
 overflow: hidden;
 margin-bottom: 6.66vw;
}
.l-reason-box {
 padding: 1.66vw 2.5vw;
 width: 50%;
 float: left;
 border-bottom: #707070 1px solid;
}
.l-reason-box:nth-of-type(5), .l-reason-box:nth-of-type(6) {
 border-bottom: none;
}
.l-reason-box .num {
 width: 6.25vw;
 height: 10vw;
 background: url("../images/bg_reason.svg") no-repeat 4.5vw 8.25vw #D4AD44;
 background-size: 2.5vw auto;
 font-size: 5vw;
 text-align: center;
 color: #fff;
 line-height: 10vw;
 float: left;
 margin-right: 2.5vw;
}
.l-reason-box dl {
 float: left;
 width: 35vw;
 text-align: left;
}
.l-reason-box dt {
 font-size: 2.1666vw;
 margin-bottom: 0.833vw;
 font-weight: 400;
}
.l-reason-box dd {
 font-size: 1.5vw;
 line-height: 1.7;
 font-weight: 400;
}
@media screen and (max-width: 768px) {
	.l-reason {
 padding: 15vw 0 0 0;
 background: #FCFBF4;
}
.l-reason .logo {
 width: 37vw;
 margin: 0 auto 4.16vw auto;
}
.l-reason h2 {
 font-size: 6vw;
 margin-bottom: 5.8vw;
 position: relative;
 display: inline-block;
 padding: 0 5.8vw;
}
.l-reason h2:before, .l-reason h2:after {
 content: '';
 position: absolute;
 top: 50%;
 display: inline-block;
 width: 4.16vw;
 height: 1px;
 background-color: #707070;
}
.l-reason h2:before {
 left: 0;
}
.l-reason h2:after {
 right: 0;
}
.l-reason-inner {
 overflow: hidden;
 margin-bottom: 6.66vw;
}
.l-reason-box {
 padding: 4vw 2.5vw;
 width: 100%;
 float: none;
 border-bottom: #707070 1px solid;
	overflow: hidden;
}
.l-reason-box:nth-of-type(5), .l-reason-box:nth-of-type(6) {
 border-bottom: #707070 1px solid;
}
.l-reason-box .num {
 width: 10vw;
 height: 15vw;
 background: url("../images/bg_reason.svg") no-repeat 7vw 12vw #D4AD44;
 background-size: 4vw auto;
 font-size: 7vw;
 text-align: center;
 color: #fff;
 line-height: 15vw;
 float: left;
 margin-right: 2.5vw;
}
.l-reason-box dl {
 float: left;
 width: 82vw;
 text-align: left;
}
.l-reason-box dt {
 font-size: 4.5vw;
 margin-bottom: 1.5vw;
 font-weight: 600;
}
.l-reason-box dd {
 font-size: 3.6vw;
 line-height: 1.5;
 font-weight: 400;
}
	
	
}
/*l-future*/
.l-future {
 padding: 8.3vw 4.166vw;
}
.m-title {
 border: #5E8031 0.1666vw solid;
 padding: 0.66vw;
 margin-bottom: 4.166vw;
}
.m-title strong {
 background: #5E8031;
 color: #fff;
 font-size: 4.166vw;
 font-weight: 400;
 border: #5E8031 2px solid;
 padding: 2.9166vw 0;
 display: block;
}
.m-title2 {
 color: #5E8031;
 font-size: 4.166vw;
 font-weight: 400;
 margin-bottom: 2.5vw;
 display: block;
}
.l-future-inner {
 overflow: hidden;
}
.m-future-box {
 width: 44.58vw;
 height: 45.8vw;
 float: left;
 background: #FAFAFA;
 border-top: #5E8031 1px solid;
 position: relative;
 padding: 2.9vw 0 0 0;
 margin-bottom: 2.9vw;
}
.m-future-box a {
 color: #5E8031;
}
.m-future-box:nth-of-type(2n+0) {
 float: right;
}
.m-future-box h3 {
 font-size: 2.5vw;
 margin-bottom: 4.166vw;
}
.m-future-box figure {
 width: 22.5vw;
 margin: 0 auto 2.5vw auto;
}
.m-future-box .name {
 font-size: 1.66vw;
 line-height: 1.3;
 margin-bottom: 0.833vw;
 color: #363636;
}
.m-future-box .price {
 font-size: 1.666vw;
 color: #363636;
}
.m-future-box .ic_future {
 position: absolute;
 width: 14.83vw;
 top: 6.666vw;
 left: 0.4vw;
}
.l-gift {
 padding: 0 4.166vw 8.3vw 4.166vw;
}
.l-gift-inner {
 overflow: hidden;
}
.m-gift-box {
 width: 44.58vw;
 height: 37.166vw;
 float: left;
 background: #FAFAFA;
 position: relative;
 padding: 2vw 0;
 margin-bottom: 2.9vw;
}
.m-gift-box a {
 color: #000000;
}
.m-gift-box:nth-of-type(2n+0) {
 float: right;
}
.m-gift-box:nth-of-type(5) {
 width: 91.66vw;
 height: 27.666vw;
 float: left;
 padding: 2vw 0 2vw 11.0833vw;
 margin-bottom: 0;
 overflow: hidden;
}
.m-gift-box h3 {
 font-size: 2.166vw;
 margin-bottom: 1.66vw;
}
.m-gift-box figure {
 width: 22.5vw;
 margin: 0 auto 1.66vw auto;
}
.m-gift-box .txt {
 font-size: 1.5vw;
 line-height: 1.7;
 color: #363636;
}
.m-gift-box:nth-of-type(5) figure {
 width: 22.5vw;
 margin: 0 6.666vw 0 auto;
 float: left;
}
.m-gift-box:nth-of-type(5) .m-gift-box-in {
 width: 45vw;
 height: 27.666vw;
 float: left;
 padding: 5.8vw 0 2vw 0;
 margin-bottom: 0;
}
.m-gift-box-in {
 width: 45vw;
 float: left;
}
.m-gift-box-in .name {
 text-align: center;
}
.m-gift-box-in .txt {
 text-align: left;
}
@media screen and (max-width: 768px) {
	
	.l-future {
 padding: 15vw 4.166vw;
}
.m-title {
 border: #5E8031 1px solid;
 padding: 0.66vw;
 margin-bottom: 4.166vw;
}
.m-title strong {
 background: #5E8031;
 color: #fff;
 font-size: 6vw;
 font-weight: 400;
 border: #5E8031 2px solid;
 padding: 2.9166vw 0;
 display: block;
}
.m-title2 {
 color: #5E8031;
 font-size: 6vw;
 font-weight: 400;
 margin-bottom:7vw;
 display: block;
}
.l-future-inner {
 overflow: hidden;
}
.m-future-box {
 width: auto;
 height: auto;
 float: none;
 background: #FAFAFA;
 border-top: #5E8031 1px solid;
 position: relative;
 padding: 6vw 0;
 margin-bottom: 2.9vw;
}
.m-future-box a {
 color: #5E8031;
}
.m-future-box:nth-of-type(2n+0) {
 float: none;
}
.m-future-box h3 {
 font-size: 4.5vw;
 margin-bottom: 6vw;
	font-weight: 600;
}
.m-future-box figure {
 width: 60vw;
 margin: 0 auto 2.5vw auto;
}
.m-future-box .name {
 font-size: 4vw;
 line-height: 1.5;
 margin-bottom: 1.5vw;
 color: #363636;
	font-weight: 600;
}
.m-future-box .price {
 font-size: 3.6vw;
 color: #363636;
}
.m-future-box .ic_future {
 position: absolute;
 width: 23vw;
 top: 8vw;
 left: 0vw;
	margin-left: -5px;
}
.l-gift {
 padding: 0 4.166vw 8.3vw 4.166vw;
}
.l-gift-inner {
 overflow: hidden;
}
.m-gift-box {
  width: auto;
 height: auto;
 float: none;
 background: #FAFAFA;
 position: relative;
 padding: 6vw 0;
 margin-bottom: 2.9vw;
}
.m-gift-box a {
 color: #000000;
}
.m-gift-box:nth-of-type(2n+0) {
 float: none;
}
.m-gift-box:nth-of-type(5) {
 width: auto;
 height: auto;
 float: none;
 padding: 6vw 0;
 margin-bottom: 0;
 overflow: hidden;
}
.m-gift-box h3 {
  font-size: 4.5vw;
 line-height: 1.3;
 margin-bottom: 1.5vw;
 color: #363636;
	font-weight: 600;
}
.m-gift-box figure {
  width: 60vw;
 margin: 0 auto 2.5vw auto;
}
.m-gift-box .txt {
 font-size: 4vw;
 color: #363636;
	line-height: 1.5;
}
.m-gift-box:nth-of-type(5) figure {
 width: 60vw;
 margin: 0 auto 2.5vw auto;
 float: none;
}
.m-gift-box:nth-of-type(5) .m-gift-box-in {
 width: auto;
 height: auto;
 float: none;
 padding: 0 5.8vw;
 margin-bottom: 0;
}
.m-gift-box-in {
 width: auto;
 float: none;
}
.m-gift-box-in .name {
 text-align: center;
}
.m-gift-box-in .txt {
 text-align: left;
}
	
	
}
/*l-price*/
.l-price {
 padding: 0 4.166vw 8.3vw 4.166vw;
}
.l-gift-inner {
 overflow: hidden;
}
.l-gift-inner ul {
 overflow: hidden;
 margin-bottom: 5.416vw;
}
.l-gift-inner li {
 width: 15.8vw;
 width: 13.6vw;
 float: left;
}
.l-gift-inner li + li {
 margin-left: 2.7vw;
 margin-left: 1.6vw;
}
.l-gift-inner li a {
 border: #DDEACD 0.41vw solid;
 display: block;
 color: #5E8031;
 font-size: 3vw;
 font-size: 2.2vw;
 text-align: center;
 line-height: 8.3vw;
}
.btn_list {
 width: 30vw;
 margin: 0 auto;
 text-align: center;
}
.btn_list a {
 border: #ABC489 1px solid;
 border-radius: 10px;
 background: url("../images/ic_cursor_g.svg") no-repeat 1.666vw center #fff;
 background-size: auto;
 background-size: 0.58vw auto;
 padding-left: 2.333vw;
 height: 5vw;
 text-align: center;
 color: #5F8131 !important;
 font-size: 1.666vw;
 display: inline-block;
 width: 100%;
 line-height: 5vw;
}
@media screen and (max-width: 768px) {
	.l-price {
 padding: 15vw 4.166vw;
}
.l-gift-inner {
 overflow: hidden;
}
.l-gift-inner ul {
 overflow: hidden;
 margin-bottom: 8vw;
}
.l-gift-inner li {
 width: auto;
 float: none;
	
}
.l-gift-inner li + li {
 margin-left: 0;
	margin-top: 10px;
}
.l-gift-inner li a {
 border: #DDEACD 3px solid;
 display: block;
 color: #5E8031;
 font-size:5vw;
 text-align: center;
 line-height: 12vw;
}
.btn_list {
 width: 80vw;
 margin: 0 auto;
 text-align: center;
}
.btn_list a {
 border: #ABC489 1px solid;
border-radius: 10px;
background: url("../images/ic_cursor_g.svg") no-repeat 3vw center #fff;
    background-size: auto;
background-size: 1.5vw auto;
padding-left: 2.333vw;
height: 9vw;
text-align: center;
color: #5F8131 !important;
font-size: 3.6vw;
display: inline-block;
width: 100%;
line-height: 9vw;
letter-spacing: 1px;
}
	
	
}
/*l-service*/
.l-service {
 padding: 0 4.166vw 8.3vw 4.166vw;
}
.l-service-inner {
 overflow: hidden;
}
.l-service-box {
 overflow: hidden;
 margin-bottom: 5.4vw;
}
.m-service-box {
 width: 20.83vw;
 height: 20.83vw;
 border-radius: 50%;
 background: #FAF3E0;
 border: #E3D6B3 3px solid;
 float: left;
 margin-right: 2vw;
 text-align: center;
}
.m-service-box:last-child {
 margin-right: 0;
}
.m-service-box .num {
 font-size: 5vw;
 color: #E3D6B3;
 padding: 0.8vw 0 1.25vw 0;
}
.m-service-box .sname {
 font-size: 2vw;
 color: #725913;
 line-height: 1.5;
}
.m-service-box .sname strong {
 font-size: 2.9vw;
 color: #725913;
}
.m-service-box:nth-of-type(3) .sname {
 font-size: 2vw;
}
.m-service-box:nth-of-type(3) .sname strong {
 font-size: 2.6vw;
 font-weight: 400;
}
.m-service-box:last-child .num {
 padding: 0.125vw 0 0px 0;
}
.m-service-box:last-child .sname {
 font-size: 2vw;
}
.m-service-box:last-child .sname strong {
 font-size: 2.225vw;
 font-weight: 400;
}
.l-service-detail {
 overflow: hidden;
}
.m-service-detail {
 margin-bottom: 4.58vw;
 overflow: hidden;
 text-align: left;
}
.m-service-detail figure {
 width: 28vw;
 float: left;
}
.m-service-detail h3 {
 margin-left: 31.25vw;
 font-size: 2.5vw;
 margin-bottom: 1.66vw;
}
.m-service-detail .txt {
 margin-left: 31.16vw;
 font-size: 1.45vw;
 line-height: 1.7;
}
.l-service .at {
 background: #FFDEDE;
 font-size: 1.5vw;
 padding: 1.25vw 0;
 text-align: center;
}
@media screen and (max-width: 768px) {
	
	.l-service {
 padding: 0 4.166vw 8.3vw 4.166vw;
}
.l-service-inner {
 overflow: hidden;
	padding: 5vw 0;
}
.l-service-box {
 overflow: hidden;
	width: 80vw;
	margin: 0 auto 10vw auto;
}
.m-service-box {
 width: 38vw;
 height: 39vw;
 border-radius: 50%;
 background: #FAF3E0;
 border: #E3D6B3 3px solid;
 float: left;
 margin-right: 0;
 text-align: center;
	margin-bottom: 5vw;
}
	.m-service-box:nth-of-type(2n+0) {
 float: right;
}
.m-service-box:last-child {
 margin-right: 0;
}
.m-service-box .num {
 font-size: 8vw;
 color: #E3D6B3;
 padding: 2vw 0 2.5vw 0;
}
.m-service-box .sname {
 font-size: 3.8vw;
 color: #725913;
 line-height: 1.5;
}
.m-service-box .sname strong {
 font-size: 5.8vw;
 color: #725913;
}
.m-service-box:nth-of-type(3) .sname {
 font-size: 3.8vw;
}
.m-service-box:nth-of-type(3) .sname strong {
 font-size: 4.6vw;
 font-weight: 600;
}
.m-service-box:last-child .num {
 padding: 1vw 0 0px 0;
}
.m-service-box:last-child .sname {
 font-size: 3.8vw;
}
.m-service-box:last-child .sname strong {
 font-size: 4vw;
 font-weight: 600;
}
.l-service-detail {
 overflow: hidden;
	background: #f5f5f5;
	padding: 8vw 0 5vw 0;
}
.m-service-detail {
 overflow: hidden;
 text-align: left;
	width: 80vw;
	padding-bottom: 6vw;
	margin: 0 auto 6vw auto;
	border-bottom:#ddd 1px solid;
}
.m-service-detail figure {
 width: auto;
 float: none;
	margin: 0 auto 5vw auto;
}
.m-service-detail h3 {
 margin-left: 0;
 font-size: 4.5vw;
line-height: 1.4;
margin-bottom: 4vw;
font-weight: 600;
	text-align: center;
}
.m-service-detail .txt {
 margin-left:0;
 font-size: 4vw;
 line-height: 1.6;
}
.l-service .at {
 background: #FFDEDE;
 font-size: 3.4vw;
 padding: 4vw;
 text-align: center;
	line-height: 1.6;
}
	
}
/*l-contact*/
.l-contact {}
.l-contact-inner {
 overflow: hidden;
 padding: 0 4.166vw;
}
.contact-read {
 font-size: 1.5vw;
 line-height: 1.6;
 margin-bottom: 4.16vw;
}
.l-contact-detail {
 background: #F5F5F5;
 overflow: hidden;
}
.l-contact-detail a {
 color: #000;
}
.l-contact-detail-l {
 width: 50%;
 float: left;
 border-right: #707070 1px solid;
}
.l-contact-tel {
 padding: 4.16vw 0;
 border-bottom: #707070 1px solid;
 text-align: center;
}
.l-contact-tel h3 {
 font-size: 2.8vw;
 margin-bottom: 3.333vw;
}
.l-contact-tel .tel {
 font-size: 4.16vw;
 background: url("../images/ic_tel.svg") no-repeat 0 center;
 padding-left: 5vw;
 background-size: 4.16vw auto;
 display: inline-block;
 margin-bottom: 0.833vw;
}
.l-contact-tel .time {
 font-size: 1.833vw;
}
.l-contact-form {
 text-align: center;
 padding: 5vw 0;
}
.l-contact-form .form {
 font-size: 3.166vw;
 background: url("../images/ic_cursor_blk.svg") no-repeat 0 center;
 padding-left: 3.33vw;
 background-size: 1.16vw auto;
 display: inline-block;
}
.l-contact-detail-r {
 width: 49%;
 float: right;
}
.l-contact-fax {
 padding: 4.16vw 0 0 0;
 text-align: center;
}
.l-contact-fax h3 {
 font-size: 2.8vw;
 margin-bottom: 3.33vw;
}
.l-contact-fax .fax {
 font-size: 4.16vw;
 background: url("../images/ic_fax.svg") no-repeat 0 center;
 padding-left: 5.8vw;
 background-size: 4.16vw auto;
 display: inline-block;
 margin-bottom: 0.833vw;
}
.l-contact-fax .time {
 font-size: 1.833vw;
 margin-bottom: 2.5vw;
}
.l-contact-fax .dl {
 width: 41.33vw;
 margin: 0 auto;
}
.l-contact-fax .dl li {
 margin-bottom: 1.25vw;
}
.l-contact-fax .dl li a {
 border-radius: 0.833vw;
 border: #535353 1px solid;
 display: block;
 height: 5vw;
 line-height: 5vw;
 text-align: center;
 font-size: 1.66vw;
}
.l-contact-fax .dl li.pdf a {
 background: url("../images/ic_pdf.png") no-repeat 0.833vw center #fff;
 background-size: 3.3vw auto;
 padding-left: 3.3vw;
}
.l-contact-fax .dl li.xls a {
 background: url("../images/ic_xls.png") no-repeat 0.833vw center #fff;
 background-size: 3.3vw auto;
 padding-left: 3.3vw;
}
@media screen and (max-width: 768px) {
	
.l-contact-inner {
 overflow: hidden;
 padding: 5vw 4.166vw;
}
.contact-read {
 font-size: 4vw;
 line-height: 1.8;
 margin-bottom: 4.16vw;
}
.l-contact-detail {
 background: #F5F5F5;
 overflow: hidden;
	padding: 0 4vw;
}
.l-contact-detail a {
 color: #000;
}
.l-contact-detail-l {
 width: auto;
 float: none;
 border-right:none;
	 border-bottom: #707070 1px solid;
}
.l-contact-tel {
 padding: 4.16vw 0;
 border-bottom: #707070 1px solid;
 text-align: center;
}
.l-contact-tel h3 {
 font-size: 4.5vw;
 margin-bottom: 3.333vw;
	font-weight: 600;
}
.l-contact-tel .tel {
 font-size: 9vw;
 background: url("../images/ic_tel.svg") no-repeat 0 center;
 padding-left: 10vw;
 background-size: 7vw auto;
 display: inline-block;
 margin-bottom: 1.5vw;
}
.l-contact-tel .time {
 font-size: 3.6vw;
	letter-spacing: 1px;
}
.l-contact-form {
 text-align: center;
 padding: 5vw 0;
}
.l-contact-form .form {
 font-size: 6vw;
 background: url("../images/ic_cursor_blk.svg") no-repeat 0 center;
 padding-left: 3.33vw;
 background-size: 1.5vw auto;
 display: inline-block;
}
.l-contact-detail-r {
 width: auto;
 float: none;
}
.l-contact-fax {
 padding:5vw 0 5vw 0;
 text-align: center;
}
.l-contact-fax h3 {
 font-size: 4.5vw;
 margin-bottom: 3.333vw;
	font-weight: 600;
}
.l-contact-fax .fax {
 font-size: 9vw;
 background: url("../images/ic_fax.svg") no-repeat 0 center;
padding-left: 10vw;
 background-size: 7vw auto;
 display: inline-block;
 margin-bottom: 1.5vw;
}
.l-contact-fax .time {
 font-size: 3.6vw;
	letter-spacing: 1px;
 margin-bottom: 5vw;
}
.l-contact-fax .dl {
 width: 80vw;
 margin: 0 auto;
}
.l-contact-fax .dl li {
 margin-bottom: 3vw;
}
.l-contact-fax .dl li a {
 border-radius: 1.5vw;
 border: #535353 1px solid;
 display: block;
 height: 10vw;
 line-height: 10vw;
 text-align: center;
 font-size: 3.5vw;
}
.l-contact-fax .dl li.pdf a {
 background: url("../images/ic_pdf.png") no-repeat 1.5vw center #fff;
 background-size: 5vw auto;
 padding-left: 5vw;
}
.l-contact-fax .dl li.xls a {
 background: url("../images/ic_xls.png") no-repeat 1.5vw center #fff;
 background-size: 5vw auto;
 padding-left: 5vw;
}
	
}
/*l-faq*/
.l-faq {
 padding: 8.3vw 4.166vw;
}
.l-faq h3 {
 font-size: 2.833vw;
 margin-bottom: 4.16vw;
}
.l-faq-list {
 text-align: left;
}
.l-faq-list dl {
 padding: 1.66vw;
 display: block;
}
.l-faq-list dl:nth-child(odd) {
 background: #F5F5F5;
}
.l-faq-list dl:nth-child(even) {
 background: #fff;
}
.l-faq-list dt {
 line-height: 1.5;
 font-size: 1.66vw;
 position: relative;
 padding-left: 5vw;
 margin-bottom: 1.66vw;
 padding-top: 0.33vw;
}
.l-faq-list dt:before { /*スペースを作る*/
 content: '';
 top: 0;
 left: 0;
 width: 3.33vw; /*指定したい幅*/
 padding-top: 0px; /*画像の幅に対する高さ比率*/
 display: block;
}
.l-faq-list dt:after { /*画像を絶対配置*/
 position: absolute;
 content: '';
 top: 0;
 left: 0;
 display: block;
 width: 3.33vw; /*画像の幅*/
 height: 3.25vw; /*画像の高さ*/
 background-image: url("../images/faq_q.svg");
 background-size: contain;
 background-repeat: no-repeat; /*画像を繰り返さない*/
}
.l-faq-list dd {
 line-height: 1.8;
 font-size: 1.3vw;
 padding-left: 5vw;
}
.l-faq-list dd a {
 text-decoration: underline;
 color: #000;
}
@media screen and (max-width: 768px) {
	
	.l-faq {
 padding: 15vw 4.166vw 5vw 4.166vw;
}
.l-faq h3 {
 font-size: 6vw;
 margin-bottom: 7vw;
}
.l-faq-list {
 text-align: left;
}
.l-faq-list dl {
 padding: 5vw 3vw;
 display: block;
}
.l-faq-list dl:nth-child(odd) {
 background: #F5F5F5;
}
.l-faq-list dl:nth-child(even) {
 background: #fff;
}
.l-faq-list dt {
 line-height: 1.6;
 font-size: 4.5vw;
 position: relative;
 padding-left: 8vw;
 margin-bottom: 3vw;
 padding-top: 0vw;
}
.l-faq-list dt:before { /*スペースを作る*/
 content: '';
 top: 0;
 left: 0;
 width: 6vw; /*指定したい幅*/
 padding-top: 0px; /*画像の幅に対する高さ比率*/
 display: block;
}
.l-faq-list dt:after { /*画像を絶対配置*/
 position: absolute;
 content: '';
 top: 0;
 left: 0;
 display: block;
 width: 6vw; /*画像の幅*/
 height: 6vw; /*画像の高さ*/
 background-image: url("../images/faq_q.svg");
 background-size: contain;
 background-repeat: no-repeat; /*画像を繰り返さない*/
}
.l-faq-list dd {
 line-height: 1.8;
 font-size: 4vw;
 padding-left: 8vw;
}
.l-faq-list dd a {
 text-decoration: underline;
 color: #000;
}
	
}

/*l-footer*/


/* =================================
	footer
======================================== */

footer{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	background: url(https://shop.senkien.jp/common/img/foot_line.gif) repeat-x left top;
	padding: 60px 0 0;
}

footer a:link ,footer a:visited {
    color: #697f3e;
    text-decoration: underline;
}

footer .innar{
	padding: 0 0 60px;
	background: url(https://shop.senkien.jp/common/img/bg_footer.jpg) no-repeat left bottom;
	background-size: 100% auto;
}

footer .innar .inbox{
	margin: 0 auto;
	width: 1120px;
	
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row nowrap;
	-ms-flex-pack:flex-start;
	-ms-flex-align:flex-end;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:row;
	-webkit-box-pack:flex-start;
	-webkit-box-align:flex-end;

	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row nowrap;
	-webkit-justify-content:flex-start;
	-webkit-align-items:flex-end;
}

footer .innar .inbox .cont1{
	width: 280px;
	margin-right: 58px;
}

footer .innar .inbox .cont2{
	width: 460px;
	margin-right: 89px;
}

footer .innar .inbox .cont3{
	width: 230px;
}

footer .innar .inbox .cont1 .logo{
	margin-bottom: 20px;
	width: 200px;
}

footer .innar .inbox .cont1 .logo p{
	margin-bottom: 5px;
}

footer .innar .inbox .cont1 .logo .tit{
	font-family: "Vollkorn", "serif";
	font-size: 13px;
	line-height: 150%;
	font-weight: normal;
	text-align: center;
}


footer .innar .inbox .cont1 .corporate{
	
}

footer .innar .inbox .cont1 .corporate a{
	display: inline-block;
	border: 1px #000 solid;
	border-radius: 50px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	line-height: 150%;
	padding: 2px 20px;
	-webkit-transition: all .3s;
	transition: all .3s; 
}

footer .innar .inbox .cont1 .corporate a span{
	display: inline-block;
	background: url(https://shop.senkien.jp/common/img/ar01.svg) no-repeat left center;
	background-size: 16px 16px;
	padding-left: 26px;
}

footer .innar .inbox .cont1 .corporate a:hover{
	background: #000;
	color: #fff;
}

footer .innar .inbox .cont1 .corporate a:hover span{
	background: url(https://shop.senkien.jp/common/img/ar01_on.svg) no-repeat left center;
	background-size: 16px 16px;
	padding-left: 26px;
}

footer .innar .inbox .cont1 ul{
	margin-bottom: 20px;
	overflow: hidden;
}

footer .innar .inbox .cont1 ul li{
	padding: 0 0px 0 7px;
	font-size: 14px;
	line-height: 150%;
	float: left;
	-webkit-writing-mode: tb-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	
	text-orientation: upright;

}

footer .innar .inbox .cont1 ul li a{
	text-decoration: none;
	padding-right: 4px;
}

footer .innar .inbox .cont1 ul li a:hover{
	text-decoration: none;
	border-right: 1px dashed;
	padding-right: 3px;
}
	

footer .innar .inbox .cont3 .txt-box{
	border: 1px #000 solid;
	padding: 20px 20px;
	height: 318px;
	text-align: center;
	overflow: hidden;
	-webkit-writing-mode: tb-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	
	text-orientation: upright;
	box-sizing:content-box;
}


footer .innar .inbox .cont3 .txt-box .first{
	padding: 0 0 0 20px;
	text-align: left;
	
}

footer .innar .inbox .cont3 .txt-box .last{
	padding: 0;
	text-align: right;	
}

footer .innar .inbox .cont3 .txt-box .first p{
	display: inline-block;
	font-size: 14px;
	line-height: 160%;
	height: 318px;
	
	
}

footer .innar .inbox .cont3 .txt-box .last p{
	display: inline-block;
	font-size: 14px;
	line-height: 160%;
	text-align: right;
	height: 318px;
	
	-webkit-writing-mode: tb-rl;
	
	-ms-writing-mode: tb-rl;
	
	writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	
	text-orientation: upright;
}


footer .innar .inbox .cont3 .txt-box .last p a{
	background: url(https://shop.senkien.jp/common/img/ar01.svg) no-repeat left top;
	background-size: 16px 16px;
	padding-top: 26px;
	text-decoration: none;
	padding-right: 4px;
}

footer .innar .inbox .cont3 .txt-box .last p a:hover{
	text-decoration: none;
	border-right: 1px dashed;
	padding-right: 3px;
}

footer .innar .inbox .cont2 .social{
	margin-bottom: 20px;
	text-align: center;
}

footer .innar .inbox .cont2 .social li{
	display: inline-block;
	padding: 0 10px;
	width: 52px;
}
footer .innar .inbox .cont2 .social li a{
	-webkit-transition: all .3s;
	transition: all .3s; 
}

footer .innar .inbox .cont2 .social li a:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

footer .innar .inbox .cont2 .copyrights{
	text-align: center;
	font-size: 13px;
	line-height: 150%;
}

footer .innar .inbox .cont2 .contact-box{
	margin-bottom: 20px;
	border: 1px #ccc solid;
}

footer .innar .inbox .cont2 .contact-box .block{
	padding: 20px;
	border-bottom: 1px #ccc solid;
	overflow: hidden;
}

footer .innar .inbox .cont2 .contact-box .block:last-child{
	padding: 20px;
	border-bottom: none;
}

footer .innar .inbox .cont2 .contact-box .block .tit{
	width: 130px;
	float: left;

}

footer .innar .inbox .cont2 .contact-box .block .tit p{
	font-size: 15px;
	line-height: 150%;
}

footer .innar .inbox .cont2 .contact-box .block .tit span{
	display: inline-block;
	border: 1px #d32c25 solid;
	font-size: 13px;
	line-height: 150%;
	padding: 1px 10px;
	color: #d32c25;
	text-align: center;
}

footer .innar .inbox .cont2 .contact-box .block .cont{
	width: 250px;
	float: right;
}

footer .innar .inbox .cont2 .contact-box .block .cont a{
	display: block;
	background: #000;
	color: #fff;
	padding: 5px;
	text-align: center;
	border: 1px #000 solid;
	font-size: 14px;
	line-height: 150%;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s; 
}

footer .innar .inbox .cont2 .contact-box .block .cont a:hover{
	background: #fff;
	color: #000;
}

footer .innar .inbox .cont2 .contact-box .block .cont .number{
	text-align: center;
}

footer .innar .inbox .cont2 .contact-box .block .cont .number.mr{
	margin-bottom: 10px;
}

footer .innar .inbox .cont2 .contact-box .block .cont .number p{
	font-size: 30px;
	line-height: 80%;
}

footer .innar .inbox .cont2 .contact-box .block .cont .number p.tel{
	background: url(https://shop.senkien.jp/common/img/icon_tel.svg) no-repeat left top;
	background-size: 21px 22px;
}

footer .innar .inbox .cont2 .contact-box .block .cont .number span{
	font-size: 13px;
	line-height: 150%;
}


@media screen and (max-width: 768px) {
/* -------------------------------------------------------------------------------------

	SNS

 ------------------------------------------------------------------------------------- */

.sns{	
	margin:40px auto 40px;
width: 210px;}

.sns ul:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.sns ul{ text-align: center;}

.sns ul li{
	display: inline-block;
	  /display: inline;
	  /zoom: 1;
	width: 34px;
	height: 34px;
	margin-right: 20px;
}

.sns ul li:nth-child(3){
	margin-right: 20px !important;
}

.sns ul li:last-child{
	margin-right: 0 !important;
}

.sns ul li img{
	width: 34px;
	height: 34px;
}
	
	/* -------------------------------------------------------------------------------------

	フッターインフォメーション

 ------------------------------------------------------------------------------------- */

.footinfo{
	width: 80%;
	margin: 0 auto 40px;
	box-shadow: 0 0 0 1px #000 inset;
	padding: 5%;
	text-align: center;
}

.tels-tit{
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.footinfo a{
	color: #000!important;
	text-decoration: none!important;
}

.footinfo dt{
	font-size: 200%;
	line-height: 150%;
	font-family: Courier, "Courier New", "monospace";
	letter-spacing: -2px;
	
}

.footinfo dt span{
	background: url(https://shop.senkien.jp/common/img/icon_tel.svg) no-repeat left center;
	background-size: 24px 24px;
	padding-left: 34px;
}

.contact-btn{
	width: 88%;
	margin: 10px auto;
}

.contact-btn a{
	display: block;
	padding: 5%;
	background: #000;
	color: #fff!important;
}

footer{
	background: url(../img/foot-bg.jpg) no-repeat center bottom;
	background-size: 100% auto;
	padding-bottom: 100px;
	padding-top: 20px;
}

.copyright{
	text-align: center;
	font-size: 90%;
}

}

/*drawer nav*/

.drawer-hamburger-icon, .drawer-hamburger-icon::after, .drawer-hamburger-icon::before {
    background-color: #5F8131;
}


.drawer-menu-item {
	text-align: left;
	border-bottom: #ddd 1px solid;
}

.drawer-menu-item:hover{text-decoration: none;
opacity: 0.6;}