@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
ul {
  list-style: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #333;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: middle;
}
html {
  overflow-x: hidden;
}

body {
 background: #020501;	
/*background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;*/
	
  font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 500;
  color: #333;
  text-align: center;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Noto Serif JP', "游明朝", "YuMincho", serif;
}
.e-font {
  font-family: "Times New Roman", Times, "serif";
}
img {
  vertical-align: bottom;
}
a img:hover {
  opacity: 0.7;
}
/*縦線*/
hr.sec01 {
  width: 1px;
  height: 120px;
  margin: 60px auto;
  background: #595757;
  clear: both;
}
/*横線*/
.line {
  position: relative;
  display: inline-block;
}
.line::before {
  content: "";
  display: inline-block;
  width: 120px;
  height: 1px;
  background-color: #333333;
  position: absolute;
  bottom: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置の調整*/
}
/*下やじるし*/
.arrow1 {
  width: 60px;
  height: 60px;
  border: 1px solid;
  border-color: transparent transparent #333 #333;
  transform: rotate(-45deg);
  margin: 40px 0 40px 0;
}
/*吹き出し下*/
.arrow_box {
  width: 80%;
  position: relative;
  background: #ffffff;
  border: 1px solid #333;
  margin: 30px;
  padding: 20px 10px 20px 10px;
  vertical-align: middle;
  text-align: center;
  display: table;
}
.arrow_box:after, .arrow_box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 27px;
  margin-left: -27px;
}
.arrow_box:before {
  border-color: rgba(51, 51, 51, 0);
  border-top-color: #333;
  border-width: 28px;
  margin-left: -28px;
}
/*吹き出し下02と左03 　固定*/
.arrow_box02 {
  position: relative;
  background: #FFFFFF;
  padding: 0px;
  text-align: left;
  border: 1px solid #333;
  color: #333333;
  width: 90%;
  margin: 20px auto;
}
.arrow_box02:after, .arrow_box02:before {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 50%;
}
.arrow_box02:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -10px;
  border-top-color: #FFFFFF;
}
.arrow_box02:before {
  border-color: rgba(51, 51, 51, 0);
  border-top-width: 11px;
  border-bottom-width: 11px;
  border-left-width: 11px;
  border-right-width: 11px;
  margin-left: -11px;
  margin-top: 1px;
  border-top-color: #333;
}
/*左*/
.arrow_box03 {
  position: relative;
  background: #FFFFFF;
  padding: 0px;
  text-align: left;
  border: 1px solid #333;
  color: #333333;
  width: 100%;
  margin: 0px auto;
}
.arrow_box03:after, .arrow_box03:before {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  right: 100%;
  top: 50%;
}
.arrow_box03:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-top: -10px;
  border-right-color: #FFFFFF;
}
.arrow_box03:before {
  border-color: rgba(51, 51, 51, 0);
  border-top-width: 11px;
  border-bottom-width: 11px;
  border-left-width: 11px;
  border-right-width: 11px;
  margin-top: -11px;
  margin-right: 1px;
  border-right-color: #333333;
}
/*ベースカラー*/
.gray {
  color: #838383;
text-shadow: 1px 1px 1px rgba(255,255,255,1);
	opacity: 0.8;
}
.gold {
  color: #b2a34d;
}

.yellow{
  color: #fbfcb4;
}

.white {
  color: #fff;
}

.red {
  color:#FD4D50;
}





.linear{
 background:linear-gradient(transparent 0%, #fbfcb4 0%);
	padding: 0 10px;
	margin:0 10px;
	letter-spacing: normal;
}

/*特別価格*/
.special_offer{
	color: #FF0004;
	border: 1px solid #FF0004;
	font-size: 14px;
	padding: 4px 10px;
	letter-spacing: 2.0!important;
	margin-right: 10px;
}

.special_info{
	color: #FF0004;
	border: 1px solid #FF0004;
	background: #FFFFFF;
	padding: 8px 15px 5px 15px;
	margin-right: 10px;
	font-size: 26px;
}

	.br_on02{
		display:none;
	}



@media screen and (max-width: 900px) {
	.special_offer{
		display: block;
		margin: 0 12%;
			padding: 3px 0px;
	}
		.special_info{
	font-size: 18px;
}
}

@media screen and (max-width: 580px) {
		.special_info{
	font-size: 18px;
	display: block;
	margin: 0px 20% 5px;
	padding:0px;
}	
	
	.br_on02{
		display: block;
	}
}



/*余白*/
.m30 {
  margin: 30px 0;
}
.m20 {
  margin: 20px 0;
}
.p20 {
  padding: 20px;
}

.p20t {
  padding: 20px;
}

.pr {
  padding-right: 1.1%;
}
.pb {
  padding-bottom: 2%;
}
.p100, .p80 {
  padding: 50px 0 0 0;
}
.p180 {
  padding: 50px 0 0 0;
  margin: 0;
}
.pt50 {
  padding-top: 50px;
}
.pb50 {
  padding-bottom: 50px;
}
.ptb50 {
  padding: 50px 0;
}
.mr-20 {
  margin-right: -20%;
}
.ml-20 {
  margin-left: -20%;
}
.pl-s10 {
  padding-left: 10px;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  padding: 50px 0;
  width: 100%;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.br_on {
  display: none;
}

.br_on02 {
  display:block;

}

.onsen{
	font-size: 12px;
	line-height: 18px;
	border: 1px solid #3E3E3E;
	margin: 0 0 20px 5%;
	width: 106%;
	padding: 4%;
	clear: both;
}

.onsen h5{
	padding-bottom: 5px;
}


@media screen and (min-width: 767px) {
  br.blockoff {
    display: none;
  }
	
  /*下やじるし*/
  .arrow1 {
    width: 100px;
    height: 100px;
    margin: 0px 0 100px 0;
  }
	
  .br_none {
    display: none;
  }

	  .br_on {
		  display: block;
  }
	
  .m20 {
    margin: 20px;
  }
  .p50 {
    padding: 50px 0;
  }
  .p20 {
    padding: 20px 0;
  }
	
  .p30 {
    padding: 30px;
  }	
	
	
  .plr20 {
    padding: 20px;
  }
  .p80 {
    padding: 80px 0 0 0;
  }
  .p100 {
    padding: 180px 0 0 0;
  }
  .p180 {
    padding: 180px 0 0 0;
  }
  .pr {
    padding-bottom: 2%;
  }
  .mr-20 {
    margin-right: 0;
    margin: 20px;
  }
  .ml-20 {
    margin-left: 0;
    margin: 20px;
  }
  .m20 {
    margin: 20px;
  }
  .m2 {
    margin: 0 2%;
  }
  .pl5 {
    padding-left: 5%;
  }
  .pl-s10 {
    padding-left: 0;
  }
  .pr-p10 {
    padding: 20px;
  }
  .f-left {
    float: left;
  }
  .f-right {
    float: right;
  }
  .f-clear {
    clear: both;
  }
  .flexbox {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    vertical-align: top;
  }
	
.onsen{
	font-size: 14px;
	line-height: 26px;
	border: 1px solid #3E3E3E;
	margin:0 0 0 2%;
	width: 92%;
	padding: 10px 20px;
}
} /*min-width: 767px*/



@media screen and (min-width: 400px) {
  .br_none02 {
    display: none;
  }
}


@media screen and (min-width:768px) and (max-width:1100px) {
  .br_on {
    display: block;
  }
} /*max-width:1100px*/
/*共通列幅*/
.row50 img, .row45 img, .row60 img, .row20 img, .box img, .main-row img {
  width: 100%;
}
.row-title {
  width: 100%;
  vertical-align: top;
  text-align: center;
  display: grid;
  display: -ms-grid;
  -ms-grid-columns: 100%;
  place-items: center;
  align-items: center;
  margin-top: 50px;
}
.row-title h2 {
  vertical-align: top;
  padding: 60px 0;
  line-height: 1.0;
}
.main-row {
  width: 80%;
  display: inline-block;
  position: relative;
}
.main-title {
  width: 16%;
  display: inline-block;
  vertical-align: top;
}
.main-title h2 {
  line-height: 1.0;
}
.sub-row {
  width: 100%;
  margin-top: 5px;
}
.sub-row img {
  width: 32.6%;
}
.sub-row20 {
  width: 100%;
  margin-top: 5px;
}
.sub-row20 img {
  width: 49.4%;
}
.sub-row40 ul {
  display: table;
  text-align: center;
}
.sub-row40 ul li {
  width: 50%;
  display: table-cell;
  background: #333;
  vertical-align: middle;
}
.sub-row40 ul li img {
  width: 100%;
}
.sub-row100 {
  width: 100%;
  margin-top: 5px;
}
.sub-row50 {
  width: 49%;
  margin-top: 0px;
  display: inline-block;
  vertical-align: text-top;
}
.sub-row50 img {
  width: 100%;
}



@media screen and (min-width: 767px) {
  /*列幅*/
  /*縦文字タイトル*/
  .row-title {
    vertical-align: top;
    width: 50%;
    padding: 3% 0;
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 50%;
    place-items: center;
    align-items: center;
    place-items: center;
    text-align: center;
    margin: 0;
  }
  .row100 {
    width: 100%;
    display: block;
    text-align: center;
  }
  .box {
    width: 50%;
    text-align: center;
    display: inline-block;
  }
  .row60 {
    width: 60%;
    display: inline-block;
    vertical-align: top;
  }
  .row50 {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
  }
  .row45 {
    width: 45%;
    display: inline-block;
    vertical-align: middle;
  }
  .main-row {
    width: 60.5%;
  }
  .main-title {
    text-align: center;
    vertical-align: top;
    width: 9%;
    padding-left: 4%;
	  min-height: 400px;
  }
  .sub-row {
    width: 19.8%;
    display: inline-block;
    vertical-align: top;
    margin: 0;
  }
  .sub-row img {
    width: 100%;
    padding-right: 0;
  }
  .sub-row20 {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 6%;
  }
  .sub-row20 img {
    margin: 0;
    vertical-align: top;
  }
  .sub-row40 {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 0%;
  }
  .sub-row40 img {
    margin: 0;
    vertical-align: top;
  }
  .sub-row100 {
    width: 19.0%;
    margin: 0;
    display: inline-block;
    vertical-align: top;
  }
  .sub-row50 {
    width: 100%;
    padding-bottom: 2%;
    vertical-align: top;
    margin: 0;
  }
} /*min-width: 767px*/



@media screen and (min-width:1126px) {
  .main-title {
	  min-height: 550px;
  }
	.br_on02 {
  display: none;
}
}


.inner {
  padding: 80px 0;
}
.inner1000, .inner1200, .inner800, .inner900{
  width: 100%;
  margin: 0 auto;
}

.inner90 {
    max-width: 86%;
       margin: 0 7%;
       text-align: left;
  }   


@media screen and (min-width:800px) {
  .inner800 {
    max-width: 800px;
  }
  .inner900 {
    max-width: 900px;
  }
  .inner1000 {
    max-width: 1000px;
  }
  .inner1200 {
    max-width: 1200px;
  }

       
} /*min-width:800px*/


/*フォントサイズ*/
p {
  font-size: 16px;
  line-height: 1.8em;
  color: #333333;
  box-sizing: border-box;
  text-align: left;
  padding: 20px;
}
.title48 {
  font-size: 30px;
  font-weight: bold;
}
.title44 {
  font-size: 26px;
  font-weight: bold;
}
.title40 {
  font-size: 24px;
  font-weight: bold;
  line-height: 2.0em;
}
.title36 {
  font-size: 22px;
  font-weight: bold;
  line-height: 2.0em;
}
.title30 {
  font-size: 20px;
  font-weight: bold;
  line-height: 2.0em;
}
.title26 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8em;
}
.title22 {
  font-size: 18px;
  font-weight: bold;
}
.txt_b {
  font-size: 24px;
}

.txt_m {
  font-size: 18px;
}
.txt_s {
  font-size: 14px;
}
.txt_ss {
  font-size: 12px;
}
.txt_ss02 {
  font-size: 12px;
}
.txt16 {
  font-size: 14px;
}
.txt14 {
  font-size: 12px;
}
/*縦書き*/
.vertical {
  letter-spacing: 0.2em; /* 文字間隔         */
  line-height: 1.6; /* 行間隔（1行高さ）*/
  -ms-writing-mode: tb-rl; /* 縦書き（IE用）   */
  writing-mode: vertical-rl; /* 縦書き           */
  -webkit-writing-mode: vertical-rl;
  text-combine-upright: digits 2;
  vertical-align: top;
  text-align: start;
}
.vertical span.line-height {
  line-height: 1.6;
}
.vertical span.yoko {
/*  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;*/
	-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
}
/*スマホ縦PC横バージョン*/
.variable {
  letter-spacing: 0.2em; /* 文字間隔         */
  line-height: 1.6; /* 行間隔（1行高さ）*/
  writing-mode: vertical-rl; /* 縦書き           */
  vertical-align: top;
  text-align: start;
  margin: 30px 0;
}
@media screen and (min-width: 767px) {
  .variable {
    letter-spacing: 0.1em;
    line-height: 1.6;
    writing-mode: horizontal-tb; /* 横書き           */
    -ms-writing-mode: horizontal-tb;
    width: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 1000px) {
  p {
    font-size: 20px;
    line-height: 2.0em;
    padding: 0;
  }
  .title48 {
    font-size: 48px;
  }
  .title44 {
    font-size: 44px;
  }
  .title40 {
    font-size: 40px;
  }
  .title36 {
    font-size: 36px;
  }
  .title30 {
    font-size: 30px;
  }
  .title26 {
    font-size: 26px;
  }
  .title22 {
    font-size: 22px;
  }
	
.txt_b {
  font-size: 30px;
}
  .txt_m {
    font-size: 24px;
  }
  .txt_s {
    font-size: 18px;
  }
  .txt_ss {
    font-size: 10px;
  }
  .txt_ss02 {
    font-size: 14px;
  }
  .txt16 {
    font-size: 16px;
  }
  .txt14 {
    font-size: 14px;
  }
} /*min-width: 1000px*/


@media screen and (max-width: 415px) {
	.form_area .title26{
		font-size: 16px;
	}

	.form_area .title30{
		font-size: 18px;		
	}
	
	.linear {
    padding: 0 5px;
    margin: 0 3px 0 3px;
}
}







.wrapper {
  margin: 0 auto;
  background: #fff;
}
/*共通見出し*/
.heading {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.heading .caption {
  width: 12%;
  min-height: 220px;
  padding: 10px 0;
  background: #333;
  text-align: right;
  vertical-align: top;
  position: relative;

}
.heading .category {
  width: 88%;
  padding: 40px 8% 40px 0;
  position: relative;
}
.heading .caption h3 {
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.6;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  vertical-align: top;
  color: #fff;
  text-align: right;
  display: inline-block;
}
.heading .category h2 {
  font-size: 30px;
  letter-spacing: 0.1em;
  line-height: 1.6;
  writing-mode: vertical-rl;
  text-align: start;
  display: inline-block;
}

@media screen and (min-width: 767px) {
  .heading .caption {
    width: 5%;
    min-height: 280px;
  }
  .heading .category {
    width: 92%;
    margin-left: 3%;
  }
  .heading .category h2 {
    font-size: 48px;
    vertical-align: middle;
    -ms-writing-mode: none;
    writing-mode: horizontal-tb;
    text-align: center;
    display: block;
  }
  .category::after {
    background: #333 none repeat scroll 0 0;
    content: "";
    width: 10%;
    height: 1px;
    left: 0;
    top: 50%;
    position: absolute;
    z-index: 1;
  }
} /*min-width: 767px*/

/*ファーストビュー//////////////////////////*/
.mv_area {
 background:url("../images/mv_bg_sp.jpg"), #002200;	
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 10px 10px 100px 20px;
    margin-bottom: -1px;
  color: #FFFFFF;
  text-align: left;
}
.mv_area .logo_area {
  margin-bottom: 10px;
  color: #fff;
  font-size: 10px;
}
.mv_area .logo_w {
  width: 120px;
  height: auto;
  margin-top: 5px;
}
.only_pc {
  display: none;
}
.mv_area .sub_title {
  font-size: 17px;
  text-align: right;
  margin: 40px 0 0 0;
  font-family: 'Noto Serif JP', "游明朝", "YuMincho", serif;
  font-feature-settings: "palt";
  font-weight: bold;
	letter-spacing: 0.2rem;
}
.mv_area h1 {
  font-size: 32px;
  text-align: right;
  font-feature-settings: "palt";
}
.mv_area .sub_catch {
  text-align: right;
  margin: 10px 0 0px 0;
  font-feature-settings: "palt";
}
.mv_area h2 {
  font-size: 20px;
  line-height: 38px;
  color: #FD4D50;
  background: #fbfcb4;
  padding: 3px 10px;
  display: inline;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.right {
  text-align: right;
}

.cbox{
	padding-bottom: 50px;
	text-align: right;
		
}

  .catalog {
    display: inline-block;
    width: 36%;
    padding-top: 3.0%;
    margin-right: 10px;
    vertical-align: top;
    margin-left: 0;

  }


  .limit30 {
    display: inline-block;
    width: 42%;
    padding-top: 6.0%;
    vertical-align: top;
  }


video{
	width: 90%;
	height: auto;
	margin: 0 5% 20px;

	
}

.video-txt{
	padding-top: 0 !important;
	}

.new-video img{
	width: 100%!important;
	}	


.news-ticker-pc{
	display: none;
}



@media screen and (max-width: 360px) {
.mv_area h1 {
    font-size: 32px;
  }
	.mv_area h2 {
  font-size: 17px;
	
}

}
	




@media screen and (min-width: 390px) {	
	/*  .mv_area h1 {
    font-size: 40px;
  }*/
}

@media screen and (min-width: 520px) {	
	  .mv_area h1 {
    font-size: 56px;
  }
}


@media screen and (min-width: 767px) {
	

  .wrapper {
    max-width: 1600px;
  }
  .only_pc {
    display: block;
  }
  .only_sp {
    display: none;
  }
  .mv_area .logo_area {
    color: #fff;
    font-weight: bold;
  }
  .mv_area {
	  
 background:url("../images/mv_bg.webp");	  
	    background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 10px 10px 50px 20px;
	    margin-bottom: -1px;
  }
	
	
.new-video{
	position: relative;
	
	}
	


.video-txt{
	/*padding:0 40px 50px 40px;*/
	font-size: 18px;
	text-align: center;
	}	
	
.new-video img{
	max-width: 1100px;
	}	
	
	
.news-ticker-pc{
	display: block;
	margin: 0 auto;
}
	
.news-ticker-sp{
		display: none;
}	
	
	
  .logo {
    width: 140px;
    height: auto;
    margin-top: 5px;
  }
  header {
    width: 100%;
    position: relative;
  }
  .logo_area {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    color: #333;
    font-size: 12px;
    float: left;
    width: 28%;
  }
  .h_btn_area {
    position: relative;
    float: right;
    text-align: right;
    width: 68%;
  }
  .h_tel {
    width: 36%;
    height: auto;
    text-align: right;
    float: right;
  }
  .h_tel img {
    width: 100%;
    vertical-align: middle;
  }
  .h_mail {
    width: 30%;
    float: right;
    margin-left: 0px;
    border-radius: 2px;
    background: linear-gradient(250deg, #e8ec55, #f3f3c4, #b3b34c);
    background-size: 300% 300%;
    animation: GradietionAnimation 6s ease infinite;
  }
  .h_mail img {
    width: 100%;
    vertical-align: middle;
  }
  @keyframes GradietionAnimation {
    0% {
      background-position: 0% 50%
    }
    50% {
      background-position: 100% 50%
    }
    100% {
      background-position: 0% 50%
    }
  }
	
	
  .mv_area .sub_title {
    font-size: 28px;
    text-align: left;
    padding-top: 30px;
    margin: 0;
    letter-spacing: 0.2em;
    text-shadow: 1px 2px 3px #000;
    clear: both;
  }
  .mv_area .sub_title br {
    display: none;
  }
  .mv_area h1 {
    font-size: 70px;
    text-align: left;
    letter-spacing: 0.1em;
    text-shadow: 1px 2px 3px #000;
  }
  .mv_area .sub_catch {
    text-align: left;
    margin-top: 30px 0 30px 0;
  }
  .mv_area h2 {
    font-size: 24px;
    line-height: 48px;
	    color: #333;
    background: #fbfcb4;
    padding: 5px 30px;
	  margin-top: 10px;
  }

.catalog {
    display: inline-block;
    width: 20%;
    padding-top: 1.4%;
    margin-right: 10px;
    vertical-align: top;
    margin-left: 0;
  }
  .limit30 {
    display: inline-block;
    width: 26%;
    padding-top: 3.7%;
    vertical-align: top;
  }
	
.cbox{
	padding-bottom: 90px;
		text-align: left;
}
	
	
	


	
} /*min-width: 767px)*/


@media screen and (min-width:970px) {
  .mv_area h1 {
    font-size: 74px;
	  	 
  }	

	  .mv_area .sub_title {
    font-size: 30px;
	  letter-spacing: 0.4rem;
  }

/*	  .mv_area .sub_catch {
		  margin-bottom: 80px;
  }*/
	
}


/* 画面幅が1120px以上のとき */
@media screen and (min-width:1120px) {

	
  .mv_area .sub_title {
    font-size: 30px;
	  letter-spacing: 0.4rem;
  }
  .catalog {
    width: 14.0%;
  }
  .limit30 {
    padding-top: 2.80%;
	 width: 20%;
  }
.cbox{
	padding-bottom:10%;
}	
	
} /*min-width:1120px*/


/* 画面幅が1135px以上のとき */
@media screen and (min-width:1345px) {
	  .mv_area h1 {
    font-size: 76px;
	/* padding-bottom: 250px;*/

  }
	  .mv_area .sub_title {
    font-size: 34px;
  }
	
		  .mv_area .sub_catch {
		 /* margin-bottom: 150px;*/
  }
}




/*コンタクトエリア/////////////////////////////////////////////////////*/
.contact_area {
  width: 100%;
  background: rgb(51, 51, 51);
  background: linear-gradient(45deg, rgba(51, 51, 51, 1) 3%, rgba(99, 99, 86, 1) 41%, rgba(51, 51, 51, 1) 94%);
  /*	background: #333;*/
  padding: 30px 0;
}
.contact_txt_area {
  margin-bottom: 10px;
}
.contact_title {
  color: #fff;
  text-align: center;
  font-size: 16px;
/*  letter-spacing: 0.1em;*/
}
.catalog-c {
  width: 36%;
  text-align: left;
  margin: 0 15px 10px 0;
}
.limit30-c {
  width: 50%;
  margin: 0 10px 24px 20px;
}
.contact_title02 {
  color: #fff;
  text-align: center;
  font-size: 17px;
  letter-spacing: 0.1em;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.top_tel {
  width: 90%;
  height: 60px;
  margin: 2% 5% 20px 5%;
  border-radius: 4px;
  background: #FFFFFF;
  text-align: center;
}
.top_tel a {
  display: block;
  color: #333;
  text-decoration: none;
  padding: 8px 10px 0 10px;
  text-align: center;
  position: relative;
}
.top_tel a::after {
  position: absolute;
  bottom: -5px;
  left: 0px;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #000;
  content: "";
}
.tel-number {
  font-size: 34px;
  line-height: 0.8em;
  font-family: "Times New Roman", Times, "serif";
  font-weight: bold;
  letter-spacing: 0.1em;
}
.tel-number img {
  width: 26px;
  height: 26px;
  margin-right: 8px;
}
.top_tel p {
  padding: 2px 0 0 0;
  font-size: 13px;
  text-align: center;
}
.top_mail {
  width: 90%;
  height: auto;
  margin: 3% 5% 0 5%;
  border-radius: 4px;
  background: linear-gradient(250deg, #e8ec55, #f3f3c4, #c6c660);
  background-size: 300% 300%;
  animation: GradietionAnimation 9s ease infinite;
  text-align: center;
  position: relative;
}
.top_mail a {
  display: block;
  text-decoration: none;
  color: #321E1E;
  margin: 0px;
  padding: 0px 0 20px 0;
  height: 40px;
  line-height: 60px;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.top_mail a::after {
  position: absolute;
  bottom: -5px;
  left: 0px;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #000;
  content: "";
}
.mail-number {
  width: 100%;
  margin: 10px auto;
  text-align: center;
  vertical-align: middle;
}
.top_mail img {
  width: 50px;
  height: 50px;
  padding: 0 20px 5px 0;
}
@keyframes GradietionAnimation {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}
@media screen and (min-width: 767px) {
  .contact_title {
    font-size: 30px;
    letter-spacing: 0.2em;
  }
  .catalog-c {
    width: 18%;
    text-align: left;
    margin: 0 0 0px 0;
  }
  .limit30-c {
    width: 24%;
    margin: 0 20px 10px 0;
  }
  .contact_txt_area {
    display: inline-block;
    width: 62%;
    text-align: left;
    margin: 0 0 20px 20px;
    vertical-align: bottom;
  }
  .contact_title02 {
    font-size: 18px;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 10px;
  }
  .btn_area {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px;
  }
  .top_tel {
    width: 90%;
    height: 80px;
    margin: 2% 5% 20px 5%;
    border-radius: 0;
    border-bottom: none;
  }
  .top_tel a {
    padding: 15px 10px 0 10px;
  }
  .tel-number {
    font-size: 36px;
    line-height: 0.8em;
  }
  .top_tel a::after {
    display: none;
  }
  .top_tel {
    width: 46%;
    margin: 2% 2% 0 2%;
  }
  .top_mail {
    width: 46%;
    margin: 2% 2% 0 2%;
  }
  .top_mail:after {
    position: absolute;
    bottom: -5px;
    left: 0px;
  }
  .top_mail a:active {
    transform: translateY(5px);
  }
  .top_mail a:active::after {
    height: 0px;
  }
} /*min-width: 767px*/
@media screen and (min-width: 1000px) {
  .contact_title02 {
    font-size: 24px;
  }
  .tel-number {
    font-size: 40px;
    line-height: 0.8em;
  }
}
@media screen and (min-width: 1200px) {
  .contact_title02 {
    font-size: 30px;
  }
  .contact_txt_area .only_pc {
    padding-left: 20px;
  }
  .top_mail a {
    font-size: 30px;
  }
}
/*メンバーシップエリア////////////////////*/
.membsrship_area {
  padding: 50px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.problem {
  background: #f3f3f3;
  margin: 50px 3% 0;
  padding: 30px 10px;
}
.problem ul li {
  padding: 15px 0 15px 15%;
  border-bottom: 1px dotted #999;
  list-style-position: inside;
  text-align: left;
}
.problem ul li.problem01 {
  background: url("../images/02_stay.svg") no-repeat left;
  background-size: 15%;
}
.problem ul li.problem02 {
  background: url("../images/03_spot.svg") no-repeat left;
  background-size: 16%;
}
.problem ul li.problem03 {
  background: url("../images/04_bdgt.svg") no-repeat left;
  background-size: 15%;
}
.row02 {
  text-align: center;
}
@media screen and (min-width: 767px) {
  .membsrship_area {
    max-width: 1400px;
    margin: 0 auto;
    padding: 100px 0;
  }
  .row02 {
    width: 80%;
    max-width: 900px;
    text-align: center;
  }
  .membsrship_area .arrow_box {
    width: 70%;
    margin: 30px auto 80px;
    padding: 20px 5%;
  }
  .problem {
    margin: 30px;
    padding: 20px 20px 40px 20px;
    vertical-align: middle;
    vertical-align: middle;
  }
  .problem ul li {
    padding: 20px 0 20px 12%;
  }
  .problem ul li.problem01 {
    background-size: 10%;
  }
  .problem ul li.problem02 {
    background-size: 10%;
  }
  .problem ul li.problem03 {
    background-size: 10%;
  }
} /*min-width: 767px*/



/*選ばれる理由*/
.chosen {}
ul.reason {
  margin: 50px 0 30px 0;
}
.reason li {
  margin: 15px;
  padding: 15px;
  text-align: left;
}
.reason li span {
  float: left;
  width: 45px;
  font-size: 40px;
	  text-shadow: 2px 1px 1px rgba(255, 255, 255, 1);
}
.reason li h4 {
  float: left;
  width: 80%;
font-size: 22px;
  line-height: 1.2em;
  vertical-align: middle;
  padding-top: 10px;
}
.reason li p {
  clear: both;
  padding-top: 20px;
}
.reason .bg_beige {
  background-color: #f1efe0;
}
.reason .bg_gray {
  background-color: #f4f4f4;
}

@media screen and (min-width: 767px) {
  ul.reason {
    margin-left: 3.0%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .reason li {
    width: 43.6%;
    margin: 0 2% 2% 0;
    padding: 15px;
    text-align: left;
    vertical-align: top;
  }
  .reason li span {
    width: 60px;
    font-size: 54px;
  }
  .reason li h4 {
    width: 76%;
    padding-top: 2%;
	  font-size: 26px;
  }
  .reason li p {
    clear: both;
    padding-top: 20px;
  }
} /*min-width: 767px*/
@media screen and (min-width: 1200px) {
  ul.reason {
    margin-left: 5%;
  }
  .reason li {
    width: 20%;
    margin: 50px 2% 50px 0;
    padding: 15px;
    text-align: left;
  }
  .reason li span {
    width:68px;
  }
  .reason li h4 {
    width: 68%;
	  font-size: 30px;
    padding-top: 3%;

  }
} /*min-width: 767px*/

/*新ヴィラニュース//////////////////////////////////////////////*/
.sp_news {
	text-align: center;
}

.tree_area {
  background: url("../images/wood-003.webp");
  text-align: left;
  padding-bottom: 50px;
}
.tree {
/*  background: url("../images/new_villa_bg.png") no-repeat top center;*/
  background-size: 100%;
  padding: 0;
  vertical-align: middle;
}

@media screen and (min-width: 767px) {
  .tree_area {
    padding-bottom: 100px;
  }
  .tree {
    width: 50%;
    vertical-align: middle;
    max-height: 500px;
  }
} /*min-width: 767px*/
/*魅力//////////////////////////////////*/
.charm {
  position: relative;
}
.number {
  width: 50px;
  height: 50px;
  color: #ffffff;
  background-color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Times New Roman", Times, "serif";
text-shadow: 2px 1px 1px rgba(255, 255, 255, 0.9);
}
@media screen and (min-width: 767px) {
  .number {
    width: 120px;
    height: 120px;
    font-size: 4rem;
  }
		.charm	h4{
		font-size: 12px;
	}
} /*min-width: 767px*/


@media screen and (min-width: 1024px) {
  .number {
    width: 120px;
    height: 120px;
    font-size: 4rem;
  }
	
	.charm	h4{
		font-size: 16px;
	}
} /*min-width: 1023px*/


@media screen and (max-width: 346px) {

.top_mail a {
  font-size: 20px;

}
	
	.title44 {
    font-size: 24px;
    font-weight: bold;
}
	
	.title30 {
    font-size: 18px;
  
}
	.title40 {
    font-size: 22px;
  
}
	
	.title36 {
    font-size: 18px;
}
	.title26 {
    font-size: 17px;
	}
	
}







/*施設紹介//////////////////////////////////*/
.facility {
  /*	background: #f8f5f0 ;*/
}
.map {
  background: url("../images/map.webp");
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: 160%;
  min-height: 600px;
filter: drop-shadow(5px 1px 2px #ccc);	
}

.facility dl {
  text-align: left;
  vertical-align: top;
}
.facility dl dt {
  width: 24%;
  display: inline-block;
  vertical-align: top;
  margin: 10px 2% 20px 2%;
}
.facility dl dt img {
  width: 100%;
}
.facility dl dd {
  width: 70%;
  display: inline-block;
  font-size: 12px;
  margin: 5px 0 0 0;
}
.facility dl dd h4 {
  font-size: 15px;
  font-weight: bold;
}
@media screen and (min-width: 767px) {
  .facility {
    background: url("../images/map.webp") no-repeat;
    background-size: 50%;
  }
  .map {
    background: none;
    min-height: 200px;
  }
  .facility-position {
    text-align: right;
    margin-left: 24%;
    padding-bottom: 100px;
  }
  .facility dl {
    display: inline-block;
    width: 40%;
  }
  .facility dl dt {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    margin: 10px 2% 20px 2%;
  }
  .facility dl dt img {
    width: 100%;
  }
  .facility dl dd {
    width: 64%;
    display: inline-block;
    font-size: 12px;
    margin: 5px 5px 0 0;
  }
  .facility dl dd h4 {
    font-size: 14px;
    font-weight: bold;
  }
} /*min-width: 767px*/
@media screen and (min-width: 1200px) {
  .facility {
    background-position: 10% -100px;
    background-size: 50%;
  }
  .map {
    min-height: 200px;

  }
  .facility-position {
    margin-left: 30%;
    padding-bottom: 100px;
  }
  .facility dl {
    width: 40%;
  }
  .facility dl dt {
    width: 30%;
    margin: 10px 2% 20px 2%;
  }
  .facility dl dd {
    width: 60%;
    font-size: 13px;
    margin: 5px 0 0 0;
  }
  .facility dl dd h4 {
    font-size: 16px;
  }
} /*min-width: 767px*/
.grandesia {}
.guide {
  overflow: hidden;
}
.paradesia {}
.cp_hr08 {
  border-top: 1px dashed #8c8b8b;
  border-bottom: 1px dashed #ffffff;
}
@media screen and (min-width: 767px) {
  .paradesia, .spasia {
    padding-top: 50px;
  }
} /*min-width: 767px*/
/*システム//////////////////////////////////////*/
.system {}
.system .row45 {
  vertical-align: top;
}
.system_table, .system_table02 {
  width: 92%;
  margin: 30px auto 0;
  padding: 0;
  text-align: center;
  border-spacing: 0
}
.system_table td, .system_table th, .system_table02 td, .system_table02 th {
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  border-right: 1px solid #ccc;
}
.system_table th, .system_table02 th {
  padding: 15px 0;
  background: #f5f5f5;
  font-size: 20px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.system_table td, .system_table02 td {
  padding: 20px 0px;
  font-size: 18px;
  line-height: 1.6;
  border-left: 1px solid #ccc;
  font-weight: 600;
}
.bornone {
  border-right: none !important;
}
img.system_icon {
  width: 10%;
  margin-right: 10px;
}
.system .arrow_box02 p {
  text-align: center;
}
@media screen and (min-width: 767px) {
  .system .arrow_box02 p {
    margin: 30px 0;
    padding: 0 20px;
    ;
  }
  img.system_icon {
    width: 6%;
    margin-right: 10px;
  }
  .system_txt {
    width: 92%;
    margin: 0 auto;
  }
  .system_txt02 {
    margin-left: 8%;
    margin-bottom: 50px;
  }
  .system_table02 {
    width: 94%;
    padding: 20px 3% 0 4%;
    margin: 0 auto;
  }
  .system_table02 tr {
    display: inline;
  }
  .system_table02 th {
    border-left: none;
    display: inline;
    width: 40%;
    float: left;
    border-left: 1px solid #ccc;
    height: 40px;
    padding: 18px 0 10px 0;
  }
  .system_table02 td {
    border-left: none;
    display: inline;
    width: 52%;
    float: left;
    border-top: 1px solid #ccc;
    height: 28px;
  }
}
/*入会の動機///////////////////////////////////////*/
.motivation {}
.motive {
  background: #f8f5f0;
  padding: 10px 0 40px 0;
  margin: 20px 0 0 0;
  border-top: 1px dashed #8c8b8b;
  border-bottom: 1px dashed #ffffff;
}
ol.ranking {
  list-style: none;
  counter-reset: yourDefinition;
}
ol.ranking li {
  padding: 10px;
  vertical-align: middle;
  font-size: 22px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
  list-style-position: outside;
}
ol.ranking li:before {
  counter-increment: yourDefinition;
  content: counter(yourDefinition);
  display: inline-block;
  margin-right: 10px;
  padding: 2px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: white;
  font-weight: bold;
  font-family: helvetica;
  text-indent: 0;
  background: #b2a34d;
  border-radius: 100%;
}
ul.ranking02 {
  text-align: left;
  margin: 20px 10px 20px 40px;
}
ul.ranking02 li {
  list-style: square;
  list-style-position: outside;
  padding: 5px;
}
.comment {
  border: #333 solid 1px;
  margin: 10px;
  padding: 10px;
}
.neck {
  background: #f6fafe;
  padding: 20px 0;
  border-top: 1px dashed #8c8b8b;
  border-bottom: 1px dashed #8c8b8b;
}
.graph img {
  width: 100%;
}
.relieve_anxiety {
  border-top: 1px dashed #fff;
  border-bottom: 1px dashed #8c8b8b;
}
.relieve_anxiety h5 img {
  width: 10%;
  margin: 0 10px;
}
.relieve_anxiety ul {
  list-style: square;
  list-style-position: outside;
  padding: 5px;
  margin: 20px 10px 20px 30px;
}
.relieve_anxiety ul li {
  padding: 5px;
  font-weight: bold;
}
@media screen and (min-width: 767px) {
  .ranking {
    width: 60%;
    display: inline-block;
    vertical-align: top;
  }
  .ranking02 {
    width: 30%;
    display: inline-block;
  }
  ol.ranking li {
    padding: 30px 20px;
    font-size: 28px;
    line-height: 44px;
  }
  ol.ranking li:before {
    margin-right: 10px;
    padding: 2px;
    width: 40px;
    height: 40px;
    vertical-align: middle;
  }
  .comment {
    margin: 20px;
    padding: 20px;
  }
  .neck {
    width: 44%;
    padding: 2%;
    display: table-cell;
  }
  .relieve_anxiety {
    width: 46%;
    padding: 2%;
    display: table-cell;
    border-top: 1px dashed #8c8b8b;
    border-bottom: 1px dashed #8c8b8b;
    border-left: 1px dashed #8c8b8b;
  }
  .graph img {
    width: 80%;
    margin: 0 10%;
  }
} /*min-width: 767px*/
@media screen and (min-width: 1200px) {
  ol.ranking li {
    padding: 30px 20px;
    font-size: 36px;
    line-height: 44px;
  }
  .relieve_anxiety ul {
    padding: 5px;
    margin: 20px 10px 20px 80px;
    font-size: 20px;
  }
  .relieve_anxiety ul li {
    padding: 5px;
    font-weight: bold;
  }
} /*min-width: 1200px*/

/*お客様の声*/
.voice .row45 {
	vertical-align: top;
}
.voice-box {
  display: flex;
  justify-content: center;
  vertical-align: middle;
  flex-wrap: wrap;
}
.voice_p {
  width: 26%;
  margin-left: 5px;
  margin-top: 10px;
  vertical-align: middle;
}
.voice_p img {
  width: 100%;
  border-radius: 50%;
  vertical-align: middle;
}
.voice .arrow_box03 {
  width: 58%;
  padding: 10px 10px 10px 20px;
  vertical-align: top;
  margin-left: 20px;
}
.voice-title {
  font-size: 14px;
  text-align: left;
  margin-top: 60px;
}
.voice-title span {
  background: #333;
  padding: 4px 10px;
  margin: 0 10px 0 0;
  color: #fff;
  font-size: 12px;
}
@media screen and (min-width: 767px) {
  .voice-title {
    margin-top: 100px;
  }
  .voice .arrow_box03 {
    width: 50%;
  }
  .voice_p {
    margin-top: 40px;
  }
} /*min-width: 767px*/


@media screen and (min-width: 1000px) {
  .voice .arrow_box03 {
    margin-left: 30px;
    font-size: 18px;
    padding: 30px;
  }
  .voice_p {
    margin-top: 0;
  }
} /*min-width: 1000px*/

@media screen and (min-width: 320px) {
  .voice .arrow_box03 {
    width: 50%;
  }
 .voice_p img {
    width: 80%;
	}
} /*min-width: 767px*/




/*歴史//////////////////////////////////////*/
.history {
  padding: 100px 0 0 0;
}
dl.history_list {
  margin: 50px auto;
  text-align: left;
  overflow: hidden;
}
dl.history_list dt {
  width: 28%;
  display: inline-block;
  font-family: "Times New Roman", Times, "serif";
  font-size: 18px;
  padding: 0px 0 10px 0;
  vertical-align: top;
  margin-left: -10px;
}
dl.history_list dd {
  width: 68%;
  display: inline-block;
  font-size: 14px;
  padding: 16px 0px 10px 0;
  vertical-align: middle;
}
.history_list span {
  font-size: 40px;
}
.history_list dt::before {
  content: "●";
  color: #333;
  font-size: 36px;
}
.history_poto img {
  width: 25%;
}
@media screen and (min-width: 767px) {
  dl.history_list dt {
    width: 25%;
    font-size: 20px;
    padding: 0px 20px 10px 0;
    margin-left: 0px;
  }
  dl.history_list dd {
    width: 66%;
    font-size: 18px;
    padding: 16px 0px 10px 0;
  }
  .history_poto img {
    width: 12.5%;
  }
} /*min-width: 767px*/

@media screen and (max-width: 400px) {
dl.history_list dt {
  width: 30%;
  font-size: 14px;	
}
}



/*FAQ///////////////////////////////////////////////////////*/
.faq_list {
  text-align: left;
  margin: 0 auto ;
  vertical-align: top;
}
.faq_list dt {
  font-size: 18px;
  font-family: 'Noto Serif JP', "游明朝", "YuMincho", serif;
  padding: 0 10px 0 15px;
text-indent:-30px;
	margin-left: 30px;
	font-weight: bold;
}
.faq_list dt::before {
  content: "Q ";
  color: #333;
  font-size: 26px;
}
.faq_list dd {
  font-size: 14px;
  padding: 15px 10px 15px 40px;
  border-bottom: #ccc 1px dotted;
}
@media screen and (min-width: 767px) {
  .faq_list {
    padding: 0 10px;
    margin: 20px 20px 0 20px;
    ;
  }
} /*min-width: 767px*/
@media screen and (min-width: 1000px) {
  .faq_list {
    width: 42%;
    display: inline-table;
    margin: 100px auto;
    padding: 10px 30px;
  }
  .faq_list dt {
    font-size: 22px;
    padding: 0 10px 0 15px;
    margin: 20px 0 0 0;
  }
  .faq_list dd {
    font-size: 18px;
    padding: 15px 10px 30px 15px;
  }
} /*min-width: 1000px*/
/*フッター///////////////////////////////////////////////*/
footer {
  background: #f1ece2;
  text-align: left;
  padding: 20px 0 0 0;
}
footer .company {
  font-size: 12px;
  vertical-align: top;
  padding-left: 20px;
}
footer h2 {
  padding-bottom: 10px;
  padding-left: 20px;
}
.company td {
  padding: 2px 0;
}
.company a {
  text-decoration: none;
  color: #333;
}
.corona {
  font-size: 13px;
  text-align: left;
  padding: 20px 0 20px 20px;
}
.copy {
  color: #fff;
  background: #333;
  padding: 20px 0 60px 0;
  margin: 0;
  text-align: center;
  font-size: 12px;
}
@media screen and (min-width: 767px) {
  footer {
    padding: 30px 0 0 0;
  }
  footer .company {
    font-size: 14px;
    margin-right: 30px;
  }
  .corona {
    font-size: 16px;
  }
  .copy {
    padding: 20px 0;
  }
} /*min-width: 767px*/
/*フォームエリア*/
.form_area {
  text-align: center;
  margin: 0 auto;
}
.form_area .arrow1 {
  margin: 0;
}
#form {
  margin: 0 15px;
}
ul.attention {
  padding: 20px 10px 30px 30px;
  font-size: 12px;
  text-align: left;
}
ul.attention li {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 2px;
  padding: 2px 0px;
}
.privacy {
  padding: 10px 20px 40px 20px;
  text-align: left;
}
.privacy p {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
@media screen and (min-width: 767px) {
  ul.attention {
    font-size: 14px;
  }
  .privacy p {
    padding: 0;
    margin: 0;
    font-size: 14px;
  }
} /*min-width: 767px*/


/*スマホ固定ナビ*/
/* fixcontact */
.fixcontact {
  position: fixed;
  right: 0;
  top: auto;
  bottom: 0;
  width: 100%;
  margin-top: 0;
  box-sizing: border-box;
  background: #a4a459;
  font-size: 0;
}
.fixcontact a:nth-child(1) {
  display: inline-block;
  width: 52%;
  line-height: 50px;
  padding: 0 3%;
  background: #a4a459;
  margin: 0;
}
.fixcontact a:nth-child(2) {
  display: inline-block;
  width: 36%;
  line-height: 50px;
  background: #222;
  padding: 0 3%;
  margin: 0;
}
.fixcontact a img {
  vertical-align: middle;
}
.fixcontact img {
  width: 100%;
  margin: 0;
}



@media screen and (min-width: 767px) {
.fixcontact {
    display: none;
  }

}/*min-width: 767px)*/


/*ページトップ*/
html{
  scroll-behavior: smooth;
}
	
.pagetop{
    display:block;
    position: fixed;
    right: 15px;
    bottom: 15px;
}
.pagetop a{
    display: block;
    font-size: 0;
    width: 35px;
    height: 35px;
	padding: 10px 15px 20px 15px;
    text-align: center;
    border-radius: 50%;
	color: #FFFFFF;
	font-size: 20px;
	 line-height: 40px;
	text-decoration: none;
	 background-color: rgba(46, 46, 46, 0.8);
}
	.pagetop a img{
		width: 100%;
			text-align: center;
	vertical-align: middle;
	}	
	

@media screen and (max-width: 768px) {
	#pagetop{
	display: none!important;
}	
}



/*========= ナビゲーションのためのCSS ===============*/

/*　ハンバーガーメニューボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
right: 5px;
bottom: 55px;
  width : 55px;
  height: 55px;
  cursor: pointer;
  text-align: center;
	background: rgba(0,0,0,0.7);
	z-index: 9999;
	border-radius: 50%;

}
.hamburger span {
  display : block;
  position: absolute;
  width   : 26px;
  height  : 2px ;
  left    : 14px;
  background : #BBBBBB;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 17px;
}
.hamburger span:nth-child(2) {
  top: 27px;
}
.hamburger span:nth-child(3) {
  top: 37px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 27px;
  left: 13px;
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 27px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #fff;
  background: rgba( 71,70,73,0.9);
height: 100%;
  text-align: center;
  width: 100%;
  transform: translateY(1000%);
  transition: all 0.6s;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 15px 0 0 0;
  width: 100%;
	text-align: left;
    margin-left: 30px;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding:10px 0;
  text-decoration :none;
		font-weight: bold;
	letter-spacing: 0.3;
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
   transform: translateY(0%);
}


@media screen and (min-width: 767px) {
.hamburger{
    display: none;
  }
}
			
/* キャンペーンリボン */	

@media screen and (min-width: 768px) {
.ribbon17-content{
	display: none;
}	
}
	
.ribbon17-content {
  position: absolute;
  top: -5px;
  right: -10px;
  width: 89px;
  height: 91px;
  overflow: hidden;
	z-index: 999;
  }

.ribbon17 {
  display: inline-block;
  position: absolute;
  padding: 5px 0;
  left: -28px;
  top: 20px;
  width: 160px;
  text-align: center;
  background: #ff281d;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
 font-size: 12px;
	font-weight: bold;
}


.image-wood-villa {
  display: flex;
  flex-wrap: wrap;
}

.image-wood-villa img {
	width: 23%;
	margin: 20px 1%;
}

@media (max-width: 768px) {
	.image-wood-villa img {
	width: 49%;
	margin: 5px 0;
}
	.left_m1{
		margin-right: 2% !important;
		
	}
	
	
}