/*
追加用css
*/

/********** メディアクリ用メモ **********/
@media (min-width:1200px) {}
@media (min-width:1100px) {
/* 1100px以上用の記述 */
}
@media (max-width:1199px) {
/* 1200px以下用の記述 */
}
@media (max-width:600px) {}
@media (max-width:360px) {}
@media (max-width:340px) {}

/**********  文字色メモ　color:#2C5E6D **********/
/********** 共通事項 **********/
a:hover {
  opacity: 0.8;
}
::-webkit-scrollbar{
   width: 10px;
}
::-webkit-scrollbar-track{
   background-color: #ccc;
}
::-webkit-scrollbar-thumb{
   background-color: #1F8797;
	border-radius:10px;
}
.pc{display:block}
.sp{display:none}
@media (max-width:600px) {
	.pc{display:none;}
	.sp{display:block}
}
html,body{font-family: "noto-sans-cjk-jp", sans-serif;}
.text-center{
	text-align:center;
	margin:auto}
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
}
/********** 共通パーツ **********/
section{padding:4rem 0}
.full {
	margin: 0 calc(50% - 50vw);
	padding: 4px calc(50vw - 50% + 8px);
	width: 100vw;
}
.flex-container {
  display: flex;
}
.flex-item {
  width: 100%;
}

/** ボタン **/
a.btn{
padding:1.2rem 1rem 1.2rem 3.4rem; 
text-align: center;
background: transparent linear-gradient(79deg, #2B9F65 0%, #0086AF 100%) 0% 0% no-repeat padding-box;
color:#fff;
border:none;
letter-spacing: 6px;
text-decoration: none;
}
a.btn span:after{
	content:url("/wp-content/themes/arkhe/image/arrow-r.png");
	vertical-align: middle;
	transform: scale(0.01);
	padding-left:2.6rem
}
.contact_btn{
	display:block;
	width:15rem;
	margin:2rem 2rem 6rem;
}
@media (max-width:600px) {
	a.btn{margin:2rem auto 1rem}
}
/********** 事業説明用 共通パーツ **********/
#beef .section01{padding-bottom:0}
#oyster .section01{padding-bottom:0}
#frozen .section01{padding-bottom:0}


.page-beef{
	background-image:url("/wp-content/themes/arkhe/image/page01.jpg");background-repeat:no-repeat;background-position: top right;background-size: 70%;}
.page-oyster{
	background-image:url("/wp-content/themes/arkhe/image/page02.jpg");background-repeat:no-repeat;background-position: top right;background-size: 70%;}
.page-planning{
	background-image:url("/wp-content/themes/arkhe/image/page03.jpg");background-repeat:no-repeat;background-position: top right;background-size: 70%;}
.page-frozen{
	background-image:url("/wp-content/themes/arkhe/image/page04.jpg");
	background-repeat:no-repeat;
	background-position: top right;
	background-size: 60%;
}
.page-collaboration{
	background-image:url("/wp-content/themes/arkhe/image/page05.jpg");background-repeat:no-repeat;background-position: top right;background-size: 70%;}
.page-development{
	background-image:url("/wp-content/themes/arkhe/image/page06.jpg");background-repeat:no-repeat;background-position: top right;background-size: 70%;}
.l-content__body{
	margin: 3rem auto 0;
}
.p-topArea.-noimg{
	background: transparent linear-gradient(79deg, #2B9F65 0%, #0086AF 100%) 0% 0% no-repeat padding-box;
}
p.catchphrase{
background:#fff;
margin:0rem 0 1rem 0;
padding:2rem;font-size:2.8rem;font-weight:bold;width:40rem;line-height:5rem;color:#2C5E6D;
letter-spacing:2px;
background: linear-gradient(90deg, #2A9E66, #52EFFF);  -webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

p.business_description{
padding:4rem 2rem;
line-height:3rem;
width:80%}

@media (max-width:600px) {
p.catchphrase{
margin:0;
padding:0 0 2rem;
font-size:1.8rem;
line-height:3.2rem;
width:100%;
}
p.business_description{
padding:0;
line-height:2rem;
width:100%}
}

.products_wrap{background:#f5f5f5}
.products_wrap h2{
margin:0;
padding:2rem 2rem 1.6rem;font-size:3rem;font-weight:bold;width:40rem;line-height:4rem;color:#2C5E6D;
letter-spacing:2px;
background: linear-gradient(90deg, #2A9E66, #52EFFF);  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.products_wrap p{padding:0 0 2rem 2rem;color:#a9a9a9}
.products_menu{padding:3rem 2rem 5rem;flex-wrap: wrap;justify-content: center;align-items: center

}
.products_menu_title{padding-left:2rem;color:#0287AD;text-align:center}
.products_menu div.flex-item{
	width:120px;height:120px;background:#81C4CA;border-radius:99px;margin:4px;text-align:center;
font-size:14px;
color:#fff;
padding-top:50px}
.products_menu div.flex-item:lang(en){padding-top:40px}
.products_menu div.active:lang(en){padding-top:50px}

.products_menu div.active{
	width:148px;height:148px;padding-top:62px;font-size:18px;
	font-weight:bold;
	background: transparent linear-gradient(79deg, #2B9F65 0%, #0086AF 100%) 0% 0% no-repeat padding-box;
}
.products_menu a{color:#fff;text-decoration:none}
@media (max-width:600px) {
.products_menu{
	justify-content: center;}
.products_menu div.active{
	width:120px;height:120px;padding-top:50px;font-size:14px;
	font-weight:bold;
	background: transparent linear-gradient(79deg, #2B9F65 0%, #0086AF 100%) 0% 0% no-repeat padding-box;
}
}



/********** Header **********/

body:not(.page.home) header{
	background:transparent linear-gradient(79deg, #2B9F65 0%, #0086AF 100%) 0% 0% no-repeat padding-box !important;
}
nav ul li.menu-item-29{
	padding:0.2rem 2rem !important;
	border-radius:99px;
	height:3rem;
	background: transparent linear-gradient(79deg, #2B9F65 0%, #0086AF 100%) 0% 0% no-repeat padding-box;
color:#fff;
margin-left:2rem;}
body:not(.page.home) nav ul li.menu-item-29{
	background:#fff;
	color:#2C5E6D
}
body:not(.page.home) nav ul li{color:#fff;}
body:not(.page.home) header .top_bar a{color:#fff;}

nav ul li span{
	letter-spacing:2px
}
header .top_bar{
	text-align:right;
	height:1.8rem;
	padding-right:11rem;
	padding-top:0.2rem;
	font-size:0.8rem;
}
header .top_bar .a.glink{
	font-weight:bold
}
a.glink{
	color:#1A1A1A}
a.glink:first-child::after { 
	content:" / "; }

@media all and (min-width: 480px) and (max-width:1024px) {
	.l-header__center{text-align:center}
}


@media (max-width:600px) {
header .top_bar{
	
	height:1.8rem;
	padding-right:2rem;
	padding-top:0.6rem;
	font-size:0.8rem;
}
}



/********** Footer **********/
.footer_logo{
	text-align:center;
}
.footer_logo img{
	padding:4rem 1rem 2rem;
	width:260px
}
.footer_menu02{font-size:0.8rem;text-align:center}
.footer_menu02 a{padding:0.5rem;text-decoration:none}
div.c-copyright{margin-top:1.6rem;padding:4px;background:#1a1a1a}
.l-footer__foot{padding-bottom:0;}

/********** TOPページ **********/
/* 営業本部の出しっぱなしモーダル用 */
.modal-mask {
  position: absolute;
  width: 100%;
  height: 100vh;
  opacity: 0.2;
  background: rgba(123,123,123,0.8); 
}
.modal-container {
background: transparent linear-gradient(180deg, rgba(43, 159, 101,0.8) 0%, rgba(0, 134, 175,0.8) 100%) 0% 0% no-repeat padding-box;
	width:270px;
	height:270px;
	position: fixed;
    bottom: 10px;
	right:10px;
    z-index:9999;
	border-radius: 999px;-webkit-border-radius: 999px;-moz-border-radius: 999px;
	color:#fff;
	box-shadow: 3px 3px 10px #222;
}
.modal-inner {
  position: relative; 
  margin: 10px auto;
  width: 90%;
  height: auto;
}
.modal-text {
  padding: 15% 10px;
  width: 100%;
  box-sizing: border-box;
}
.modal-text .modal-text01,.modal-text .modal-text02,.modal-text .modal-text05{
	display:block
}
.modal-text .modal-text01{
	font-size:0.6rem;
	padding:1.8rem 0 1rem;
	 letter-spacing: 2px;
	font-weight:normal
}
.modal-text .modal-text02{
	padding-bottom:0.2rem;
	font-size:1rem
}
.modal-text .modal-text03{
	font-size:1.2rem
}
.modal-text .modal-text04{
	padding-bottom:1.4rem;
	font-size:2.2rem;
}
.modal-text .modal-text05{
	padding-top:0.4rem;
	font-size:0.8rem;
    letter-spacing: 2px;
	font-weight:normal
}
.modal-container button {
  position: absolute;
  top: 18%;
  right: 5%;
  padding: 3px;
  width: 30px;
  height: 30px;
	border:none;
  background: none;
  font-size: 20px;
  line-height: 10px;
  color: #fff;
  cursor: pointer;
}
@media (min-width:1800px) {
	.modal-text .modal-text01{
	font-size:0.6rem;
	padding:2.2rem 0 1rem;
	 letter-spacing: 2px;
	font-weight:normal
}
	.modal-text .modal-text03{
	font-size:1rem
}
	.modal-text .modal-text04{
	padding-bottom:1.4rem;
	font-size:1.8rem;
}
}
@media (max-width:600px) {
.modal-container {
background: transparent linear-gradient(180deg, rgba(43, 159, 101,0.8) 0%, rgba(0, 134, 175,0.8) 100%) 0% 0% no-repeat padding-box;
	width:90%;
	height:170px;
	position: fixed;
    bottom: 10px;
	right:5%;
    z-index:9999;
	border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;
	color:#fff;
	box-shadow: 3px 3px 10px #222;
}
.modal-inner {
  position: relative; 
  margin: 10px auto;
  width: 90%;
  height: auto;
}
.modal-text {
  padding:10px;
  width: 100%;
  box-sizing: border-box;
}
.modal-text .modal-text01,.modal-text .modal-text02,.modal-text .modal-text05{
	display:block
}
.modal-text .modal-text01{
	font-size:0.6rem;
	padding:0 0 0.8rem;
	 letter-spacing: 2px;
	font-weight:normal
}
.modal-text .modal-text02{
	padding-bottom:0.2rem;
	font-size:1rem
}
.modal-text .modal-text03{
	font-size:1.2rem
}
.modal-text .modal-text04{
	padding-bottom:1.4rem;
	font-size:2.2rem;
}
.modal-text .modal-text05{
	padding-top:0.4rem;
	font-size:0.8rem;
    letter-spacing: 2px;
	font-weight:normal
}
.modal-container button {
  position: absolute;
  top: 0px;
  right: -10px;
  padding: 3px;
  width: 30px;
  height: 30px;
	border:none;
  background: none;
  font-size: 20px;
  line-height: 10px;
  color: #fff;
  cursor: pointer;
}
}

/* ファーストビュー */
.firstview{
	padding-top: calc(1080 / 1980 * 100%);
	background-image: url("/wp-content/themes/arkhe/image/top_pc.png");
background-size: cover;
	background-repeat: no-repeat;
background-position: center;
	width:100vw;
	height:100vh;
	text-align:center;
	font-weight:bold;
	font-size:1rem;
	position:relative
}
.firstview div.logo{
	position: absolute;
    top: 54%;
	right:22%;
    transform: translateY(-50%);
}
.firstview div.logo img{
	width:220px;
	padding-bottom:1rem;
}

@media (max-width:1024px) {
	.firstview{
	padding-top: calc(1080 / 1980 * 100%);
	background-image: url("/wp-content/themes/arkhe/image/top_sp.jpg");
background-size: cover;
	background-repeat: no-repeat;
background-position: center;
	width:100vw;
	height:100vh;
	text-align:center;
	font-weight:bold;
	font-size:1rem;
	position:relative
}
}
@media all and (min-width: 480px) and (max-width:1024px) {
	.firstview div.logo{top:36%;
		right: 0;
  left: 0;
	margin: 0 auto;}
}
@media (max-width:479px) {
	.firstview div.logo{
	position: static;
}
	.firstview div.logo img{
	width:220px;
		padding-top:20rem;
	padding-bottom:0.6rem;
}
}


/* TOPページ各セクション(.home) */
.home #section01 p{
margin-bottom:2rem;
line-height:2rem;
}
.home #section02 .full {
	padding-top:4rem;
	padding-bottom:4rem;
	background: transparent linear-gradient(239deg, #7BC0D4 0%, #8AC9BA 100%) 0% 0% no-repeat padding-box;
}
.home #section02 .full .slider{
	padding-top:3rem;
	padding-left:0;
}
.home #section02 .full .slider-item div{
	position:relative;
	border:2px solid #fff;
	margin:10px;
}
.home #section02 .full .slider-item div h3{
	position:absolute;
	top:2rem;
	left:2rem;
	color:#fff;
	font-size:3rem;
	font-weight:normal;
	letter-spacing:4px;
}
.home #section02 .full .slider-item div.slider-content05 h3{
	position:absolute;
	top:2rem;
	left:1.6rem;
	color:#fff;
	font-size:3rem;
	font-weight:normal;
	letter-spacing:0px;
}
.home #section02 .full .slider-item div.slider-content06 h3{
	position:absolute;
	top:2rem;
	left:2rem;
	color:#fff;
	font-size:3rem;
	font-weight:normal;
	letter-spacing:0px;
}
.home #section02 .full .slider-item div.slider-content06 img{
	transform: scale(-1, 1);
}
.home #section02 .full .slider-item div h3 span{
		display:block;
	font-size:1rem;
	font-weight:normal;
	letter-spacing:8px;
}

.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 52%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;/*矢印の色*/
    border-right: 2px solid #fff;/*矢印の色*/
    height: 18px;
    width: 18px;
}
.slick-prev {/*戻る矢印の位置と形状*/
    left: -1.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: -1.5%;
    transform: rotate(45deg);
}
@media all and (min-width: 480px) and (max-width:1024px) {
.home #section02 .full .slider-item div h3{
	position:absolute;
	top:2rem;
	left:2rem;
	color:#fff;
	font-size:1.8rem;
	font-weight:bold;
	letter-spacing:2px;
}	
.home #section02 .full .slider-item div.slider-content05 h3{
	font-size:1.6rem;
	font-weight:bold;
	letter-spacing:0px;
}
.home #section02 .full .slider-item div.slider-content06 h3.slider-content06_in{
	left:1rem;
	font-size:1.6rem !important;
	font-weight:bold;
	letter-spacing:0px;
}
}



.home #section03{
padding-bottom:0;
}
.home #section03 .full {
	background:#fff;
	background-image: url("/wp-content/themes/arkhe/image/feature_bg.png");
	background-size: cover;
}
.home #section03 .full .img_wrap{
		display:flex;
	justify-content: center;
	align-items: flex-start
}
@media (max-width:600px) {
	.home #section03 .full .img_wrap{
		display:none;
}
}

.home #section03 .full img{width:20%}
.home #section03 .full img.feature_item01{padding:4px}
.home #section03 .full img.feature_item02{padding:80px 4px 0 4px}
.home #section03 .full img.feature_item03{padding:160px 4px 80px 4px}
.home #section03 .full p{
width:26rem;
	max-width:100%;
line-height:2rem;
}

.home h2{
	font-size:6rem;
	font-weight:bold;
	color:#2C5E6D;
	background: linear-gradient(90deg, #90CDAF, #85BEDB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home #section02 .flex-container .flex-item h2{
	background: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	color:#fff
}

.home h2 span{
	display:block;
	font-size:1rem;
	font-weight:bold;
	background: #2C5E6D;
	  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	letter-spacing: 6px;
}
.home #section02 .flex-container .flex-item h2 span{
	background: #fff;
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home p{
	font-family: "noto-sans-cjk-jp", sans-serif;;
	padding:2rem;
}
.home a.btn{
	margin-left:2rem;
}

@media (max-width:600px) {
.home h2{
	padding-left:1rem;
	font-size:4rem;
	font-weight:bold;
	color:#2C5E6D;
	background: linear-gradient(90deg, #90CDAF, #85BEDB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home p{padding:2rem 1rem}
.home a.btn{
	display:block;
	width:260px;
margin:0 auto;
}
	.home #section03 a.btn{margin-bottom:6rem}
.home #section02 .full .slider-item div.slider-content05 h3{
	position:absolute;
	top:2rem;
	left:1rem;
	color:#fff;
	font-size:2.8rem;
	font-weight:normal;
	letter-spacing:-1px;
}
.home #section02 .full .slider-item div.slider-content06 h3{
	position:absolute;
	top:2rem;
	left:1rem;
	color:#fff;
	font-size:3rem;
	font-weight:normal;
	letter-spacing:0px;
}
	
}
/********** ポリシーページ **********/
#policy h3{
	border-bottom:1px solid #eee;
	margin:2rem auto 1rem;
	padding:3rem 0 1rem;
	color:#2C5E6D
}
#policy ol{background:#f5f5f5;padding:1rem 1rem 1rem 3rem !important;margin:1rem 0 0 1rem;}
#policy ol h5{margin:0 0 1rem -1rem;}
#policy h4{padding:2rem 0 1rem;
color:#2C5E6D}
#policy .name{margin-top:1rem}

/********** 会社概要ページ **********/
table.company,table.company tr,table.company tr th,table.company tr td{
	background:#fff;
	border:none;
}
table.company{margin-bottom:2rem}
table.company tr{
border-bottom: 10px solid #fff;}
table.company td{padding:3rem}
h2.company_title{font-size:3rem;
padding-bottom:2rem;
background: linear-gradient(90deg, #2A9E66, #52EFFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
p.company_description{color:#808080;padding-bottom:2rem;}

@media (max-width:600px) {
	h2.company_title{font-size:1.8rem;
		padding-bottom:2rem;}
	
}



/********** 事業内容一覧ページ **********/
.products_page{display:flex;
flex-wrap: wrap;
	margin:0 auto 2rem;
width:90%}
.products_page h2{width:100%}
.products_page div{
	position:relative;
	border:4px solid #fff;
	margin:0px;
	width:33%;
}
.products_page div h3{
	position:absolute;
	top:2rem;
	left:2rem;
	color:#fff;
	font-size:3rem;
	font-weight:normal;
	letter-spacing:4px;
}
.products_page div.slider-content05 h3{
	position:absolute;
	top:2rem;
	left:1.6rem;
	color:#fff;
	font-size:3rem;
	font-weight:normal;
	letter-spacing:0px;
}
.home #section02 .full .slider-item div.slider-content06 h3{
	position:absolute;
	top:2rem;
	left:2rem;
	color:#fff;
	font-size:3rem;
	font-weight:normal;
	letter-spacing:0px;
}
.products_page div.slider-content06 img{
	transform: scale(-1, 1);
}
.products_page div h3 span{
		display:block;
	font-size:1rem;
	font-weight:normal;
	letter-spacing:8px;
}
.products_page div.slider-content05 h3{
	position:absolute;
	top:2rem;
	left:1.6rem;
	color:#fff;
	font-size:3rem;
	font-weight:normal;
	letter-spacing:0px;
}
.products_page div.slider-content06 h3{
	position:absolute;
	top:2rem;
	left:2rem;
	color:#fff;
	font-size:3rem;
	font-weight:normal;
	letter-spacing:0px;
}
.products_page div.slider-content06 img{
	transform: scale(-1, 1);
}
.products_page div h3 span{
		display:block;
	font-size:1rem;
	font-weight:normal;
	letter-spacing:8px;
}
@media (max-width:600px) {
	.products_page div{
	position:relative;
	border:4px solid #fff;
	margin:0px;
	width:100%;
}
	.products_page div.slider-content05 h3{letter-spacing:-2px}
	.products_page div.slider-content06 h3{letter-spacing:-2px}
}


/********** 問い合わせフォーム **********/
.wpcf7-form {margin:0 auto;width:100%;max-width:600px;}
.wpcf7-form p{padding-top:1rem}
.wpcf7-form select{background:#f5f5f5;width:100%}
.wpcf7-text{background:#f5f5f5;border:none;border-radius:4px;width:100%}
.wpcf7-text:focus{
background: #FFf;
border: 2px solid #0187AD;
outline: 0;}
.wpcf7-submit{
padding:0.6rem 3.4rem; 
text-align: center;
background: transparent linear-gradient(79deg, #2B9F65 0%, #0086AF 100%) 0% 0% no-repeat padding-box;
	color:#fff;
	border:none;
	border-radius:99px;
	letter-spacing: 6px;
	margin:1rem auto;
	text-decoration: none;
}
.wpcf7-text::placeholder{
  color:#d3d3d3}
.wpcf7-form .red{color:red}
.wpcf7-submit:hover{opacity:0.8}
.wpcf7-form .submit{text-align:center}
.wpcf7-form .wpcf7-spinner {
display: block !important;
}