@charset "utf-8";
/* CW修正箇所 */
#cw_tab{
	width: 300px;/* 最初に表示されるバナーの幅 */
	height: 100px;/* バナーの高さ */
	background: url(../images/cw_btn_online.jpg) no-repeat;/* 画像のURL */
	background-position: center;
    background-size: contain;
	position: fixed;/* バナーを固定します */
	left: -1%;/* 左から0pxの位置に指定 */
	bottom: -2%;
}
#cw_tab a {
	display: block;
	width: 100%;
	height: 100%;
    transition: opacity .3s;
}
#cw_tab02{
	width: 300px;/* 最初に表示されるバナーの幅 */
	height: 100px;/* バナーの高さ */
	background: url(../images/cw_btn_contact.jpg) no-repeat;/* 画像のURL */
	background-position: center;
    background-size: contain;
	position: fixed;/* バナーを固定します */
	right: 0;/* 右から0pxの位置に指定 */
	bottom: -2%;
}
#cw_tab02 a{
	display: block;
	width: 100%;
	height: 100%;
    transition: opacity .3s;
}
@media screen and (max-width: 768px) {
	#cw_tab02,#cw_tab{
		width: 160px;
		height: 145px;
	}
}
#cw_tab,
#cw_tab02{
    transition: all .3s; 
}
#cw_tab:hover,
#cw_tab02:hover{
    opacity: .7;
}
#cw_block{
	width:70%;
	/* background:#FFA561; */
	margin:0 auto;
	padding:30px;
	display: flex;
    align-items: center;
    justify-content: center;
	/* position: relative; */
}
#cw_block{
	color: #fff;
	transition: all .3s;
	border-radius: unset;
	/* border: unset; */
}
.cw_block:hover{
	opacity: .7;
}
#cw_block img{
	position: absolute;
	right: 10%;
}
#cw_block.btn,#cw_block.btn:hover,#cw_block.btn:after {
	border-radius: 0px;
}
#cw_block.cw_button{
	font-size: 20px;
}

#cw_block.cw_button:after {
	content: "";
	background-color: #597F66;
	width: 100%;
	z-index: -1;
	position: absolute;
	height: 100%;
	top: 10px;
	left: 10px;
	transition: 0.2s;
  }
#cw_block.cw_button:hover:after {
	top: 0px;
	left: 0px;
	opacity: .7;
  }
#cw_btn-spec{
	margin-top: 20px;
}
#cw_btn-spec a{
	max-width: 260px;
	width: 100%;
	padding: 10px 20px;
	font-weight: bold;
	color: #fff;

	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all .3s;
}
#cw_btn-spec a:hover{
	opacity: .7;
}
#cw_btn-spec.cw_btn-spec-top {
	max-width: 240px;
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
}
/* ul.cw_slider li{
	position: relative;
} */
ul.cw_slider{
	margin-bottom:30px!important;
}
#cw_btn-slider{
	max-width: 300px;
    width: 100%;

	/* position: absolute; */
	/* left: 0; */
    /* transform: translate(-50%, 70%); */
    /* bottom: 0; */
	/* left: 50%;
    transform: translate(-50%,10%);
    bottom: -10%; */
	z-index: 1;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 60px;
    
}
#cw_btn-slider a{
	max-width: 300px;
	width: 100%;
	padding: 10px 20px;
	font-weight: bold;
	color: #fff;
	margin-left: auto;
	margin-right: auto;

	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all .3s;
}
#cw_btn-slider a:hover{
	opacity: .7;
}
#cw_btn-slider a img{
	margin-left: 10px;
}
.cw_button {
	font-size: 16px;
	font-weight: 200;
	letter-spacing: 1px;
	padding: 13px 20px 13px;
	outline: 0;
	border: 1px solid black;
	cursor: pointer;
	position: relative;
	background-color: rgba(0, 0, 0, 0);
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
  }
  
  .cw_button:after {
	content: "";
	background-color: #597F66;
	width: 100%;
	z-index: -1;
	position: absolute;
	height: 100%;
	top: 7px;
	left: 7px;
	transition: 0.2s;
  }
  
  .cw_button:hover:after {
	top: 0px;
	left: 0px;
  }

  

#cw_btn-news{
	display: flex;
	justify-content: end;
}
#cw_btn-news a{
	max-width: 200px;
	width: 100%;
	padding: 10px 20px;
	font-weight: bold;
	color: #fff;

	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all .3s;
}
#cw_btn-news a:hover{
	opacity: .7;
}
#cw-point_box3 .point_box{
margin-top: 30px;
}
main a:visited{
	color:#0033cc;
}
main a{
	transition: all .5s;
}
main a:hover{
	color:inherit;
	opacity: .7;
}

#footer .inner{
	padding-top: 30px;
}


/* guide・spec追加部分 */
/* top */
h1{
	margin-bottom: 20px!important;
}
#cw-recommend .inner p{
	text-align: center;
}
.cw-recommend-btn{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	margin-top: 30px;
}
.cw-recommend-btn a{
	display: inline-block;
	max-width:99%;
	width: 100%;
	color: #333 !important;
	text-align: center;
	padding: 20px;
	 box-shadow: inset 0 0 0 1px #F5F5F5;
}
.cw-recommend-btn a:first-child{
background-color: #E5EDF0;

}
.cw-recommend-btn a:nth-child(2){
background-color: #DCEAE0;

}
#cw_btn-guide{
	display: flex;
	justify-content: center;
}
#cw_btn-guide a{
max-width: 260px;
    width: 100%;
    padding: 10px 20px;
    font-weight: bold;
    color: #fff;
    display: flex
;
    justify-content: space-between;
    align-items: center;
    transition: all .3s;
}

/* guideページ */



/* specページ */
#page-spec h1{
background-color: unset;
font-family: "Crimson Text", serif;
font-weight: 400;
font-style: normal;
font-size: 28px;
color: #333;
line-height: 42px;
letter-spacing: 14%;
position: relative;
}
#page-spec h1::after{
	width: 40px;
	height: 1px;
	background-color: #333;
	content: "";
	position: absolute;
	right: 50%;
    bottom: -10%;
    transform: translate(50%);
}
.compare-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* テーブル本体：PCでは100%、スマホだけスクロール */
table.compare-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ddd;
  font-size: 14px;
  table-layout: fixed;
  min-width: unset; /* 念のためリセット */
}

table.compare-table th,
table.compare-table td {
  border: 1px solid #ddd;
  padding: 10px 8px;
  text-align: center;
  word-break: break-word;
  white-space: nowrap;
}

table.compare-table th {
  background-color: #f7f7f7;
  font-weight: 600;
}

/* SPのみ：テーブルにmin-widthを設定してスクロールさせる */
@media screen and (max-width: 767px) {
  table.compare-table {
    min-width: 900px;
  }
}

#cw_btn-table{
	display: flex;
	justify-content: center;
}
#cw_btn-table a{
max-width: 300px;
    width: 100%;
    padding: 10px 20px;
    font-weight: bold;
    color: #fff;
    display: flex
;
    justify-content: space-between;
    align-items: center;
    transition: all .3s;
}


/* header */
#cw_header_nav{
	max-width: 100%;
	width: 100%;
	background-color: #9E9F9F;
	padding: 10px;
	margin-top: 20px;
}
#cw_header_nav ul{
	height: inherit;
	display: flex;
	justify-content: center;
	align-items: center;
}
#cw_header_nav ul li{
	height: inherit;
}
#cw_header_nav ul li a{
	height: inherit;
	padding:20px;
	transition: all .5s;
}
#cw_header_nav ul li a:hover{
	opacity: .7;
	cursor: pointer;
}
#cw_header_nav ul li a:visited{
	color: #fff;
}
/* showroom */
.cw-show__title{
	background-color: unset;
	color: #333;
	font-weight: bold;
}
.cw-show-top{
	max-width: 90%;
	width: 100%;
	margin:0 auto;
}
.cw-show-top p{
	text-align: justify;
	line-height: 1.8;
}
.cw-show__img{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;

	margin-top: 80px;
}
.cw-show__img img{
	max-width: 30%;
	width: 100%;
}
.cw-show_block1,
.cw-show_block2{
	max-width: 90%;
	width: 100%;
	margin: 0 auto;
}
.cw-show_block1 h2{
	margin-top: 80px;
}
.cw-show_block1 h2{
	margin-top: 60px;
}
.cw-show_block3{
	text-align: center;
	margin-top: 80px;
}
.cw-show-info_sec{
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
	margin-bottom: 120px;
}
.cw-show-info1,
.cw-show-info2{
	max-width: 49%;
	width: 100%;
}
.cw-show-info1{
	background-color: rgb(133,157,141,.21);
	padding: 30px 25px 60px;
}
.cw-show-info2{
	background-color: rgb(159,160,160,.21);
	padding: 30px 25px 60px;
}
.cw-show-info1 img,
.cw-show-info2 img{
	max-width: 63%;
	width: 100%;
	height: 27.5%;
	display: block;
	margin: 30px auto 0;
}
.cw-show-info1 h2,
.cw-show-info2 h2{
	margin-top: unset;
}
.cw-show-info__body{
	margin-top: 30px;
	font-size: 16px;
}
.cw-show-info__body a{
	background-color: unset;
}
.cw-show-info1 a,
.cw-show-info2 a{
padding: 10px;
}
.cw-show-info1 a.cw-show_mapLink{
	background-color: #597F66;
	display: inline-block;
	border-radius: 10px;
	color: #fff;
}
.cw-show-info2 a.cw-show_mapLink{
	background-color: #6F706F;
	display: inline-block;
	border-radius: 10px;
	color: #fff;
}

.cw-show-info__open{
	margin-top: 16px;
}
.cw-show-info__open p{
	margin-bottom: unset;
	font-weight: bold;
}
.cw-show-info__box{
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	padding:  25px;
	margin-top: 30px;
	text-align: justify;
}
.cw-show-info__body-wrap{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}