/* ★★外部データ読み込み★★ */

/* テーマカラーの定義 */

:root{
    --thema-color01:#B0051C;
    --thema-color02:#41161A;
}

.color1 {
	color:var(--thema-color01);
	background-color: var(--thema-color01);
}

.color2 {
	color:var(--thema-color02);
	background-color: var(--thema-color02);
}




/* 共通テキスト */

h1 {
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 7rem;
	font-weight: 400;
	line-height: 1.3;
	color: #000000;
}

h1 span {
  	font-size: 3rem;
}

h2 {
	font-family: 'Noto Serif JP', serif;
  	font-size: 3.5rem;
	font-weight: 500;
	line-height: 1.3;
	color: #000000;
	text-align: center;
	margin-bottom: 30px;
}

h2 span {
	color: #7B0000;
}

.sec-main-erea h2 {
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 4rem;
	font-weight: 500;
	line-height: 1.3;
	color: #8C8C8C;
	text-align: center;
	margin-top: 150px;
	margin-bottom: 0px;
	position: relative;
    z-index: 50;
}

.sec-main-erea-com h2,
.sec-main-erea-ex h2,
.sec-main-erea-event h2,
.sec-main-erea-owner h2,
.sec-main-erea-qa h2 {
	width: auto;
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 4rem;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 5px;
	display: inline-block;
	color: #ffffff !important;
}

.sec-main-erea-ot h2 {
	width: auto;
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 4rem;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 5px;
	display: inline-block;
	color: #000000 !important;
}

.sec-main-erea-reform .sub-title {
	width: auto;
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 2.8rem;
	font-weight: 300;
	line-height: 1.3;
	color: #000 !important;
}

.sec-main-erea-reform h2 {
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 4rem;
	font-weight: 300;
	line-height: 1.3;
	margin-top: 0px;
	margin-bottom: 0px;
}

.sec-main-erea-reform h2 span{
	color: #000 !important;
	background: linear-gradient(transparent 50%, white 50%);
}


.sec-main-erea-com h2 div,
.sec-main-erea-ex h2 div,
.sec-main-erea-event h2 div,
.sec-main-erea-owner h2 div,
.sec-main-erea-qa h2 div {
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	display: inline-block;
}

.sec-main-erea-ot h2 div {
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	display: inline-block;
}

.top-exh2 h2 {
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 2.8rem;
	font-weight: 500;
	color: #ffffff;
	text-align: left;
	margin-bottom: 10px;
}

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

h2 {
  	font-size: 3rem;
	margin-bottom: 30px;
}

.sec-main-erea h2 {
	width: 100%;
  	font-size: 3rem;
	color: #ffffff;
	margin-top: 0;
	margin-bottom: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	padding-bottom: 10px;
	z-index: 1000;
	border-bottom-width: 0px;
}

.sec-main-erea h2 div {
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	display: inline-block;
}

.sec-main-erea-com h2,
.sec-main-erea-ex h2,
.sec-main-erea-event h2,
.sec-main-erea-owner h2,
.sec-main-erea-ot h2,
.sec-main-erea-qa h2 {
	width: 100%;
  	font-size: 3rem;
}

.top-exh2 h2 {
  	font-size: 2rem;
	margin-bottom: 10px;
}
	
.sec-main-erea-reform .sub-title {
  	font-size: 2.2rem;
}

.sec-main-erea-reform h2 {
  	font-size: 3rem;
}

}

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

h2 {
  	font-size: 2.2rem;
	margin-bottom: 30px;
}

.sec-main-erea h2 {
  	font-size: 2.2rem;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 10px;
	border-bottom-width: 0px;
}

.sec-main-erea-com h2,
.sec-main-erea-ex h2,
.sec-main-erea-event h2,
.sec-main-erea-owner h2,
.sec-main-erea-ot h2,
.sec-main-erea-qa h2 {
  	font-size: 2.2rem;
}
	
.sec-main-erea-reform h2 {
  	font-size: 2.2rem;
}
	
.sec-main-erea-reform .sub-title {
  	font-size: 1.6rem;
}

.sec-main-erea-reform h2 {
  	font-size: 2.2rem;
}

}

h3 {

}

h3 span {

}

h4 {

}

h5 {

}

p {
  	font-size: 1.6rem;
	font-weight: 300;
	line-height: 2;
	color: #000000;
}

h1 + h2 {
	margin-top: 30px;
}

h2 + h3 {
	margin-top: 30px;
}

h3 + p {
	margin-top: 30px;
}

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

p + .flex-w,
.flex-w + p{
	margin-top: 50px;
}

@media screen and (max-width:1100px) {
	
p + .flex-w,
.flex-w + p{
	margin-top: 30px;
}

}

@media screen and (max-width:992px) {
	
p {
  	font-size: 1.3rem;
}
	
p + .flex-w,
.flex-w + p{
	margin-top: 20px;
}
	
}

.sec-sp-sh1 {
	display: none;
}

.sec-main-erea-com .sec-sp-sh1,
.sec-main-erea-ex .sec-sp-sh1,
.sec-main-erea-event .sec-sp-sh1,
.sec-main-erea-owner .sec-sp-sh1,
.sec-main-erea-ot .sec-sp-sh1,
.sec-main-erea-qa .sec-sp-sh1 {
	display: inline-block;
	background-color: rgba( 0, 0, 0, 0.7 );
	-ms-filter: blur(20px);
	filter: blur(20px);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	z-index: -5;
}

.sec-main-erea-com .sec-sp-sh1 {
	width: 450px;
	height: 70px;
	background-color: rgba( 0, 0, 0, 0.7 );
}

.sec-main-erea-ex .sec-sp-sh1 {
	width: 450px;
	height: 70px;
	background-color: rgba( 0, 0, 0, 0.7 );
}

.sec-main-erea-event .sec-sp-sh1 {
	width: 350px;
	height: 70px;
	background-color: rgba( 0, 0, 0, 0.7 );
}

.sec-main-erea-owner .sec-sp-sh1 {
	width: 600px;
	height: 130px;
	background-color: rgba( 0, 0, 0, 0.7 );
}

.sec-main-erea-ot .sec-sp-sh1 {
	width: 450px;
	height: 70px;
	background-color: rgba( 255, 255, 255, 0.7 );
}

.sec-main-erea-qa .sec-sp-sh1 {
	width: 450px;
	height: 70px;
	background-color: rgba( 0, 0, 0, 0.7 );
}

.t-p0 {
	display: inline-block;
	width: auto;
  	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.3;
	color: #ffffff;
	background-color: #000;
	padding: 2px 15px 2px 15px;
	margin-bottom: 10px;
	border-radius: 20px;
}

.t-p1 {
  	font-size: 2.5rem;
	font-weight: 500;
	line-height: 1.3;
	color: #ffffff;
	padding-left: 10px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #ffffff;
	margin-bottom: 20px;
}

.t-p1 br {
	display: none;
}

.t-p2 {
  	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.3;
	color: #ffffff;
	padding-left: 10px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #ffffff;
	margin-bottom: 20px;
}

.t-p2 br {
	display: none;
}

.t-b1 {
  	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.3;
	color: #000000;
	padding: 5px 15px;
	background-color: #fff;
	border-radius: 20px;
	white-space: nowrap;
	margin-right: 10px;
	display: inline-block;
	margin-bottom: 10px;
	transition: .7s;
}

.t-b1:hover {
	color: #ffffff;
	background-color: #D9C282;
}

.t-b2 {
	width: 100%;
	height: 100px;
	padding: 10px 20px;
	background-color: var(--thema-color02);
	text-align: center;
	vertical-align:middle;
	position:relative;
	transition: .7s;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.t-b2 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.t-b2:hover {
	color: #ffffff;
	background-color: #D9C282;
}

.t-b2-tx {
	width: 100%;
  	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.3;
	color: #ffffff;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.t-b2-img1 {
	width: 80px;
	display: inline-block;
	vertical-align:middle;
	margin-left: 20px;
}

.t-b2-img2 {
	width: 100px;
	display: inline-block;
	vertical-align:middle;
	margin-left: 20px;
}

.t-b2-img3 {
	width: 56px;
	display: inline-block;
	vertical-align:middle;
	margin-left: 20px;
}

.t-img1 {
    transition: all 0.3s ease-out;
}

.t-img1:hover img {

}

.title01 {
	font-family: 'Noto Serif JP', serif;
  	font-size: 3.5rem;
	letter-spacing: 2px;
}

.title01 span {
	color: #B0051C;
}

#owner .title01 {
  	font-size: 3.5rem;
}

.title02 {
	font-family: 'Noto Serif JP', serif;
  	font-size: 2.5rem;
	letter-spacing: 1px;
}

.title02 span {
	color: #B0051C;
}

.title03 {
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 1.8rem;
	letter-spacing: 1px;
}

.title04 {
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 2.3rem;
	letter-spacing: 1px;
}

.title04 span {
	color: #B0051C;
}

.sec-main-erea .title04 {
	font-family: 'Noto Sans JP', sans-serif;
	margin-top: 5px;
	text-align: center;
	font-weight: 300;
	color: #8C8C8C;
	position: relative;
}

.title05 {
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 3rem;
	color: #D67D89;
	letter-spacing: 1px;
}

.title06 {
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 2rem;
	font-weight: 500;
	letter-spacing: 2px;
}

.title01 + .table01 {
	margin-top: 20px;
}

.title01 + .table02 {
	margin-top: 20px;
}

.title01 + .title05 {
	margin-top: 20px;
}

.title01 + p {
	margin-top: 20px;
}

.title02 + p {
	margin-top: 20px;
}

.title04 + p {
	margin-top: 20px;
}

.title06 + p {
	line-height: 1.2;
}

p + .title04 {
	margin-top: 100px;
}

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

.t-p0 {
  	font-size: 1.3rem;
	padding: 2px 15px 2px 15px;
	margin-bottom: 5px;
	border-radius: 20px;
}
	
.t-p1 {
  	font-size: 1.7rem;
	padding-left: 5px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #ffffff;
	margin-bottom: 10px;
}

.t-p2 {
  	font-size: 1.6rem;
	padding-left: 5px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #ffffff;
	margin-bottom: 10px;
}

.t-b1 {
  	font-size: 1.3rem;
	padding: 4px 10px;
	border-radius: 20px;
	margin-right: 10px;
}

.t-b1:nth-of-type(4),
.t-b1:nth-of-type(5) {
	display: none;
}

}

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

.sec-sp-sh1 {
	display: block;
	width: 300px;
	height: 50px;
	background-color: rgba( 0, 0, 0, 0.7 );
	-ms-filter: blur(20px);
	filter: blur(20px);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	z-index: 10;
}

.sec-main-erea-com .sec-sp-sh1 {
	width: 300px;
	height: 70px;
}

.sec-main-erea-ex .sec-sp-sh1 {
	width: 300px;
	height: 70px;
}

.sec-main-erea-event .sec-sp-sh1 {
	width: 300px;
	height: 70px;
}

.sec-main-erea-owner .sec-sp-sh1 {
	width: 450px;
	height: 100px;
}

.sec-main-erea-ot .sec-sp-sh1 {
	width: 300px;
	height: 70px;
}

.sec-main-erea-qa .sec-sp-sh1 {
	width: 300px;
	height: 70px;
}

.t-b1 {
  	font-size: 1.3rem;
	padding: 4px 10px;
	border-radius: 20px;
	margin-right: 10px;
}

.ex-area .t-p1 {
  	font-size: 1.6rem;
}

.ex-area .t-p2 {
  	font-size: 1.6rem;
}

.t-p1 br,
.t-p2 br {
	display: inline-block;
}

.t-b2 {
	height: 80px;
	padding: 10px 20px;
}

.t-b2-tx span {
	display: inline-block;
	vertical-align:middle;
}

.t-b2-img1 {
	width: 60px;
	margin-left: 20px;
	vertical-align:middle;
}

.t-b2-img2 {
	width: 80px;
	margin-left: 20px;
	vertical-align:middle;
}

.t-b2-img3 {
	width: 30px;
	margin-left: 20px;
}

.title01 {
  	font-size: 2rem;
}

#owner .title01 {
  	font-size: 2rem;
}

.title02 {
  	font-size: 2rem;
}

.title03 {
  	font-size: 1.6rem;
}

.title04 {
  	font-size: 2rem;
}

.sec-main-erea .title04 {
	display: none;
}

.title05 {
  	font-size: 2rem;
}

.title06 {
  	font-size: 2rem;
}
	
.title02 + p {
	margin-top: 20px;
}

.title04 + p {
	margin-top: 10px;
}

}


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

.t-b2-tx {
  	font-size: 1.4rem;
}

.title01 {
  	font-size: 1.8rem;
}
	
#owner .title01 {
  	font-size: 1.8rem;
}

.title02 {
  	font-size: 1.8rem;
}

.title03 {
  	font-size: 1.4rem;
}

.title04 {
  	font-size: 1.6rem;
}

.title05 {
  	font-size: 1.6rem;
}

.title06 {
  	font-size: 1.6rem;
}

.title04 + p {
	margin-top: 10px;
}

.sec-main-erea-com .sec-sp-sh1 {
	width: 200px;
	height: 50px;
}

.sec-main-erea-ex .sec-sp-sh1 {
	width: 200px;
	height: 50px;
}

.sec-main-erea-event .sec-sp-sh1 {
	width: 200px;
	height: 50px;
}

.sec-main-erea-owner .sec-sp-sh1 {
	width: 300px;
	height: 80px;
}

.sec-main-erea-ot .sec-sp-sh1 {
	width: 200px;
	height: 50px;
}

.sec-main-erea-qa .sec-sp-sh1 {
	width: 200px;
	height: 50px;
}

}

/* リンク位置調節 */

#s01,
#s02,
#s03,
#s04,
#s05 {
	margin-top:-100px;
	padding-top:100px;
}

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

#s01,
#s02,
#s03,
#s04,
#s05 {
	margin-top:-140px;
	padding-top:140px;
}

}

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

#s01,
#s02,
#s03,
#s04,
#s05 {
	margin-top:-0px;
	padding-top:0px;
}

}

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


}

/* メインサイズ、全ページ共通項目 */

.top-head {
	width: 280px;
	height: 100%;
	display: block;
	background-color: #000;
	position:fixed;
	z-index: 10000;
	top: 0px;
	left: 0px;
}

.top-main {
    width: calc(100% - 280px);
	display: block;
	margin-right: 0;
	margin-left: auto;
	position:relative;
}

.menu-area {
	width: 100%;
	display: block;
  	font-size: 0;
	padding: 40px 40px 40px 40px;
}

.sp-s-logo1 {
	width: 80%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.sp-s-logo2 {
	display: none;
}

.top-r-logo {
	width: 200px;
	height: auto;
	position:absolute;
	top: 30px;
	right: 130px;
    z-index: 1000;
}

.bana1 {
	width: 100%;
}

.bana2-erea {
	width: 100%;
	font-size: 0;
}

.title01 + .bana2-erea {
	margin-top: 30px;
}

.bana2 {
	width: 30%;
	display: inline-block;
}

.bana2 + .bana2 {
	margin-left: 5%;
}

.bana3 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.bana1:hover,
.bana2:hover,
.bana3:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: .7s;
}

.sec-b1 + .bana3 {
	margin-top: 150px;
}

.sec-b1-yoyaku + .bana3 {
	margin-top: 150px;
}

.br-sp {
	display: none;
}

.br-pc {
	display: block;
}

.img-sp {
	display: none;
}

.img-pc {
	display: block;
}

.pc-cen {
	text-align: center;
}

.sp-chu {
	display: none;
}

.iframe1 {
  position: relative;
  width: 100%;
  height: 500px;
  padding-top: 56.25%;
}
.iframe1 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.line01 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	margin-top: 10px;
	margin-bottom: 30px;
}

.line02 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	margin-top: 50px;
	margin-bottom: 50px;
}


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

.top-head {
	width: 20%;
	height: 100%;
	display: block;
	background-color: #000;
	position:fixed;
	z-index: 10000;
	top: 0px;
	left: 0px;
}

.top-main {
	width: 80%;
}

.menu-area {
	padding: 20px;
}

}

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

.top-r-logo {
	display: none;
}

.top-head {
    width: calc(100% - 100px);
	height: auto;
	position:relative;
	background-color: #fff;
}

.menu-area {
	display: table;
	width: 100%;
	height: 100px;
	padding: 0;
}

.sp-s-logo1 {
	display: table-cell;
	width: 230px;
	background-color: #000;
	padding: 20px 15px;
}

.sp-s-logo1 img {
	width: 200px;
	height: auto;
}

.sp-s-logo2 {
    width: auto;
	display: table-cell;
	padding: 15px;
	position:relative;
}

.sp-s-logo2 img {
	position:absolute;
	width: auto;
	height: 50px;
	top: 25px;
	right: 15px;
}

.top-main {
	width: 100%;
}

.pc-nav-waku {
	display: none;
}

.bana3 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}

.br-sp {
	display: block;
}

.br-pc {
	display: none;
}

.pc-cen {
	text-align: left;
}

.line01 {
	display: none;
}

}

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

.top-head {
    width: calc(100% - 70px);
    height: 70px;
	position:fixed;
}

.menu-area {
	height: 70px;
}

.sp-s-logo1 {
	width: 115px;
	padding: 0 10px;
  vertical-align: middle;
}

.sp-s-logo1 img {
	width: 100%;
	height: auto;
}

.sp-s-logo2 {
  width: auto;
	padding: 0 10px;
  vertical-align: middle;
}

.sp-s-logo2 img {
	/* height: 25px; */
	/* top: 13px; */
	/* right: 10px; */
  position: relative;
  top: 0;
  right: 0;
  box-sizing: border-box;
  height: auto;
  width: 150px;
  /* position: absolute; */
  /* width: auto; */
  /* height: 50px; */
  /* top: 15px; */
  /* right: 15px; */
}

.bana2 {
	width: 80%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.bana2 + .bana2 {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

.img-sp {
	display: block;
}

.img-pc {
	display: none;
}

.sp-chu {
	display: block;
	font-size: 1.2rem;
}

}


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

.top-head {
    width: calc(100% - 70px);
    height: 70px;
}

.menu-area {
	height: 70px;
}

.sp-s-logo1 {

}

.sp-s-logo1 img {
	
}

.sp-s-logo2 {
  height: 70px;
}

.sp-s-logo2 img {

}

.bana2 {
	width: 100%;
	display: block;
}

.bana2 + .bana2 {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

.img-sp {
	display: block;
}

.img-pc {
	display: none;
}

.sp-chu {
	display: block;
	font-size: 1.2rem;
}

}



/* ハンバーガーメニューはmenu.css内 */

/* トップ個別デザイン */

.top-main-erea {
	width: 100%;
	display: block;
	font-size: 0;
	margin-bottom: 150px;
}

.top-main-img {
	width: 100%;
	height: auto;
	display: block;
	box-sizing: border-box;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #ffffff;
	position:relative;
}

.top-main-img2 {
	width: 50%;
	display: inline-block;
	box-sizing: border-box;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #ffffff;
	position:relative;
}


.top-main-img3 {
	width: 50%;
	display: inline-block;
	box-sizing: border-box;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;
	position:relative;
}

.t-m-box {
	width: 100%;
	background-color: rgba( 0, 0, 0, 0.25 );
	position:absolute;
	bottom: 0px;
	right: 0px;
	left: 0px;
	padding: 20px 20px 15px;
    z-index: 100;
}

.t-arrow1 {
	width: 90px;
	position: absolute;
	bottom: 30px;
	right: 30px;
}

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

.t-m-box {
	padding: 10px 10px 10px;
}

}

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

.top-main-erea {
	margin-bottom: 50px;
}

.t-arrow1 {
	display: none;
}

.top-main-img {
	width: 100%;
	display: block;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #ffffff;
	border-right-width: 0px;
	border-right-style: none;
	border-right-color: #ffffff;
}

.top-main-img2 {
	width: 100%;
	display: block;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #ffffff;
	border-right-width: 0px;
	border-right-style: none;
	border-right-color: #ffffff;
}

.top-main-img2:nth-of-type(2),
.top-main-img2:nth-of-type(3),
.top-main-img2:nth-of-type(4) {
	display: none;
}

.top-main-img3 {
	display: none;
}

}

@media screen and (max-width:768px) {
	
.top-main-img {
	width: 100%;
	height: 90vh;
	position:relative;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #ffffff;
	border-right-width: 0px;
	border-right-style: none;
	border-right-color: #ffffff;
	margin-bottom: 10px;
}
	
.top-main-img .t-img1 {
	width: 100%;
	height: 90vh;
	overflow: hidden;
	z-index: 10;
}

.top-main-img .t-img1 img {
	width: auto;
	height: 100% !important;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
	
}


/* セカンド共通デザイン */

.sec-main-erea {
	width: 100%;
	display: block;
	font-size: 0;
	background-color: #F8F8F8;
	padding: 30px 80px 200px;
	position: relative;
}

.sec-main-erea2 {
	width: 100%;
	height: auto;
	display: block;
	font-size: 0;
	padding: 150px 0 0;
}

@media screen and (max-width:1300px) {
	
.sec-main-erea2 {
	padding: 100px 0 0;
}
	
}

@media screen and (max-width:1100px) {
	
.sec-main-erea2 {
	padding: 110px 0 0;
}
	
.sec-main-erea2 nav {
	display: none;
}
	
}

.sec-main-erea-com,
.sec-main-erea-ex,
.sec-main-erea-event,
.sec-main-erea-owner,
.sec-main-erea-ot,
.sec-main-erea-qa {
	width: 100%;
	display: block;
	font-size: 0;
	position: relative;
}

.sec-main-erea-reform {
	width: 100%;
	display: block;
	font-size: 0;
	position: relative;
	background-color: #e2e0d9;
	padding: 100px 0;
}

@media screen and (max-width:600px) {
	
.sec-main-erea-reform {
	padding: 50px 0;
}
	
}

.sec-pc-img {
	width: 100%;
	position: relative;
	z-index: 1;
}

.sec-sp-img {
	display: none;
}

.sec-main-erea-com .sec-main-title,
.sec-main-erea-ex .sec-main-title,
.sec-main-erea-event .sec-main-title,
.sec-main-erea-owner .sec-main-title,
.sec-main-erea-ot .sec-main-title,
.sec-main-erea-qa .sec-main-title {
	width: 100%;
	text-align: center;
	position:absolute;
	/* top: 50%; */
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
    z-index: 50;
}

.sec-main-erea-reform .sec-main-title {
	width: 100%;
	text-align: center;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
    z-index: 50;
}

nav {
	width: 100%;
	background-color: #ebe9e4;
	padding: 20px 0 20px;
}

.breadcrumbs {
	width: 100%;
	padding-right: 90px;
	padding-left: 90px;
	text-align: left;
}

@media screen and (max-width:1300px) {
	
.breadcrumbs {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
}
	
}

.breadcrumbs li{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	font-size: 1.4rem;
	line-height: 1.2;
	/* color: #8C8C8C; */
	color: #000;
	display: inline-block;
	position:relative;
	z-index: 50;
}

.sec-main-erea-com .breadcrumbs li,
.sec-main-erea-qa .breadcrumbs li{
	/* color: #ffffff; */
	color: #000;
}

.breadcrumbs li::after{
  content: '>';
  display: inline-block;
  padding: 0 10px; /*左右に余白*/
	/* color: #8C8C8C; */
	color: #000;
}

.sec-main-erea-com .breadcrumbs li::after,
.sec-main-erea-qa .breadcrumbs li::after{
	/* color: #ffffff; */
	color: #000;
}

.breadcrumbs li:last-child::after{
  display: none;
}

.breadcrumbs li a:link,
.breadcrumbs li a:visited,
.breadcrumbs li a:active {
  /* color: #8C8C8C; */
	color: #000;
  text-decoration: none;
}

.breadcrumbs li a:hover {    opacity:0.7;}



.sec-main-erea-com .title04,
.sec-main-erea-ex .title04,
.sec-main-erea-event .title04,
.sec-main-erea-owner .title04,
.sec-main-erea-qa .title04 {
	margin-top: 0;
	text-align: center;
	color: #ffffff;
}

.sec-main-erea-ot .title04 {
	margin-top: 0;
	text-align: center;
	color: #000000;
}


/* ボタン枠 */

.sec-btnbox1 {
	display: block;
	text-align: center;
}

.sec-btnbox2 {
	margin-top: 100px;
	display: block;
	text-align: center;
}



.sec-btnbox1 + h3.r-t2 {
	margin-top: 100px;
}

@media screen and (max-width:1200px) {
	
.sec-btnbox2 {
	margin-top: 75px;
}
	
.sec-btnbox1 + h3.r-t2 {
	margin-top: 75px;
}
	
}

@media screen and (max-width:992px) {
	
.sec-btnbox2 {
	margin-top: 50px;
}
	
.sec-btnbox1 + h3.r-t2 {
	margin-top: 50px;
}
	
}

/* 新しいボタン */

a.sbt1 {
	font-family: 'Noto Sans JP', sans-serif;
	display: inline-block;
	color: #000;
	text-decoration: none;
	font-size: 1.6rem;
	letter-spacing: 1px;
	position: relative;
	background-color: #fff;
	text-align: center;
	border : solid 1px var(--thema-color01);
	padding: 10px 80px 10px 30px;
}

a.sbt1:hover {
	transition: .7s;
	color: #fff;
	background-color: var(--thema-color01);
}

/* 赤い矢印のみ */
.arrow-right {
  display: inline-block;
  vertical-align: middle;
  color: var(--thema-color01);
  line-height: 1;
	position:absolute;
  width: 1em;
  height: 1px;
  background: currentColor;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}

.arrow-right::before {
  content: '';
  width: 0.65em;
  height: 0.65em;
  border: 1px solid var(--thema-color01);
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 50%;
  right: -0.05em;
  box-sizing: border-box;
}

a.sbt1:hover .arrow-right {
  color: #fff;
}

a.sbt1:hover .arrow-right::before {
  border: 1px solid #fff;
  border-left: 0;
  border-bottom: 0;
}

.sec-btnbox1 p + .sbt1 {
	margin-top: 10px;
}

@media screen and (max-width:992px) {
	
a.sbt1 {
	font-size: 1.4rem;
	padding: 10px 50px 10px 20px;
}
	
.arrow-right {
  width: 1em;
	right: 20px;
}
	
}

@media screen and (max-width:768px) {
	
a.sbt1 {
	font-size: 1.2rem;
	padding: 10px 30px 10px 10px;
}
	
.arrow-right {
  width: 1em;
	right: 10px;
}
	
}


/* 古いボタン */

a.sec-b1 {
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 10px;
	border: 1px solid #707070;
	color: #707070;
	text-decoration: none;
	font-size: 1.5rem;
	letter-spacing: 1px;
	position: relative;
	width: 400px;
	text-align: center;
}

a.sec-b1:before {
  content: "";
  margin: auto;
  position: absolute;
  bottom: 10px;
  right: 12px;
  width: 13px;    /* くの字を山なりに見た時、左側の長さ */
  height: 13px;   /* くの字を山なりに見た時、右側の長さ */
  border-top: 1px solid #707070;     /* くの字を山なりに見た時、左側の太さと色 */
  border-right: 0px solid #707070;   /* くの字を山なりに見た時、右側の太さと色 */
  transform: rotate(45deg);    /* くの字の向き */
}

a.sec-b1:after { /* 棒の表示設定 */
  content: "";
  margin: auto;
  position: absolute;
  bottom: 15px;
  right: 10px;
  width: 60px; /* 棒の長さ */
  height: 1px; /* 棒の太さ */
  background: #707070;　 /* 棒の色 */
}

a.sec-b1:hover {
	border: 1px solid #B0051C;
	color: #ffffff;
	background: #B0051C;
	opacity: 1;
	transition: .7s;
}

a.sec-b1:hover:before {
  border-top: 1px solid #ffffff;     /* くの字を山なりに見た時、左側の太さと色 */
  border-right: 0px solid #ffffff;   /* くの字を山なりに見た時、右側の太さと色 */
}

a.sec-b1:hover:after {
  background: #ffffff;　 /* 棒の色 */
}

a.sec-b1-yoyaku {
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 10px;
	border: 1px solid #B0051C;
	color: #ffffff;
	background-color: #B0051C;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.5rem;
	letter-spacing: 1px;
	position: relative;
	width: 400px;
	text-align: center;
}

a.sec-b1-yoyaku:before {
  content: "";
  margin: auto;
  position: absolute;
  bottom: 10px;
  right: 12px;
  width: 13px;    /* くの字を山なりに見た時、左側の長さ */
  height: 13px;   /* くの字を山なりに見た時、右側の長さ */
  border-top: 1px solid #ffffff;     /* くの字を山なりに見た時、左側の太さと色 */
  border-right: 0px solid #ffffff;   /* くの字を山なりに見た時、右側の太さと色 */
  transform: rotate(45deg);    /* くの字の向き */
}

a.sec-b1-yoyaku:after { /* 棒の表示設定 */
  content: "";
  margin: auto;
  position: absolute;
  bottom: 15px;
  right: 10px;
  width: 60px; /* 棒の長さ */
  height: 1px; /* 棒の太さ */
  background: #ffffff;　 /* 棒の色 */
}

a.sec-b1-yoyaku:hover {
	opacity: 0.7;
	transition: .7s;
}

a.sec-b1-yoyaku:hover:before {

}

a.sec-b1-yoyaku:hover:after {

}

a.sec-b2 {
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 10px;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.3rem;
	letter-spacing: 1px;
	position: relative;
	text-align: center;
	background-color: #41161A;
	border-radius: 10px;
}

a.sec-b3 {
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 10px;
	border: 1px solid #707070;
	color: #707070;
	text-decoration: none;
	font-size: 1.5rem;
	letter-spacing: 1px;
	position: relative;
	width: 400px;
	text-align: center;
}

a.sec-b3:before {
  content: "";
  margin: auto;
  position: absolute;
  bottom: 10px;
  left: 12px;
  width: 13px;    /* くの字を山なりに見た時、左側の長さ */
  height: 13px;   /* くの字を山なりに見た時、右側の長さ */
  border-top: 0px solid #707070;     /* くの字を山なりに見た時、左側の太さと色 */
  border-left: 1px solid #707070;   /* くの字を山なりに見た時、右側の太さと色 */
  transform: rotate(45deg);    /* くの字の向き */
}

a.sec-b3:after { /* 棒の表示設定 */
  content: "";
  margin: auto;
  position: absolute;
  bottom: 15px;
  left: 10px;
  width: 60px; /* 棒の長さ */
  height: 1px; /* 棒の太さ */
  background: #707070;　 /* 棒の色 */
}

a.sec-b3:hover {
	border: 1px solid #B0051C;
	color: #ffffff;
	background: #B0051C;
	opacity: 1;
	transition: .7s;
}

a.sec-b3:hover:before {
  border-top: 0px solid #ffffff;     /* くの字を山なりに見た時、左側の太さと色 */
  border-left: 1px solid #ffffff;   /* くの字を山なりに見た時、右側の太さと色 */
}

a.sec-b3:hover:after {
  background: #ffffff;　 /* 棒の色 */
}

a.sec-b4 {
	font-family: 'Noto Sans JP', sans-serif;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 30px;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.8rem;
	letter-spacing: 1px;
	position: relative;
	text-align: center;
	background-color: #7B0000;
	border-radius: 10px;
}


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

nav {
	display: none;
}
	
.breadcrumbs li{
	display: none;
}

.sec-main-erea-com .breadcrumbs li,
.sec-main-erea-ex .breadcrumbs li,
.sec-main-erea-event .breadcrumbs li,
.sec-main-erea-owner .breadcrumbs li,
.sec-main-erea-ot .breadcrumbs li,
.sec-main-erea-qa .breadcrumbs li {
	display: none;
}

.sec-main-erea {
	padding: 0px 0px;
}

.sec-pc-img {
	display: none;
}

.sec-sp-img {
	display: block;
}

a.sec-b1 {
	width: 100%;
}
	
a.sec-b1-yoyaku {
	width: 100%;
}
	
a.sec-b4 {
	padding: 10px 20px;
	font-size: 1.6rem;
	letter-spacing: 0px;
	border-radius: 10px;
}

}




/* セカンド個別パーツ */

/* リフォーム事例 */
.ex-area{
	display: block;
	width: 100%;
	position:relative;
	font-size: 0;
}

.ex-area2 {
	width: 100%;
	display: block;
	font-size: 0;
	position:relative;
	/* margin-top: 15px; */
}

.ex-area3 {
	width: 100%;
	display: block;
	font-size: 0;
	position:relative;
	margin-top: 15px;
}

.ex-img1 {
	width: 66.666%;
	display: inline-block;
	box-sizing: border-box;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #ffffff;
	position:relative;
	float: left;
}

.ex-img2 {
	width: 33.333%;
	display: inline-block;
	box-sizing: border-box;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #ffffff;
	position:relative;
	float: left;
}

.ex-t00,
.ex-t01 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 0;
}

.ex-t01 .accordion .toggle {
display: none;
}

.ex-t-25sp,
.ex-t-25{
	display: inline-block;
	width: 20%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1;
	text-align: left;
	padding-top: 15px;
	padding-right: 2px;
	padding-bottom: 15px;
	padding-left: 2px;
	vertical-align:top;
}

.ex-t-25t{
	display: inline-block;
	width: 20%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1;
	text-align: left;
	padding-top: 15px;
	padding-right: 2px;
	padding-bottom: 15px;
	padding-left: 2px;
	text-align: left;
	color: #9A1C26;
	vertical-align:top;
}

.ex-t-25t span{
	font-size: 1.2rem;
}

.ex-t00 .ex-t-25,
.ex-t00 .ex-t-25t{
	padding-top: 0px;
}

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

.ex-t00,
.ex-t01 {
	width: 100%;
}

.ex-t-25sp,
.ex-t-25{
	font-size: 1.4rem;
}

.ex-t-25t{
	font-size: 1.4rem;
}

}

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

.ex-img1 {
	width: 100%;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-right-width: 0px;
	border-right-style: none;
	border-right-color: #ffffff;
	position:relative;
	float: none;
}

.ex-img2 {
	width: 100%;
	display: block;
	box-sizing: border-box;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-right-width: 0px;
	border-right-style: none;
	border-right-color: #ffffff;
	position:relative;
	float: none;
}

.ex-t00,
.ex-t01 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-size: 0;
}

.ex-t01 .accordion {
margin: 3em auto;
width: 100%;
}
.ex-t01 .accordion .toggle {
display: none;
}
.ex-t01 .accordion .option {
position: relative;
margin-bottom: 1em;
}
.ex-t01 .accordion .title,
.ex-t01 .accordion .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.ex-t01 .accordion .title {
	font-size: 16px;
	background-color: #41161A;
padding: 1em;
display: block;
color: #ffffff;
font-weight: bold;
	margin-bottom: 10px;
}
.ex-t01 .accordion .title::after {
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: bold;
	font-size: 16px;
  position: absolute;
  right: 1.25em;
  top: 1.1em;
}
.ex-t01 .accordion .title::after {

}
.ex-t01 .accordion .content {
max-height: 0;
overflow: hidden;
}

.ex-t01 .accordion .toggle:checked + .title {
	background-color: #9A1C26;
}

.ex-t01 .accordion .toggle:checked + .title + .content {
max-height: 500px;
transition: all 1.5s;
}

.ex-t01 .accordion .toggle:checked + .title::after {
transform: rotate(180deg) !important;
}

.ex-t-25{
	display: inline-block;
	width: 50%;
	font-size: 1.4rem;
	padding-top: 15px;
	padding-right: 3px;
	padding-bottom: 15px;
	padding-left: 3px;
}

.ex-t-25sp{
	display: none;
}
.ex-t-25t{
	display: none;
}

}

/* 施工事例詳細 */
/* スライダー自体の設定は、slick-theme.css内に記述 */

.top-eximg {
	width: 80%;
	position:relative;
	margin-right: 0;
	margin-left: auto;
}

.top-exh2 {
	width: 80%;
	background-color: #41161A;
	padding: 15px 18px;
	position:absolute;
	bottom: -28px;
	left: 60px;
	z-index: 100;
}

.ex-sli{
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}

.ex-mado{
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	font-size: 0;
	vertical-align:top;
}

.ex-mado .before{
	width: 40%;
	height: 500px;
	background-color: #B2B2B2;
	display: inline-block;
	font-size: 2rem;
	position:relative;
	text-align: center;
}

.ex-mado .ar{
	width: 20%;
	height: 500px;
	display: inline-block;
	position:relative;
	vertical-align:top;
}

.ex-mado .ar span{
width: 0;
height: 0;
border-style: solid;
border-width: 40px 0 40px 50px;
border-color: transparent transparent transparent #b2b2b2;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.ex-mado .after{
	width: 40%;
	height: 500px;
	background-color: #B2B2B2;
	display: inline-block;
	font-size: 2rem;
	position:relative;
	text-align: center;
}

.ex-mado .before span,
.ex-mado .after span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.ex-owner{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-size: 0;
	vertical-align:top;
	margin-top: 100px;
	position:relative;
}

.ex-owner .owner1,
.ex-owner .owner1s{
	width: 25%;
	display: inline-block;
	vertical-align:top;
}

.ex-owner .owner1s img{
  border-radius:50%;
}

.ex-owner .owner2{
	width: 70%;
	display: inline-block;
	margin-left: 5%;
}

.owner-title{
	display: block;
	vertical-align:top;
}

.ow-btn{
	position:absolute;
	top: 0;
	right: 0;
}

.ex-ex0{
	width: 100%;
}

.ex-ex1{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-size: 0;
	vertical-align:top;
	margin-top: 100px;
}

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

.ex-sli{
	width: 90%;
}

.ex-mado{
	width: 100%;
}

.ex-owner{
	width: 100%;
	margin-top: 100px;
}

}

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

.ex-area2 {
	margin-top: 0px;
}

.top-eximg {
	width: 100%;
}

.top-exh2 {
	width: 100%;
	padding: 15px 18px;
	position:static;
	z-index: 100;
}

.ex-sli{
	width: 100%;
}

.ex-mado{
	width: 100%;
}

.ex-mado .before{
	width: 100%;
	height: 500px;
	display: block;
}

.ex-mado .ar{
	width: 100%;
	 height: 75px;
	display: block;
	margin-top 20px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ex-mado .ar span{
width: 0;
height: 0;
border-style: solid;
border-width: 40px 30px 0 30px;
border-color: #b2b2b2 transparent transparent transparent;
}

.ex-mado .after{
	width: 100%;
	height: 500px;
	display: block;
	margin-top 20px;
}

.ex-owner{
	width: 100%;
	margin-top: 20px;
}

.ex-owner .owner1,
.ex-owner .owner1s{
	width: 30%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.ex-owner .owner1s img{
  border-radius:50%;
}

.ex-owner .owner2{
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}

.ex-owner .owner2 .title03,
.ex-owner .owner2 .title04{
	text-align: center;
}

.ow-btn{
	width: 100%;
	display: block;
	position:static;
	top: 0;
	right: 0;
	margin-top: 20px;
}

.ex-ex0{
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
}

.ex-ex1{
	margin-top: 20px;
}

}

/* 会社概要 */

.co-btn{
	float: right;
}

.co-btn2{
	width: 100%;
}

.co-btn3{
	width: 100%;
	text-align: center;
	margin-top: 100px;
}

.table01-ueaki {
	padding-top: 12px;
	display: inline-block;
}

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

.co-btn{
 	float: none;
	margin-top: 10px;
}

.table01-ueaki {
	padding-top: 0;
	display: inline-block;
}
	
.co-btn3{
	margin-top: 50px;
}

}

/* よくあるご質問 */

.qa-area1{
	width: 100%;
	display: block;
	font-size: 0;
	padding-top: 150px !important;
	padding-bottom: 0px !important;
}

.qa-area2{
	width: 100%;
	display: block;
	font-size: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	margin-top: 50px;
}

.qa-area3{
	width: 100%;
	display: block;
	font-size: 0;
	margin-top: 50px;
}

.qa-area4{
	width: 100%;
	display: block;
	font-size: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}

.catlist{
	display: block;
	text-align: center;
	padding-top: 25px;
	padding-right: 2px;
	padding-bottom: 20px;
	padding-left: 2px;
	vertical-align:top;
}

.qa-area3 .catlist{
	background-color: #ccc;
}

.catlist01{
	display: inline-block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1;
	text-align: left;
	color: #000000;
	vertical-align:top;
}

.qa01{
	width: 50%;
	display: inline-block;
	vertical-align:top;
}

.qa01 .accordion {
margin: 3em auto;
width: 100%;
}
.qa01 .accordion .toggle {
display: none;
}
.qa01 .accordion .option {
position: relative;
margin-bottom: 1em;
}
.qa01 .accordion .title,
.qa01 .accordion .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;

}
.qa01 .accordion .title {
	font-size: 15px;
	padding: 1em;
	display: block;
	color: #616161;
    border-collapse: collapse; /* 枠線(ボーダー)を重ねて表示 */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}
.qa01:nth-child(even) .accordion .title{
	border-left-width: 0px;
	border-left-style: none;
	border-left-color: #666666;
}

@media screen and (max-width:1550px) {
.qa01:nth-child(even) .accordion .title{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}
}

.qa01 .accordion .title::before {
	font-family: 'Noto Serif JP', serif;
	content: "Q";
	font-size: 15px;
	color: #ffffff;
	background-color: #9D9D9D;
	width: 25px;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	margin-right: 10px;
}

.qa01 .accordion .title::after {
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: bold;
	font-size: 15px;
  position: absolute;
  right: 1.25em;
  top: 1.1em;
}

.qa01 .accordion .content {
	max-height: 0;
	overflow: hidden;
	font-size: 15px;
	padding-right: 10px;
	padding-left: 10px;
	color: #616161;
}

.qa01 .accordion .toggle:checked + .title {
	color: #ffffff;
	background-color: #9D9D9D;
}

.qa01 .accordion .toggle:checked + .title + .content {
	max-height: 700px;
	transition: all 1.5s;
	background-color: #E6E6E6;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

.qa01 .accordion .toggle:checked + .title::after {
	transform: rotate(180deg) !important;
}
.qa01 .accordion .toggle:checked + .title::before {
	color: #9D9D9D;
	background-color: #ffffff;
}

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

.qa01{
	width: 100%;
	display: block;
	vertical-align:top;
}

}

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

.qa-area1{
	padding-top: 50px !important;
}

.qa-area2{
	margin-top: 20px;
}

.qa-area3{
	margin-top: 20px;
}

.catlist{
	display: block;
	text-align: left;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	vertical-align:top;
}

.catlist01{
	font-size: 1.4rem;
	display: inline-block;
	width: 50%;
	padding-top: 3px;
	padding-bottom: 3px;
}

.qa01 .accordion .title {
	font-size: 14px;
	padding: 10px 40px 10px 40px;
	display: block;
	position:relative;
}
.qa01 .accordion .title::before {
	content: "Q";
	font-size: 14px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	margin-right: 10px;
	position:absolute;
	top: 10px;
	left: 10px;
}

.qa01 .accordion .title::after {
	font-size: 14px;
  right: 10px;
  top: 12px;
}

.qa01 .accordion .content {
	font-size: 14px;
	padding-right: 10px;
	padding-left: 10px;
}

}

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

.qa-area1{
	padding-top: 30px !important;
}

}

/* オーナーの皆様へ */

.ow-erea1{
	width: 900px;
	display: block;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	font-size: 0;
}

@media screen and (max-width:1000px) {
	
.ow-erea1{
	margin-top: 30px;
	width: 100%;
}
	
}

.ow-erea2{
	display: block;
	font-size: 0;
}

.ow-img1{
	display: inline-block;
	width: 30%;
}

.ow-img1 + .ow-img1{
	margin-left: 5%;
}

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

.ow-img1{
	display: block;
	width: 30%;
	margin-right: auto;
	margin-left: auto;
}

.ow-img1 + .ow-img1{
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
	
}

@media screen and (max-width:768px) {
	
.ow-img1{
	display: block;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}

.ow-img1 + .ow-img1{
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
	
}

.ow-table1{
	margin-top: 50px;
}

.ow-bt1{
	width: 33.333%;
	font-size: 1.8rem;
	display: inline-block;
	color: #ffffff;
	background-color: #D9C282;
	padding: 30px 10px 30px 10px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
}

.ow-bt1 br{
	display: none;
}

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

.ow-bt1{
	width: 33.333%;
	font-size: 1.4rem;
	display: inline-block;
	color: #ffffff;
	background-color: #D9C282;
	padding: 20px 5px 20px 5px;
}

.ow-bt1 br{
	display: block;
}

}



/* 共通エリア */

.ts-back01{
	display: block;
	width: 100%;
	height: auto;
	padding-top: 100px !important;
	padding-bottom: 100px !important;
	background-color: #ffffff;
}

.ts-back01-exin{
	display: block;
	width: 100%;
	height: auto;
	padding-top: 100px !important;
	padding-bottom: 100px !important;
	background-color: #ffffff;
}

.ts-back02{
	display: block;
	width: 100%;
	height: auto;
	padding-top: 100px !important;
	padding-bottom: 100px !important;
	background-color: #ffffff;
}

.ts-back03{
	display: block;
	width: 100%;
	height: auto;
	padding-top: 50px !important;
	padding-bottom: 50px !important;
	background-color: var(--thema-color02);
}

.ts-back04{
	display: block;
	width: 100%;
	height: auto;
	padding-bottom: 100px !important;
	background-color: #ffffff;
}

.ts-back05{
	display: block;
	width: 100%;
	height: auto;
	padding-top: 100px !important;
	padding-bottom: 50px !important;
	background-color: #ffffff;
}

.ts-back06{
	display: block;
	width: 100%;
	height: auto;
	padding-top: 100px !important;
	padding-bottom: 100px !important;
	background-color: #F4EDDA;
}

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

.ts-back01-exin{
	padding-top: 150px !important;
	padding-bottom: 150px !important;
}

}

@media screen and (max-width:1200px) {
	
.ts-back01{
	padding-top: 75px !important;
	padding-bottom: 75px !important;
}

.ts-back01-exin{
	padding-top: 75px !important;
	padding-bottom: 75px !important;
}

.ts-back02{
	padding-top: 75px !important;
	padding-bottom: 75px !important;
}

.ts-back03{
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.ts-back04{
	padding-bottom: 75px !important;
}

.ts-back05{
	padding-top: 75px !important;
	padding-bottom: 50px !important;
}
	
.ts-back06{
	padding-top: 75px !important;
	padding-bottom: 75px !important;
}	
	
}

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

.ts-back01{
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.ts-back01-exin{
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.ts-back02{
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.ts-back03{
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.ts-back04{
	padding-bottom: 50px !important;
}

.ts-back05{
	padding-top: 50px !important;
	padding-bottom: 20px !important;
}
	
.ts-back06{
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}	

}



/* 新FLEX */

.flex-w{
	width: 100%;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	flex-direction: row;
}

.flex-20{
	flex: 0 0 20%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 0;
}

.flex-23{
	flex: 0 0 23.5%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 2%;
}

.flex-25{
	flex: 0 0 25%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 0;
}

.flex-28{
	flex: 0 0 28%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 2%;
}

.flex-30{
	flex: 0 0 30%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 5%;
}

.flex-32{
	flex: 0 0 32%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 2%;
}

.flex-33{
	flex: 0 0 33.333%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 0;
}

.flex-38{
	flex: 0 0 38%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 2%;
}

.flex-49{
	flex: 0 0 49%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 2%;
}

.flex-50{
	flex: 0 0 50%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 0;
}

.flex-60{
	flex: 0 0 60%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 2%;
}

.flex-70{
	flex: 0 0 70%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 20px;
	margin-right: 2%;
}

@media screen and (max-width:992px) {
	
.flex-20{
	margin-top: 10px;
}

.flex-23{
	margin-top: 10px;
}

.flex-25{
	margin-top: 10px;
}
	
.flex-28{
	margin-top: 10px;
}

.flex-30{
	margin-top: 10px;
}

.flex-32{
	margin-top: 10px;
}

.flex-33{
	margin-top: 10px;
}
	
.flex-38{
	margin-top: 10px;
}
	
.flex-49{
	margin-top: 10px;
}

.flex-50{
	margin-top: 10px;
}
	
.flex-60{
	margin-top: 10px;
}
	
.flex-70{
	margin-top: 10px;
}
	
}

/* 隙間調節 */

/* 最前列はtopマージン消す */
/* 先頭から5個目まで（1列に5個入る） */
.flex-20:nth-child(-n+5),

/* 先頭から4個目まで（1列に4個入る） */
.flex-23:nth-child(-n+4),
.flex-25:nth-child(-n+4),

/* 先頭から3個目まで（1列に3個入る） */
.flex-28:nth-child(-n+3),
.flex-30:nth-child(-n+3),
.flex-32:nth-child(-n+3),
.flex-33:nth-child(-n+3),

/* 先頭から2個目まで（1列に2個入る） */
.flex-49:nth-child(-n+2),
.flex-50:nth-child(-n+2),
	
/* 最初の1個目のみ */
.flex-70:nth-child(-n+1){
	margin-top: 0;
}

/* 一番右でrightマージンを消す */
.flex-23:nth-child(4n),
.flex-30:nth-child(3n),
.flex-32:nth-child(3n),
.flex-49:nth-child(2n){
	margin-right: 0;
}

.flex-60 + .flex-38{
	margin-right: 0;
}

.flex-28 + .flex-70{
	margin-right: 0;
}

.title01 + .flex-w,
.title01.cen + .flex-w.order1{
	margin-top: 30px;
}

@media screen and (max-width:1200px) {
	
.title01 + .flex-w,
.title01.cen + .flex-w.order1{
	margin-top: 20px;
}
	
}

/* 順番変更 */

.flex-w.order1 .flex-49:nth-child(1) { order: 1; }
.flex-w.order1 .flex-49:nth-child(2) { order: 2; }
.flex-w.order1 .flex-49:nth-child(3) { order: 4; margin-right: 0; }
.flex-w.order1 .flex-49:nth-child(4) { order: 3; margin-right: 2%; }
.flex-w.order1 .flex-49:nth-child(5) { order: 5; }
.flex-w.order1 .flex-49:nth-child(6) { order: 6; }
.flex-w.order1 .flex-49:nth-child(7) { order: 8; margin-right: 0; }
.flex-w.order1 .flex-49:nth-child(8) { order: 7; margin-right: 2%; }
.flex-w.order1 .flex-49:nth-child(9) { order: 9; }
.flex-w.order1 .flex-49:nth-child(10) { order: 10; }

@media screen and (max-width:992px) {
	
.flex-w.order1 .flex-49:nth-child(1) { order: 1; }
.flex-w.order1 .flex-49:nth-child(2) { order: 2; }
.flex-w.order1 .flex-49:nth-child(3) { order: 3; margin-right: 0; }
.flex-w.order1 .flex-49:nth-child(4) { order: 4; margin-right: 0; }
.flex-w.order1 .flex-49:nth-child(5) { order: 5; }
.flex-w.order1 .flex-49:nth-child(6) { order: 6; }
.flex-w.order1 .flex-49:nth-child(7) { order: 7; margin-right: 0; }
.flex-w.order1 .flex-49:nth-child(8) { order: 8; margin-right: 0; }
.flex-w.order1 .flex-49:nth-child(9) { order: 9; }
.flex-w.order1 .flex-49:nth-child(10) { order: 10; }
	
}

/* スマホで変更 */
@media screen and (max-width:992px) {
	
.sp-f-49 {
	flex: 0 0 49%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 10px !important;
	margin-right: 2% !important;
}
	
.sp-f-50 {
	flex: 0 0 50%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 10px !important;
	margin-right: 0 !important;
}
	
.sp-f-70-cen {
	flex: 0 0 70%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 10px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
	
.sp-f-100 {
	flex: 0 0 100%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 10px !important;
}
	
.sp-f-49:nth-child(-n+2),
.sp-f-50:nth-child(-n+2),
.sp-f-70-cen:nth-child(-n+1),
.sp-f-100:nth-child(-n+1){
	margin-top: 0 !important;
}
	
.sp-f-49:nth-child(2n),
.sp-f-50:nth-child(2n){
	margin-right: 0 !important;
}

}

@media screen and (max-width:768px) {
	
.sp-f-100-2 {
	flex: 0 0 100%;
	padding: 0 0 0 0;
	margin-bottom: 0;
	position:relative;
	margin-top: 10px !important;
}
	
.sp-f-100-2:nth-child(-n+1){
	margin-top: 0 !important;
}
	
}

#event-all .flex-w .flex-49 { 
	border : solid 1px #666666;
	position:relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}

#event-all .flex-w .flex-49 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

#event-all .flex-w .flex-49:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}




/* 自作アニメーションのまとめ */

.animated {
    opacity: 0;
}

.anime-1 {
  /* アニメーションにかける秒数 */
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  /* アニメcssの名前 */
  animation-name: anime1;
    opacity: 0;
	position: relative;
	animation-timing-function: ease-out;
}

@keyframes anime1 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

.anime-2 {
  /* アニメーションにかける秒数 */
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  /* アニメcssの名前 */
  animation-name: anime2;
    opacity: 0;
	position: relative;
	animation-timing-function: ease-out;
}

@keyframes anime2 {
from {
    opacity: 0;
	top: 50px;
}
to {
    opacity: 1;
	top: 0;
}
}

.anime-3 {
  /* アニメーションにかける秒数 */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* アニメcssの名前 */
  animation-name: anime3;
    opacity: 0;
	position: relative;
	animation-timing-function: ease-out;
}

@keyframes anime3 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}




/*# ★★テーブル★★ */

.table01 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.table01 table {
	width: 100%;
	margin-bottom: 0px;
	border-collapse: collapse; /* 枠線(ボーダー)を重ねて表示 */
}

.table01 table th{
	width: 30%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 120%;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	vertical-align:middle;
}

.table01 table td{
	width: 70%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 120%;
	text-align: left;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	vertical-align:middle;
	position:relative;
}

.table02 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.table02 table {
	width: 100%;
	margin-bottom: 0px;
	border-collapse: collapse; /* 枠線(ボーダー)を重ねて表示 */
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
}

.table02 table th{
	width: 40%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1;
	text-align: left;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	text-align: left;
	vertical-align:top;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000000;
}

.table02 table td{
	width: 60%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1;
	text-align: left;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	vertical-align:top;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000000;
}

.table03 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.table03 table {
	width: 100%;
	margin-bottom: 0px;
	border-collapse: collapse; /* 枠線(ボーダー)を重ねて表示 */
}

.table03 table th{
	width: 30%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 120%;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-align: left;
	vertical-align:middle;
}

.table03 table td{
	width: 70%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 120%;
	text-align: left;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	vertical-align:middle;
	position:relative;
}

.table03 table th.top{
	vertical-align:top;
}

.table03 table th.bot{
	vertical-align:bottom;
}

.table03 table th p{
	margin-top: 10px;
	text-align: right;
}


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

.table01 table th{
	width: 100%;
	display: block;
	font-size: 1.4rem;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #000000;
	vertical-align:middle;
	background-color: #999999;
	color: #ffffff;
}

.table01 table td{
	width: 100%;
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4rem;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #000000;
	vertical-align:middle;
	position:relative;
}

.table02 table th{
	width: 30%;
	font-size: 1.4rem;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}

.table02 table td{
	width: 70%;
	font-size: 1.4rem;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}

.table03 table th{
	width: 100%;
	display: block;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

.table03 table td{
	width: 100%;
	display: block;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

.table03 table th p{
	margin-top: 10px;
	text-align: left;
}


}

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



}

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



}












/* ////////////////////////////////////////////////////////////

TAM CSS

/////////////////////////////////////////////////////////////*/


/* ////////////////////////////////////////////////////////////
独自設定系
/////////////////////////////////////////////////////////////*/


  .Cent {
    text-align: center;
  }


  .Right {
    margin:0 0 0 auto;
  }


  .Left {
    float: left;
  }


  .Left-pconly {
    text-align: left;
  }

  @media(max-width:1100px){
    .Left-pconly {
      text-align: center;
    }
  }


  /* 縦上揃え */
  .Flex_topd {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin: 0 auto;
  }

  @media(max-width:1100px){
    .Flex_topd {
      text-align: center;
    }
  }


  /* 縦センター揃え */
  .Flex_cent {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0 auto;
  }

  @media(max-width:1100px) {
    .Flex_cent {
      display: block;
      width: 100%;
      flex-direction: column;
      padding: 0;
      margin: 0 auto;
    }
  }


  /* 縦上揃え-SP横並び */
  .Flex_topd-spside {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin: 0 auto;
  }

  @media(max-width:1100px) {
    .Flex_topd-spside {
      width: 100%;
      padding: 0;
      margin: 0 auto;
    }
  }


  /* flex item 50% */
  .FL-item_50 {
    flex-basis: 50%;
    margin: 0 auto;
  }

  @media(max-width:1100px) {
    .FL-item_50 {
      width: 100%;
      padding: 0;
      margin: 0 auto;
    }
  }


  /*1537px以上のみ有効*/
  .pos_1537 {
    display: none;
  }

  @media(min-width:1537px){
    .pos_1537 {
      display: block;
    }
  }

  @media(max-width:1536px){
    .pos_1537 {
      display: none;
    }
  }


  /*1366px以下のみ有効*/
  .pre_1366 {
    display: none;
  }

  @media(max-width:1366px){
    .pre_1366 {
      display: block;
    }
  }

  /*1100px以下のみ有効*/
  .pre_1100 {
    display: none;
  }

  @media(max-width:1100px){
    .pre_1100 {
      display: block;
    }
  }

  /*767px以下のみ有効*/
  .pre_767 {
    display: none;
  }

  @media(max-width:767px){
    .pre_767 {
      display: block;
    }
  }

  /*540px以下のみ有効*/
  .pre_540 {
    display: none;
  }

  @media(max-width:540px){
    .pre_540 {
      display: block;
    }
  }

  /*400px以下のみ有効*/
  .pre_400 {
    display: none;
  }

  @media(max-width:400px){
    .pre_400 {
      display: block;
    }
  }


  .pd_top160-pconly {
    padding: 160px 0 0;
  }

  @media(max-width:1100px){
    .pd_top160-pconly {
      padding: 0px;
    }
  }


  .mg_t160b40-pconly {
    margin: 160px 0 40px;
  }

  @media(max-width:1100px){
    .mg_t160b40-pconly {
      margin: 0;
    }
  }

  .mg_t160-pconly {
    margin: 160px 0 0;
  }

  @media(max-width:1100px){
    .mg_t160-pconly {
      margin: 0 0 0;
    }
  }




/* ////////////////////////////////////////////////////////////

各メールフォーム フォーム部分 共用パーツ

/////////////////////////////////////////////////////////////*/

  .box-title {
    font-size: 2rem;
    font-weight: 300;
    color: #000000;
    background: #CCCCCC;
    border-radius: 15px 15px 0 0;
    padding: 15px 5px;
    text-align: center;
    /* letter-spacing: 0.05em; */
  }

  @media(max-width:1100px){
    .box-title {
      font-size: 1.8rem;
      padding: 20px 15px;
    }
  }

  @media(max-width:767px){
    .box-title {
      font-size: 1.6rem;
      padding: 10px 10px;
    }
  }

/* ////////////////////////////////////////////////////////////
メールフォーム プライバシー確認・フォーム送信エリア
/////////////////////////////////////////////////////////////*/

  .form-caution-box {
    margin: 60px auto 50px;
  }

  @media(max-width:1100px){
    .form-caution-box {
    }
  }

  @media(max-width:767px){
    .form-caution-box {
      margin: 40px auto 40px;
    }
  }


  .form-caution-box .link-list {
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    padding: 0;
    margin: 0 auto;
    color: #000000;
  }

  @media(max-width:1100px){
    .form-caution-box .link-list {
      display: block;
      width: 100%;
      flex-direction: column;
      padding: 0;
      margin: 0 auto;
    }
  }


  .form-caution-box .link-list li {
    width: 100%;
    text-align: left;
    line-height: 50px;
    color: #000000;
    margin: 40px 0 5px;
    padding: 0 30px 0 0;
  }

  @media(max-width:1100px){
    .form-caution-box .link-list li {

    }
  }


  .form-caution-box .link-list li i {
    color: #528BA5;
    margin: 0 5px 0 0;
  }

  @media(max-width:1100px){
    .form-caution-box .link-list li i {

    }
  }


  .form-caution-box .link-list li a {
    color: #000000;
  }

  @media(max-width:1100px){
    .form-caution-box .link-list li a {

    }
  }


  .policy_c-box {

  }

  @media(max-width:1100px){
    .policy_c-box {

    }
  }


  .policy-caution {
    width: 100%;
    background: #B0051C;
    padding: 5px 0;
  }

  @media(max-width:1100px){
    .policy-caution {
      padding: 5px 5px;
    }
  }

  @media(max-width:767px){
    .policy-caution {
      padding: 5px 10px;
    }
  }


  .policy-caution p {
    color: #fff!important;
    font-weight: 500;
    text-align: center;
  }

  @media(max-width:1100px){
    .policy-caution p {

    }
  }

  @media(max-width:767px){
    .policy-caution p {
    }
  }


  .policy-check {
    width: 100%;
    background: #F3D9DD;
    padding: 15px 0;
  }

  @media(max-width:1100px){
    .policy-check {
    }
  }

  @media(max-width:1100px){
    .policy-check {
      padding: 15px 10px;
    }
  }



  .policy-check input[type="checkbox"] {
    vertical-align: 0;
    margin-right: 8px !important;
  }

  @media(max-width:1100px){
    .policy-check input[type="checkbox"] {

    }
  }


  .policy-check p {
    text-align: center;
    vertical-align: middle;
  }

  @media(max-width:1100px){
    .policy-check p {

    }
  }


  .submit-area {
    text-align: center;
    margin: 60px auto 0;
  }

  @media(max-width:1100px){
    .submit-area {
      margin: 60px auto 60px;
    }
  }


  p.mg-low {
    text-align: center;
    margin: 0 auto 0;
  }

  @media(max-width:1100px){
    p.mg-low {
      margin: 0 auto 0;
    }
  }





/* ////////////////////////////////////////////////////////////
追従バナー
/////////////////////////////////////////////////////////////*/

  .floating-bnr {
    position: fixed;
    z-index: 99999;
    bottom: 0;
    right: 0;
  }

  .floating-bnr_pc {
    width: 300px;
  }

  .floating-bnr:hover {
    opacity: .9; /* ホバーで透過 */
  }

  .floating-bnr_sp {
    display: none; /* PCではSP用バナー非表示 */
  }

  @media screen and (max-width: 1100px) {
      .floating-bnr_pc {
          /* display: none; */
      }
  }
  @media screen and (max-width: 767px) {
      .floating-bnr_pc {
          display: none;
      }
  }
  @media screen and (max-width: 767px) { /* スマホ用のブレイクポイントを指定 */
      .floating-bnr_sp {
          display: inline-block; /* SP用バナー復帰 */
          width: 100vw; /* SP画面幅いっぱいに表示 */
      }
  }




/* メールフォーム使用のスタイル */








/* ////////////////////////////////////////////////////////////

0315～

/////////////////////////////////////////////////////////////*/


  .top-mainarea-PC {
    width: 100%;
    display: block;
  }

  @media(max-width:1080px) {
    .top-mainarea-PC {
      display: none;
    }
  }

  @media(max-width:767px) {
    .top-mainarea-PC {
      display: none;
    }
  }


  .top-mainarea-SP {
    display: none;
  }

  @media(max-width:1080px) {
    .top-mainarea-SP {
      display: block;
    }
  }

  @media(max-width:767px) {
    .top-mainarea-SP {
      display: block;
    }
  }


  .FLEX-top-main {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0 auto;
  }

  @media(max-width:1080px) {
    .FLEX-top-main {
      -webkit-align-items: start;
      -ms-align-items: start;
      align-items: start;
    }
  }

  @media(max-width:767px) {
    .FLEX-top-main {
      -webkit-align-items: start;
      -ms-align-items: start;
      align-items: start;
    }
  }


  .t-p-hov {
  	transition: .7s;
  }

  .t-p-hov:hover {
  	color: #D9C282;
    border-left-color: #D9C282;
  }


  .t-arrow-hov img {
    transform: scale(1.2);
    transition: .3s ease-in-out;
  }

  .t-arrow-hov:hover img {
    transform: scale(1);
  }



/* ////////////////////////////////////////////////////////////

0315～

/////////////////////////////////////////////////////////////*/



  .search-box_label {
    font-weight: bold;
  }
  .is-hide {
    display: none;
  }


  .exa-ts-back01-exin {
  	display: block;
  	width: 100%;
  	height: auto;
	padding-top: 100px !important;
	padding-bottom: 100px !important;
  	background-color: #ffffff;
  }

@media screen and (max-width:1200px) {
    .exa-ts-back01-exin {
	padding-top: 75px !important;
	padding-bottom: 75px !important;
    }
  }

@media screen and (max-width:992px) {
    .exa-ts-back01-exin {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
    }
  }




  .search-results {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 40px 0 0;
  }

  .ex-list-img {
    width: 33.333%;
    display: inline-block;
    box-sizing: border-box;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #ffffff;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: #ffffff;
    position:relative;
    /* float: left; */
  }

  @media(max-width:1100px){
    .ex-list-img {
      width: 100%;
      display: block;
      box-sizing: border-box;
      border-bottom-width: 2px;
      border-bottom-style: solid;
      border-bottom-color: #ffffff;
      border-right-width: 0px;
      border-right-style: none;
      border-right-color: #ffffff;
      position:relative;
      float: none;
    }
  }


  .search-box .ex-t-25t {
  }

  @media(max-width:1100px){
    .search-box .ex-t-25t {
      display: none;
    }
  }


  .search-box .ex-t-25t-sp {
    display: none;
  }

  @media(max-width:1100px){
    .search-box .ex-t-25t-sp {
      display: block;
      font-size: 2rem;
      text-align: center;
      margin: 25px auto 10px;
      padding: 5px 0;
      color: #fff;
      /* line-height: 1.3; */
      /* background: #9A1C26; */
      background: #41161A;
    }
  }


/* FLEX親 */
  .search-results .list {
    display: flex;
    flex-wrap: wrap;
  }

  @media(max-width:1100px){
    .search-results .list {
      display: block;
    }
  }


/* FLEX子 */
  .search-results .list_item {
    width: 50%;
  }

  @media(max-width:1100px){
    .search-results .list_item {
      width: 100%;
    }
  }




  .ex-sn {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  @media(max-width:1100px){
    .ex-sn {

    }
  }


  .ex-sn .ex-img2 {
    width: 100%;
    float: none;
  }

  @media(max-width:1100px){
    .ex-sn .ex-img2 {

    }
  }



  @media(max-width:1400px) {
    .exa-ts-back01-exin .ex-t00,
    .exa-ts-back01-exin .ex-t01 {
    	width: 90%;
    }
  }

@media screen and (max-width:768px) {
    .exa-ts-back01-exin .ex-t01 {
    	width: 100%;
    }
  }



/* ////////////////////////////////////////////////////////////

paginathing

/////////////////////////////////////////////////////////////*/

  .pagination {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
  }

  .pagination li {
    margin-right: 1em;
  }

  .pagination li a {
    text-decoration: none;
    color: #000;
  }

  .pagination .page {
    padding: .4em .5em;
    border: 1px solid #000;
  }

  .pagination .navi-active {
    background-color: #000;
  }

  .pagination .navi-active a {
    color: #fff;
  }



/* ////////////////////////////////////////////////////////////

loading

/////////////////////////////////////////////////////////////*/


  #loading-wrap {
     width: 100%;
     height: 100%;
	overflow-x: hidden;
  }

  #loading-block {
     display: block;
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     background: #FFF;
     z-index: 50998;
     text-align: center;
  }


  #loading {
     display: none;
     position: fixed;
     top: 46%;
	left: 50%;
	transform: translateX(-50%);
	-webkit- translateX(-50%);
     width: 120px;
     height: 120px;
     margin: 0 auto;
     text-align: center;
     color: #fff;
     z-index: 50999;
  }










/* ////////////////////////////////////////////////////////////

サーチ v2

/////////////////////////////////////////////////////////////*/


  #News_Area ul + .holder {
    display: block;
    text-align: center;
    margin: 20px auto;
  }

  #News_Area ul + .holder a.jp-previous,
  #News_Area ul + .holder a.jp-next {
    display: none;
  }

  #News_Area ul + .holder a {
    cursor: pointer;
    font-size: 12px;
    padding: 5px 10px;
    border: 1px solid #DDD;
    border-radius: 100%;
    margin: 0 5px;
  }

  #News_Area ul#TopicsContainer + .holder a {
    padding: 1px 10px;
    border: none;
    background: rgba(187, 88, 155, .2);
  }


  #News_Area ul + .holder a.jp-current,
  #News_Area ul#TopicsContainer + .holder a.jp-current {
    color: #FFF;
    background: #BB589B;
  }


  #Information {
    display: inline-block;
    width: 100%;
    height: auto;
    padding-top: 150px !important;
    padding-bottom: 150px !important;
    padding-right: 60px;
    padding-left: 60px;
    background-color: #ffffff;
  }

  @media(max-width:1500px){
    #Information {
      padding-top: 150px !important;
      padding-bottom: 150px !important;
      padding-right: 20px;
      padding-left: 20px;
    }
  }

  @media(max-width:1100px){
    #Information {
      padding-top: 50px !important;
      padding-bottom: 50px !important;
      padding-right: 20px;
      padding-left: 20px;
    }
  }

  @media(max-width:992px){
    #Information {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
    }
  }


/* FLEX親 */
  #Information .list {
    display: flex;
    flex-wrap: wrap;
  }

  @media(max-width:1100px){
    #Information .list {
      display: block;
    }
  }


/* FLEX子 */
  #Information .list_item {
    width: 50%;
  }

  @media(max-width:1100px){
    #Information .list_item {
      width: 100%;
    }
  }


  #Information .search-selectbox {
  	width: 90%;
  	margin-right: auto;
  	margin-left: auto;
  	font-size: 0;
  }


  #Information .search-txt {
    width: 100%;
    display: flex;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    padding-top: 15px;
    padding-right: 2px;
    padding-bottom: 15px;
    padding-left: 2px;
    vertical-align:top;
  }

  #Information label.checkbox_text {
    width: 20%;
  }





    .ex-sn {
      position: relative;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    @media(max-width:1100px){
      .ex-sn {

      }
    }








  .search_item {
      display: inline-block;
      padding: 3px;
      cursor: pointer;
  }
  .is-hide {
      display: none !important;
  }



  #Information ul {
      width: 100%;
      margin: 0 auto;
  }

  #Information ul li {
      position: relative;
  }

  #Information ul li::before {
      position: absolute;
      font-size: 11px;
      padding: 1.5px 5px;
      box-sizing: border-box;

      left: 10px;
      top: 50%;
      transform: translateY(-50%);
  }

  #Information ul li[data-category="info"]::before {
      content: '\3054\6848\5185';
      color: #FFF;
      background: #4d6e9b;
  }

  #Information ul li[data-category="imp"]::before {
      content: '\91CD\a0\8981';
      color: #FFF;
      padding: 1.5px 8px;
      background: #9B2E55;
  }





  .page_catalog_order .form-wakugai {
    box-sizing: border-box;
    display: block;
  }

  .cont-topbar {
    background: rgba(255,255,255,0.5);
    width: 100%;
    height: 100px;
    position: absolute;
    z-index: 5;
  }

@media screen and (max-width:1100px) {
    .cont-topbar {
      display: none;
      background: none;
  }
}
	  
.before {
	width: 100%;
	margin-top: 100px;
	font-size: 0;
}
	  
.before div {
	width: 25%;
	display: inline-block;
	border : solid 1px #fff ;
}

@media(max-width:1100px){

.before {
	margin-top: 30px;
}
	
.before div {
	width: 33%;
}
	
}

/* 2024/11リニューアル追加分 */

/* 共通デザイン */

.sec-1100{
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.sec-1200{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

@media screen and (max-width:1300px) {
	
.sec-1100,
.sec-1200{
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
}

}

.sec-1400{
	width: 1400px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

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

.sec-1400{
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
}

}

/* リフォームの流れ、すまいの健康診断　用 */

#reform-flow{}
#reform-healthcheck{}

.dummy{
	color: #A6192E;
}

.r-t1{
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 2.4rem;
	font-weight: 400;
	line-height: 1.3;
	color: #000000;
}

.r-t1 + .flex-w,
.r-t1 + p{
	margin-top: 30px;
}

.flex-w + .r-t1{
	margin-top: 50px;
}

h3.r-t2{
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 2.8rem;
	font-weight: 300;
	line-height: 1.7;
	color: #000000;
	text-align: center;
}

h3.r-t2 span{
	background: linear-gradient(transparent 50%, #E2E0D9 50%);
}

.ts-back06 h3.r-t2 span{
	background: linear-gradient(transparent 50%, white 50%);
}

h3.r-t2 + .r-t1{
	margin-top: 80px;
}

.r-t3{
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 2.5rem;
	font-weight: 300;
	line-height: 1.3;
	color: #000000;
	text-align: center;
	margin-top: 100px;
}

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

.r-t3 + .flex-w{
	margin-top: 30px;
}

.r-t4{
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 2rem;
	font-weight: 300;
	line-height: 1.3;
	color: #000000;
	text-align: center;
	margin-top: 50px;
}

.r-t4 span{
  	font-size: 1.8rem;
	color: #fff;
	line-height: 1;
	background-color: #B0051C;
	padding: 2px 5px;
	margin-right: 10px;
}

.r-t5{
	display: inline-block;
  	font-size: 1.8rem;
	color: #fff;
	line-height: 1;
	background-color: #fff;
	padding: 7px 15px 10px;
	border-radius: 20px;
	background-color: #B0051C;
}

.r-t5 + p {
	margin-top: 10px;
}

#reform-flow h4{
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 2.3rem;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 2px;
	color: #000000;
	text-align: left;
	margin-bottom: 10px;
}

.r-table01 {

}

.r-table01 tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

.r-table01 tr:last-child {
	border-bottom-width: 0px;
	border-bottom-style: none;
}

.r-table01 th {
	vertical-align:middle;
	padding-top: 20px;
	padding-bottom: 20px;
}

.r-table01 th:first-child {

}

.r-table01 th div {
	width: 135px;
	text-align: center;
	display: inline-block;
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 2.7rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 2px;
	color: #fff;
	background-color: #B0051C;
	padding: 3px 3px 7px;
	white-space: nowrap;
}

.r-table01 th div span {
  	font-size: 3.6rem;
	line-height: 1;
}

.r-table01 td {
	vertical-align:middle;
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1.5;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}


@media screen and (max-width:1300px) {
	
.r-t1{
  	font-size: 2rem;
}
	
.r-t1 + .flex-w,
.r-t1 + p{
	margin-top: 20px;
}

.flex-w + .r-t1{
	margin-top: 30px;
}

h3.r-t2{
  	font-size: 2.5rem;
}
	
h3.r-t2 + .r-t1{
	margin-top: 50px;
}
	
.r-t3{
  	font-size: 2rem;
	margin-top: 50px;
}
	
.r-t3 + p{
	margin-top: 20px;
}
	
.r-t3 + .flex-w{
	margin-top: 20px;
}

.r-t4{
  	font-size: 1.6rem;
	margin-top: 30px;
}

.r-t4 span{
  	font-size: 1.4rem;
	padding: 2px 5px;
	margin-right: 10px;
}

.r-t5{
  	font-size: 1.6rem;
	padding: 5px 13px 8px;
	border-radius: 15px;
}
	
#reform-flow h4{
  	font-size: 2rem;
}
	
.r-table01 th {
	padding-top: 15px;
	padding-bottom: 15px;
}

.r-table01 th div {
	width: 120px;
  	font-size: 2rem;
	padding: 3px 3px 7px;
}

.r-table01 th div span {
  	font-size: 3rem;
}

.r-table01 td {
  	font-size: 1.6rem;
	padding-left: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
}
	
}

@media screen and (max-width:992px) {
	
.r-t1{
  	font-size: 1.6rem;
}
	
.r-t1 + .flex-w,
.r-t1 + p{
	margin-top: 10px;
}
	
.flex-w + .r-t1{
	margin-top: 20px;
}

h3.r-t2{
  	font-size: 2rem;

}
	
h3.r-t2 + .r-t1{
	margin-top: 30px;
}
	
.r-t3{
  	font-size: 1.8rem;
	margin-top: 30px;
}
	
.r-t3 + p{
	margin-top: 10px;
}
	
.r-t3 + .flex-w{
	margin-top: 10px;
}

.r-t4{
  	font-size: 1.5rem;
	margin-top: 20px;
}

.r-t4 span{
  	font-size: 1.4rem;
	padding: 2px 5px;
	margin-right: 10px;
}

.r-t5{
  	font-size: 1.4rem;
	padding: 5px 13px 8px;
	border-radius: 15px;
}
	
#reform-flow h4{
  	font-size: 1.7rem;
}
	
.r-table01 th {
	width: 100%;
	display: block;
	padding-top: 10px;
	padding-bottom: 5px;
}

.r-table01 th div {
	width: 90px;
  	font-size: 1.6rem;
	padding: 3px 3px 7px;
}

.r-table01 th div span {
  	font-size: 2rem;
}

.r-table01 td {
	width: 100%;
	display: block;
  	font-size: 1.4rem;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}
	
}

.r-img01{
	width: 100%;
	margin-top: 80px;
}

@media screen and (max-width:1300px) {
	
.r-img01{
	margin-top: 50px;
}
	
}

.r-flow-w{
	width: 100%;
	position:relative;
}

.r-t2 + .r-flow-w{
	margin-top: 80px;
}

.r-flow-arrow + .r-flow-w{
	margin-top: 30px;
}

@media screen and (max-width:1300px) {
	
.r-t2 + .r-flow-w{
	margin-top: 50px;
}

.r-flow-arrow + .r-flow-w{
	margin-top: 20px;
}
	
}

@media screen and (max-width:992px) {
	
.r-t2 + .r-flow-w{
	margin-top: 60px;
}

.r-flow-arrow + .r-flow-w{
	margin-top: 50px;
}
	
}

.step-w{
	background-color: #00456C;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	z-index: 2;
	position:absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	text-align: center;
	border : solid 5px #F4EDDA;
}

.step-w div{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.step1{
	color: #fff;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.2;
	display: block;
}

.step2{
	color: #fff;
	font-size: 4rem;
	font-weight: 500;
	line-height: 1;
	display: block;
}

@media screen and (max-width:1300px) {
	
.step-w{
	width: 80px;
	height: 80px;
	border-radius: 40px;
}
	
.step1{
	font-size: 1.6rem;
}

.step2{
	font-size: 3rem;
}
	
}

@media screen and (max-width:992px) {
	
.step-w{
	width: 60px;
	height: 60px;
	border-radius: 30px;
	left: 50%;
	top: -30px;
	transform: translateY(0) translateX(-50%);
	-webkit- transform: translateY(0) translateX(-50%);
}
	
.step1{
	font-size: 1.2rem;
}

.step2{
	font-size: 2rem;
}
	
}

.r-flow-table{
	width: calc(100% - 50px);
	background-color: #fff;
	margin: 0 0 0 auto;
	padding: 50px 50px 50px 100px;
	font-size: 0;
}

.r-flow-table .r-f-txt1{
	display: inline-block;
	width: 65%;
	vertical-align:middle;
}

.r-flow-table .r-f-img1{
	display: inline-block;
	width: 30%;
	margin-left: 5%;
	vertical-align:middle;
}

@media screen and (max-width:1300px) {
	
.r-flow-table{
	width: calc(100% - 40px);
	padding: 30px 30px 30px 60px;
}
	
}

@media screen and (max-width:992px) {
	
.r-flow-table{
	width: 100%;
	padding: 40px 20px 20px 20px ;
}
	
.r-flow-table .r-f-txt1{
	display: block;
	width: 100%;
}

.r-flow-table .r-f-img1{
	display: block;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
	
}

.r-flow-arrow{
	color: #B0051C;
	text-align: center;
	font-size: 4rem;
	line-height: 1;
	margin-top: 30px;
}

.r-arrow1{
	width: 26px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width:1300px) {
	
.r-arrow1{
	width: 20px;
	margin-top: 30px;
}
	
}

@media screen and (max-width:992px) {
	
.r-flow-arrow{
	display: none;
}
	
.r-arrow1{
	width: 15px;
	margin-top: 20px;
}
	
}

.r-box1{
	margin-top: 50px;
	padding: 30px 50px 30px 50px;
	background-color: #F4EDDA;
}

.r-box2{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-top: 50px;
}

.r-box2 .flex-w{
	margin-top: 50px;
}

.r-box3{
	width: 100%;
	text-align: left;
	margin-top: 100px;
	background-color: #fff;
	padding: 50px 100px;
}

.r-box3 .r-t3{
	margin-top: 0px;
}

.r-arrow1 + .r-box3{
	margin-top: 50px;
}

.r-box4{
	background-color: #B0051C;
	font-family: 'Noto Sans JP', sans-serif;
	color: #ffffff;
  	font-size: 2.8rem;
	text-align: center;
	margin-top: 50px;
	padding: 10px;
}

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

.r-box1{
	margin-top: 30px;
	padding: 20px 40px 20px 40px;
}
	
.r-box2{
	margin-top: 30px;
}
	
.r-box2 .flex-w{
	margin-top: 30px;
}

.r-box3{
	margin-top: 50px;
	padding: 30px;
}
	
.r-arrow1 + .r-box3{
	margin-top: 30px;
}

.r-box4{
  	font-size: 2.2rem;
	margin-top: 30px;
	padding: 10px;
}
	
}

@media screen and (max-width:1100px) {
	
.r-box2{
	width: 100%;
}
	
}

@media screen and (max-width:992px) {
	
.r-box1{
	margin-top: 20px;
	padding: 5px 10px 5px 10px;
}
	
.r-box2{
	margin-top: 20px;
}
	
.r-box2 .flex-w{
	margin-top: 20px;
}

.r-box3{
	margin-top: 20px;
	padding: 10px;
}
	
.r-arrow1 + .r-box3{
	margin-top: 20px;
}

.r-box4{
  	font-size: 1.6rem;
	margin-top: 20px;
	padding: 10px;
}
	
}