@charset "utf-8";


/***************************************************
 * Generated by SVG Artista on 6/20/2022, 10:59:47 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-elem-1 {
  stroke-dashoffset: 179.20233154296875px;
  stroke-dasharray: 179.20233154296875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-2 {
  stroke-dashoffset: 179.20233154296875px;
  stroke-dasharray: 179.20233154296875px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.1s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.1s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-2 {
  stroke-dashoffset: 0;
}

svg .svg-elem-3 {
  stroke-dashoffset: 217.41827392578125px;
  stroke-dasharray: 217.41827392578125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-3 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-4 {
  stroke-dashoffset: 217.41827392578125px;
  stroke-dasharray: 217.41827392578125px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.30000000000000004s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.30000000000000004s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-4 {
  stroke-dashoffset: 0;
}

svg .svg-elem-5 {
  stroke-dashoffset: 231.64645385742188px;
  stroke-dasharray: 231.64645385742188px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.4s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.4s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-5 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-6 {
  stroke-dashoffset: 231.64645385742188px;
  stroke-dasharray: 231.64645385742188px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-6 {
  stroke-dashoffset: 0;
}

svg .svg-elem-7 {
  stroke-dashoffset: 186.8253936767578px;
  stroke-dasharray: 186.8253936767578px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.6000000000000001s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.6000000000000001s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-7 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-8 {
  stroke-dashoffset: 186.8253936767578px;
  stroke-dasharray: 186.8253936767578px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.7000000000000001s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.7000000000000001s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-8 {
  stroke-dashoffset: 0;
}

svg .svg-elem-9 {
  stroke-dashoffset: 186.49234008789062px;
  stroke-dasharray: 186.49234008789062px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.8s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.8s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-9 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-10 {
  stroke-dashoffset: 186.49234008789062px;
  stroke-dasharray: 186.49234008789062px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.9s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.9s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-10 {
  stroke-dashoffset: 0;
}

svg .svg-elem-11 {
  stroke-dashoffset: 213.7274169921875px;
  stroke-dasharray: 213.7274169921875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-11 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-12 {
  stroke-dashoffset: 213.7274169921875px;
  stroke-dasharray: 213.7274169921875px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.1s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.1s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-12 {
  stroke-dashoffset: 0;
}

svg .svg-elem-13 {
  stroke-dashoffset: 163.3328094482422px;
  stroke-dasharray: 163.3328094482422px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.2000000000000002s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.2000000000000002s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-13 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-14 {
  stroke-dashoffset: 163.3328094482422px;
  stroke-dasharray: 163.3328094482422px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.3s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.3s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-14 {
  stroke-dashoffset: 0;
}



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





.sub-menu{
	display: flex;
	justify-content: center;
	text-align: center;
	padding: 0px 0 0 0;
	margin: 0px 0 60px 0;
	flex-wrap: wrap;
}

.sub-menu a{
	display: block;
	width: 45%;
	height: 36px;
	border: 1px solid #000;
	background: #fff;
	text-align: center;
	margin: 0 7px 21px 7px;
	padding: 7px 18px 0 18px;
	font-size: 13px;
	font-weight: 500;
	transition: 0.5s ;
}
.sub-menu a span{
	line-height: 1;
	margin: 0 0 0 0;
	display: block;
	font-size: 12px;
	color: #c9bcaa;
	font-family: serif;
}

.sub-menu a:hover{
	display: block;
	width: 45%;
	height: 36px;
	border: 1px solid #000;
	background: #000;
	color: #fff;
	text-align: center;
	padding: 7px 18px 0 18px;
	font-size: 13px;
	font-weight: 500;
	transition: 0.5s ;
}
.sub-menu a:hover:before{

}



.sub-menu span.now{
	display: block;
	position: relative;
	width: 45%;
	height: 36px;
	border: 1px solid #000;
	background: #000;
	color:#fff;
	text-align: center;
	margin: 0 7px 21px 7px;
	padding: 7px 18px 0 18px;
	font-size: 13px;
	font-weight: 500;
	transition: 0.5s ;
}

.sub-menu span.now:before {
  content: "";
  /* borderで三角形を作る */
  border: 10px solid transparent;
  border-top: 10px solid #000;
  /* 配置する */
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}





/*======================================

	h3
		
========================================*/

.company-h3{
	font-size:18px;
	line-height: 1;
	padding: 15px 0 16px 3px;
	border-top:1px solid #231815;
	border-bottom:1px solid #231815;
	text-align: left;
}

/*======================================

	outline (index)
	
========================================*/


section#company-outline{
	margin: 0px 0 0 0;
	padding: 0 0 0px 0;
}

section#company-history{
	margin: 60px 0 60px 0;
	padding: 0 0 0 0;
}

dl.outline{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	text-align: left;
	border-top:2px dotted #231815;
	padding: 15px 0 0 0;
}
dl.outline-first{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	text-align: left;
	border-top:0px dotted #231815;
}

dl.outline dt,dl.outline-first dt{
	width:160px;
	padding: 0px 0 0px 18px;
	margin: 0 0 0 0;
	font-size:15px;
	font-weight: 500;
	line-height: 1.8;
	color:#9fa0a0;
	
}
dl.outline dd,dl.outline-first dd{
	width:780px;
	padding: 0px 18px 0px 18px;
	margin: 0 0 0 0;
	font-size:15px;
	line-height: 1.8;
}





/*======================================

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

section#company-message{
	margin: 0px 0 0 0;
	padding: 0 0 60px 0;
}

h4.message-title{
	font-size:25px;
	color:#898989;
	line-height: 1;
	margin: 45px 0 21px 0;
	padding: 0 0 0 0;
	text-align: left;
}

.message{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.message-left{
	width: 100%;
	text-align: left;
}
.message-right{
	width: 100%;
}

.message-right img{
	width: 80%;
	margin: 30px auto;
}

.president-signature{
	font-size:25px;
	line-height: 1;
	margin: 45px 0 21px 0;
	padding: 0 0 0 0;
	text-align: right;
}
.president-signature span{
	display: inline-block;
	font-size:15px;
	line-height: 1;
	margin: 0px 15px 0px 0;
	padding: 0 0 0 0;
	text-align: right;
}





/*======================================

	policy
	
========================================*/

section.policy{
	width: 100%;
	text-align: left;
	margin: 0 0 60px 0;
}

h4.polisy-title{
	font-size:18px;
	color:#898989;
  position: relative;
  padding: 0 0 21px 0;

}


h4.polisy-title::after {
  content: '';
  width: 60px;
  height: 2px;
  display: inline-block;
  background-color: #898989;
  position: absolute;
  bottom: 0px;
  left: 6px;
}

.policy-lead{
	font-size:16px;
	font-weight: 600;
	line-height: 1.8;
	position: relative;
	padding: 0 0 0px 0;
	margin: 0 0 18px 0;
}

h5.policy-h5{
	font-size:16px;
	position: relative;
	padding: 0 0 0px 0;
	margin: 0 0 18px 0;
}

h5.policy-h5 span{
	display: inline-block;
	font-size:21px;
	position: relative;
	padding: 0 0 0px 0;
	margin: 0 18px 0 0;
}



}/*//end  max-width: 480px ///////////////////////*/







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





.sub-menu{
	display: flex;
	justify-content: center;
	text-align: center;
	padding: 0px 0 0 0;
	margin: 0px 0 60px 0;
}

.sub-menu a{
	display: block;
	width: 180px;
	height: 45px;
	border: 1px solid #000;
	background: #fff;
	text-align: center;
	margin: 0 7px 0 7px;
	padding: 10px 18px 0 18px;
	font-size: 15px;
	font-weight: 500;
	transition: 0.5s ;
}
.sub-menu a span{
	line-height: 1;
	margin: 0 0 0 0;
	display: block;
	font-size: 12px;
	color: #c9bcaa;
	font-family: serif;
}

.sub-menu a:hover{
	display: block;
	width: 180px;
	height: 45px;
	border: 1px solid #000;
	background: #000;
	color: #fff;
	text-align: center;
	padding: 10px 18px 0 18px;
	font-size: 15px;
	font-weight: 500;
	transition: 0.5s ;
}
.sub-menu a:hover:before{

}



.sub-menu span.now{
	display: block;
	position: relative;
	width: 180px;
	height: 45px;
	border: 1px solid #000;
	background: #000;
	color:#fff;
	text-align: center;
	margin: 0 7px 0 7px;
	padding: 10px 18px 0 18px;
	font-size: 15px;
	font-weight: 500;
	transition: 0.5s ;
}

.sub-menu span.now:before {
  content: "";
  /* borderで三角形を作る */
  border: 10px solid transparent;
  border-top: 10px solid #000;
  /* 配置する */
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}





/*======================================

	h3
		
========================================*/

.company-h3{
	font-size:22px;
	line-height: 1;
	padding: 15px 0 16px 3px;
	border-top:1px solid #231815;
	border-bottom:1px solid #231815;
	text-align: left;
}

/*======================================

	outline (index)
	
========================================*/


section#company-outline{
	margin: 0px 0 0 0;
	padding: 0 0 0px 0;
}

section#company-history{
	margin: 60px 0 60px 0;
	padding: 0 0 0 0;
}

dl.outline{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	text-align: left;
	border-top:2px dotted #231815;
	padding: 21px 0 0 0;
}
dl.outline-first{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	text-align: left;
	border-top:0px dotted #231815;
}

dl.outline dt,dl.outline-first dt{
	width:160px;
	padding: 0px 0 0px 18px;
	margin: 0 0 0 0;
	font-size:15px;
	font-weight: 500;
	line-height: 1.8;
	color:#9fa0a0;
	
}
dl.outline dd,dl.outline-first dd{
	width:780px;
	padding: 0px 0 0px 0px;
	margin: 0 0 0 0;
	font-size:15px;
	line-height: 1.8;
}





/*======================================

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

section#company-message{
	margin: 0px 0 0 0;
	padding: 0 0 60px 0;
}

h4.message-title{
	font-size:25px;
	color:#898989;
	line-height: 1;
	margin: 45px 0 21px 0;
	padding: 0 0 0 0;
	text-align: left;
}

.message{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.message-left{
	width: 500px;
	text-align: left;
}
.message-right{
	width: 400px;
}

.president-signature{
	font-size:25px;
	line-height: 1;
	margin: 45px 0 21px 0;
	padding: 0 0 0 0;
	text-align: right;
}
.president-signature span{
	display: inline-block;
	font-size:15px;
	line-height: 1;
	margin: 0px 15px 0px 0;
	padding: 0 0 0 0;
	text-align: right;
}





/*======================================

	policy
	
========================================*/

section.policy{
	width: 100%;
	text-align: left;
	margin: 0 0 60px 0;
}

h4.polisy-title{
	font-size:22px;
	color:#898989;
  position: relative;
  padding: 0 0 21px 0;

}

.policy-lead{
	font-size:18px;
	font-weight: 600;
	line-height: 1.8;
	position: relative;
	padding: 0 0 0px 0;
	margin: 0 0 18px 0;
}

h4.polisy-title::after {
  content: '';
  width: 60px;
  height: 2px;
  display: inline-block;
  background-color: #898989;
  position: absolute;
  bottom: 0px;
  left: 6px;
}

h5.policy-h5{
	font-size:18px;
	position: relative;
	padding: 0 0 0px 0;
	margin: 0 0 18px 0;
}

h5.policy-h5 span{
	display: inline-block;
	font-size:25px;
	position: relative;
	padding: 0 0 0px 0;
	margin: 0 18px 0 0;
}



}/*//end  min-width: 481px ///////////////////////*/