@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* ===============================
	base
 =============================== */
html, body {
  font-family:"Zen Maru Gothic", serif;
  font-size: 17px;
 font-weight: 600;
  line-height: 1.8em;
  color: #323232;
  width: 100%!important;
letter-spacing: -0.05em;
font-feature-settings: "pkna" 1;
}
html {
    scroll-behavior: smooth;
}
.container{
width: 100%;
  max-width:850px;
  margin-right: auto;
  margin-left: auto;
}
.w1060{
width: 100%;
  max-width:1060px;
  margin-right: auto;
  margin-left: auto;
}

.white{
color: #fff;
}
.article h2 {
    font-size: 44px;
    padding: 0px;
    background-color:transparent;;
    border-radius:0;
	line-height: 0.5em;
}
.article h3 {
    border:0px;
    font-size: 25px;
    padding: 12px 20px;
}
/* ===============================
	nav
 =============================== */
.navbar {
    position:relative;
    display: flex;
    flex-wrap: wrap;
	height: 65px;
    align-items: center;
    justify-content: space-between;
    padding-top: 0;
    padding-bottom: 0;
}
.m-w-pc{
width: 120px;
text-align: center;
}
.m-w-pc2{
width: 100px;
text-align: center;
}
.m-w-pc3{
width: 140px;
text-align: center;
}

.nav-item a span.en{
position: relative;
opacity: 1;
transition: all 0.8s ease;
}
.nav-item a:hover span.en{
position: relative;
opacity: 0;
}

.nav-item a span.a-jp{
position: absolute;
font-size: 14px;
margin-top: 3px;
margin-left: -70px;	
opacity: 0;
transition: all 0.8s ease;
}
.nav-item a:hover span.a-jp{
position: absolute;
font-size: 14px;
margin-top: 3px;
margin-left: -70px;
opacity: 1;
}

.nav-item a span.w-jp{
position: absolute;
font-size: 14px;
margin-top: 3px;
margin-left:-45px;	
opacity: 0;
transition: all 0.8s ease;
}
.nav-item a:hover span.w-jp{
position: absolute;
font-size: 14px;
margin-top: 3px;
margin-left: -45px;
opacity: 1;
}
.nav-item a span.i-jp{
position: absolute;
font-size: 14px;
margin-top: 3px;
margin-left: -68px;	
opacity: 0;
transition: all 0.8s ease;
}
.nav-item a:hover span.i-jp{
position: absolute;
font-size: 14px;
margin-top: 3px;
margin-left: -68px;
opacity: 1;
}
.nav-item a span.f-jp{
position: absolute;
font-size: 14px;
margin-top: 3px;
margin-left: -30px;	
opacity: 0;
transition: all 0.8s ease;
}
.nav-item a:hover span.f-jp{
position: absolute;
font-size: 14px;
margin-top: 3px;
margin-left: -30px;
opacity: 1;
}
.nav-item a span.c-jp{
position: absolute;
font-size: 14px;
margin-top: 3px;
margin-left: -75px;	
opacity: 0;
transition: all 0.8s ease;
}
.nav-item a:hover span.c-jp{
position: absolute;
font-size: 14px;
margin-top: 3px;
margin-left: -75px;
opacity: 1;
}


.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0px;
padding-left:  0px;
 }
a.bg-y1{
color: #323232!important;
background-color: #FFBD00!important;
padding-left: 30px!important;
padding-right: 30px!important;
transition: all 0.5s ease;
}
a.bg-y1:hover {
color: #fff!important;
background-color: #FFBD00!important;
padding-left: 30px!important;
padding-right: 30px!important;
}


.head-menu{
position: fixed;
z-index: 99;
background-color: #ffffff;
width: 100%;
top: 0;
}

.navbar-text {
padding-top:0px;
padding-bottom:0px;
float: right;
}
.nav-link {
padding:1rem;
}
.head-logo{
margin-left: 45px;
}
.head-move{
margin-top: 65px;
width: 100%;
height:calc(100vh - 65px);
background-color: #666666;
}
@media screen and (min-width: 992px) {
.sp991{
display: none;	
}}
@media screen and (max-width: 1100px) {
.m-w-pc{
width: 100px;
}
.m-w-pc2{
width: 90px;
}
.m-w-pc3{
width: 110px;
}
}

/* ===============================
	about
 =============================== */
.head-move video{
width: 100%;
height: calc(100vh - 65px);
object-fit: cover;
}
.head-move{
text-align: center;
}
.head-move img.main-txt{
position: relative;
width: 600px;
max-width: 60%;
margin:-100vh auto 0 auto!important; 
}
.head-move img.scroll{
position: relative;
width: 30px;
margin:-200px auto 0 auto!important; 
}
.about{
width: 100%;
padding-top:75px;
padding-bottom: 120px;
background-color: #FFDE6E;
}
.tit-cho{
font-size: 30px;
line-height: 1.0rem;
font-weight: bold;
}
.tit-cho span{
font-size: 10px;
font-weight: 600px;
}
.sub-tit{
margin-top: 35px;
margin-left: 20px;
font-size: 46px;
font-weight: bold;
}
.about-txt01{
margin-top: 20px;
margin-left: 20px;
}

.about-txt02{
margin-top: 30px;
font-size: 26px;
line-height: 2.6rem;
margin-left: 20px;
}
.about-txt02 > span {
  background: linear-gradient(transparent 0%, transparent 50%, #fff 50%, #fff 100%);
}
.choice{
margin-left: 20px;
}
.more{
float: right;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
transition:all 0.5s ease;
height:12px!important;
width:auto!important;

}
a:hover .more{
margin-top: 10px;
margin-bottom: 0px;
margin-right: -15px;
}
.about-img01{
margin-top: 65px;
}
.about .tit-cho,.solution .tit-cho,.works .tit-cho,.voice .tit-cho{
margin-left: -105px;
}

/* ===============================
	solution
 =============================== */
.solution1{
padding-top: 90px;
}
.solution2{
padding-bottom: 120px;
}
.tit-cho02{
font-size: 34px;
text-align: center;
font-weight: bold;
margin-bottom: 35px;
}
.solution1 img.co-img{
max-width:106%;
height:auto;
}
.sol-t{
width: 100%;
margin-top: 15px;
height: 3rem;
vertical-align: middle;
text-align: center;
line-height: 1.5rem;
align-items:center;
}
.mt-sol{
padding-top: 15px;
}
.moya{
position: absolute;
margin-top: -150px;
z-index: 10;
}
.mt-120{
margin-top: 120px;
}
.bg-y2{
background-color: #FFDE6E;	
}
.solu05{
margin-top: -40px;
}
.solution06{
margin-bottom: 5px;
}
.mt-50{
margin-top: 40px;	
}
.solu07{
padding-right:20px;	
}
.solu-btn{
margin-top: 25px;
}
.solution2 a:hover{
opacity:0.6;
}
/* ===============================
	works
 =============================== */
.works{
padding-top: 65px;	
background-color: #fff4c3;
padding-bottom: 105px;
}
.workslist{
float: right;
height:12px!important;
width:auto!important;
}
.works-items {
display: flex;
flex-wrap: wrap;
margin-left: -0.33%;
margin-top: 35px;
}
.works-s{
width: 33%;
margin-left: 0.33%;
text-align: center;
}
.works-t01{
margin-top: 30px;
font-size: 12px;
margin-bottom: 0px;
}
.works-t02{
font-size: 21px;
}
.works-t02 a{
text-decoration:none;
 color: #323232;
}
/* ===============================
	voice
 =============================== */
.voice{
padding-top: 105px;	
padding-bottom: 105px;
}
.voice-item{
margin-top: 40px;
}
.voice-t01{
margin-top:15px;
font-size: 10px;
margin-bottom: 0px;
line-height: 1.2em;
}
.voice-t02{
font-size: 17px;
}
.voice-t02 a{
text-decoration:none;
 color: #323232;
}
/* ===============================
	flow
 =============================== */
.flow{
width: 100%;
padding-top:65px;
padding-bottom:70px;
background-color: #FFDE6E;	
}
.flow-mt{
margin-top: 35px;
}
/* ===============================
	contact
 =============================== */
.contact{
width: 100%;
padding-top:65px;
padding-bottom:50px;
background-color: #FFF;	
}
.contact-items {
display: flex;
flex-wrap: wrap;
margin-top: 35px;
text-align: center;
width: 100%;
justify-content:center;
}
.contact-s{
width: 174px;
height: 174px;
border: 1px solid #000;
border-radius: 35px;
text-align: center;
margin-left: 15px;
margin-right: 15px;
align-items:center;
}
.form-icn,.mail-icn,.con-icn{
margin-top: 45px;
}
.contact-s a{
color:  #323232;
text-decoration: none;
line-height: 1.4rem;
width: 100%;
height: 100%;
}
.con-mt01{
margin-top: 15px;
}
.con-mt02{
margin-top: 25px;
}
.con-sub-t{
font-size: 13px;
letter-spacing: 0.05em;
}
.cont-mt{
margin-top: 30px;
}
.f-text{
margin-top: 80px;
font-size: 13px;
line-height: 1.4rem;
letter-spacing: 0.05em;
}
.sns-icn{
margin-left: 12px;
margin-right: 12px;
}
.privacy{
margin-top: 30px;
font-size: 13px;
text-align: center;
}
.privacy a{
color:  #323232;
text-decoration: none;
letter-spacing: 0.05em;
}
.copy{
padding-top: 20px;
background-color: #ffbd00;
padding-bottom: 25px;
text-align: center;
}
.copy-txt01{
font-size: 13px;
margin-bottom: 0px;
letter-spacing: 0.05em;
}
.copy-txt02{
font-size: 10px;
margin-bottom: 0px;
letter-spacing: 0.05em;
}
@media screen and (min-width: 993px) {
  .spo {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .pco {
    display: none;
  }
.navbar-toggler{
    display: none;		
	}
}
@media screen and (max-width: 991px) {

/* ここから */
#global-head {
	position: fixed;
	color: #033560;
	width: 100%;
	text-align: center;
	padding-top: 60px;
	z-index: 100;
		right: 0;
}

#sidebartop {
	padding-top: 40px;
	width: 100%;
	height: 100%;
	position: fixed;
	color: #033560;
	background: #f2ece7;
	right: 0;
}

#global-nav ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0rem;
}
#global-nav > ul > li {
	position: relative;
}

#global-nav a {
	color: #323232;;
	text-decoration: none;
	display: block;
	-moz-transition: background-color .3s linear;
	-webkit-transition: background-color .3s linear;
	transition: background-color .3s linear;
}
#global-nav li {
	padding: 10px 0;
	}
/* nav-toggle */
#nav-toggle {
	display: none;
	position: fixed;
	top: 20px;
	right: 30px;
	height: 32px;
}
#nav-toggle > div {
	position: relative;
	width: 32px;
}
#nav-toggle span {
	width: 150%;
	height: 1.5px;
	left: 0;
	display: block;
	background: #033560;
	position: absolute;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}

#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}

#overlay {
	display: none;
	position: fixed;
	background: rgba(0,0,0,.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
	#main-in {
		padding-left: 0;
	}

	#global-head {
		width: 100%;
		padding: 10px;
		background: rgba(255,255,255,.8);
		display: -webkit-flex;
		display: flex;
	}

	#sidebartop {
		/*display: none;*/
		position: fixed;
		right: -100%;
		top: 65px;
		height: 100%;
		width: 100%;
		color: #333;
		background: #ffbd00;
		-webkit-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
		z-index: 900;
	}

	/* サブメニューは開けない */
	#global-nav .sub-menu-head:after,
	#global-nav .sub-menu-nav {
		display: none;
	}
	#nav-toggle {
		display: block;
	}

	/* nav open */
	.open {
		overflow: hidden;
	}
	.open #overlay {
		display: block;
	}
	.open #sidebartop  {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
	}

	/* #nav-toggle close */
	.open #nav-toggle span:nth-child(1) {
		top: 5px;
		-webkit-transform: rotate(20deg);
		-moz-transform: rotate(20deg);
		transform: rotate(20deg);
	}
	.open #nav-toggle span:nth-child(2) {
		top: 5px;
		-webkit-transform: rotate(-20deg);
		-moz-transform: rotate(-20deg);
		transform: rotate(-20deg);
	}

	/* z-index */
	#overlay {
		z-index: 20;
	}
	#sidebartop {
		z-index: 300;
	}
	#nav-toggle {
		z-index: 400;
	}
	#global-btm{
		display: none;
	}
	#global-nav{
	max-width: 700px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 22px;
	}
	#global-nav span{
	display: inline-block;
	float: right;
	font-size: 16px;
	}
	#global-nav li img{
    width: 400px;
	max-width: 100%;		
	}
	.head-logo {
    margin-left: 15px;
}
	.under-line{
	border-bottom: 1px solid #fff;	
	}
.sp-menu-text{
margin-top: 40px;
font-size: 14px;
line-height: 1.2rem;
letter-spacing: 0.05em;
}
.sp-m-logo{
max-width: 100%;
}
.sp-m-con img{
margin-bottom: 10px;
}
.sp-cont-mt{
margin-top: 20px;
padding-left: 5px;
}
.sp-cont-mt a{
display: inline-block!important;
}
.sp-cont-mt a img{
margin-right: 20px;		
}
.sp-m-p01{
margin-top:20px;
font-size: 12px;
letter-spacing: 0.05em;
}
.sp-m-p02{
margin-top:25px;
font-size: 12px;
margin-bottom: 0px;
line-height: 1.2rem;
letter-spacing: 0.05em;
}
.sp-m-p03{
font-size: 10px;
line-height: 1.2rem;
letter-spacing: 0.05em;
}
}
@media screen and (max-width: 400px) {
#sidebartop {
padding-top: 10px;
}
}
@media screen and (max-width: 1060px) {
.about .tit-cho, .solution .tit-cho, .works .tit-cho, .voice .tit-cho {
margin-left: 0px;
}
}

@media screen and (max-width: 991px) {
#main section{
padding-left: 30px;
padding-right: 30px;
}
.works-t01 {
margin-top: 10px;
}
.works-t02 {
margin-bottom: 30px;
}
.works-s {
width: 100%;
margin-left: 0;
}
.works-items {
margin-left: 0;
}
section.works{
padding-left: 0px!important;
padding-right: 0px!important;
}
.workslist{
float: none;
height: 14px;
width: auto;
}
h2.works-spt,h2.voice-spt,h2.flow-spt,h2.contact-spt{
padding-left: 30px;
}
.con-sub-t {
margin-top: 10px;
padding-left: 30px;
letter-spacing: 0.05em;
}
.voice {
padding-left: 30px;
padding-right: 30px;
}
.sp-flow{
background-color: #fff;
margin-left: 10px;
margin-right: 10px;
}
.sp-flow h2{
font-size: 21px;		
}
.flow-step{
margin-top: 15px;
}
.flow-txt{
padding: 15px 30px 20px 0;
line-height: 1.5rem;
margin-left: -20px;
}
.works {
padding-top: 65px;
padding-bottom: 95px;
}
.workslist{
margin-top: 35px;
}
.solu07 {
    margin-top: 20px;
}
.solution2 {
    padding-bottom: 30px;
}
	.more{
	margin-top: 30px;
	}
.voice-t01 {
    margin-top: 5px;
    text-align: center;
}
.voice-t02 {
    text-align: center;
}
}
@media screen and (min-width: 769px) {
.sp78{
display: none;
}
}
@media screen and (max-width: 768px) {
.sub-tit {
font-size: 36px;
}
.solution1 {
padding-top: 50px;
padding-bottom: 0px;
}	
.bg-y2 {
    background-color: #FFDE6E;
}
.solution2{
background-color: #FFDE6E;
}
.solution06{
width: 200px;
margin-bottom: 5px;
}
.pc78{
display: none;
}
.moya {
    margin-top: -110px;
    width: 150px;
}
html, body {
font-size: 14px;
letter-spacing: -0.1em;
}
.sp-f-contact{
text-align: center;
}
.sp-f-contact img{
width: 400px;
max-width: 100%;
border: solid 1px #323232;
border-radius: 8px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
.cont-mt {
margin-top: 10px;
}
.contact .text-center{
text-align: left!important;
}
.f-text {
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.5rem;
	margin-left: 30px;
letter-spacing: 0.05em;
}
.f-logo{
	margin-top: 5px;
	margin-left: 30px;
	margin-bottom: 20px;
	width: 260px;
	}
.con-sns-sp{
	margin-left: 30px;		
	}
.privacy {
    margin-top: 30px;
    font-size: 13px;
    text-align: left;
	margin-left: 30px;
}
.copy{
    text-align: left;
	padding-left: 40px;
	}
.contact {
    padding-bottom: 20px;
}
.tit-cho02 {
    font-size: 30px;
}
.sub-tit {
margin-left: 0px;
}
.about-txt01 {
margin-left: 0px;
}
.about-txt02 {
    margin-left: 0px;
}
.choice {
    margin-left: 0px;
}
.sns-icn {
    margin-left: 0px;
    margin-right: 20px;
}
.about-img01 {
    margin-top: 65px;
    width: 108%;
    margin-left: -4%;
}
.sp-f-mt{
margin-top: 0.8rem;
margin-bottom: 0.8rem;
}
}
@media screen and (max-width: 650px) {
#main section {
padding-left: 25px;
padding-right: 25px;
}	
.sub-tit {
font-size: 27px;
}
}
@media screen and (min-width: 568px) {
.sp56{
display: none;
}	
}
@media screen and (max-width: 567px) {
.pc56{
display: none;
}	
.sp-f-contact img{
width:calc(100% - 60px);
margin-left: 30px;
margin-right: 30px;
}
.solu05 {
width: 90%;
margin-top: -40px;
margin-left: -3px;
}

.solution1 {
padding-top: 40px;
padding-bottom: 0px;
}
.moya {
margin-top: -80px;
width: 30%;
}
.tit-cho02 {
    font-size: 25px;
}
.solution1 {
padding-left: 10px!important;
padding-right: 10px!important;
}

.about-txt01 {
margin-top: 15px;
margin-bottom: 10px;
}
.about-txt02 {
margin-top: 25px;
font-size: 19px;
line-height: 2.2rem;
margin-bottom: 10px;
}
.choice{
width: 130px;
}
}
@media screen and (max-width: 450px) {
.tit-cho02 {
    margin-bottom: 30px;
}
}	
	
@media screen and (max-width: 400px) {
.flow-txt{
padding: 15px 25px 20px 0;
line-height: 1.5rem;
margin-left: -26px;
}
.sp-flow h2 {
font-size: 20px;
}
.tit-cho02 {
	margin-left: 10px;
}
.sub-tit {
margin-top: 25px;
font-size: 26px;
}
#main section {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width: 380px) {
.sub-tit {
font-size: 25px;
}
}
/* ===============================
	下層about
 =============================== */
.about-head{
position: relative;
background-image: url("../img/about-head.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
margin-top: 65px!important;
min-height: 840px;
padding-top: 75px;
padding-bottom: 130px;
text-align: center;
	
}
.tit-cho2{
text-align: center;
font-size: 44px;
line-height: 0.4em;
font-weight:bold;
}
.tit-cho2 span{
text-align: center;
display: inline-block;
font-size: 10px;
line-height: 0.4em;
margin-left:3px;
}
.mission-txt{
color: #fff;
font-size: 40px;
margin-top: 45px;
margin-bottom: 5px;
}
.about-txt-k1{
font-size:32px;
}
.about-txt-k2{
font-size:16px;
width: 490px;
margin: 20px auto 0 auto;
text-align: left;
font-weight: 500;
}
.about-txt-ksub1{
margin-top: 55px;
margin-bottom: 0px;
font-size:19px;
font-weight:500;	
}
.about-txt-ksub2{
margin-top: 0px;
font-size:33px;
}
.about-txt-ksub2 span::after {
background: linear-gradient(transparent 0%, transparent 60%, #ffbd00 60%, #ffbd00 100%);
  width: 0;
  transform: translateX(-50%);
  transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  position: absolute;
  bottom: 0;
  left: 50%;
}
.about-txt-ksub2 span.is-animated::after {
  width: 100%;
}
.service{
width: 100%;
padding-top: 75px;
padding-bottom: 130px;
}
.service-item{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 50px;
}
.s-item01{
width: 250px;
padding: 20px;
margin-left: 10px;
margin-right: 10px;
text-align: center;
border: solid 5px #ffde66;
}
.mb-4s{
margin-bottom:1.5em;
}
.s-item01 h3{
font-size: 23px;
letter-spacing: -0.1em;
font-weight:600;
}
.s-item01 p{
font-size: 15px;
text-align: left;
margin-left: 12px;
margin-right: 12px;
}
.servic-txt{
margin-top: 50px;
font-size: 21px;
text-align: center;
}
.point{
width: 100%;
background-color: #ffbd00;
padding-top: 80px;
padding-bottom: 100px;
text-align: center;
}
.point p{
font-size: 15px;
line-height: 1.4rem;
}
p.point-txt1{
margin-top: 45px;
font-size: 22px;
color: #fff;
margin-bottom: 5px;
}
.point h3{
font-size: 35px;
color: #fff;
margin-bottom: 10px;
}
.message{
width: 100%;
padding-top: 80px;
padding-bottom: 100px;
text-align: center;
}
.message-item{
margin-top: 55px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.m-item01{
width: 420px;
margin-right: 30px;
}
.m-item02{
width: 470px;
font-size: 15px;
margin-left: 30px;
text-align: left;
font-weight: normal;
}
.yoshimura{
margin-bottom: 15px;
margin-right: 10px;
}
.note-i{
clear: both;
margin-right: 10px;
}
.member{
width: 100%;
padding-top: 20px;
padding-bottom: 120px;
text-align: center;
}
.member-txt{
margin-top: 30px;
font-size: 15px;
font-weight: normal;
}
.member-img{
max-width: 100%;
}
.side{
width: 100%;
height: 800px;
background-color: #fff4c3;
padding-top: 40px;
padding-bottom:0px;
}
.slider-buil{
margin-top: -500px;
}
ul.slider-buil{
padding-left: 0px;
}
.side-item{
margin-top: 40px;
display: flex;
flex-wrap: wrap;
justify-content: center;	
}
.side-item01{
width: 420px;
font-size: 15px;
margin-top: 40px;
text-align: left;
font-weight: normal;
line-height: 2.0em!important;
z-index: 30;
}
.tit-cho3{
text-align: center;
font-size: 30px;
line-height: 0.5em;
font-weight: bold;
}
.tit-cho3 span{
text-align: center;
display: inline-block;
font-size: 10px;
line-height: 0.4em;
font-weight: normal;
}
.side-txt{
font-size: 47px;
font-weight: bold;
}
.side-txt2{
font-size: 27px;
font-weight: bold;
}
li.slick-slide{
    width: 2000px!important;
    height: auto;	
}
.slider img {
    width: 100%;
    height: auto;
}
ul.slider-buil {
    padding-left: 0px;
    height: 800px;
    overflow-y: hidden;
}
@media screen and (max-width: 1100px) {
	.s-item01{
		max-width: 560px;
        width: 100%;
		margin-bottom: 20px;
	}	
.service-img01,.service-img02,.service-img03{
  margin-top: 15px;
        padding-top: 10px;
        width: 40%;
        float: left;
        margin-right: 10px;
        padding-bottom: 10px;
	}
.s-item01 h3 {
text-align: left;
}
.m-item01 {
width: 450px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 30px;
}
.m-item02 {
    width: 470px;
    font-size: 15px;
    margin-left: 20px;
margin-right: 20px;	
    text-align: left;
    font-weight: normal;
}
.pc110{
display:none;
}
.mb-4s{
margin-bottom:10px;
}
}
@media screen and (max-width: 768px) {
.about-head{
background-image: url("../img/about-head-sp.jpg");
text-align: left;
padding-left: 15%;
padding-right: 15%;
padding-top: 30px;
padding-bottom:0px;
}
.tit-cho2 {
    text-align:left;
    font-size: 44px;
}
.mission-txt {
font-size: 31px;
margin-bottom: 10px;
}
.about-txt-k1{
font-size: 26px;	
line-height: 1.2em;
}
.about-txt-k2 {
    font-size: 15px;
    width: 100%;
    margin: 20px auto 0 auto;
}
.about-txt-ksub1 {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: normal;
}
.about-txt-ksub2 {
font-size: 24px;
line-height: 1.5em;
}
.service{
padding-left: 15%;
padding-right: 15%;
padding-bottom: 40px;
}
.s-item01 {
margin-left: 0px;
margin-right: 0px;
}
.servic-txt {
margin-top: 10px;
line-height: 1.4em;	
}
.point{
padding-left: 15%;
padding-right: 15%;
	}
.point h3 {
    font-size: 29px;
}

.message{
padding-left: 15%;
padding-right: 15%;
}
.sp-ml30{
padding-left: 15%;		
}
.member-txt {
width: 100%;
max-width: 100%;
text-align: left;
padding-left: 15%;
margin-left: 20px;
padding-right: 15%;
margin-right: 20px;
}
.tit-cho3 {
    text-align: left;
padding-left: 15%;	
}
.side-item01 {
 margin-top: 0px;
}
li.slick-slide {
  width: 1650px !important;
  height: auto;
}
}
@media screen and (max-width: 567px) {
.about-head{
padding-left: 30px;
padding-right: 30px;
}
.service{
padding-left: 30px;
padding-right: 30px;
}
.point{
padding-left: 30px;
padding-right: 30px;
}
.message{
padding-left: 30px;
padding-right: 30px;
}
.sp-ml30{
padding-left: 30px;		
}
.member-txt {
width: 100%;
padding-left: 30px;
margin-left: 0px;
padding-right: 30px;
}
.m-item01 {
width: 100%;
margin-left: 0px;
margin-right: 0px;
}
.m-item02 {
width: 100%;
margin-left: 0px;
margin-right: 0px;
}
.yoshimura{
margin-top: 10px;
margin-left: 15%;
width: 85%;
}
.side-txt {
font-size: 35px;
margin-left: 30px;
margin-right: 30px;	
}
.side-txt2{
font-size: 20px;
margin-left: 30px;
margin-right: 30px;	
}
.side-txt3{
margin-left: 30px;
margin-right: 30px;
margin-bottom: 50px;
}
.tit-cho3 {
padding-left: 30px;	
}	
}
@media screen and (max-width: 440px) {
.s-item01 h3 {
font-size: 20px;
}
}
@media screen and (max-width: 420px) {
.point h3 {
    font-size: 27px;
}	
}
@media screen and (max-width: 400px) {
.s-item01 h3 {
    font-size: 18px;
}	
.point h3 {
    font-size: 25px;
}
.side-txt {
font-size: 33px;
}
.side-txt2{
font-size: 19px;
margin-left: 30px;
margin-right: 30px;	
}
.service-img01, .service-img02, .service-img03 {
padding-bottom: 40px;
}
}
/* ===============================
	下層contact
 =============================== */
#k-con{
margin-top:65px;
padding-top:75px;
padding-bottom:115px;
width:100%;
background-color:#fff4c3;
padding-left:30px;
padding-right:30px;
}
.contact-head{
text-align:cenetr;
}
.k-con-txt1{
width:440px;
text-align:left;
margin:50px auto 0px;
font-size:16px;
max-width:100%;
}
.k-con-txt2{
margin-top:30px;
color:#ffbd00;
text-align:center;
font-size:16px;
}
#k-con .container {
    width: 100%;
    max-width: 950px;
    margin-right: auto;
    margin-left: auto;
	font-size:16px;
}
.contact-form{
background-color:#fff;
padding:50px 90px 90px;
}

#k-con input[type="radio"] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #323232;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

#k-con input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ffbd00;
  content: '';
}
.mandatory{
font-size:11px;
margin-left:10px;
background: #ffbd00;
display:inline-block;
padding:3px 5px;
line-height:1em;
margin-top:-2px;
}
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea, select, .search-edit {
    border-radius:0px;
}
.contact-form dt{
margin-top:-5px;	
width:140px;
float:left;
}
.contact-form dd{
margin-top:10px;
margin-left:140px;
line-height:1.3em;
font-weight:bold;
}
.anken{
margin-top:45px;
margin-bottom:10px;
}
.form2 p{
margin-top:30px;
line-height: 2.2em;
margin-bottom:0;
}	
}
.mwform-checkbox-field label, .mwform-radio-field label {
    font-weight: bold!important;
    margin-bottom: 0;
}
.henshin{
margin-top:35px;	
}
p.henshin2{
margin-left:250px;
margin-top:-55px;
width:320px;
max-width:100%;
}
.henshin2 span{
font-size:12px;
color:#878787;
}
.form-add  span{
font-size:12px;
color:#878787;
}
p.form-add01{
margin-top:0px;
width:350px;
float:left;
margin-bottom:10px;
}
p.form-add02{
margin-top:0px;
width:350px;
float:right;
margin-bottom:10px;
}
p.form-add03{
margin-top:0px;	
clear:both;
}
p.form-add00{
margin-bottom:-5px;
}
.submit-btn {
  /* buttonタグのリセットCSS */
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  color: #323232!important;	

  padding: 8px 24px;
width:740px;
max-width:100%;
  background-color: #ffbd00!important;	
  cursor: pointer; /* ポインターカーソルを表示 */
}
.changed{
	
}
.changed input[type=submit] {
    -webkit-appearance: none;
    border: 0px;
    background-color: #ffde66;
    color: #828282;
	font-size:18px;
	width:740px;
max-width:100%;
display:block;
margin-left:auto;
margin-right:auto;
}

.privacy-c input[type="checkbox"]:checked .changed input[type=submit]{
    background-color: #ffbd00;
    color:#323232;	
}

p.p-doi{
margin-top:50px;
font-size:12px;
margin-bottom:0
}
p.rivacy-l{
margin-top:0px;
font-size:12px;
}
.privacy-c{
text-align:center;
}
.mwform-checkbox-field-text{
font-weight:bold;
}
.rivacy-l a{
color:#323232;
text-decoration:none;
}
.privacy-c input[type="checkbox"] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #323232;
  vertical-align: -2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.privacy-c input[type="checkbox"]:checked:before {
  position: absolute;
  top: 1px;
  left: 4px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #323232;
  border-bottom: 2px solid #323232;
  content: '';
}
@media screen and (max-width: 1000px) {
p.form-add01{
margin-top:0px;
width:100%;
float:none;
margin-bottom:10px;
}
p.form-add02{
margin-top:0px;
width:100%;
float:none;
margin-bottom:10px;
}
}
@media screen and (max-width: 991px) {
p.henshin2 {
    margin-left: 0px;
    margin-top: 0px;
    width: 100%;
    max-width: 100%;
}
.henshin {
    margin-top: 35px;
    margin-bottom: 0;
}
}
@media screen and (max-width: 768px) {
p.henshin2 {
    margin-left: 0px;
    margin-top: 0px;
    width: 100%;
    max-width: 100%;
}
.henshin {
    margin-top: 35px;
    margin-bottom: 0;
}
.contact-form dt {
    margin-top: -5px;
    width: 140px;
    float: none;
}
.contact-form dd {
    margin-top: 10px;
    margin-left: 0px;
    line-height: 1.3em;
    font-weight: bold;
}
k-con-txt2 {
    text-align: left;
}
}
@media screen and (max-width: 567px) {
.contact-form {
padding:15px;
}
}
@media screen and (max-width: 400px) {
#k-con{
padding-left:25px;
padding-right:25px;
}
}
.article-header{
display:none;
}
.works-head{
margin-top:64px;
padding-top:70px;
border-top:2px solid #FFBD00;
}
.date-tags{
display:none;
}
.works-head .container,.works-content .container{
width: 100%;
max-width: 1280px;
}
.works-content img{
width:100%;
margin-bottom:30px;
}
h1.workspage-title{
margin-top:15px;
padding-left:185px;
padding-right:185px;
margin-bottom:0px;
}
p.subtit2{
padding-left:190px;	
}
.works-head .subtit{
padding-left:185px;
padding-right:185px;
}
.works-head p{
padding-bottom:55px;	
}
.works-content{
font-weight:normal;
}
h3.works-ch3{
margin-top:10px;	
font-size:25px!important;
line-height:0.5em;
padding:0px;
margin-bottom:0px;
}
.works-subtit{
font-size:10px!important;
line-height:0.5em;
}
.problem{
margin-top:100px;
border-top:solid 0.75px #c8c8c8;
padding-top:40px;
padding-bottom:10px;
margin-left:0px;
margin-right:0px;
}
.works-ctxt{
padding-right:20%;	
}
.problem .col-md-2,.proposal .col-md-2,.owner .col-md-2{
padding-left:0px;
padding-right:0px;
}
.proposal{
border-top:solid 0.75px #c8c8c8;	
margin-left:0px;
margin-right:0px;
padding-top:40px;
padding-bottom:10px;
margin-left:0px;
margin-right:0px;
}
.owner{
border-top:solid 0.75px #c8c8c8;	
margin-left:0px;
margin-right:0px;
padding-top:20px;
padding-bottom:10px;
margin-left:0px;
margin-right:0px;	
}
.owner dl{
border-bottom:solid 0.75px #c8c8c8;
padding-top:10px;
padding-bottom:15px;
margin-bottom:10px;	
margin-right:20%;		
}
.owner dt{
font-weight:normal;
float:left;
padding-left:10px;
}
.owner dd{
margin-left:195px;	
}

.entry-categories-tags{
display:none;
}
.w-Owner{
padding-top:15px;
}
.owner h3.works-ch3{
padding-top:20px;
}
.interview p{
width:50%;
}

.interview p{
width:100%;
}
h1.workspage-title {
    padding-left: 0px;
    padding-right: 0px;
}
	p.subtit2 {
    padding-left: 0px;
}
.p-interview h2 {
line-height:1.4em;
}
.voice2,.works2{
margin-top:20px;
padding-top: 65px;	
background-color: #fff4c3;
padding-bottom: 105px;	
}
.voice2 .container,.works2 .container{
width: 100%;
max-width: 1280px;
}
.voice2 .tit-cho,.works2 .tit-cho{
text-align:center;
}
.works2 img.workslist,.voice2 img.workslist{
margin-top:-20px;
}
.c-works{
margin-top:64px;
padding-top:70px;
border-top:2px solid #FFBD00;
}
.c-works .container{
width: 100%;
max-width: 1280px;
}
.category-works a{
text-decoration:none!important;
  color: #323232;
}
.works-list-tit{
margin-top:10px;
font-size:20px;
text-align:center;
  color: #323232;
margin-bottom:0px;
}
.works-list-sub{
font-size:11px;
text-align:center;
  color: #323232;
margin-bottom:70px;
}
.c-works .tit-cho{
font-size:44px;
margin-bottom:50px;
}
.pagination ul{
 display: flex;
padding-left:0;
}
.pagination ul li{
list-style: none;
font-size:16px;	
}
a.prev{
position:absolute;
border:0;
width:130px;
margin-left:-300px;	
background-image: url(../img/yajirushi01.png);
background-size:18px;
background-repeat:no-repeat;
background-position:left;
font-weight:normal;
}
a.next{
position:absolute;
border:0;
width:130px;
margin-left:200px;
background-image: url(../img/yajirushi02.png);
background-size:18px;
background-repeat:no-repeat;
background-position:right;
font-weight:normal;
	
}

.pagination-total{
display:none;
}
.pagination .current {
    background-color: var(--cocoon-current-background-color);
}
.page-numbers {
  color: #323232;
    text-decoration: none;
    display: inline-block;
    height: 27px;
    width: 27px;
    border: 0px solid var(--cocoon-thin-color);
    margin: 0 4px;
    line-height: 27px;
    text-align: center;
    border-radius:0;
}
.pagination .current {
    background-color:#ffbd00;
}
@media screen and (max-width: 768px) {
a.next{
margin-left:0;	
margin-right:0;
right:30px;
margin-top:-50px;	
}
a.prev{
margin-left:0;	
margin-right:0;
left:30px;
margin-top:-50px;	
}
}
.p-interview h2{
margin-top:70px;
font-size:31px;
}
.p-interview h3{
padding:0px;
margin-top:40px;
font-size:22px;
margin-bottom:20px;
}
.article-footer entry-footer{
display:none;
}
.author-info{
display:none;
}
.privacy-head{
margin-top:65px;
padding-top:70px;
padding-bottom:70px;
width:100%;
background-color:#fff4c3;
text-align:center;
	
}
.privacy-head .tit-cho{
font-size:44px;
line-height: 1.2rem;
}
.privacy-content{
width: 100%;
    max-width: 690px;
    margin-right: auto;
    margin-left: auto;
	font-weight:normal;
}
.p-p-mt01{
margin-top:70px;
}
.p-p-mt02{
margin-top:20px;
}
.privacy-content h3{
margin-top:60px;
font-size:26px;
padding-bottom:5px;
border-bottom:1.5px solid #ffbd00;
	font-weight:normal;
}
@media screen and (max-width: 567px) {	
	.owner dl {
    margin-right: 0%;
}
.owner dd {
    margin-left: 155px;
}	
}
/*------------------------------ */
/* ------ animation style ------ */
/* ----------------------------- */


/* fade zoom */
.u-fade-type-zoom.is-active{
    transition: 8s;
    transform: scale(1.06);
}

/* fade up */
.u-fade-type-up{
    transform: translateY(50px);
    opacity: 0;
}

.u-fade-type-up.is-active{
    transition: 1.2s;
    transform: translateY(0);
    opacity: 1;
}

.is-active .u-fade-type-up{
    transition: .6s;
    transform: translateY(0);
    opacity: 1;
}

.is-active .u-fade-type-up:nth-child(2){transition-delay: .4s;}
.is-active .u-fade-type-up:nth-child(3){transition-delay: .8s;}
.is-active .u-fade-type-up:nth-child(4){transition-delay: 1.2s;}
.is-active .u-fade-type-up:nth-child(5){transition-delay: 1.6s;}
.is-active .u-fade-type-up:nth-child(6){transition-delay: 2s;}

/* fade left */
.u-fade-type-left{
    transform: translateX(50px);
    opacity: 0;
}

.u-fade-type-left.is-active{
    transition: .6s;
    transform: translateX(0);
    opacity: 1;
}

.is-active .u-fade-type-left{
    transition: .6s;
    transform: translateX(0);
    opacity: 1;
}

.is-active .u-fade-type-left:nth-child(2){transition-delay: .2s;}
.is-active .u-fade-type-left:nth-child(3){transition-delay: .4s;}
.is-active .u-fade-type-left:nth-child(4){transition-delay: .6s;}
.is-active .u-fade-type-left:nth-child(5){transition-delay: .8s;}

/* img */
.u-fade-type-slide{
    position: relative;
}

.u-fade-type-slide::after{
    content: '';
    display: block;
    width: 100%;
    transform: scaleX(1);
    transform-origin: 100% 0;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}

.u-fade-type-slide.is-active::after{
    transition: .6s;
    transform: scaleX(0);
}

/* single marker */
.u-fade-type-marker {
    background: linear-gradient(to right, transparent 0%,transparent 50%, #ffbd00 50%, #ffbd00 100%);
    background-repeat: repeat-x;
    background-size: 200% .6em;
    background-position: 0 .6em;
    padding-bottom: .6em;
}

.u-fade-type-marker.is-active{
    transition: all 1.8s ease;
    background-position: -100% .6em;
}
.wp-element-caption{
margin-top:-30px!important;
}
@media screen and (max-width: 380px) {
    .sp-menu-text {
        margin-top: 0px;
        font-size: 14px;
        line-height: 1.2rem;
        letter-spacing: 0.05em;
    }
    #global-nav li img {
        width: 260px;
        max-width: 100%;
    }
    .sp-menu-text {
        margin-top: 0px;
        font-size: 14px;
    }
    .sp-m-logo {
        max-width: 90%;
    }
.sp-cont-mt {
        margin-top: 10px;
        padding-left: 5px;
    }
    .sp-m-p01 {
        margin-top: 10px;
        font-size: 12px;
        letter-spacing: 0.05em;
    }
    .sp-m-p02 {
        margin-top: 15px;
        font-size: 12px;
    }
#global-nav a {
font-size:18px;
    }
    #global-nav li {
        padding: 5px 0;
    }
}