@charset "UTF-8";
html, body {
  height: 100%;
  background-color#fff;
}
@font-face {
    font-family: 'impact';
    src: url('../font/impact.eot'); /* IE 9 Compatibility Mode */
    src: url('../font/impact.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
         url('../font/impact.woff2') format('woff2'), /* Super Modern Browsers */
         url('../font/impact.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
         url('../font/impact.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../font/impact.svg#impact') format('svg'); /* Chrome < 4, Legacy iOS */
}

.cw_mv {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-image: url(../img/cw_web_top6.jpg);
  background-size: cover;
  z-index: 6;
  background-attachment: fixed;
}

.cw_mv_fixed {}
h1{
	position:absolute;
	left:50px;
	top:50px;
	z-index:1000;
}
h1 img{
	width:250px;
	height:auto;
}
.cw_mv_inner {
  width: 100%;
  height: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
.cw_catch {
  display: table;
  font-family: 'impact', serif;
  font-size: 48px;
  font-weight: normal;
  height: 100%;
  line-height: 1.1;
  margin: 0 auto;
  position: relative;
  width: 100%;
  z-index: 100;
}

.cw_catch .cw_catch_h1 {
  color: #fff;
  display: table-cell;
  height: 100%;
  opacity: 1.0;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  font-size:84px;
  opacity:0.7;
  text-transform:uppercase;

}
.cw_catch_h1 {
  background-repeat:no-repeat;
  background-position:center center;
  background-size:500px;
  background-attachment:fixed;
}
.cw_catch .cw_catch_h1 svg {
  fill: #fff !important;
  width: 120px;
}

.cw_catch .cw_catch_h1 img {
  fill: #fff !important;
  width: 220px;
}
/* -------------------------- ----------------------- */

.shapedividers_com-9005{
overflow:hidden;
position:relative;
height:100px;
}
.shapedividers_com-9005::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
bottom: -1px;
left: -1px;
right: -1px;
top: -1px;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat; 
background-size: 100% 90px;
background-position: 50% 0%;    
background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%2358b539"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%2358b539"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%2358b539"/></svg>'); 
}

@media (min-width:768px){
.shapedividers_com-9005::before{
background-size: 100% 90px;
background-position: 50% 0%;   
}  
}
 
@media (min-width:1025px){
.shapedividers_com-9005::before{ 
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw; 
background-size: 100% 90px;
background-position: 50% 0%;  
background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%2358b539"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%2358b539"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%2358b539"/></svg>'); 
}
}
@media (min-width:2100px){
.shapedividers_com-9005::before{
background-size: 100% calc(2vw + 90px);
}
}
 /* -------------------------- ----------------------- */
 
 .typing {

  justify-content: center;
  position:absolute;
  right:30px;
  bottom:20px;
}
 
.typing-effect {
width: 31ch;
    animation: typing 3s steps(31) 2.5s, effect .5s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
 font-family: "Inconsolata", monospace;
    font-size: 18px;
    color: white;
}
 
@keyframes typing {
  from {
    width: 0
  }
}
    
@keyframes effect {
  50% {
    border-color: transparent
  }
}
 .typing2 {
display:flex;
  justify-content: center;

}
.block .typing-effect2{
    width:0;
	overflow: hidden;
	white-space: nowrap;
	border-color:transparent;

}
.run .typing-effect2 {
width: 34ch;
    animation: typing2 3s steps(34) 1.0s both, effect2 .5s step-end  infinite 1.0s alternate both ;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
 font-family: "Inconsolata", monospace;
    font-size: 18px;
    color: white;
border-color: transparent
}
 
@keyframes typing2 {
  from {
    width: 0
  }
}
    
@keyframes effect2 {
  50% {
    border-color: #fff
  }
}
 .typing3 {
display:flex;
  justify-content: center;

}
.block .typing-effect3{
    width:0;
	overflow: hidden;
	white-space: nowrap;
	border-color:transparent;

}
.run .typing-effect3 {
width: 18ch;
    animation: typing3 1.5s steps(18) 1s both, effect3 .5s step-end  infinite 1.0s alternate both ;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
 font-family: "Inconsolata", monospace;
    font-size: 20px;
    color: #000;
border-color: transparent
}
 
@keyframes typing3 {
  from {
    width: 0
  }
}
    
@keyframes effect3 {
  50% {
    border-color: #000
  }
}
 .typing4 {
display:flex;
  justify-content: center;

}
.block .typing-effect4{
    width:0;
	overflow: hidden;
	white-space: nowrap;
	border-color:transparent;

}
.run .typing-effect4 {
width: 18ch;
    animation: typing4 2.0s steps(18) 2.0s both, effect4 .5s step-end  infinite 2.0s alternate both ;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
 font-family: "Inconsolata", monospace;
    font-size: 16px;
    color: #39FF14;
border-color: transparent
}
 
@keyframes typing4 {
  from {
    width: 0
  }
}
    
@keyframes effect4 {
  50% {
    border-color: #39FF14
  }
}
.header_container_inner{
	padding-top:0px;
	padding-bottom:30px;
	text-align:left;
	border-bottom:0px solid #000;
	position:absolute;
	right:10px;
	opacity:1;
	z-index:99999;
}
.header_container_inner h1{
	width:170px;
}
.header_container_inner h1 img{
	width:100%;
	height:auto;
}
.menu_outer{

	display:block;
	padding-top:30px;

}
.cw_r_main_menu{
font-family: 'Source Sans 3', sans-serif;

}
.cw_r_main_menu ul{
	padding:20px;
	text-align:center;

}

.cw_r_main_menu ul li {
	text-align:right;
	padding-bottom:3px;
	font-size:16px;
	color:#000;
	position:relative;
	letter-spacing:0.1em;
	display:inline-block;
	margin-right:20px;
	margin-left:20px;
}
.cw_r_main_menu ul li a{
font-weight:400;
font-family: 'Source Sans 3', sans-serif;
text-transform:uppercase;
text-shadow: 
    #fff 2px 0px 2px, #fff -2px 0px 2px,
    #fff 0px -2px 2px, #fff -2px 0px 2px,
    #fff 2px 2px 2px, #fff -2px 2px 2px,
    #fff 2px -2px 2px, #fff -2px -2px 2px,
    #fff 1px 2px 2px, #fff -1px 2px 2px,
    #fff 1px -2px 2px, #fff -1px -2px 2px,
    #fff 2px 1px 2px, #fff -2px 1px 2px,
    #fff 2px -1px 2px, #fff -2px -1px 2px,
    #fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
	text-shadow:#fff 0px 0px 0px ;
	color:#fff;

}
.cw_r_main_menu ul li:after{

}
.cw_r_main_menu ul li:last-child:after{
	content:"";
}
.cw_menu_sns{
	top:1px;
}
.cw_menu_sns span{
	display:none;
}
.cw_menu_sns img{
	width:14px;
	height:auto;
}
.cw_r_sub_menu{
	position:fixed;
	top:50%;
	right:-10px;
	 transform: rotate( 90deg );
	 	opacity:1;
		z-index:99999;
		mix-blend-mode: difference;
}
.cw_r_sub_menu ul li{
    text-align: right;
    padding-bottom: 6px;
    font-size: 14px;
    color: #fff;
    position: relative;
    letter-spacing: 0.1em;
font-family: 'Source Sans 3', sans-serif;
float:left;
margin-right:15px;
	

}
.cw_r_sub_menu ul li a{
font-weight:400;
color:#fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.cw_r_sub_menu ul li svg{
	fill:#000;
	display:block;
}
/* -------------------------- ----------------------- */
.cw_about_logo{
	text-align:center;
	padding-top:10px;
}
.cw_about_logo img{
	width:200px;
}

.cw_top_1{
	padding-top:120px;
	padding-bottom:120px;
}
.cw_top_1 h2{
    font-size: 24px;
    color: #000;
    position: relative;
    letter-spacing: 0.1em;
font-family: 'Source Sans 3', sans-serif;
text-align:center;	
margin-bottom:30px;
text-transform:uppercase;
}
.cw_top_1 h2.h2_wh{
	color:#fff;
}
.cw_top_1 p{
    font-size: 16px;
    letter-spacing: 0.1em;
font-family: 'Source Sans 3', sans-serif;
}
.cw_about{
  background-repeat:no-repeat;
  background-position:center center;
  background-size:200px;
}
.cw_about p{
	text-align:center;
}
.cw_about ul li{
    font-size: 16px;
    color: #000;
    position: relative;
    letter-spacing: 0.1em;
font-family: 'Source Sans 3', sans-serif;
text-align:center;
position:relative;		
	
}
.cw_about ul li span{
position:relative;
padding-left:25px;	
}
.cw_about ul li span:before{
	content:"";
	height:0px;
	width:0px;
	background-color:#000;
	display:block;
	position:absolute;
	top:50%;
	left:0;
}
.cw_top_news{
	margin-top:60px;
}
.cw_top_news h3{
	text-align:center;
	font-size:20px;
	line-height:1.2;




}
.cw_brand{
background-color:#000000;
color:#fff;
}
.cw_brand h4{
font-family: 'impact', serif;
    font-size: 40px;
    font-weight: normal;
	text-align:center;
	color:#fff;
	/*-webkit-text-stroke: 0.01em rgba(255,255,255,1);
	color: transparent;*/
	line-height:1;
	margin-bottom:25px;
	    text-transform: uppercase;
		letter-spacing: 0.05em;
}
.cw_brand h4 span{
    font-size: 24px;
}
.cw_brand h3{
	color:#fff;
	text-align:center;
	font-family: 'Source Sans 3', sans-serif;
	    font-size: 24px;
    position: relative;
    letter-spacing: 0.1em;
font-family: 'Source Sans 3', sans-serif;
text-align:center;	
margin-bottom:30px;
text-transform:uppercase;
margin-top:60px;	
}
.cw_brand_lineup{
	display:flex;
	flex-wrap: wrap;
	gap: 40px 40px;
	background-image: url(../img/eb_logo_textonly_wh.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
}
.cw_brand_lineup li{
	width:calc((100% - 80px) / 3);
	
}
.cw_brand_lineup li img{
	width:100%;
	height:auto;
}
.cw_brand_lineup_main{
	margin-bottom:40px;
}
.cw_brand_logo	{
text-align:center;
	padding-top:10px;
}
.cw_brand_logo img{
	width:150px;
}
.cw_brand_image{
	text-align:center;
	padding-top:30px;
}
.cw_brand_outer{
		max-width:1080px;
		margin:0 auto;
}
.box17 p{
		max-width:1080px;
		margin:0 auto;	
		text-align:left;
}
p.cw_brand_under_intro{
	margin:0 auto;
	margin-bottom:40px;
	color:#fff;
}
p.cw_brand_under_ex{
	  background-image: url(../img/cw_brand_back_2nd_2.jpg);
	background-position:center center;
	color:#fff;
	padding:40px;
	margin-top:60px;
	background-size:cover;
	
}
.cw_onlinelink{
	width:100%;
	margin-top:40px;
	
}
.cw_onlinelink a{
	width:100%;
	font-size:24px;
	color:#fff !important;
	text-align:center;
	display:inline-block;
	border:1px solid #fff;
	padding-top:15px;
	padding-bottom:15px;
	font-family: 'impact', serif;
	letter-spacing:0.02em;
	line-height:1;
	
}
.cw_onlinelink a span{
	font-size:12px;
	font-family: 'Source Sans 3', sans-serif;
}
	

.marquee-right {
	overflow: hidden;
	margin-top:60px;

}
.marquee-right ul {
	animation: marquee-right 50s linear infinite;
	display: flex;
	margin: 0;
	padding: 0;
	width: max-content;
		margin-bottom:20px;

}
.marquee-right ul li {
	list-style: none;
	padding: 0 10px;
	width: calc(100vw / 5 - 20px);
}
.marquee-right img {
	display: block;
	width: 100%;
}
@keyframes marquee-right {
	from {
		transform: translateX(0%);
	}
	to {
		transform: translateX(-50%);
	}
}

@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / 6);
}
.scroll-infinity__item>img {
  width: 100%;
}

	.scroll-infinity__item--text {
  font-family: Comfortaa,cursive;
  width: calc(600vw / 3);
  font-size: 8rem;
  color: #fff;
  font-family: 'impact', serif;
}
@keyframes infinity-scroll-right {
from {
  transform: translateX(-100%);
}
  to {
  transform: translateX(0%);
}
}
.scroll-infinity__list--right{
  animation :infinity-scroll-right 170s infinite linear 0.5s both;
}






.cw_list ul{
	width:85%;
	max-width:1280px;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.cw_list ul li{
	width:calc((100% - 60px) / 3);
	margin-bottom:30px;
}
.cw_list ul li dl dt img{
width:100%;
height:auto;
}	

.cw_brand dl{
	width:1180px;
	margin:0 auto;
margin-bottom:20px;
font-family: 'Source Sans 3', sans-serif;
}
.cw_brand dl dt,.cw_brand dl dd{
	text-align:center;
	font-size: 24px;
}
.cw_brand dl dt span{
	font-size: 16px;
	padding-left:5px;
}

.cw_brand p:last-of-type{
	margin-bottom:0px;
}
.cw_top_cslist{
	display:flex;
	width:1180px;
	margin:0 auto;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom:30px;
}









.cw_case_inner{
	width:1080px;
	margin:0 auto;
padding-top:60px;	
}
.cw_case_inner article{
		display:flex;
		gap:30px;
		margin-bottom:60px;
}
.cw_case_inner article .partnerimg{
	  width:50%;
   text-align:center;
}
.cw_case_inner article .partnertext{
	  width:50%;
   text-align:center;
   display:flex;
   align-items: center;
    flex-wrap: wrap;
	align-content: center;
}
.cw_case_inner article .partnerimg img{
	width:100%;
	height:auto;
}
.partnerimg{
	position:relative;
	
}
.partnerimg p{
	font-family: 'impact', serif;
    font-size: 40px;
    font-weight: normal;
    text-align: center;
    color: #000;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.05em;
position: absolute;
    left: -40px;
    bottom: 100%;
    /* width: 100%; */
    transform: rotate(90deg);
    transform-origin: bottom left;
 
}
.cw_case_inner article .partnertext h3{
	width:100%;
	letter-spacing: 0.2em;
}
 .cw_case_inner article .partnertext h3 span{
 font-family: "Inconsolata", monospace;
font-size:14px;
text-transform:uppercase;
	letter-spacing: 0.1em;
 }
 .cw_case_inner article .partnertext a{
	 font-size:14px;
	  text-align:center;
	  width:100%;
	   font-family: "Inconsolata", monospace;
	   margin-top:20px;
}
.cw_case_inner article:nth-child(n){
   flex-direction:row-reverse;
 }
 article:nth-child(2n+1) .logo{
 }


.cw_top_cslist dl{
	border:1px solid #666;
	width:calc((100% - 60px)/ 3);
	height:180px;
	color:#fff;
	position:relative;
	background-color:#fff;
	margin-bottom:50px;

}
.cw_top_cslist dl:after{
	content:"";
	width:100%;
	height:100%;
	background-color:#58B539;
	display:block;
	position:absolute;
	top:7px;
	left:7px;
	z-index:-1;

	
}
.cw_top_cslist dl dd{
	width:100%;
	text-align:center;
}
.cw_top_cslist dl dd a{
	border:1px solid #666;
	display:inline-block;
		background-color:#58B539;
		padding:5px 30px;
font-family: 'Source Sans 3', sans-serif;
font-size: 16px;
color:#fff;
font-weight:bold;
}
.cw_case{
background-image:url(../img/cw_iStock-1127844220_3.jpg);
background-repeat:no-repeat;
background-position:center top 0px;
}
.cw_case h3{
font-family: 'Source Sans 3', sans-serif;
    font-size: 20px;
	text-align:center;
	margin-bottom:20px;
}
.cw_case h4{
font-family: 'Source Sans 3', sans-serif;
    font-size: 16px;
	text-align:center;
	margin-bottom:20px;
	color:#666;
	margin-top:20px;
	font-weight:bold;
}
.cw_case h4 span{
	display:inline-block;
	width:100%;
	text-align:center;
}
.cw_case h4 span i{
	color:#58B539;
}
.modaal-container {
	max-width:840px !important;
}
.modaal-content h5{
font-family: 'Source Sans 3', sans-serif;
    font-size: 16px;
	text-align:center;
	margin-bottom:0px;
	background-color:#58B539;
	color:#fff;
	font-weight:bold;
}
.modaal-content h6{
font-family: 'Source Sans 3', sans-serif;
    font-size: 16px;
	text-align:left;
	margin-top:20px;
	position:relative;
	padding-left:30px;

}
.modaal-content h6:before {
    content: "";
    height: 2px;
    width: 20px;
    background-color: #58B539;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
}
.modaal-content p{
	font-family: 'Source Sans 3', sans-serif;
    font-size: 14px;
}
.cw_top_cstable{
	width:1180px;
	margin:0 auto;
	padding-top:0px;
}
.cw_top_cstable table{
	width:100%;
	background-color:rgba(255,255,255,0.75);
}
.cw_top_cstable table , .cw_top_cstable td, .cw_top_cstable th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
.cw_top_cstable td, .cw_top_cstable th {
	padding: 3px;
	font-size:16px;
}
.cw_top_cstable th {
	background: #ccc;
	text-align:center;
	font-weight:bold;

}
.cw_top_cstable .even {
	background: #fbf8f0;
}
.cw_top_cstable .odd {
	background: #fefcf9;
}
.cw_profile{

 background:   
  url(../img/company_back6.jpg);
  background-size: cover;
  
}
.cw_profile h2{
	color:#fff;
}
.cw_top_company_profile{
	width:1180px;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
	padding-top:30px;
}
.cw_top_company_profile_left dl{
	font-size:14px;
margin-bottom:20px;
font-family: 'Source Sans 3', sans-serif;
}
.cw_top_company_profile_left dl dt{
	font-size:12px;	
}
.cw_top_company_profile_left dl dt,.cw_top_company_profile_left dl dd{
	text-align:center;
	
}
.cw_top_company_profile_left dl dd{
font-size:16px;	
}

.cw_top_company_profile_left{
	width:calc((100% - 0px)/ 1);
	background-color:rgba(255,255,255,0.0);
	padding:30px 30px;
	padding-top:60px;
	backdrop-filter: blur(1px);
	color:#fff;

}
.cw_top_company_profile_right{
		width:calc((100% - 30px)/ 2);
}
.cw_top_company_profile_right h3 img{
	width:100%;
	height:auto;
	margin-bottom:30px;
}
.cw_top_company_profile_right p{
	text-align:left;
	font-size:14px;
}
.cw_top_contact{
	padding-top:120px;
	padding-bottom:0px;
}
.cw_top_contact h2{
    font-size: 24px;
    color: #000;
    position: relative;
    letter-spacing: 0.1em;
font-family: 'Source Sans 3', sans-serif;
text-align:center;	
margin-bottom:30px;
}


.cw_contact_after{
	padding-top:30px;
font-family: 'Source Sans 3', sans-serif;
text-align:center;
font-size: 16px;
    color: #333;	
}
/* -----フィッシュ コンタクトパーツ ----- */
#contact_zone{
}
#contact_zone_inner{
	width:1080px;
	margin:0 auto;
}
#contact_zone_stripe{
	background-image:url(../img/stripe_a7a7a34cc169f2a299ac4c72ea13d175.png);
	padding-left:100px;
	padding-right:100px;
	padding-top:50px;
	padding-bottom:30px;
	margin-bottom:20px;
	background-color:#f6f6f7;
}
#contact_zone_stripe_left{
	float:left;
	width:400px;
}
#contact_zone_stripe_right{
	float:right;
	width:400px;
}
#contact_zone_inner h5{
	background-image:url(../img/cm_n_page_contactzone_title.png);
	width:840px;
	height:43px;
	background-repeat:no-repeat;
	display:block;
    font-family: 'Source Sans 3', sans-serif;
    font-size: 30px;
    font-weight: 800;
	margin-top:30px;

	background-position:center center;
}
#contactzone_p{
	text-align:center;
	font-size:16px;
	margin-bottom:30px;
    font-family: 'Source Sans 3', sans-serif;
	font-weight:400;
	color:#333;
}
#cf_contact_under{
width:840px;
margin:0 auto;
padding-bottom:60px;
}
#cf_contact_under p{
	font-size:16px;
    font-family: 'Source Sans 3', sans-serif;
	font-weight:400;	
	text-align:left;
}
#submit_p{
	text-align:right;
	width:400px;
	line-height:1;
	font-family: 'Source Sans 3', sans-serif;
}
.wpcf7 .wpcf7-text{
	border:#666 1px solid;
	width:396px;
	height:25px;
   border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	line-height:1;
	padding-left:4px;

	
}
.wpcf7 .wpcf7-textarea{
	border:#666 1px solid;
   border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	width:394px;
	height:160px;
	padding-left:4px;
	padding-top:4px;
	background-color:#ffft;
}
.wpcf7 .wpcf7-submit{
	padding-left:10px;
	padding-right:10px;
    font-family: 'Source Sans 3', sans-serif;
	font-weight:bold;
	font-size:16px;
	background-color:#000;
	color:#fff;
	border:1px solid #333;
   border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	line-height:1;
margin-top: 10px;
	padding-top:3px;
	padding-bottom:3px;
	height:25px;
}
.wpcf7 .your-message2{
	width:400px;
	height:165px;
	line-height:1;
   border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	background-color:transparent;
}
.wpcf7 .your-name,.wpcf7 .your-namekana,.wpcf7 .your-email,.wpcf7 .your-tel{
	width:400px;
	height:25px;
}
.wpcf7 .wpcf7-select{
	border:#666 1px solid;
   border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	width:394px;
	height:30px;
	padding-left:4px;
	padding-top:4px;
	background-color:#fff;
	font-size:14px;
}
#contact_zone_inner dl{
	margin-bottom:12px;
}
#contact_zone_inner dl dt{
	font-size:16px;
	font-weight:400;
	line-height:1.2;
	font-family: 'Source Sans 3', sans-serif;
	padding-bottom:5px;
}
.contact #contact_zone_inner dl dt{
	color:#1d2c56;
}
#contact_zone_inner dl dt span{
	font-size:12px;
}
#contact_zone_inner dl dd{
	position:relative;
}
.wpcf7 div.wpcf7-validation-errors {
    border: 2px solid #F00;
	padding:0px;
	color:#FF0000;
}
.wpcf7 span.wpcf7-form-control-wrap {
    position: relative;
	display:block;
}
.your-message2{
	position:relative;
	display:block;
}
.wpcf7 span.wpcf7-not-valid-tip {
    position: absolute;
    top: -15px;
    right: 0px;
    z-index: 100;
    background:none;
    border: none;
    font-size: 12px;
    width: auto;
    padding: 0px;
	color:#FF0000;
	line-height:1;
	height:12px;

}
.wpcf7 div.wpcf7-response-output {
    margin: 0;
    padding: 0;
	margin-top:20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	font-size:14px;
	text-align:center;
}
.wpcf7 .your-message2 span.wpcf7-not-valid-tip {
    top: -15px;
}
.wpcf7 div.wpcf7-mail-sent-ok {
    border: 2px solid #015874;
	color:#015874;
	text-shadow:2px 2px 2px #ccc;
}
.contact .wpcf7 div.wpcf7-mail-sent-ok {
    border: 2px solid #fff;
	color:#fff;
	text-shadow:2px 2px 2px #ccc;
}
.wpcf7 div.wpcf7-mail-sent-ng {
    border: 2px solid #F00;
	color:#FF0000;
}
.page_contact_zone_inner {

    margin: 0 auto;
}
/* -----フィッシュ コンタクトパーツ ----- */
.page_contact_zone h2{
	margin-bottom:20px;
}

.scroll-down4 {
  width: 3px;
  height: 80px;
  background: #58B539;
  background: #fff;
  animation: scrollDown4 2s ease infinite;
  margin: 0 auto;
  position:absolute;
  bottom:0px;
  right:50%;
}

@keyframes scrollDown4 {
  0% {
    transform-origin: top;
    transform: scaleY(0);
  }
  45% {
    transform-origin: top;
    transform: scaleY(1);
  }
  55% {
    transform-origin: bottom;
    transform: scaleY(1);
  }
  100% {
    transform-origin: bottom;
    transform: scaleY(0);
  }
}
.css-scroll-down {
  display: flex;
  flex-flow: row;
  align-items: flex-start;

}
.css-scroll-down .single-scroll-down-animation {
  margin-right: 20px;
  width: calc(25% - 20px);

}
.block.scroll-down5{
	height:100px;
	visibility: none;

}
.block.scroll-down6{
	height:100px;
	visibility: none;

}
.run.scroll-down5 {
  width: 5px;
  height: 100px;
  background: #58B539;
  background: #000;
  animation:  scrollDown5 1.5s 1s ease 1;
  animation-fill-mode:forwards;
  margin: 0 auto;
  bottom:auto;
  position:relative;
  visibility: visible;
      transform: scaleY(0);
}
.run.scroll-down6 {
  width: 5px;
  height: 80px;
  background: #58B539;
  background: #fff;
    animation:  scrollDown5 1.5s 1s ease 1;
  animation-fill-mode:forwards;
  margin: 0 auto;
  bottom:auto;
  position:relative;
  visibility: visible;
      transform: scaleY(0);
}
.animation5{
	display:flex;
	justify-content: center;
}
.animation6{
	display:flex;
	justify-content: center;
}
@keyframes scrollDown5 {
  0% {
    transform-origin: top;
    transform: scaleY(0);
  }
  100% {
    transform-origin: top;
    transform: scaleY(1);
  }

}
@keyframes scrollDown6 {
  0% {
    transform-origin: top;
    transform: scaleY(0);
  }
  100% {
    transform-origin: top;
    transform: scaleY(1);
  }

}
.css-scroll-down {
  display: flex;
  flex-flow: row;
  align-items: flex-start;

}
.css-scroll-down .single-scroll-down-animation {
  margin-right: 20px;
  width: calc(25% - 20px);

}
/* ----- モダール ----- */
.hide-area{
  display: none;
}

.box17 {
    margin: 2em 0;
    position: relative;
    padding: 40px 40px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
}
.box17:after {
    right: 10px;
}
.box17:before {
    left: 10px;
}
.box17:before, .box17:after {
    content: '';
    position: absolute;
    top: -10px;
    width: 1px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #fff;
}
.box17:before, .box17:after {
    content: '';
    position: absolute;
    top: -10px;
    width: 1px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #fff;
}
/* ----------------footer設定 */
.cw_r_footer_outer{
	background-color:#fff;
}
.cw_r_footer {
    width: 840px;
	margin:0 auto;
	font-size:12px;
	border-top:0px solid #000;
	padding-top:70px;
}

.cw_r_footer p {
    text-align: center;
    letter-spacing: 0.1em;
 font-family: "Inconsolata", monospace;
	    font-weight: 400;
		font-size:14px;
    text-indent: 0.1em;
}

.single .header_container{
	background-color:#000;
	display: flex;
	 justify-content: space-between;
}
.single h1 {
    position: relative;
}
.single .header_container_inner {
    position: relative;
}

.nav-links {
  font-size: 16px;
  display: flex;
  position:relative;
}
.nav-links div[class^="nav-"] {
  width: 50%;
}
.nav-links .nav-next {
  margin-left: auto;
}
.nav-links .nav-previous + .nav-next {
  margin-left: -0px;
}
.nav-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 20px);

  border: 1px solid #000;
  padding:10px;
  font-size:12px;
  line-height:1.2;
}
.nav-previous:before,.nav-next:before{
	font-family: impact, serif;
}
.nav-previous:before{
	content:"";
	display:block;
	height:2px;
	width:30px;
	background-color:#000;
	position:absolute;
	left:-20px;
	top:50%;
}
.nav-next:before{
		content:"";
	display:block;
	height:2px;
	width:30px;
	background-color:#000;
	position:absolute;
	right:-20px;
	top:50%;
}
.cw_news_under_top{
	text-align:center;
	margin-top:20px;
	text-decoration:underline;
	font-family: "Inconsolata", monospace;
	font-size:16px;
	letter-spacing:0.1em;
	
}
    .cw_about ul {
		margin-top:20px;
    }
    .cw_about ul li a{
		text-decoration:underline;
    }
.tel-number a[href^="tel:"] { color: inherit; text-decoration: none; pointer-events: none; } 
.cw_footer_sns{
	width:100%;
	display:flex;
	justify-content: center;
	margin-top:10px;
	gap:20px;
}
.cw_footer_sns li{
	width:15px;
}
.cw_footer_sns li img{
width:100%;
height:auto;
}
/* ----------------crossroad設定 */
.parent {
    display: grid;
    grid-template-columns:10px 1fr 10px;
    grid-template-rows: 10px 1fr 10px;
    gap: 1px;
	height:100%;
}
.parent > div{
background-color:#000;
}
    
.div1 {
    grid-column-start: 2;
    grid-row-start: 2;

}

.div2 {
    grid-column-start: 1;
    grid-row-start: 1;
}

.div3 {
    grid-column-start: 2;
    grid-row-start: 1;
}

.div4 {
    grid-column-start: 3;
    grid-row-start: 1;
}

.div5 {
    grid-column-start: 1;
    grid-row-start: 2;
}
body.crossroad{
	background-color:#fff;
}
.linkzone{
    display: grid;
    grid-template-columns:1fr;
	grid-template-rows: repeat(4, 1fr);
    gap: 1px;
	height:100%;
	width:100%;
		background-color:#fff;
}
.linkzone div{
	background-color:#000;
	
}
.linkzone div a{
	width:100%;
	height:100%;
	display:flex;
	align-items: center;
	justify-content: center;

}
.linkzone div a dd{
	color:#fff;
		font-family: "Inconsolata", monospace;
		font-size:14px;
	
}
.div1-1 img{
	width:250px;
	height:auto;
}
.div1-2 img{
	width:250px;
	height:auto;
}
.div1-3 img{
	width:250px;
	height:auto;
}
.div1-4 img{
	width:250px;
	height:auto;
}
.your_route{
	position:absolute;
    right: 18px;
    bottom: 10px;
	}
/* ----------------crossroad設定 */