@charset "utf-8";

body{
	margin:0px;
	padding:0px;
	color: #444;
	font-family: 'Zen Kaku Gothic New', sans-serif;
}

a{text-decoration: none!important;
	color: #444;
	font-family: 'Zen Kaku Gothic New', sans-serif;}

a:hover img{
 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: #444;
	font-size: 16px!important;
	line-height: 2!important;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
}
tr,th,td{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
}

h1,h2,h3,h4,h5,h6{color: #444;font-family: 'Zen Kaku Gothic New', sans-serif;}

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

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

/*==================time==================*/

#time{
	position: absolute;
	padding:20px;
	width:520px;
	bottom:80px;
	right: 0;
	background-color: #fff;
	box-shadow: -6px 6px 16px -6px rgba(0,0,0,0.3);
	font-size: 16px;
	z-index: 9;
}

#time table{
	width: 100%;
	margin: 0 auto ;
}
#time table th {
	padding: 10px 6px 6px;
	word-break: break-all;
	white-space: nowrap;
	text-align: center;
	color: #fff;
	font-weight: 700;
}
#time table td {
	padding:10px 6px 6px;
	word-break: break-all;
	text-align: center;
	font-weight: 700;
	color: #838383;
}
.timeborder{
	border-bottom: solid 1px #A5A5A5;
}
@media screen and (max-width:1600px){
	#time{
	bottom:-100px;
}
}
@media screen and (max-width:1200px){
	#time{
	width:400px;
}
}
@media screen and (max-width:991px){
#time{ padding: 10px;}
#time a{
	margin: 0 0 -10px;
	line-height: 1;
}
#time p{font-size: 14px;}
#time table{
	width: 100%;
	margin: 10px auto 0;
}
#time table th {font-size: 14px;}
#time table td {font-size: 14px;}
		
}

@media screen and (max-width:576px){
#time{ 
	right: 0;
	left: 0;
	bottom: -100px;
	margin: 0 auto;
	width:320px;
}
}

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

#mainbg{
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,242,208,1.00) 0%, rgba(255,242,208,1.00) 25%, rgba(255,255,255,1) 25%);
	overflow: hidden;
}
#mainbg p{position: relative;z-index: 1;}

/*==================Message==================*/ 

#messt{
	position: relative;
	z-index: 1;
	letter-spacing: 0.15em;
}
#messt::before{
	content: "";
	position: absolute;
	top: -150px;
	left: -400px;
	z-index: -1;
	height: 800px;
	width: 800px;
	background-image: url("../img/top/messsta.png");
	background-repeat: no-repeat;
	background-size: contain;
}
@media screen and (max-width:1200px){
#messt::before{
	content: "";
	position: absolute;
	top: -200px;
	left: -160px;
	z-index: -1;
	height: 500px;
	width: 500px;
}
}
@media screen and (max-width:576px){
#messt::before{
	top: -50px;
	left:0;
	height: 100vh;
	width: 100%;
	background-image: url("../img/top/messstasp.png");
}
}

#messb{
	position: relative;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.1em;
  display: inline-block;
  padding:1em;
  -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
  color: #fff;
	background: #F0830C;
	font-weight: 500;
	font-size: 18px;
	z-index: 1;
}

.messbg{
	position: relative;
	z-index: 1;
	letter-spacing: 0.1em;
	top:0;
	right: 0;
}
.messbg::after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(255,255,255,1.00) 0%, rgba(255,255,255,0) 40%);
}
@media screen and (max-width:576px){
.messbg{
	position: relative;
	z-index: 1;
	letter-spacing: 0.1em;
	top: inherit;
	bottom:0 ;
}
.messbg::after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%);
}
}

/*==================Feature==================*/ 

#conc1bg,#conc2bg,#conc3bg,#conc4bg,#conc5bg{
	position: relative;
	z-index: 1;
}
#conc1bg{background:linear-gradient(90deg,rgba(240,131,0,1.00) 10%,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 100%);}
#conc2bg{background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 90%,rgba(232,206,31,1.00) 90%);}
#conc3bg{background:linear-gradient(90deg,rgba(186,211,0,1.00) 10%,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 100%);}
#conc4bg{background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 90%,rgba(115,207,181,1.00) 90%);}
#conc5bg{background:linear-gradient(90deg,rgba(117,159,233,1.00) 10%,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 100%);}

#conc1bg::after,#conc2bg::after,#conc3bg::after,#conc4bg::after,#conc5bg::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	transform-origin:center;
	font-size: 100px;
	text-align: center;
	line-height: 0;
	font-weight: 600;
	color:rgba(255,255,255,0.8);
	width: 1000px;
	z-index: 2;
	pointer-events: none;
}

#conc1bg::after,#conc3bg::after,#conc5bg::after{
	left: calc(10% - 262px);
	transform: rotate(-90deg);
}
#conc2bg::after,#conc4bg::after{
	right: calc(10% - 262px);
	transform: rotate(90deg);
}

#conc1bg::after{content: "Promise 1";}
#conc2bg::after{content: "Promise 2";}
#conc3bg::after{content: "Promise 3";}
#conc4bg::after{content: "Promise 4";}
#conc5bg::after{content: "Promise 5";}

#conc1bg h4,#conc2bg h4,#conc3bg h4,#conc4bg h4,#conc5bg h4{
	position: relative;
	z-index: 1;
}
#conc1bg h4::before,#conc2bg h4::before,#conc3bg h4::before,#conc4bg h4::before,#conc5bg h4::before{
	content: "";
	position: absolute;
	top: 0;
	z-index: -1;
	width: 100vw;
	height: calc(100% + 120px);
}
#conc1bg h4,#conc3bg h4,#conc5bg h4{padding: 20px 20px 20px 0;}
#conc2bg h4,#conc4bg h4{padding: 20px;left: -20px;}
#conc1bg h4::before,#conc3bg h4::before,#conc5bg h4::before{right: -20px;}
#conc2bg h4::before,#conc4bg h4::before{left: 0;}
#conc1bg h4::before{background:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(252,231,213,0.7) 100%);}
#conc2bg h4::before{background:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(254,246,199,0.7) 100%);}
#conc3bg h4::before{background:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(242,254,199,0.7) 100%);}
#conc4bg h4::before{background:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(216,254,235,0.7) 100%);}
#conc5bg h4::before{background:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(215,238,255,0.7) 100%);}

#conc1bg p,#conc2bg p,#conc3bg p,#conc4bg p,#conc5bg p{
	position: relative;
	z-index: 1;
}

#conc1,#conc2,#conc3,#conc4,#conc5{
	width: 50%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover !important;
	background-position:center center!important;
    position: absolute;
    bottom: 0;
	opacity: 1;
	z-index: -1;
}
#conc1,#conc3,#conc5{right: 0;}
#conc2,#conc4{left: 0;}

#conc1::after,#conc2::after,#conc3::after,#conc4::after,#conc5::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#conc1::after{background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,123,12,0.3) 100%);}
#conc2::after{background:linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,222,24,0.3) 100%);}
#conc3::after{background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(170,218,0,0.3) 100%);}
#conc4::after{background:linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(26,214,120,0.3) 100%);}
#conc5::after{background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(27,149,240,0.3) 100%);}

@media screen and (max-width:1500px){
#conc1bg{background:linear-gradient(90deg,rgba(240,131,0,1.00) 7%,rgba(255,255,255,0) 7%,rgba(255,255,255,0) 100%);}
#conc2bg{background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 93%,rgba(232,206,31,1.00) 93%);}
#conc3bg{background:linear-gradient(90deg,rgba(186,211,0,1.00) 7%,rgba(255,255,255,0) 7%,rgba(255,255,255,0) 100%);}
#conc4bg{background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 93%,rgba(115,207,181,1.00) 93%);}
#conc5bg{background:linear-gradient(90deg,rgba(117,159,233,1.00) 7%,rgba(255,255,255,0) 7%,rgba(255,255,255,0) 100%);}
	
#conc1bg::after,#conc2bg::after,#conc3bg::after,#conc4bg::after,#conc5bg::after{
	transform-origin: top;
}
#conc1bg::after,#conc3bg::after,#conc5bg::after{
	left: -450px;
	top:250px;
	transform: rotate(-90deg);
}
#conc2bg::after,#conc4bg::after{
	right: -450px;
	top:250px;
	transform: rotate(90deg);
}
	
}

@media screen and (max-width:991px){
#conc1bg{background:linear-gradient(90deg,rgba(240,131,0,1.00) 10%,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 100%);}
#conc2bg{background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 90%,rgba(232,206,31,1.00) 90%);}
#conc3bg{background:linear-gradient(90deg,rgba(186,211,0,1.00) 10%,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 100%);}
#conc4bg{background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 90%,rgba(115,207,181,1.00) 90%);}
#conc5bg{background:linear-gradient(90deg,rgba(117,159,233,1.00) 10%,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 100%);}
	
	
#conc1bg h4,#conc3bg h4,#conc5bg h4{padding: 20px 0 20px 0;}
#conc2bg h4,#conc4bg h4{padding: 20px 0 20px 20px;left: -20px;}
	
#conc1,#conc2,#conc3,#conc4,#conc5{
	width: 100%;
	height: 200px;
    top: 0;
}

#conc1::after{background:linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,123,12,0.3) 100%);}
#conc2::after{background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,222,24,0.3) 100%);}
#conc3::after{background:linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(170,218,0,0.3) 100%);}
#conc4::after{background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(26,214,120,0.3) 100%);}
#conc5::after{background:linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(27,149,240,0.3) 100%);}
}

@media screen and (max-width:576px){
	
#conc1bg::after,#conc2bg::after,#conc3bg::after,#conc4bg::after,#conc5bg::after{
	font-size: 60px;
}
#conc1bg::after,#conc3bg::after,#conc5bg::after{
	left: -480px;
	top:450px;
}
#conc2bg::after,#conc4bg::after{
	right: -480px;
	top:450px;
}
}

/*==================Service==================*/ 

.stserv{
	position: relative;
	padding:20px 20px 0;
	z-index: 1;
}
.stserv::before{
	content: "";
	position: absolute;
	left: 0;
	width: 100vw;
	height: 100%;
	background-color: rgba(240,131,12,0.8);
	z-index: -1;
}

.poitit{
	width: 100%;
	display: block!important;
	position: relative;
	background-color: rgba(249,249,249,1.00);
	background: linear-gradient(160deg, rgba(249,249,249,1.00) 0%, rgba(249,249,249,1.00) 80%, rgba(255,241,180,1.00) 80%);
	z-index: 1;
	overflow: hidden;
}
.poitit::before{
	content: "";
	position: absolute;
	width: 600px;
	height:600px;
	top: 600px;
	left: 0;
	background: url("../img/top/shape2.png") no-repeat bottom left / contain;
	background-position: top left;
	z-index: 3;
}
.poitit::after{
	content: "";
	position:absolute;
	width: 600px;
	height:600px;
	top: 200px;
	right: 0;
	background: url("../img/top/shape1.png") no-repeat bottom right / contain ;
	z-index: 3;
}
@media only screen and (max-width:1600px){
	.poitit::before{
		width: 440px;
		height:440px;
		top: 600px;
	}
	.poitit::after{
		width: 500px;
		height:500px;
		top: 50px;
	}
}
@media only screen and (max-width:1200px){
	.poitit::after{
		z-index: 1;	
	}
	.poitit::before{
		width: 400px;
		height:400px;
		top: 700px;
	}
}
@media only screen and (max-width:991px){
	.poitit::before{
		width: 300px;
		height:300px;
		top: 800px;
	}
	.poitit::after{
		width: 350px;
		height:350px;
		top: 750px;
		right: -60px;
		
	}
}
@media only screen and (max-width:576px){
	.poitit::before{
		width: 200px;
		height:200px;
		top: 920px;
	}
	.poitit::after{
		width: 220px;
		height:220px;
		top: 920px;
		
	}
}

.fb {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0;
	align-items:center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fbitem{
	width: calc(100% / 5);
	box-sizing: border-box;
}
@media only screen and (max-width: 1100px) {
	.fbitem{
		width: calc(100% / 4);
	}	
}
@media only screen and (max-width: 768px) {
	.fbitem{
		width: calc(100% / 3);
	}	
}
@media only screen and (max-width: 480px) {
	.fbitem{
		width: calc(100% / 2);
	}
}

.icon{
	padding: 1em 0;
	border-radius: 14px;
	text-align: center;
}
.icon div{
	font-family: 'Zen Kaku Gothic New', sans-serif!important;
	font-weight: 600;
	color:#686C70;
}
.icon img{
	padding: 0 2em;
}
@media only screen and (max-width: 576px) {
	.icon{
		  padding-top: 0.625rem!important;
		  padding-bottom: 0.625rem!important;
		  padding-left: 0.625rem!important;
		  padding-right: 0.625rem!important;
	}
.icon img{
	padding: 0.5em 1.5em;
}
}

/*==================implant==================*/

.imp{
	position: relative;
}
.imp::before{
	content: "";
	position: fixed;
	top:0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-image: url("../img/top/impbg.jpg");
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -9;
}
@media only screen and (max-width: 991px) {
.imp::before{
	background-image: url("../img/top/impbgsp.jpg");
}
}

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

.time {
	width: 100%;
	margin: 0 auto 10px;
	padding: 0;
}
.time tr {
	border-bottom: 1px solid #ADADAD;
	text-align: center;
	vertical-align: middle;
}
.time tr:first-child {
	border-bottom: none;
}
.time th {
	background-color: #a9c800;
	padding:.5em 2px;
	word-break: break-all;
	white-space: nowrap;
	text-align: center;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.15em;
}
.time td {
	padding:.5em 2px;
	word-break: break-all;
	font-size: 1.2em;
	text-align: center;
	letter-spacing: 0;
	color: #666;
}
@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%;
	height: 100%;
	overflow: hidden;
}
@media only screen and (max-width:991px){
#map {
	height: 450px;
}
}

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

footer {
	clear: both;
	position: relative;
	font-size: 12px;
	text-align: center;
	z-index: 999;
}
footer .pr {display: block;font-size: 80%;}

#footel{
	display: none;
}

@media screen and (max-width:576px){
	
#footel {
	display: block;
	margin:0;
	position: fixed;
    bottom:0;
	width:100%;
	padding:0;
	box-shadow: 0px -4px 10px -6px rgba(0,0,0,0.2);
}

#footl{
	float:left;
	width:50%;
	text-align:left;
}
#footl a{float:left;}

#footr{
	float:left;
	width:50%;
	text-align: right;
}
#footr a{float:right;}
	

.footb{
	float:left;
	width:41.40625%;/*(640px-110px)÷640px÷2*/
}
.footbi{
	float:left;
	width:17.1875%;/*110px÷640px*/
}
}

/*==================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;
	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: 'Zen Kaku Gothic New', sans-serif!important;}
.fontg2 {font-family: "Shippori Mincho", system-ui;}
.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 {
  position: relative;
  display: inline-block;
  padding: 0.25em 5%;
	margin:0;
  text-decoration: none;
	background: rgb(119,173,228);
background: linear-gradient(-45deg, rgba(119,173,228,1) 26%, rgba(170,198,232,1.00) 76%);
  transition: .4s;
	width: 100%;
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 1px;
	z-index: 99;
}
.btn1::after {
position: absolute;
content: "";
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
width: 8px;
height: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 20px;
top: 16px;
}

a.btn1{color: #fff!important;}

/*----------------------------------
  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: #f0830c;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #f0830c;
}
.s-btn--primary-bg:focus, .s-btn--primary-bg:hover {
  color: #fff;
  background: #FFAC53;
  border-color: #f0830c;
}

.s-btn--primary2-bg {
  color: #fff;
  background: #00a73c;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #00a73c;
}
.s-btn--primary2-bg:focus, .s-btn--primary2-bg:hover {
  color: #fff;
  background: #73C08F;
  border-color: #00a73c;
}

.s-btn--primary3-bg {
  color: #fff;
  background: #bad300;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #bad300;
}
.s-btn--primary3-bg:focus, .s-btn--primary3-bg:hover {
  color: #fff;
  background: #DAE687;
  border-color: #bad300;
}

.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;
	margin:120px 0 0;
	padding: 30px 0 60px;
	background:rgba(255,238,218,1.00);
	z-index: 1;
}
.title::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -40px;
	width: 100%;
	height: 80px;
	background:rgba(240,131,0,1.00);
	z-index: -1;
}
.title span{
	position: absolute;
	left: 0;
	bottom: -80px;
	font-weight: 800;
	color: rgba(255,255,255,0.40);
	font-size: 4em;
	z-index: -1;
}
.title .js__fullwidth-img{
	position: absolute;
	bottom: 0;
	right: 0;
	background-size: cover;
	height: calc(100% + 40px);
}

@media only screen and (max-width:1400px){
.title span{
	bottom: -60px;
	font-size: 3em;
}
}

@media only screen and (max-width:576px){
.title{
	margin:80px 0 0;
	padding: 30px 0 0;
}
.title::before{
	left: inherit;
	right: 0;
	bottom: 0;
	width: 120px;
	height: calc(100% + 80px);
}
.title::after{
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	background:rgba(255,255,255,1.00);
	z-index: -1;
}
.title span{
	transform: rotate(-90deg);
	transform-origin:left bottom;
	left:105%;
	bottom:40px ;
	font-size: 2em;
	z-index: 9;
}
.title .js__fullwidth-img{
	position: relative;
	bottom: 0;
	right: 0;
	height: 200px;
}
}

.st{
	position: relative;
	font-weight: 600;
	text-align: center;
	z-index: 1;
}
.st span{
	font-size: 0.8em;
	color: rgba(71,71,71,0.30) !important;
}
.st::before{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 250px;
	height: 250px;
	background-image: url("../img/top/stbg.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index: -1;
}
@media only screen and (max-width:576px){
.st::before{
	width: 200px;
	height: 200px;
}
}

.st2 {
  overflow: hidden;
  text-align: center;
	position: relative;
	padding: 0.7em;
	color: #707070;
	letter-spacing: 0.05em;
	font-weight: 500;
	line-height: 1.5;
}
.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 #F1932B;
     border-bottom: 1px solid #F1932B;
}
.st2::after {
     bottom: 0;
     border-top: 1px solid #F1932B;
     border-bottom: 3px solid #F1932B;
}

.st3 {
     position: relative;
     color: white;
     padding:0.3em 0.5em 0.3em 1.4em;
	font-weight: 500;
	line-height: 1.5!important;
}
.st3::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 1.1em;
     height:2px;
     background-color:white;
}

.st4{
  position: relative;
  padding: 0.5em;
  border-bottom: 3px solid #A4A4A4;
	text-align: center;
}
.st4::after {
  position: absolute;
	margin: auto;
  content: '';
  top: 100%;
  left:0;
	right: 0;
  border: 12px solid transparent;
  border-top: 12px solid #A4A4A4;
  width: 0;
  height: 0;
}

.stf{
  position: relative;
  padding: .5em;
	margin: 0 0 20px;
  border-radius: 10px;
	line-height: 1.5!important;
}
.stf::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
}
.fcw{background-color: #fff;}
.fcw::after {border-top: 15px solid #fff;}
.fc1{background-color: #f08300;}
.fc1::after {border-top: 15px solid #f08300;}
.fc2{background-color: #00a73c;}
.fc2::after {border-top: 15px solid #00a73c;}
.fc3{background-color: #a9c800;}
.fc3::after {border-top: 15px solid #a9c800;}

@media screen and (max-width:991px) {
.st6 {
	left: -10px;
  padding: 1rem 2rem 1rem 2rem;
  border-radius: 100vh 0 0 100vh;
}

.st6:before {
  top: calc(50% - 7px);
  left: 8px;
  width: 14px;
  height: 14px;
}
.st6:after {
  top: calc(50% - 2px);
  left: -25px;
  width: 40px;
  height: 4px;
  border-radius: 30px;
}
}


table.com{
	margin:0 auto 15px;
	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{
	letter-spacing:1px;
	padding:1em 0;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	color:#333;
	text-align: center;
	vertical-align: middle!important;
}
.com td{
	color:#333;
	padding:1em;
	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:15px;
	color:#333;
	padding:1em;
	vertical-align: middle!important;
}

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

#doc,#doc2{
	position: relative;
}
#doc::before,#doc2::before{
	content: "";
	position: absolute;
	top:0;
	right: -100px;
	height: 100%;
	width: 300px;
	background-repeat: repeat-y;
	background-size: contain;
	background-position: top;
}
#doc::before{background-image:url("../img/doc/ddcbg1.png");}
#doc2::before{background-image:url("../img/doc/ddcbg2.png");}
@media only screen and (max-width:576px){
#doc::before,#doc2::before{
	top:0;
	right: 0;
	height: 100%;
	width: 150px;
}
}


.list-box {
	position: relative;
	margin: 20px 0 0;
	width: 100%;
	height: 100%;
    background-color: rgba(255,255,255,1.00);
	box-shadow: -15px 15px 30px 0 rgba(100,100,100,0.3);
}

.list-box:before {
	top:10px;
	right: 10px;
	position: absolute;
	content: "";
	border: 4px double #aecfe8;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	pointer-events: none;
}

.infobox{
	position: relative;
	top:0;
	z-index: -1;
	margin: 0 20px;
	padding: 20px;
	border-radius: 0 0 20px 20px;
	background-color: #FFF8E0;
	overflow: hidden;
}

.infoboxt{
	position: relative;
	bottom:0;
	z-index: -1;
	margin: 0 20px;
	border-radius:20px 20px 0 0 ;
	padding: 10px 10px 20px;
	text-align: center;
	background-color: #FFF8E0;
}
.infoboxt span{
	position: relative;
	padding: 0 0 5px;
	background-color: #FFF8E0;
	border-bottom: 4px solid #f0830c;
	font-weight: 600;
}


.List-Item-Content {
	position: relative;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
	z-index: 1;
}

.List-Item-Content .col-2{
	position: relative;
}
.List-Item-Content .col-2::before {
	content: "";
  position: absolute;
  top: 50%!important;
  left: calc(50% - 1px);
  transform: translate(-50%,-50%);
  width: 2px;
  height: 100%;
  background: #f08300;
	z-index: -1;
}

.List-Item-Content img{
	border: 2px solid #F0A347;
}

@media screen and (max-width: 540px) {
  .List-Item-Content {
    flex-wrap: wrap;
  }
}
.List-Item-Content-Number {
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background: #f08300;
  color: #fff;
  font-size: 36px;
}
@media screen and (max-width: 480px) {
  .List-Item-Content-Number {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
  }
}