@charset "UTF-8";

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}@media screen and (min-width:768px){html{font-size:75%}}@media screen and (max-width:767px){html{font-size:62.5%}}body{color:#000;line-height:1.8;font-size:1.7rem;font-smoothing:antialiased;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;vertical-align:baseline;text-decoration:none;color:inherit;outline:0}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}img{vertical-align:middle;width:100%;max-width:100%;height:auto;font-style:italic;shape-margin:0.75rem;background-repeat: no-repeat;background-size: cover;}button,img{line-height:1}button{background-color:transparent;border:0;cursor:pointer;padding:0;appearance:none}:focus,button{outline:0}*{box-sizing:border-box}
*{
	min-height:0;
	min-width : 0;
}

body{
  line-height: 2;
	padding-top: 100px;
	color: #33250f;
  font-size: 1.6rem;
	font-family: "Noto Serif JP", serif;
  font-weight: 400;
}

/*
	font-family: "Noto Sans JP", sans-serif;
*/

html{
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 1100px){
	body {
		padding-top: 90px;
	}
}
@media screen and (max-width: 767px) {
	body {
		padding-top: 54px;
	}
}

a{
  transition: ease .3s;
}

a[href^="tel:"] {
	pointer-events: none;
}

.display_sp{ display: none!important;}
.red{ color: red;}
.red2{ color: #dc143c;}
.textcenter{ text-align: center;}
strong, .bold{ font-weight: bold;}
.mt0{ margin-top: 0!important;}
.mt10{ margin-top: 10px!important;}
.mt20{ margin-top: 20px!important;}
.mt30{ margin-top: 30px!important;}
.mt40{ margin-top: 40px!important;}
.mt50{ margin-top: 50px!important;}
.mb10{ margin-bottom: 10px!important;}
.mb20{ margin-bottom: 20px!important;}
.mb30{ margin-bottom: 30px!important;}
.mb40{ margin-bottom: 40px!important;}
.mb50{ margin-bottom: 50px!important;}
.ml20{ margin-left: 20px!important;}
.ml30{ margin-left: 30px!important;}
.ml40{ margin-left: 40px!important;}
.note{ 
	text-align: center;
	line-height: 1.4;
}

.inner{
  width: min(100%, 1000px);
  margin: 0 auto;
}

.flex{
  display: flex;
  justify-content: space-between;
}

.flex_img{
	flex: 0 1 300px;
	margin-left: 50px;
}

.re .flex_img{
	margin-right: 50px;
	margin-left: 0;
	order: -2;
}

.flex_txt{
	flex: 1 1 0%;
	order: -2;
}

.re .flex_txt{
	order: 0;
}

.flex_txt p + p{
	margin-top: 30px;
}

.fadeIn{
	transition: 0.8s ease-in-out;
	opacity: 0;
}

.fadeInUp{
	transition: 0.8s ease-in-out;
	transform: translate(0,30px);
	opacity: 0;
}

.isActive{
	opacity: 1!important;
	transform: translate(0, 0)!important;
}

.delay1{ transition-delay: .2s;}
.delay2{ transition-delay: .4s;}
.delay3{ transition-delay: .6s;}
.delay4{ transition-delay: .8s;}

@media screen and (max-width: 767px) {
  .display_sp{ display: block!important;}
  .display_pc{ display: none!important;}
  img{
    max-width: 100%!important;
    height: auto!important;
    display: block;
    margin: 0 auto;
  }
  .gm-style img{
    max-width: initial!important;
    max-width: auto!important;
  }
  a[href^="tel"] {
    pointer-events: auto;
    cursor: pointer;
  }
  .flex{
    display: block;
  }
  .flex_img{
  	margin: 8vw 0 0 0!important;
	}
	.flex_img img{
		max-width: 280px!important;
	}
	.note{
		text-align: left;
	}
}

/* 
-------------------------------------------------- */
#breadcrumb{
	padding: 10px;
}

#breadcrumb ul {
  width: min(100%, 1000px);
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  line-height: 1.3;
  font-size: 1.4rem;
}

#breadcrumb ul li {
  margin-left: 17px;
  position: relative;
}

#breadcrumb ul li:first-child{
	margin-left: 0;
}

#breadcrumb ul li::after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 0%;
  left: -12px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: translateY(140%) rotate(45deg);
}

#breadcrumb ul li:last-child {
  white-space: normal;
	margin-right: 0;
}

#breadcrumb ul li:first-child::after{
  display: none;
}

#breadcrumb ul li:first-child a,
#breadcrumb ul li:first-child span{
	white-space: nowrap;
}

#breadcrumb ul li a,
#breadcrumb ul li span{
  color: #333;
  display: inline-block;
}

#breadcrumb ul li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
	#breadcrumb{
		display: none;
	}
}

.wp-pagenavi{
  margin: 80px 0 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
  font-size: 1.6rem;
}

.wp-pagenavi .page, .wp-pagenavi .current{
	display: block;
	background: rgba(172,155,131,.4);
	color: rgba(172,155,131,1);
	margin: 0 6px;
	border-radius: 50%;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	height: 40px;
	width: 40px;
}

.wp-pagenavi .current{
	background: rgba(172,155,131,1) !important;
	color: #fff !important;
}

.nextpostslink, .previouspostslink{
	background: none !important;
	border-top: 2px solid rgba(172,155,131,1);
	border-right: 2px solid rgba(172,155,131,1);
	display: block;
	height: 10px;
	margin: 20px;
	text-indent: 100%;
	overflow: hidden;
	width: 10px;
	white-space: nowrap;
}

.nextpostslink{
	transform: rotate(45deg);
}

.previouspostslink{
	transform: rotate(-135deg);
}

.wp-block-image{
  margin-top: 20px;
  margin-bottom: 20px;
}

.wp-block-image img{
  width: auto;
  height: auto;
  max-width: 100%;
  height: auto;
}

a.link,
.link_txt a{
	color: #850816;
	text-decoration: underline;
}

a.link:hover,
.link_txt a:hover{
	text-decoration: none;
}

table{
  width: 100%;
  line-height: 1.5;
}

table th, table td{
  padding: 30px;
  font-weight: normal;
  text-align: left;
  vertical-align : middle;
	border-bottom: 1px dashed #A3A3A3;
}

table th{
	width: 20%;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
	table tr{
		display: block;
	}
	table tr + tr{
		margin-top: 5vw;
	}
	table th, table td{
		display: block;
		width: auto;
		border: none;
	}
	table th{
		background: #f4f4ed;
		padding: 10px;
	}
	table td{
		padding: 20px 2vw 20px 2vw;
		border: 3px solid #f4f4ed;
	}
}

ul.ulist li {
  list-style:disc;
}

ol.olist li {
  list-style:decimal;
}

ul.ulist li, ol.olist li{
  margin: 0 0 0 20px;
}

dl.dlist dt{
  font-weight:bold;
  font-size:1.2em;
  margin:0 0 2px;
}

dl.dlist dd{
  margin:0 0 5px 12px;
}

.form_wrap{
	max-width: 800px;
	margin: 0 auto;
}

.form_wrap table td{
	vertical-align: middle;
}

.form_wrap table th p,
.form_wrap table td p{
	margin: 0;
}

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

.submit_wrap{
	margin-top: 50px;
}

.g-recaptcha{
	text-align: center;
	margin-top: 50px;
}

.g-recaptcha > *{
	margin: 0 auto;
}

::placeholder{
	color: #bdb4a8;
}

.wpcf7-previous,
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=textarea],
textarea,
select {
	width: 100%;
	background: none;
	border: none;
	background: #FFF;
	border:1px solid #CCC;
	color: #4D4D4D;
	line-height: 34px;
	height: 34px;
	padding: 0 5px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	margin: 0 0 2px;
	border-radius: 3px;
	box-sizing: border-box;
	-webkit-appearance: none;
}

.submit_wrap p{
	display: flex!important;
	justify-content: center!important;
}

.submit_wrap .wpcf7-previous{
	background: #aaa!important;
}

textarea  {
	padding:5px;
	height:120px;
	line-height:18px;
}
input[type=password] {
	padding:4px 5px;
}
.wpcf7-submit,
.wpcf7-previous,
input[type=submit],
button[type=submit] {
	display: block;
	width: 100%;
	max-width: 250px;
	height: 50px;
	line-height: 50px;
	color:#000;
	font-weight: bold;
	text-align: center;
	padding: 0;
	border: none;
	cursor: pointer;
	background: #9acb50;
	border-radius: 5px;
	font-family:-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Yu Gothic', YuGothic, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, "M+ 1p", sans-serif;
	margin: 0 auto;
	font-size:1.8rem;
	border-radius:9999px;
	-webkit-appearance:none;
}

.wpcf7-list-item.first {
  margin: 0;
}

.wpcf7-list-item-label {
  cursor: pointer;
  display: flex;
}

input[type="radio"] {
  opacity: 0;
  position: absolute;
}

.wpcf7-list-item-label::before {
  background: #fff;
  border: 1px solid #333;
  border-radius: 100%;
  content: "";
  height: 1.2em;
  margin-bottom: auto;
  margin-right: .5em;
  margin-top: auto;
  transition: background-color .5s;
  width: 1.2em;
}

input[type="radio"]:checked + .wpcf7-list-item-label::before {
  background-color: #009946;
  box-shadow: inset 0 0 0 3px #fff;
}

@media screen and (max-width: 767px) {
	.wpcf7-spinner{
		display: none!important;
	}
	.wpcf7-submit,
	.wpcf7-previous,
	input[type=submit],
	button[type=submit] {
		max-width: 46%;
	}
}

button[type=submit][name=submitBack] {
	background: #aaa;
}

select::-ms-expand {
  display: none;
}

.select_wrap {
  display: inline-block;
  position: relative;
  border: 1px solid #ccc;
  vertical-align: middle;
  border-radius: 3px;
}

.select_wrap select {
  appearance: none;
  width: 300px;
  padding: 0 5px;
  padding-right: 1em;
  border: none;
  outline: 0;
  background: #fff;
  background-image: none;
  box-shadow: none;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  cursor: pointer;
}

.select_wrap::before {
  position: absolute;
  top: 14px;
  right: 12px;
  width: 0;
  height: 0;
  border-width: 10px 5px 0 5px;
  border-style: solid;
  border-color: #ccc transparent transparent transparent;
  content: "";
  pointer-events: none;
}

@media screen and (max-width: 767px) {
	.select_wrap select {
	  width: 100%!important;
		padding-right: 2em;
	}
}

.mw_wp_form_confirm .select_wrap{
	width: 100%;
}

.mw_wp_form_confirm .select_wrap::after{
	display: none;
}


.point_list{
  padding: 20px 30px;
  margin-bottom: 20px;
  border: 3px solid #abcbe2;
}

.point_list li{
  font-size: 2rem;
  padding: 0 0 0 35px;
  margin: 10px 0;
  position: relative;
}

.point_list li::before{
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 50%;
  background-color: #fff;
  border: 2px solid #999;
}

.point_list li::after{
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 18px;
  height: 9px;
  margin-top: -9px;
  top: 50%;
  left: 3px;
  transform: rotate(-45deg);
  border-bottom: 4px solid;
  border-left: 4px solid;
  border-color:  #cc0000;
}

.btn, .btn2{
  margin-top: 30px;
  text-align: center;
}

.btn a, .btn2 a{
  display: inline-block;
  text-align: center;
  min-width: 180px;
  padding: 8px 20px;
  line-height: 1.3;
  color: #33250f;
  background: #e5c575;
  border: 2px solid #e5c575;
  border-radius: 5px;
}

.btn a:hover{
  border: 2px solid #33250f;
}

.btn a img{
	display: inline-block;
	width: 26px;
	margin-right: 10px;
}

.btn2 a{
	padding: 10px 40px 10px 30px;
	position: relative;
	font-weight: bold;
	/*border: 1px solid #33250f;*/
}

.btn2 a::before{
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-top: 1px solid #33250f;
  border-right: 1px solid #33250f;
  transform: rotate(45deg);
  transition: ease .3s;
}

.btn2 a:hover{
	color: #e5c575;
	background: #33250f;
}

.btn2 a:hover::before{
  border-top: 1px solid #e5c575;
  border-right: 1px solid #e5c575;
}

@keyframes tabAnim{
 0%{opacity:0;}
 100%{opacity:1;}
}

.tab_wrap [name=tab_btn]{
	display: none;
}

.tab_area{
  display: -webkit-box;
  display: flex;
  font-size: 0;
  height: 45px;
  position: relative;
  bottom: -1px;
  z-index: 1;
}

.tab_area label{
  flex: 0 1 25%;
  display: -webkit-box;
  display: flex;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  text-align: center;
  cursor:pointer;
  transition:ease 0.2s opacity;
  background: #ccc;
  margin-right: 1px;
  border: 1px solid #ccc;
  -webkit-transition: ease-in-out .3s;
  transition: ease-in-out .3s;
}

.tab_panel{
  width:100%;
  opacity: 0;
  padding: 2rem;
  display: none;
}
.tab_area label:hover,
#tab1:checked ~ .tab_area .tab1_label,
#tab2:checked ~ .tab_area .tab2_label,
#tab3:checked ~ .tab_area .tab3_label,
#tab4:checked ~ .tab_area .tab4_label{
  color: #fff;
  background: #333;
}
#tab1:checked ~ .panel_area #panel1,
#tab2:checked ~ .panel_area #panel2,
#tab3:checked ~ .panel_area #panel3,
#tab4:checked ~ .panel_area #panel4{
  display:block; 
  animation:tabAnim ease 0.6s forwards;
  -ms-animation:tabAnim ease 0.6s forwards;
}