@charset "utf-8";

body{
	margin:0px;
	padding:0px;
	color: #3E392E;
	font-family: 'Noto Sans JP', sans-serif;
}

a{text-decoration: none!important;
	color: #3E392E!important;}

a:hover{
 opacity:.5;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
 }

img {
	margin:0;
	padding:0;
	border: none;
    vertical-align: bottom;
}
p,li{
	color: #000;
	font-size: 16px!important;
	line-height: 2!important;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
tr,th,td{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}

h1,h2,h3,h4,h5,h6{color: #3E392E;font-family: 'Noto Sans JP', sans-serif;}

header{
	padding: 0;
	text-align: center;
	width: 100%;
    position: fixed;
    z-index: 9997;
	background-color: rgba(255,255,255,0.8);
}
header h1{
	margin:0!important;
	width: 100%!important;
	text-align: left!important;
	font-size: 10px;
}
header .col-sm-2,header .col-sm-1{
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width:567px) {
header .col-sm-2{
  display: none;
}
}

/*==================slide==================*/

.slide {
	position: relative;
	max-width: 100%;
	margin:0 auto;
	padding:0;
	z-index: 2;
	background-color: #fff;
}

/*==================mainBG==================*/

#mainbg{
	padding: 80px 0 0;
	background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(69,68,67,1) 100%);
}

/*==================introduction==================*/

#introt{
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.7;
	color:#000 ;
	font-weight: 600;
}

.intr{
	position: relative;
	padding: 80px 0 0;
	background:#ec7baa;
	border-radius: 100px 100px 0 0;
}

.intrb{
	position: absolute;
	top:-70px;
}

/*==================first==================*/ 

.first{
	position: relative;
	z-index: 1;
}
.first::before{
	content: "";
	position: absolute;
	z-index: -1;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	width: 100vw;
	height: 100vh;
	background-image: url("../img/top/mainbg.png");
	background-position: center;
	background-size: auto;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
@media screen and (max-width:576px){
.first::before{
	display: none;
}
}

/*==================menu==================*/ 

.menubg{
	position: relative;
	background: linear-gradient(90deg, rgba(41,40,40,0) 30%, rgba(41,40,40,0.6) 30%, rgba(41,40,40,0.6) 70%, rgba(41,40,40,0) 70%);
}
.menu{
	position: relative;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:top center;
	z-index: 1;
	box-shadow: 4px 4px 16px -6px rgba(0,0,0,0.4);
}
.menu::after{
	content: "";
	position: absolute;
	top:10px;
	left: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border: solid 1px rgba(208,190,149,0.80);
	pointer-events: none;
	z-index: 1;
}
.menu::before {
  content: '';
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 14px 14px;
  border-color: transparent transparent rgba(208,190,149,0.80) transparent;
  transition: 0.3s;
	z-index: 1;
}

.menu1{background-image: url("../img/top/menu1.jpg");}
.menu2{background-image: url("../img/top/menu2.jpg");}
.menu3{background-image: url("../img/top/menu3.jpg");}
.menu4{background-image: url("../img/top/menu4.jpg");}
.menu5{background-image: url("../img/top/menu5.jpg");}
.menu6{background-image: url("../img/top/menu6.jpg");}

/*==================info==================*/ 

.point{
	background-image: url("../img/top/pobg.png");
	background-color: #fff;
	overflow: hidden;
}

.point1,.point2{
	position: relative;
	padding: 60px;
	z-index: 1;
}

.point1::before,.point2::before{
	content: "";
	position: absolute;
	top: 0;
	width: 100vw;
	height: 100%;
	background-color: #F4F4F4;
	z-index: -1;
}
.point1::before{left: 0;}
.point2::before{right: 0;}

.point1::after,.point2::after{
	position: absolute;
	bottom: -60px;
	font-size:200px; 
	letter-spacing: 0;
	font-weight: 300;
	font-family: 'Shippori Mincho', serif;
	color: rgba(0,0,0,0.06);
	z-index: 1;
}
.point1::after{
	content: "Health";
	right: -15vw;
	text-align: right;
}
.point2::after{
	content: "Beauty";
	left: -15vw;
	text-align: left;
}

.point1,.point2{
	position: relative;
	z-index: 1;
}
.point1t::before,.point2t::before{
	position: absolute;
	top: -0.9em;
	font-size:6em; 
	font-family: 'Shippori Mincho', serif;
	font-weight: 400;
	color: rgba(0,0,0,0.1);
	z-index: 1;
}
.point1t::before{
	content: "健康";
	left: -60px;
}
.point2t::before{
	content: "美容";
	right: -60px;
}

@media only screen and (max-width: 991px) {
.point1{padding: 20px 0 20px 20px;}
.point2{padding: 20px 20px 20px 0;}
.point1::after,.point2::after{
	bottom: -60px;
	font-size:120px; 
}
.point1::after{right: -20px;}
.point2::after{left: -20px;}
.point1t::before,.point2t::before{
	top: -0.9em;
	font-size:5em; 
}
.point1t::before{left: -120px;}
.point2t::before{right: -120px;}
}

@media only screen and (max-width: 576px) {
.point{
	background-size: 150%;
	background-position: center;
}
.point1,.point2{
	position: relative;
	padding: 30px;
	z-index: 1;
}
.point1::before,.point2::before{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.point1::after,.point2::after{
	bottom: -30px;
	left: inherit;
	right: -10px;
	font-size:100px; 
	color: rgba(0,0,0,0.03);
}
.point1t::before,.point2t::before{
	top: -1.2em;
	left: -20px;
	color: rgba(0,0,0,0.15);
}
}

/*==================message==================*/ 

#mess{
	position: relative;
	background-color: rgba(241,239,236,1.00);
}
#messbg{height: 100%;}
#messbg::after{
	content: "";
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(241,239,236,0.8) 50%, rgba(241,239,236,0.8) 100%);
}

@media only screen and (max-width: 991px) {
#messbg{height: 700px;}
#messbg::after{
	background: linear-gradient(180deg, rgba(241,239,236,0.85) 50%, rgba(241,239,236,1.00) 100%);
}
}

.readme{
    padding: .5em!important;
    background: -webkit-repeating-linear-gradient(-45deg, #BD9E59, #BD9E59 5px, #DFD2B7 5px, #DFD2B7 8px);/*ストライプ*/
    background: repeating-linear-gradient(-45deg, #BD9E59, #BD9E59 5px, #DFD2B7 5px, #DFD2B7 8px);/*ストライプ*/
	position: relative;
}

/*==================contents==================*/ 

.cont{
	position: relative;
	padding: 0;
}

.cont::before{
	content: "";
	position: fixed;
	top:0;
	left:0;
	width: 100vw;
	height: 100vh;
	background: url("../img/top/bg.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
	z-index: -99;
}

.contin{
	display: block;
	position: relative;
	border: solid 14px #B9A984;
	background-color: rgba(0,0,0,0.5);
	z-index: 1;
}
.contin::before{
	content: "";
	position: absolute;
	top: -8px;
	left: -8px;
	width: calc(100% + 16px);
	height: calc(100% + 16px);
	border: solid 2px #fff;
	z-index: -1;
}
.contin::after{
  position: absolute;
  content: '';
  bottom: 4px;
  right: 4px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 10px transparent;
  border-bottom: solid 10px rgba(255,255,255,1.00);
}
.contin p{
	color: #fff;
}
@media only screen and (max-width:576px){
.contin{
	border: solid 12px #B9A984;
}
.contin::before{
	top: -6px;
	left: -6px;
	width: calc(100% + 12px);
	height: calc(100% + 12px);
}
}

/*==================info==================*/ 

.time {
	width: 100%;
	margin: 0 auto 10px;
	padding: 0;
}
.time tr {
	border-bottom: 1px solid #fff;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
.time tr:first-child {
	border-bottom: none;
}
.time th {
	background-color: #fff;
	padding:.5em 2px;
	word-break: break-all;
	white-space: nowrap;
	text-align: center;
	color: #2E2E2E;
	font-weight: bold;
}
.time td {
	padding:.5em 2px;
	word-break: break-all;
	font-size: 1.2em;
	text-align: center;
	letter-spacing: 0;
}
@media only screen and (max-width: 768px) {
	.time tr {
		font-size: .9em;
		letter-spacing: 0;
	}
	.time th {
		font-size: 1em;
		letter-spacing: 0;
		padding:.5em 2px;
	}
	.time td {
		padding:.5em 2px;
		font-size: 1em;
		text-align: center;
		letter-spacing: 0;
	}
}

/*==================map==================*/ 

#map {
	position: relative;
	width: 100%;
	overflow: hidden;
}
@media only screen and (max-width:480px){
#map {
	height: 450px;
}
}

/*==================footer==================*/

footer {
	clear: both;
	position: relative;
	text-align: center;
	z-index: 999;
}
#footel{
	display: none;
}

@media screen and (max-width:576px){
	
#footel {
	display: block;
	margin:0;
	position: fixed;
    bottom:0;
	width:100%;
	padding:0;
	background-color: rgba(0,0,0,0);
}

}

/*==================back top==================*/

#back-top{
	position: fixed;
	bottom: 5vh;
	right: 3%;
	z-index: 9999;
}
#back-top a{
	width: 40px;
	height: 40px;
	background: rgba(74,74,74,0.60);
	display: block;
	color: #fff!important;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	text-decoration: none;
}

@media screen and (max-width:576px){
#back-top{
	bottom: 10vh;
}
}

/*==================common==================*/

.fontg1 {font-family: 'Noto Sans JP', sans-serif!important;}
.fontg2 {font-family: 'Noto Serif JP', serif!important; }
.fontg3 {font-family: 'Hurricane', cursive!important; }
.fontg4 {font-family: 'Shippori Mincho', serif!important; }
.lidisc{list-style: disc;}
.marker {
	display: inline;
	background-image: linear-gradient(rgba(0,0,0,0) 70%, rgba(255,239,57,0.8) 70%);
}
.flbox{
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flend{align-self: flex-end;}
.flcenter{align-self: center;}

.btn1 a {
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  background-color: #fff;
  transition: 0.3s;
}
.btn1 a::before {
  content: '';
  position: absolute;
  bottom: -7px;
  right: -7px;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: 0.2s ease 0s;
}
.btn1 a::after {
  content: '';
  position: absolute;
  top: 7px;
  right: -7px;
  width: 2px;
  height: 100%;
  background-color: #fff;
  transition: 0.2s ease 0.2s;
}

/*----------------------------------
  Button
------------------------------------*/
.s-btn {
  display: block;
  text-align: center;
  vertical-align: middle;
  border: none;
  white-space: nowrap;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-btn:focus, .s-btn:hover {
  text-decoration: none;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-btn.focus {
  text-decoration: none;
}

.s-btn:active, .s-btn.active {
  background-image: none;
  outline: 0;
}

.s-btn.disabled, .s-btn:disabled,
fieldset[disabled] .s-btn {
  cursor: not-allowed;
  opacity: .65;
}

.s-btn__element--left, .s-btn__element--right {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

/* Sizes
------------------------------ */
.s-btn--xs {
  font-size: 0.75rem;
  font-weight: 400;
  padding: 0.5rem 1.25rem;
}

.s-btn--sm {
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0.75rem 1.25rem;
}

.s-btn--md {
  font-size: 0.8125rem;
  font-weight: 400;
  padding: .5rem 2.5rem;
}

.s-btn-icon--md {
  font-size: 1rem;
  padding: 0.9375rem 1.5625rem 0.75rem;
}

/* Styles
------------------------------ */
.s-btn--white-brd {
  color: #fff;
  background: transparent;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #fff;
}

.s-btn--white-brd:focus, .s-btn--white-brd:hover {
  color: #222324;
  background: #fff;
  border-color: #fff;
}

.s-btn--white-bg {
  color: #222324;
  background: rgba(255,255,255,0.9);
	border: 1px solid #ccc;
}

.s-btn--white-bg:focus, .s-btn--white-bg:hover {
  color: #F39800;
  background: #fff;
	border: 1px solid #F39800;
}

.s-btn--dark-bg {
  color: #fff;
  background: #222324;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #222324;
}

.s-btn--dark-bg:focus, .s-btn--dark-bg:hover {
  color: #fff;
  background: #13b1cd;
  border-color: #13b1cd;
}

.s-btn--dark-brd {
  color: #222324;
  background: transparent;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #222324;
}

.s-btn--dark-brd:focus, .s-btn--dark-brd:hover {
  color: #fff;
  background: #222324;
  border-color: #222324;
}

.s-btn--primary-bg {
  color: #fff;
  background: #65aadd;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #65aadd;
}
.s-btn--primary-bg:focus, .s-btn--primary-bg:hover {
  color: #fff;
  background: #aac6e8;
  border-color: #65aadd;
}
.s-btn--pink-bg {
  color: #fff;
  background: #E8A2C2;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #E8A2C2;
}
.s-btn--pink-bg:focus, .s-btn--pink-bg:hover {
  color: #fff;
  background: #F0C3D8;
  border-color: #E8A2C2;
}
.s-btn--wine {
  color: #fff;
  background: #bf776e;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #bf776e;
}
.s-btn--wine:focus, .s-btn--wine:hover {
  color: #fff;
  background: #E9D0CD;
  border-color: #bf776e;
}
.s-btn--blue {
  color: #fff;
  background: #4baac5;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #4baac5;
}
.s-btn--blue:focus, .s-btn--blue:hover {
  color: #fff;
  background: #C3DBE3;
  border-color: #70abbe;
}

.s-btn--primary-bg2 {
  color: #fff;
  background: #B0A98F;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #B0A98F;
}

.s-btn--primary-bg2:focus, .s-btn--primary-bg2:hover {
  color: #fff;
  background: #D8D2BD;
  border-color: #B0A98F;
}

.s-btn--primary-brd {
  color: #fff;
  background: #5F4B22;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #5F4B22;
	border-radius: 6px;
}

.s-btn--primary-brd:focus, .s-btn--primary-brd:hover {
  color: #5F4B22;
  background: rgba(255,255,255,0.9);
}

.s-btn--primary-brd2 {
  color: #90C700;
  background: rgba(255,255,255,0.9);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #90C700;
}

.s-btn--primary-brd2:focus, .s-btn--primary-brd2:hover {
  color: #fff;
  background: #90C700;
  border-color: #90C700;
}

.s-btn-icon--white-brd {
  border-left: none;
}

.s-btn-icon--dark-brd {
  border-left: none;
}

/*==================内部ページ==================*/

.title{
	position: relative;
	padding: 140px 0 40px;
	z-index: 1;
	overflow: hidden;
}

.title p{
	position: relative;
	font-weight: 600;
	font-family: 'Noto Serif JP', serif!important; 
	line-height: 0.5!important;
	padding: 20px;
	color: #fff;
}
.title p::before{
	content: "";
	position: absolute;
	width: 100vw;
	height: 60%;
	top: 0;
	right: 0;
	background-color: #434850;
	z-index: -1;
}
.title span{
	font-size: 3em;
	font-weight:100;
	color: rgba(177,177,177,0.3);
	font-family: 'Hurricane', cursive!important;
	line-height: 1!important;
	letter-spacing: 0;
}
.titleimg{
	width: 69%;
	height: calc(100% - 100px);
	background-repeat: no-repeat;
	background-size: cover !important;
	background-position:center center!important;
    position: absolute;
    bottom: 0;
	right: 0;
	z-index: -1;
}
@media screen and (max-width:576px){
.title{
	padding:40px 0 0;
	overflow:visible;
}
.title p{
	bottom: -60px;
	padding:80px 0 0 ;
}
.title p::before{display: none;}
.titleimg{
	width: 100%;
	height: calc(100% - 80px);
}
}

.st{
	position: relative;
	z-index: 1;
}
.st::before{
	content: "";
	position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	width: 200px;
	height: 200px;
	background-image: url("../img/top/st.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
}
@media screen and (max-width:576px){
.st::before{
	width: 150px;
	height: 150px;
}
}

.st2 {
  overflow: hidden;
  text-align: center;
	position: relative;
	padding: 0.5em 0;
	letter-spacing: 0.05em;
	font-weight: 500;
	color:#fff;
	background-color: #454F5C;
	line-height: 1.5!important;
}
.st2::before,.st2::after{
     position: absolute;
     left: 0;
     content: '';
     width: 100%;
     height: 7px;
     box-sizing: border-box;
}
.st2::before {
     top: 0;
     border-top: 3px solid #bd9e59;
     border-bottom: 1px solid #bd9e59;
}
.st2::after {
     bottom: 0;
     border-top: 1px solid #bd9e59;
     border-bottom: 3px solid #bd9e59;
}

.st3{
  position: relative;
	border-bottom: solid 2px #454443;
	color: rgba(255,255,255,0.8);
	text-align: left;
}
.st3 span{
	padding:4px 40px 4px 10px;
	display: inline-block;
	clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0% 100%);
	background-color:  #454443;
	color: #fff;
}

.st4{
     position: relative;
     color: white;
     padding:0.5em 0.7em 0.5em 1.5em;
     background-color: #b49960;
	font-weight: 500;
}
.st4::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 1.1em;
     height:2px;
     background-color:white;
}

.st5 {
  position: relative;
  text-align: center;
  background: #454443;
	color:#fff;
	display: inline-block;
}
.st5:before,
.st5:after {
  position: absolute;
  content: '';
}
.st5:before {
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #454443;
}
.st5 i {
  font-size: 24px;
  line-height: 60px;
  position: absolute;
  z-index: 2;
  top: -40px;
  left: calc(50% - 38px);
  width: 80px;
  height: 60px;
  text-align: center;
	color:#fff;
}
.st5 span {
  position: relative;
  z-index: 1;
  display: block;
  padding: 0.5em;
}

.st6-1,.st6-2{
	position: relative;
	z-index: 1;
	padding: 0.3em;
	text-align: center;
	display: inline-block;
}
.st6-1::after,.st6-2::after{
  content: "";
  position: absolute;
  top: calc(100% + 2px);
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
}
.st6-1{border-bottom: 2px solid #3b516d;}
.st6-1::after{border-top: 15px solid #3b516d;}
.st6-2{border-bottom: 2px solid #bd9e59;}
.st6-2::after{border-top: 15px solid #bd9e59;}

.st7{
  padding: 0.3em 0.5em;
	line-height: 1.2!important;
  border-top: 6px double #999;
  border-bottom: 6px double #999;
}


.stf,.stfl{
    position: relative;
	text-align: center;
    padding: 0.5em 1em;
	letter-spacing: 0.1em;
	line-height: 1.5;
	color: #fff;
	z-index: 1;
}
.stf:before,.stfl:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -1;
}
.stf:before{bottom:-2em;border-width: 1.5em 1.4em 1.5em 1.4em;}
.stfl:before{bottom:-4em;border-width: 2em 2.4em 2em 2.4em;}

.stfc1{background-color: #454443;}.stfc1:before{border-color:  #454443 transparent transparent transparent;}
.stfc2{background-color: #bd9e59;}.stfc2:before{border-color:  #bd9e59 transparent transparent transparent;}
.stfc3{background-color: #3b516d;}.stfc3:before{border-color:  #3b516d transparent transparent transparent;}
.stfcw{background-color: #fff;}.stfcw:before{border-color:  #fff transparent transparent transparent;}


table.com,table.comno{
	margin:0 auto;
	padding:4px;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc
}
.com th,.comno th{
	letter-spacing:1px;
	font-size: 16px;
	line-height: 1.2;
	padding:0.5em;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	color:#333;
	text-align: center;
	vertical-align: middle!important;
}
.com td,.comno td{
	font-size: 16px;
	color:#333;
	padding:0.5em;
	line-height: 1.2;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	vertical-align: middle!important;
}

table.com2{
	margin:0 auto 15px;
	padding:4px;
	width:100%;
    border-collapse:separate;
    border-spacing:4px;
	empty-cells:show;
}
.com2 th{
	font-size:16px;
	letter-spacing:1px;
	padding:1em .5em;
	color:#333;
	text-align: center;
	vertical-align: middle!important;
}
.com2 td{
	font-size:16px;
	color:#333;
	padding:1em;
	vertical-align: middle!important;
}

@media only screen and (max-width:1200px){
.comno th,.comno td{font-size: 14px;}
.com2 td,.com2 th,.com td,.com th{
	width:100%;
	display:block;
	padding:10px;
	font-size: 14px;
}
}

.docbg{
	position: relative;
	z-index: 1;
}
.docbg::before{
	content: "";
	position: absolute;
	top: 40px;
	right: 30px;
	width: calc(100% - 60px);
	height: calc(100% - 80px) ;
	background-color: #F1F1F1;
	z-index: -1;
}
.docbg::after{
	content: "MESSAGE";
	position: absolute;
	font-size: 100px;
	top: -76px;
	color: #F1F1F1;
	font-weight: 600;
	left: 22px;
	z-index: -1;
}
@media only screen and (max-width:991px){
.docbg::after{
	transform: rotate(90deg);
	transform-origin:left top 0;
	font-size: 160px;
	top: 30px;
	left: 210px;
	color: rgba(255,255,255,0.5);
}
}
@media only screen and (max-width:576px){
.docbg::before{
	top: 40px;
	right: 0;
	width: 100%;
	height: calc(100% - 40px) ;
}
.docbg::after{
	font-size: 120px;
	top: 30px;
	left: 140px;
}
}

ul.under li{
	border-bottom: 2px dotted #ac987a;
	margin:0 0 5px;
}
ul.under li:last-child{
	border-bottom: none;
	margin:0;
}

.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto 10px;
	color: #ffffff;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	line-height: 1.5;
	position: relative;
	display: block;
	cursor: pointer;
	margin: 0 0 1px 0;
	padding: 10px;
	font-weight: 400!important;
	background-color: #6C6C6C;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-right: 3px solid #565656;
	border-bottom: 3px solid #565656;
	color: #fff;
}
.cp_actab .cp_actab-content {
	margin:0!important;
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 1s;
	transition: max-height 1s;
	background: #fff;
}
.cp_actab .cp_actab-content p {
	margin: 1em;
	font-weight: 400!important;
}
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 150em;
}