@charset "UTF-8";
/* Scss Document */
.h_tel {
	padding-top: 28px;
}
.fixed_btn {
	position: fixed;
	/*top: 300px;*/
	top: 22px;
	right: 0;
	z-index: 1000;
}
.fixed_btn li {
	margin-bottom: 10px;
}
.txt_center {
	text-align: center;
}
#container{
	overflow: hidden;
}
#key {
	margin-bottom: 189px;
}
#key .key_img {
	float: left;
}
#key .keyInfo {
	float: right;
	width: 429px;
	margin: 16px 23px 0 0;
}
#key h2 {
	margin: 80px 0 16px -167px;
}
#key .key_txt {
	/*text-align: justify;*/
	width: 346px;
}
#key #logo1 {
	text-align: left !important;
	margin-left: 113px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
body {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#sec1 #sec1_1 {
	background: url(../img/bento/sec1_bgT.png) no-repeat center center/cover;
}
#sec1 #sec1_2 {
	background: url(../img/bento/sec1_bgB.png) no-repeat bottom center/cover;
	color: #fff;
	padding-bottom: 126px;
}
#sec1 #sec1_2 .content {
	position: relative;
}
#sec1 #sec1_2 .content .sec1_deco {
	position: absolute;
	top: -352px;
	left: -446px;
}
#sec1 .sec1_txt1 {
	text-align: right;
	margin: 220px 1px 247px 0;
}
#sec1 .sec1_txt2 {
	margin-left: auto;
	width: 426px;
	text-align: justify;
	letter-spacing: 2.7px;
    padding-right: 92px;
}
#sec1 .sec1_btn {
	margin: 38px 20px 0 auto;
	width: 496px;
}
#sec2 h2{
	 font-size: 38px;
    line-height: 60px;
    letter-spacing: 11px;
}
#sec2_1 .sec2Info {
	float: left;
	margin-left: 93px;
	padding-top: 39px;
	width: 328px;
}
#sec2_1 h2 {
	margin-top: 83px;
   
}
#sec2_1 .sec2_txt1, #sec2_1 .sec2_txt2 {
	margin-left: 3px;
	letter-spacing: 3px;
}
#sec2_1 .sec2_img1 {
	float: right;
	width: calc(100% - 500px);
	height: 722px;
	background: url(../img/bento/sec2_img1.jpg) no-repeat center/cover;
}
#sec2_1 .sec2_price {
	margin: 4px 0 35px 4px;
	letter-spacing: 3px;
}
#sec2_1 .sec2_txt2 {
	text-align: justify;
}
#sec2_1 .sec2_img2 {
	margin: 21px 0 108px;
	display: flex;
	justify-content: flex-end;
}
#sec2_1 .sec2_img2 p {
	margin-left: 20px;
}
#sec2_1 .sec2_img2 p:nth-child(1) {
	width: 29.66%;
}
#sec2_1 .sec2_img2 p:nth-child(2) {
	width: 51.8%;
}
#sec2_1 .sec2_img2 p img {
	width: 100%;
}
#sec2_2 {
	margin-bottom: 57px;
}
#sec2_2 .sec2_img3 {
	float: left;
	margin: 15px 0 0 -131px;
}
#sec2_2 h2{
	width: 392px;
}
#sec2_2 .sec2Info {
	float: right;
	width: 383px;
	margin-right: -15px;
}
#sec2_2 .sec2_price {
    margin: 3px 0 0 7px;
    letter-spacing: 3px;
}
#sec2_2 .sec2_txt2 {
	margin: 0 90px 37px 7px;
	letter-spacing: 2.5px;
}
#sec3 dl {
	letter-spacing: 3px;
}
#sec3 dt {
	font-size: 38px;
	line-height: 1.5;
	margin-bottom: 25px;
	letter-spacing: 12px;
}
#sec3 .sec3_dl1 {
	margin: 120px 0 340px 427px;
	position: relative;
}
#sec3 .sec3_dl1 dt {
	margin-left: 139px;
}
#sec3 .sec3_dl1 dd {
	margin-left: 139px;
	width: 348px;
}
#sec3 .sec3_dl1 .sec3_img {
	position: absolute;
	left: -740px;
	top: -97px;
	margin-left: 0;
}
#sec3 .sec3_dl2 {
	margin-left: 47px;
	position: relative;
	width: 953px;
}
#sec3 .sec3_dl2 dt {
	margin-bottom: 14px;
	position: relative;
	z-index: 1;
}
#sec3 .sec3_dl2 dd {
	width: 310px;
	margin-left: 3px;
}
#sec3 .sec3_dl2 dd.price2{
	margin-top:12px;
	padding-top:12px;
	border-top:1px solid;
}
#sec3 .sec3_dl2 dd.price2 span{
	font-size:22px;
}
#sec3 .sec3_dl2 .sec3_img {
	position: absolute;
	right: -277px;
	top: -279px;
	margin-left: 0;
	width: 916px;
}
#sec3 .sec3_img2 {
	margin: -54px 0 0 47px;
}
#sec4 {
	margin-bottom: 128px;
	margin-top: 53px;
	position: relative;
	z-index: 0;
	text-align: justify;
}
#sec4:before {
	content: url(../img/bento/sec4_bg.jpg);
	position: absolute;
	top: 0;
	left: -250px;
	z-index: -1;
}
#sec4 dt {
	font-size: 38px;
	letter-spacing: 8px;
	line-height: 1em;
	margin-bottom: 12px;
}
#sec4 dd {
	margin-left: 3px;
	width: 360px;
}
#sec4 dd.price {
	letter-spacing: 3.5px;
}
#sec4 .sec4_1 {
	margin-top: 44px;
}
#sec4 .sec4_1 .sec4_img {
	float: right;
	margin-right: -70px;
}
#sec4 .sec4_1 dl {
	float: left;
	width: 416px;
	margin: 165px 0 0 35px;
	letter-spacing: 3px;
}
#sec4 .sec4_2 .sec4_img {
	float: left;
	margin-left: -70px;
}
#sec4 .sec4_2 dl {
	float: right;
	width: 416px;
	margin-top: 136px;
	letter-spacing: 3px;
	margin-right: 33px;
}


#sec5 {
	margin-bottom: 100px;
}
#sec5 h2 {
	margin-bottom: 42px;
}
#sec5 .sec5Group {
	display: flex;
	justify-content: space-between;
	width: 1112px;
	margin-left: -51px;
}
/*#sec5 .sec5Group .col:nth-child(1) h3 {
	margin-left: 56px;
	padding-left: 13px;
	padding-top: 19px;
	padding-bottom: 23px;
}
#sec5 .sec5Group .col:nth-child(1) .price {
	margin-left: 74px;
}
#sec5 .sec5Group .col:nth-child(2) h3 {
	margin-left: 24px;
}
#sec5 .sec5Group .col:nth-child(2) .price {
	margin-left: 51px;
}
#sec5 .sec5Group .col:nth-child(3) h3 {
	width: 287px;
}
#sec5 .sec5Group .col:nth-child(3) .price {
	margin-left: 21px;
}*/
#sec5 h3 {
	font-size: 30px;
	line-height: 44px;
	padding: 23px 0 19px 19px;
	background: url(../img/bento/sec5_linw.jpg) repeat-x bottom center;
	letter-spacing: 9px;
}
#sec5 .price {
	margin-top: 19px;
	letter-spacing: 3.5px;
}
#sec6 {
	background: url(../img/bento/sec6T.jpg) no-repeat top center, url(../img/bento/sec6T.jpg) no-repeat bottom center, url(../img/bento/sec6C.jpg) repeat-y top center;
	text-align: center;
	padding: 50px 0 43px;
	margin-bottom: 85px;
}
#sec6 h2 {
	margin-bottom: 14px;
}
#gmap {
	width: 100%;
	height: 600px;
}
.wrp_btn {
	margin: 38px auto 64px;
	width: 742px;
}
.wrp_btn .link3 {
	line-height: 35px;
	display: block;
	margin-top: 22px;
	margin-left: 5px;
	letter-spacing: 3px;
}
.wrp_btn .link3 a {
	color: #000;
}
#sec7 .sec7Group {
	display: flex;
	justify-content: space-between;
	margin: 40px 0 167px -2px;
	width: 1004px;
}
#sec7 .box {
	width: 490px;
	background: url(../img/bento/sec6T.jpg) no-repeat top center, url(../img/bento/sec6T.jpg) no-repeat bottom center, url(../img/bento/sec7_C.jpg) repeat-y top center;
	box-sizing: border-box;
	padding: 30px 23px 45px;
}
#sec7 .box:nth-child(2) {
	padding-left: 30px;
}
#sec7 .box:nth-child(2) h3 {
	margin-bottom: 16px;
}
#sec7 h3 {
	font-size: 22px;
	line-height: 58px;
}
#sec7 .sec7Tel {
	background: url(../img/bento/sec6T.jpg) no-repeat top center, url(../img/bento/sec6T.jpg) no-repeat bottom center;
	margin-bottom: 17px;
}
#sec7 .sec7Tel .sec7_txt1 {
	font-size: 16px;
	line-height: 31px;
	padding-top: 21px;
}
#sec7 .sec7Tel .sec7_txt2 {
	font-size: 13px;
	line-height: 46px;
	padding-bottom: 12px;
	letter-spacing: 3px;
}
#sec7 .sec7_ul {
	display: flex;
	line-height: 35px;
	justify-content: space-between;
}
#sec8 {
	background: url(../img/bento/sec8_bg.jpg);
	color: #fff;
	padding: 52px 0 83px;
}
#sec8 .sec8_txt1 {
	margin: 44px 0 50px;
	border: 1px solid #c0c0c0;
	text-align: center;
	line-height: 35px;
	padding: 30px 0 37px;
}
#sec8 .col {
	width: 432px;
}


/* ::-webkit-scrollbar {
 background: #101010;
 width: 5px;
 height: 5px;
}

::-webkit-scrollbar-thumb {
 background: #303030;
}

::-webkit-scrollbar-track {
 background: #151515;
} */

:-ms-input-placeholder {
 color: #252525;
}

:-moz-placeholder {
 color: #252525;
}

::-moz-placeholder {
 color: #252525;
}

::-webkit-input-placeholder {
 color: #252525;
}
input, select, textarea, button {
	padding: 6.5px 10px;
	background: #fff;
	color: #080103;
	width: 100%;
	box-sizing: border-box;
	border: none;
	outline: none;
	border-radius: 3px;
	font-size: 14.5px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
input[type=radio], input[type=checkbox] {
	padding: 0;
	width: auto;
	position: relative;
	top: -1px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
textarea {
	min-height: 132px;
	resize: none;
}
button {
	cursor: pointer;
	display: inline-block;
	width: auto;
	background: none;
	text-align: center;
}
button + button {
	margin-left: 20px;
}
button:hover {
	opacity: 0.8;
}
label {
	display: inline-block;
}
label + label {
	margin-left: 34px;
}
.form-box + .form-box {
	margin-top: 10px;
}
#mail hr {
	margin: auto;
	background: #5d5d5e;
	height: 1px;
	border: none;
}
#mail .row > .col {
	padding: 16.5px 0 16px;
}
#mail .row > .col:after {
	content: "." !important;
	display: block !important;
	height: 0px !important;
	clear: both !important;
	visibility: hidden !important;
}
#mail .mark-require {
	color: #fff;
	background: #c02a2c;
	font-size: 14px;
	position: absolute;
	top: 9px;
	right: 0;
	line-height: 18px;
	text-align: center;
	width: 45px;
}
#mail .caption {
	float: left;
	width: 164px;
	position: relative;
	line-height: 22px;
	padding-top: 6px;
}
#mail .input {
	margin-right: 10px;
	float: right;
	width: 239px;
}
#mail .submit {
	text-align: center;
	width: 100%;
	padding-top: 42px !important;
}
#mail [class^=error] {
	position: static;
	clear: both;
}
#mail .form-value + .form-value {
	margin-top: 10px;
}
#mail .form-value > [class^='error'] {
	bottom: -12px;
}
#mail .input > .form-value, #mail .form-parse-date > .form-value {
	display: inline-block;
}
#mail .fc-confirm .confirm-value {
	width: 100%;
	border: none;
	outline: none;
}
#mail {
	margin: auto;
	width: 874px;
}
#mail .mail_list .caption {
	width: 0;
}
#mail .mail_list .input {
	width: 100%;
	margin-right: 0;
}
#mail .mail_list .form-parse-text {
	float: left;
	width: 334px;
}
#mail .mail_list .custom-select2 {
	float: left;
	margin: 0 6px 0 10px;
	width: 65px;
}
#mail .mail_list .custom-select2 select {
	width: 100%;
}
#mail .mail_list .row > .col {
	padding-top: 0;
	padding-bottom: 17px;
}
#mail .mail_list .row:nth-child(4) {
	padding-bottom: 10px;
}
.custom-select {
	position: relative;
}
/*.custom-select:before {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	top: 10px;
	right: 5px;
	background: #fff;
	z-index: 100;
	pointer-events: none;
}*/
.custom-select:after {
	content: url(../img/bento/select_arrow.jpg);
	position: absolute;
	top: 10px;
	left: 25px;
	pointer-events: none;
}
.custom-select2 {
	position: relative;
}
/*.custom-select2:before {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	top: 10px;
	right: 5px;
	background: #fff;
	z-index: 100;
	pointer-events: none;
} */

select {
-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
-moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
appearance: none; /* 標準のスタイルを無効にする */
}

::-ms-expand { /* select要素のデザインを無効にする（IE用） */
display: none;
}

#mail .custom-select select {
	padding-left: 59px;
}
#mail .custom-select.choice-date:after {
	left: 14px;
}
#mail .custom-select.choice-date select {
	padding-left: 35px;
}
#mail .custom-select.i-dropdown:after {
	left: 14px;
}
#mail .custom-select.i-dropdown select {
	padding-left: 35px;
}
#thanks {
	text-align: center !important;
	padding-top: 50px;
	padding-bottom: 200px;
}
#thanks .key_txt {
	margin-top: 50px;
}
.wrp_btn .copy{
	cursor: pointer;
}