@charset "utf-8";
/* ============================
  Component styles
============================ */
body#category_company #splash,
body#category_products #splash,
body#category_news #splash,
body#category_contact #splash{
	display: none;
}     
a {
	color: #46260A;
	text-decoration: none;
}
a img:hover {
	opacity: .8;
	transition: .5s;
}
/**************message****************/
#category_message #Top{z-index: -1;}
#category_message #Top::before{
	content: '';
  display: block;
  background-color:rgba(255,187,58,0.9);
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#category_message #wap{
	padding-top: 80px;
}
#category_message .header-image{
	margin-right:0;
}
#category_message .header-image img{
	margin: 0 auto;
}
#category_message .cotent-wrapper{
	min-height: calc(100vh - 410px);
}
@media screen and (min-width: 769px){
	#category_message .cotent-wrapper{
	min-height: calc(100vh - 366px);
}
}
.message-01{
	position: relative;
	margin-left: 4rem;
}
.message-01::after{
	content: '';
	background-image: url(../../images/icon_alim.svg);
	background-repeat: no-repeat;
	background-size:contain;
  display: inline-block;
  width: 4rem;
  height: 4rem;
  position: absolute;
  left:-4rem;
  top:46%;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px){
	.message-01{
	position: relative;
	margin-left: 5rem;
}
	.message-01::after{
	content: '';
	background-image: url(../../images/icon_alim.svg);
	background-repeat: no-repeat;
	background-size:contain;
  display: inline-block;
  width: 6rem;
  height: 6rem;
  position: absolute;
  left:-6rem;
  top:48%;
  transform: translateY(-50%);
}
}
.company-message{
	position: relative;
  padding:2.7rem 8vw;
	text-align: center;
}
.messagecontainer {
	text-align: left;
  display: grid; 
  grid-template-columns: 1fr; 
  grid-template-rows: 1fr 1fr 1fr; 
  gap: 2.7rem 0px; 
  grid-template-areas: 
    "message1"
    "message2"
    "message3"; 
}
.message1, .message2, .message3{
	overflow: hidden;
	padding: 3vw 2vw;
}
.message1 img, .message2 img, .message3 img{
	border-radius: 8px;
	overflow: hidden;
	border: 2px solid #3a001e;
}
.message1 h5, .message2 h5, .message3 h5{
	text-align: center;
	margin: 2.7rem 0;
}
.message1 { grid-area: message1;}
.message2 { grid-area: message2;}
.message3 { grid-area: message3;}

.frote h5{text-align: center;}

.bg_forteimg{
	background-color: #ffbb3a;
  border-radius:8px;
  margin-bottom: 2.7rem;
  height: 200px;
  border:2px solid #4f2d0c;
}
.bg_forteimg img{
	margin: 0 auto;
}
@media screen and (min-width: 769px){
.messagecontainer {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 0px 2.7rem; 
  grid-template-areas: 
    "message1 message2 message3"; 
}
}


.bg_sousyoku{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 5rem;
	z-index: -1;
}
@media screen and (max-width: 768px) {
	#Topicon_text{
		display: none;
	}
}
#Topicon_text{
	position: absolute;
	top: 50%;
  left: 50%;
  z-index: 999;
  transform: translate(-50%, -50%);
	color: #fff;
}
.Topicon_loader{
	width: 150px;
	background-color:#ffbc3d99;
	border: 1px solid #fff;

}
/* Text link
------------------------------ */

a:focus {
	outline: none;
}
a:hover {
	color: #f56531;
	transition: .1s;
}

/* clearfix
------------------------------ */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}


/* backbround-color
------------------------------ */

/*#category_contact{
	background-color:#F2F2F2 !important;
	background-image:url(../../images/bg_dot_gray.png) !important;
}*/

.hamidasu{width: 100vw;
    margin: 0 calc(50% - 50vw);
  }

/* Content styles
------------------------------ */

.cotent-wrapper {
	margin: 0 auto;
	padding: 50px 0;
	width: 100%;
	text-align: justify;
}
/*@media screen and (min-width: 1401px) {
	#Top{
	max-width:1500px;
margin: 0 auto;}


}*/

@media screen and (max-width: 768px) {
.diagonal {
  position:absolute;
  padding: 720px 0;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  top: 50vh;
  mix-blend-mode: multiply;
}
.diagonal_inner {
  position: relative;
  width: 100%;
  margin: auto;
  text-align: center;
  color: #fff;
  line-height: 2;
  padding: 0 max(3.90625vw, 15px);
}
.diagonal_inner h2 + p{
	margin-top: 2.7rem;
}
}
@media screen and (min-width: 769px){
	.diagonal {
  position:absolute;
  padding: 800px 0;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  top: 50vh;
  mix-blend-mode: multiply;
}
.diagonal_inner {
  position: relative;
  width: 100%;
  margin: auto;
  text-align: center;
  color: #fff;
  line-height: 2;
  padding: 0 max(3.90625vw, 15px);
}
.diagonal_inner h2{
	line-height: 1.6;
	font-size: 40px;
}
.diagonal_inner h2 + p{
	margin-top: 2.7rem;
}
}
.diagonal_background {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  overflow: hidden;
}
.diagonal_background img {
  flex-shrink: 0;
  width: 100%;
  min-width: 2000px;
  height: 100%;
  object-fit: cover;
  /*clip-path: polygon(100% calc(100% - 1000px), 0 100%, 0 1000px, 100% 0);
  background-color: #ddd;*/
  
}
.diagonal_background div{
	flex-shrink: 0;
  width: 100%;
  min-width: 2000px;
  height: 100%;
  object-fit: cover;
  clip-path: polygon(100% calc(100% - 1000px), 0 100%, 0 1000px, 100% 0);
	background: rgb(255,182,44);
  background: linear-gradient(90deg, rgba(255,182,44,1) 0%, rgba(255,200,44,1) 46%, rgba(254,227,43,1) 100%);
}

.TopMessage{
	clip-path: polygon(100% 0, 100% 40%, 0 100%, 0 60%);
	background-color: #FFB62C;
	height: 500px;
}
.slogan img, .attention-banner img {
	display: block;
	margin: 0 auto;
}
.attention-banner {
	margin: 50px auto;
	display: flex;
	justify-content: space-between;
}
.attention-banner a{
}
.news-release {
	position: absolute;
	bottom:2.7rem;
	width: 100%;
	z-index: 1;

}
.news-release h2 {
	text-indent: -9999px;
	background: url(../../images/top_text_02.png) no-repeat;
	width: 396px;
	height: 24px;
	margin: 0 auto 20px;
}
.news-container {
	/*display: flex;
	justify-content: space-between;*/
}

	.news-box {
	background-color: #ffffffe5;
	box-shadow: 0 1px 3px rgba(181, 181, 181, 0.3);
	border-radius: 4px;
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	padding: 1rem ;
	border: 2px solid #46260a;
	display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 769px){
.news-box {
	flex-direction:row;
}
}

.news-box .newsicon img{
	width: 4rem !important;
	height: auto;
}

.news-box:hover {
	transition: .3s;
	background: #f56531;
	color: #fff;
}
.news-box .left-inner-box {
	float: left;
	width: 92px;
	margin: 5px 0;
}
@media screen and (min-width: 769px){
.news-box .left-inner-box {
	float: left;
	width: 92px;
	margin: 5px 7px 5px 7px;
}
}
.news-box date {
	display: block;
	font-size: 11px;
	text-align: center;
}
.news-box .category {
	font-size: 10px;
	padding: 3px 0;
	text-align: center;
	border-radius: 2px;
	background: #fff;
}
.news-box p {
	font-size: 14px;
	line-height: 17px;
}
.news-box img {
	width: 312px;
	height: 176px;
}
.news-box img:hover {
	opacity: inherit;
}
.news-list a {
	display: block;
	width: 143px;
	margin: 12px auto;
	background: #fff;
	padding: 6px 0 4px 13px;
	font-size: 14px;
	border-radius: 5px;
	box-shadow: inset 0 1px 1px #e0e0e0;
}
.news-list a:hover {
	background: #f56531;
	color: #fff;
	transition: .3s;
}
.news-list a:after {
	content: ">";
	font-weight: bold;
	margin-left: 16px;
	color: #e94609;
	font-family: monospace;
	vertical-align: middle;
}
.news-list a:hover:after {
	color: #fff;
	transition: .3s;
}
.pr-banner {
	display: flex;
	flex-wrap: wrap;
	width: 960px;
	justify-content: space-between;
}
.pr-banner a {
	display: block;
	margin-bottom: 15px;
}

/* Flexslider
------------------------------ */

.flexslider {
	min-width: 960px;
}
.flexslider li {
	max-height: 455px;
	overflow: hidden;
}
.flexslider .slides img {
	display: inline;
}
.caption, .caption02 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -50px;
	color: #f56531;
	text-align: center;
	font-size: 70px;
	font-weight: bold;
}
.caption02 {
	top: 32%;
}
.caption a, .caption02 a {
	font-size: 16px;
	letter-spacing: 0.15em;
	color: #fff;
	display: block;
	background: #f56531;
	border: 1px solid #f56531;
	width: 230px;
	padding: 15px 0;
	margin: 17px auto 0;
	border-radius: 5px;
}
.caption a:hover, .caption02 a:hover {
	transition: .3s;
	background: #fff;
	color: #f56531;
}
.caption img.logo, .caption02 img.logo {
	width: 300px;
	margin: 0 auto;
}
.caption img.catch {
	width: 527px;
}
.caption03 {	
    max-width: 298px;
    position: absolute;
    left: 50%;
    /* right: 0; */
    bottom: 0;
    margin-left: 300px;
}

/* wapper カラム調整
------------------------------ */
.footer_inner{
		padding: 0 max(3.90625vw, 24px);
	}
/*@media screen and (max-width: 768px) {
	#category_company #wapper,
	#category_products #wapper,
	#category_news #wapper,
	#category_contact #wapper,
	
}*/

@media screen and (min-width: 769px){
	/*#category_company #wapper,
	#category_products #wapper,
	#category_news #wapper,
	#category_contact #wapper{
	width: 85.7142857143vw;
	margin-left: auto;
	margin-right: auto;
}*/

.footer_inner{
	padding: 0 max(3.90625vw, 15px);
}
}
/*
@media screen and (min-width: 1401px) {
    #wapper{width: 1000px;}
}

@media screen and (min-width: 1401px) {
    #category_advantage #wapper{width: 1400px;/}
}
*/
/* wap カラム調整
------------------------------ */
@media screen and (max-width: 768px) {
	#category_company #wap,
	#category_products #wap,
	#category_news #wap,
	#category_contact #wap{
	display: flex;
	flex-direction: column;
	margin: 60px 0 0;
	padding: 0 max(3.90625vw, 24px);
}

}
@media screen and (min-width: 769px){
	#category_company #wap,
	#category_products #wap,
	#category_news #wap,
	#category_contact #wap{
	display: flex;
	padding-top: 80px;
	width: 85.7142857143vw;
	margin-left: auto;
	margin-right: auto;
}
}
/* ============================
  Second Pages Component Styles
============================ */
@media screen and (max-width: 768px) {
	.header-image {
	padding-top: 50px;
}
}
@media screen and (min-width: 769px){
	.header-image {
	padding-top: 50px;
	margin-right: 40px;
}
}
.header-image {
	padding-top: 50px;

}
.header-image h2 {
	font-size: 70px;
	font-weight: bold;
	text-indent: 0;
	padding-top: 2.7rem;
	color: #fff;
	line-height: 1;
	text-align:justify;
	text-align-last:justify;
}
.header-image h2 span{
	font-size: 24px;
	margin-top: 16px;
	display: block;
  

}
.content-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
/********************/
@media screen and (max-width: 768px) {
.products img{
	max-inline-size: 80%;
  block-size: auto;
  margin: 0 auto;
}
}
/* Side Navigation Styles
------------------------------ */

.side-nav {
	overflow: hidden;
	align-self: flex-start;
	width: 100%;
	font-weight: bold;
	margin-bottom: 2.7rem;

}
.side-nav ul{
	display: flex;
	flex-wrap: wrap;
	gap: 16px 8px;
}
.side-nav ul+ ul {
	border-top: 1px solid #e9e9e9;
	margin-top: 10px;
	padding-top: 10px;
}
.side-nav li {	
	margin: 0 ;
	width: calc(100% / 5 - 8px);
	text-align: center;
}
.side-nav a{
	font-size: 14px;
	display: block;
	border: 2px solid #46260A;
	border-radius: 4px;
	color: #46260A;
	padding: 15px 0 15px 0;
	font-size: 14px;
}
.side-nav li.active, 
.side-nav li.active a, 
.side-nav a:hover {
	display: block;
	padding: 15px 0 15px 0;
	color: #fff;
	transition: .3s;
	border: 2px solid #fff;
	border-radius: 4px;
	font-size: 14px;
	background-color: rgba(255,255,255,0.2);
}
/*.side-nav li.active:after, .side-nav a:after {
	position: absolute;
	top: 35%;
	right: 10px;
	content: ">";
	font-weight: bold;
	margin-left: 10px;
	color: #f56531;
	font-family: monospace;
	vertical-align: middle;
}
.side-nav li.active:after, .side-nav a:hover:after {
	color: #fff;
	transition: .3s;
}*/

/* Content Styles
------------------------------ */

.content-caption {
	width: 100%;
	font-size: 18px;
	text-align: center;
	line-height: 1.5em;
	margin-bottom: 50px;
}
.content-caption img {
	margin-bottom: 15px;
}
.content-full, .content-wide, .content-half {
	width: 100%;
	/*background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(181, 181, 181, 0.3);
	border: 1px solid #f56531;*/
	/*overflow: hidden;*/
	position: relative;
}
.content-full {
	/*width: 960px;*/
}
#category_company .content-wide,
#category_products .content-wide,
#category_news .content-wide,
#category_contact .content-wide {
	width: 698px;
	margin: 0 auto;
	min-height: 600px;
}
@media screen and (max-width: 768px) {
	#category_company .content-wide,
#category_products .content-wide,
#category_news .content-wide,
#category_contact .content-wide {
	width: 100%;
	margin: 0 auto;
}
}
#category_company .content-wide a:hover {
	color: #fff;
}
.content-half {
	width: calc(50% - 6px);
	margin-bottom: 2.7rem;
}
@media screen and (max-width: 768px) {
	.content-half {
	width: 100%;
	max-width: 312px;
	margin:0 auto 2.7rem;
}
}
.frote .content-half .forte_text{
	padding: 0 2rem;
}
}
.frote .content-half img{
	margin: 0 auto;
}
.product .content-half img{
	border-radius: 4px;
}

.content-container.product div:last-child{
	/*margin-bottom: 0;*/
}
.product-text{
	margin-bottom: 2.7rem;
}
.product-text li{
	list-style: disc;
	margin-left: 1rem;
	margin-bottom: 8px;
}
.content-title {
	/*border-bottom: 1px solid #f56531;
	position: relative;*/
}
.content-title .category {
	font-size: 16px;
	text-align: center;
	padding: 0 16px;
	color: #fff;
	background: #f56531;
	height: 65px;
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
	border-radius: 4px;
}
.content-title h3 {
	font-size: 20px;
	background-color: #fff;
	line-height: 1.3em;
	font-weight: bold;
	color: #4c4c4c;
	display: table-cell;
	vertical-align: middle;
	padding: 10px 20px 7px;
	line-height: 1.2em;
}
.content-title h3 img {
	vertical-align: middle;
	margin: 0 20px 0 0;
	width: 50px;
	height: 50px;
}
.recruit-more .content-title h3 br, .breadcrumb br {
	display: none;
}
.content-inner {
	/*padding: 40px;*/
	padding-top: 2.7rem;
}

/* ============================
  News Page Styles
============================ */
@media screen and (max-width: 768px) {
	.header-product,
	.header-company,
	.header-news,
	.header-recruit,
	.header-contact {
	background-repeat: no-repeat;
	background-position: center;
	height:295px;
	width: 100%;
}
}
@media screen and (min-width: 769px){
.header-product, .header-company, .header-news, .header-recruit, .header-contact {
	background-repeat: no-repeat;
	background-position: center;
	height:300px;
	width: 332px;
}
}
.header-product {
	background-image: url(../../images/titledotproducts.png?02);
}
.header-company {
	background-image: url(../../images/titledotcompany.png?02);
}
.header-news {
	background-image: url(../../images/titiledotnews.png?02);
}
.header-recruit {
	background-image: url(../../images/saiddot01.png);
}
.header-contact {
	background-image: url(../../images/titledotcontact.png?02);
}

@media screen and (max-width: 768px) {
	.news-item {
	margin-bottom: 32px;
	max-width: 312px;
	width: 100%;
	margin: 0 auto 2.7rem;
}
}
@media screen and (min-width: 769px){
.news-item {
	margin-bottom: 32px;
	max-width: 312px;
	width: calc(50% - 6px);
}
}




.news-item img{
	border-radius: 4px;
}
.news-item time {
	display: block;
  font-size: 12px;
  margin: 8px 0;
  color: #46260a;
  font-weight: bold;
}
.news-item a:hover{
	color: #fff;
}
/*.news-item .category {
	display: inline-block;
	float: right;
	font-size: 10px;
	padding: 3px 10px;
	text-align: center;
	border-radius: 2px;
}*/
/*.ios, .media {
	border: 1px solid #38c9db;
	color: #38c9db;
}
.android, .notice {
	border: 1px solid #a3c938;
	color: #a3c938;
}
.kindle, .press {
	border: 1px solid #e46262;
	color: #e46262;
}*/
.news-item p {
	font-size: 14px;
	min-height: 33px;
	line-height: 1.3em;
	/*margin-left: 112px;
	padding-left: 20px;
	border-left: 1px solid #d9d9d9;*/
}
.news-item span {
	font-weight: bold;
}
.news-item-left {
	/*float: left;
	width: 92px;*/
}
.news-page-nav li {
	font-size: 14px;
	margin-bottom: 30px;
}
.news-page-nav .prev {
	float: left;
}
.news-page-nav .next {
	float: right;
}
.news-page-nav a {
	display: block;
	padding: 7px 12px;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 3px;
}
.news-page-nav a:hover {
	background: #fff;
	color: #f56531;
	transition: .3s;
}
.news-page-nav .prev a:before, .news-page-nav .next a:after {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	font-family: monospace;
	vertical-align: middle;
}
.news-page-nav .prev a:before {
	content: "<";
	margin-right: 12px;
}
.news-page-nav .next a:after {
	content: ">";
	margin-left: 12px;
}
.news-page-nav .prev a:hover:before, .news-page-nav .next a:hover:after {
	color: #f56531;
	transition: .3s;
}
.news-content {
	line-height: 1.5em;
	max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2.7rem;
}
.news-content time{
	text-align: right;
  display: block;
  margin-bottom: 1rem;
  font-weight: bold;
  opacity: 0.5;
}
 .news_postlink{
 display: flex;
  justify-content: space-between;
  margin-top: 2.7rem;
  border-top: 1px dotted;
  padding-top: 2.7rem;
}
@media screen and (max-width: 768px) {
	.news-content {
	padding: 0 16px 2.7rem;
	}
}
.news-content p {
	line-height: 1.5em;
	margin-bottom: 30px;
}
.news-content a {
	color: #f56531;
}
.news-content a:hover {
	text-decoration: underline;
}
.news-image01 {
	width: 100%;
	margin: 10px 0;
}
.news-image01 img {
	display: block;
	margin: 0 auto;
}
.content-newsList{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
/* ============================
  Product Page Styles
============================ */

.os-list {
	/*position: absolute;
	top: 7px;
	right: 7px;*/
}
.os-list li {
	display: inline-block;
	border-radius: 3px;
	font-size: 13px;
	padding: 3px 7px 1px 7px;
	border: 1px solid #fff;
	color: #fff;
	margin-right: 5px;

}
.product .content-full {
	margin-top: 50px;
}
.product .content-half .content-title {
	border-bottom: none;
	border-top: 1px solid #f56531;
}
.product a .content-title .category {
	border-right: 1px solid #fff;
}
.product a .content-title h3 {
	color: #f56531;
}
.product a .content-title h3:after {
	content: ">";
	position: absolute;
	top: 50%;
	right: 20px;
	font-size: 26px;
	font-weight: 900;
	color: #f56531;
	font-family: monospace;
	line-height: 0;
	transform: rotate(90deg);
}
.product a .content-title h3.official-link:after {
	transform: rotate(0);
}
.product a:hover .content-title, .product a:hover .content-title h3 {
	background: #f56531;
	transition: .3s;
	color: #fff;
}
.product a img:hover {
	opacity: 1;
}
.product a:hover .content-title h3:after {
	color: #fff;
}
.product-keyimage {
	border-bottom: 1px solid #e4e4e4;
	height: 245px;
	overflow: hidden;
}
.product-left {
	float: left;
	width: 660px;
	min-height: 340px;
	padding: 30px;
	border-right: 1px solid #e4e4e4;
}
.product-left p {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.5em;
}
.product-left .img_box{
	text-align:right;
}
.product-right {
	margin-left: 660px;
}
.product-right dl {
	width: 300px;
	margin-top: -1px;
}
.product-right dt {
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	background-color: #fbf8f8;
	padding: 15px;
	margin-bottom: 15px;
	font-weight: bold;
	color: #444;
}
.product-right dd {
	padding: 0 15px 15px;
	color: #444;
	font-size: 14px;
}
.product-schreen {
	clear: both;
	border-top: 1px solid #e4e4e4;
	padding: 30px;
}
.product-download {
	border-top: 1px solid #e4e4e4;
}
.product-download h4 {
	background-color: #fbf8f8;
	border-bottom: 1px solid #e4e4e4;
	font-size: 18px;
	font-weight: bold;
	padding: 15px 30px 13px;
}
.product-schreen img {
	margin-left: 23px;
}
.product-download ul {
	margin: 0 auto;
	text-align: center;
	margin-left: -50px;
}
.product-download li {
	display: inline-block;
}
.product-download img {
	height: 50px;
}
.product-download a {
	background: none;
	margin: 20px 0 20px 30px;
	padding: 0;
	display: block;
}

/* ============================
  Company Page Styles
============================ */
.content-inner.company-profile table, 
.company-history table {
	margin-bottom: 20px;
	border-spacing:0;
	border-top: 2px solid #131313;
}
.content-inner.company-profile tr, 
.company-history tr {
	border-bottom: 2px solid #131313;
}
.content-inner.company-profile th, 
.company-history th {
	padding: 20px;
	white-space: nowrap;
	border-bottom: 2px solid #131313;
	text-align: left;
}
.content-inner.company-profile td, 
.company-history td {
	width: 544px;
	padding: 20px;
	line-height: 1.5em;
	border-bottom: 2px solid #131313;
}

.content-inner.company-profile h4 {
	/*border-left: 6px solid #46260A;
	padding: 20px;
	margin-bottom: 15px;*/
}
.company-history h4 {
	/*font-weight: bold;
	padding: 0 20px 20px 0;*/
}
.content-inner.company-profile li {
	margin-bottom: 10px;
}
.content-inner.company-profile li span {
	font-size: 12px;
}
.content-inner.company-profile li:before {
	content: "笳�";
	color: #f56531;
	font-size: 12px;
	vertical-align: top;
	padding-right: 3px;
}
.content-inner.company-profile a[href^="http"] {
	background: none;
	padding-right: 0;
	margin-right: 0;
}
.message_dotImage img{
	width: 100%;
}

.content-wide .newsDetail{
	border-radius: 8px;
	background-color: #fff;
	overflow: hidden;
}
.newsDetail .content-title{
	padding:16px ;
}
.newsDetail .content-inner{
	padding-top: 0 !important;
}
#map{
	border: 1px solid #46260A;
	padding: 1rem;
	background-color: rgba(255, 255, 255, 0.5);
}
/* ============================
  Recruit Page Styles
============================ */

.recruit-top h3 {
	text-align: center;
	font-size: 26px;
	margin-bottom: 10px;
}
.career-list, .career-banner {
	margin-bottom: 50px;
}
.career-list ul, .career-banner ul {
	width: 960px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.career-banner ul {
	justify-content: space-between;
}
.career-list li {
	border-radius: 5px;
	box-shadow: 0 1px 3px #c5c5c5;
	width: 314px;
	margin: 0 8px 9px 0;
}
.career-list li:nth-child(3n) {
	margin-right: 0;
}
.career-banner li {
	margin: 0 0 9px 0;
}
.career-list img, .career-banner img, .career-flow img {
	display: block;
}
.career-link .game-engineer, .career-list .game-engineer {
	border: 1px solid #f7946d;
}
.career-link .graphic-designer, .career-list .graphic-designer{
	border: 1px solid #f7946d;
}
.career-link .dot-designer, .career-list .dot-designer {
	border: 1px solid #f7946d;
}
.career-link .animation-designer, .career-list .animation-designer,
.career-link .effect-animationdesigner, .career-list .effect-animationdesigner  {
	border: 1px solid #f7946d;
}
.career-link .planner, .career-list .planner {
	border: 1px solid #f7946d;
}
.career-link .scenario-writer-scripter, .career-list .scenario-writer-scripter {
	border: 1px solid #f7946d;
}
.career-link .customer-support, .career-list .customer-support {
	border: 1px solid #f7946d;
}
.career-link .server-infrastructure-engineer, .career-list .server-infrastructure-engineer {
	border: 1px solid #f7946d;
}
.career-link .director, .career-list .director {
	border: 1px solid #f7946d;
}
.career-link .illustrator, .career-list .illustrator,
.career-link .effect-animationdesigner, .career-list .effect-animationdesigner,
.career-link .cgdesigner, .career-list .cgdesigner,
.career-link .uidesigner, .career-list .uidesigner  {
	border: 1px solid #f7946d;
}

.career-link img, .career-banner li {
	border-radius: 5px;
	box-shadow: 0 1px 3px #c5c5c5;
}
.career-flow, .career-faq {
	width: 960px;
}
.career-flow h3 {
	margin-bottom: 0;
}
.career-flow img {
	margin: 0 auto;
}
.career-flow p {
	text-align: center;
}
.career-faq h3 {
	margin-top: 50px;
}
.career-faq p {
	margin: 15px auto 0;
}
.career-faq a {
	display: block;
	background: #eb551c;
	border: 1px solid #eb551c;
	color: #fff;
	font-size: 16px;
	width: 300px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	border-radius: 5px;
}
.career-faq a:hover {
	background: #fff;
	color: #eb551c;
}
.entry-btn {
	margin: 20px 0 0 0;
}
.entry-btn a {
	display: block;
	background: linear-gradient(#eb551c 0%, #d84208 100%);
	margin: 0 auto;
	text-align: center;
	padding: 25px 0 23px;
	color: #fff;
	font-size: 24px;
	border-radius: 10px;
	font-weight: bold;
	box-shadow: 0 1px 3px #c5c5c5;
}
.entry-btn_newgraduates a {
	background: linear-gradient(#7fca34 0%, #67b41b 100%);
}
.entry-btn_newgraduates-top a{
	background: linear-gradient(#7fca34 0%, #67b41b 100%);
	height:120px;
	width:616px;
	display:table-cell;
	vertical-align:middle;
	letter-spacing:10px;
}
.entry-btn_newgraduates-top a > span{
	display:block;
	border-top:1px solid #fff;
	font-size: 20px;
	margin:5px 40px 0;
	padding:10px 0 0;
	letter-spacing:3px;
}
.entry-btn_none a {
	background:linear-gradient(to bottom, #d6d6d6 0%,#cccccc 100%);
	cursor: default;
}
.entry-btn a:hover {
	opacity: .85;
}
.entry-btn_none a:hover{
		opacity: 1.0;
}
.recruit-sp-interview .career-link, .recruit-more .career-link {
	text-align: center;
}
.recruit-more .career-link {
	margin: 40px 0 0 0;
}
.recruit-sp-interview .career-link, .recruit-sp-movie .career-link, .recruit-sp-comic .career-link {
	margin: 0 0 30px 0;
	border-top: 1px solid #eb551c;
}
.career-link p {
	margin: 30px 0 15px !important;
	min-height: auto !important;
}
.career-link a {
	display: inline-block;
}
#attentionarea{ 	
	margin:40px 10px 0 ; 	
	line-height:1.2; 	
} 
/* Recruit Side Nav Styles
------------------------------ */

.side-nav.recruit-nav img {
	width: 100%;
}
.side-nav.recruit-nav li {
	position: relative;
	line-height: 1.2em;
}
.side-nav.recruit-nav li span {
	display: block;
	margin: 10px;
	color: #8a8a8a;
}
.side-nav.recruit-nav li li {
	margin: 0;
}
.side-nav.recruit-nav li li:first-child {
	margin-top: 5px;
}
.side-nav.recruit-nav li li.active, .side-nav.recruit-nav li li a {
	width: 230px;
	height: 50px;
	padding: 0 0 0 47px;
	vertical-align: middle;
	display: table-cell;
}
.side-nav.recruit-nav .game-engineer.active:before, .side-nav.recruit-nav .game-engineer a:before, 
.side-nav.recruit-nav .graphic-designer.active:before, .side-nav.recruit-nav .graphic-designer a:before, 
.side-nav.recruit-nav .dot-designer.active:before, .side-nav.recruit-nav .dot-designer a:before, 
.side-nav.recruit-nav .animation-designer.active:before, .side-nav.recruit-nav .animation-designer a:before, 
.side-nav.recruit-nav .planner.active:before, .side-nav.recruit-nav .planner a:before, 
.side-nav.recruit-nav .scenario-writer-scripter.active:before, .side-nav.recruit-nav .scenario-writer-scripter a:before, 
.side-nav.recruit-nav .customer-support.active:before, .side-nav.recruit-nav .customer-support a:before, 
.side-nav.recruit-nav .server-infrastructure-engineer.active:before, .side-nav.recruit-nav .server-infrastructure-engineer a:before, 
.side-nav.recruit-nav .director.active:before, .side-nav.recruit-nav .director a:before,
.side-nav.recruit-nav .cgdesigner.active:before, .side-nav.recruit-nav .cgdesigner a:before,
.side-nav.recruit-nav .uidesigner.active:before, .side-nav.recruit-nav .uidesigner a:before,
.side-nav.recruit-nav .illustrator.active:before, .side-nav.recruit-nav .illustrator a:before,
.side-nav.recruit-nav .effect-animationdesigner.active:before, .side-nav.recruit-nav .effect-animationdesigner a:before{
	content: "";
	width: 35px;
	height: 35px;
	position: absolute;
	top: 15%;
	left: 7px;
}
.side-nav.recruit-nav .game-engineer.active:before, .side-nav.recruit-nav .game-engineer a:before {
	background: url(../../images/recruit_career_icon_01.png) no-repeat center center;
}
.side-nav.recruit-nav .graphic-designer.active:before, .side-nav.recruit-nav .graphic-designer a:before {
	background: url(../../images/recruit_career_icon_02.png) no-repeat center center;
}
.side-nav.recruit-nav .dot-designer.active:before, .side-nav.recruit-nav .dot-designer a:before {
	background: url(../../images/recruit_career_icon_03.png) no-repeat center center;
}
.side-nav.recruit-nav .animation-designer.active:before, .side-nav.recruit-nav .animation-designer a:before {
	background: url(../../images/recruit_career_icon_04.png) no-repeat center center;
}
.side-nav.recruit-nav .planner.active:before, .side-nav.recruit-nav .planner a:before {
	background: url(../../images/recruit_career_icon_05.png) no-repeat center center;
}
.side-nav.recruit-nav .scenario-writer-scripter.active:before, .side-nav.recruit-nav .scenario-writer-scripter a:before {
	background: url(../../images/recruit_career_icon_06.png) no-repeat center center;
}
.side-nav.recruit-nav .customer-support.active:before, .side-nav.recruit-nav .customer-support a:before {
	background: url(../../images/recruit_career_icon_07.png) no-repeat center center;
}
.side-nav.recruit-nav .server-infrastructure-engineer.active:before, .side-nav.recruit-nav .server-infrastructure-engineer a:before {
	background: url(../../images/recruit_career_icon_08.png) no-repeat center center;
}
.side-nav.recruit-nav .director.active:before, .side-nav.recruit-nav .director a:before {
	background: url(../../images/recruit_career_icon_09.png) no-repeat center center;
}
.side-nav.recruit-nav .cgdesigner.active:before, .side-nav.recruit-nav .cgdesigner a:before {
	background: url(../../images/recruit_career_icon_10.png) no-repeat center center;
}
.side-nav.recruit-nav .uidesigner.active:before, .side-nav.recruit-nav .uidesigner a:before {
	background: url(../../images/recruit_career_icon_11.png) no-repeat center center;
}
.side-nav.recruit-nav .illustrator.active:before, .side-nav.recruit-nav .illustrator a:before {
	background: url(../../images/recruit_career_icon_02.png) no-repeat center center;
}
.side-nav.recruit-nav .effect-animationdesigner.active:before, .side-nav.recruit-nav .effect-animationdesigner a:before {
	background: url(../../images/recruit_career_icon_04.png) no-repeat center center;
}
.recruit-nav .side-nav-banner {
	margin-bottom: 20px;
}
.recruit-nav .side-nav-banner li li:first-child {
	margin: 7px 0 10px;
}
.recruit-nav .side-nav-banner li li a {
	display: block;
	padding: 0;
	width: 210px;
	height: auto;
	margin: 0 auto 10px;
}
.recruit-nav .side-nav-banner li li a img {
	display: block;
}
.recruit-nav .side-nav-banner li li a:after {
	content: none;
}
.recruit-nav .side-nav-banner li li a:hover {
	background: none;
}



/* Recruit Special Pages Styles
------------------------------ */

.content-wide.recruit-sp-interview h3, .content-wide.recruit-sp-movie h3, .content-wide.recruit-sp-comic h3 {
	width: 65px;
	height: 65px;
	position: absolute;
	top: 0;
	left: 0;
	background: #f56531;
	color: #fff;
	padding: 25px 15px;
}
.content-wide.recruit-sp-interview img, .content-wide.recruit-sp-movie img, .content-wide.recruit-sp-comic img {
	display: block;
	margin: 0 auto;
}
.content-wide.recruit-sp-interview h4, .content-wide.recruit-sp-movie h4, .content-wide.recruit-sp-comic h4 {
	width: 100%;
	border-top: 1px solid #f56531;
	font-size: 18px;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	padding: 10px;
}
.content-wide.recruit-sp-interview .category, .content-wide.recruit-sp-movie .category, .content-wide.recruit-sp-comic .category {
	height: 50px;
}
.content-wide.recruit-sp-interview p, .content-wide.recruit-sp-movie p, .content-wide.recruit-sp-comic p{
	margin: 30px;
	position: relative;
	line-height: 1.6em;
	font-size: 14px;
	min-height: 75px;
}
.content-wide.recruit-sp-interview .interviwer-a img {
	top: 0;
	left: 0;
}
.content-wide.recruit-sp-interview .interviwer-b img {
	top: 0;
	right: 0;
}
.content-wide.recruit-sp-interview p.interviwer-a {
	padding: 0 127px 0 100px;
}
.content-wide.recruit-sp-interview p.interviwer-b {
	padding: 0 100px 0 127px;
}
.content-wide.recruit-sp-interview p.interviwer-a span {
	color: #a4c92b;
}
.content-wide.recruit-sp-interview p.interviwer-b span {
	text-align: right;
	color: #38cabd;
}
.content-wide.recruit-sp-interview p.interviwer-a strong {
	background: linear-gradient(transparent 60%, #e8f1cd 60%);
}
.content-wide.recruit-sp-interview p.interviwer-b strong {
	background: linear-gradient(transparent 60%, #caefeb 60%);
}
.content-wide.recruit-sp-interview p span {
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
}
.content-wide.recruit-sp-interview p img {
	position: absolute;
}
.content-wide.recruit-sp-interview p strong {
	padding: 0 2px;
	margin: 0 2px;
}
.special-content {
	margin-bottom: 30px;
}
.content-wide.recruit-sp-movie .movie {
	padding: 30px 30px 0 30px;
	margin-bottom: 30px;
}
.content-wide.recruit-sp-movie .movie video {
	width: 100%;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
}
.content-wide.recruit-sp-movie .comment p {
	margin: 30px;
	font-size: 14px;
	line-height: 1.5em;
}
.content-wide.recruit-sp-movie .comment img {
	margin: 30px auto;
	border-radius: 5px;
}
.content-wide.recruit-sp-comic div img{
	border:1px solid #e9e9e9;
	margin-bottom:20px;
}
.content-wide.recruit-sp-comic .special-content p{
	text-align:left;
	margin:0 30px !important;
}
.content-wide.recruit-sp-comic .special-content img{
	border-radius: 5px;
    box-shadow: none;
	border: 1px solid #e9e9e9;
}


/* Contact Pages Styles
------------------------------ */

.contact h4 {
	border-left: 6px solid #46260A;
  padding: 20px;
  margin-bottom: 15px;
}
.contact p {
	line-height: 1.5em;
}
.contact .contact-text, .contact .contact-btn, .contact .contact-link {
	margin: 30px;
}
.contact .contact-btn a {
	display: inline-block;
	background: linear-gradient(#eb551c 0%, #d84208 100%);
	color: #fff;
	padding: 15px 30px;
	border-radius: 5px;
	text-align: center;
}
.contact .contact-btn a[href^="mailto"]:before {
	content: url(../../images/icon_03.png);
	margin-right: 10px;
	vertical-align: middle;
}
.contact .contact-btn a:hover {
	opacity: .9;
}
.contact .contact-btn a span {
	font-size: 11px;
}
.contact .contact-link a {
	color: #f56531;
	margin: 0 0 0 2px;
}
.contact .contact-link a:hover {
	text-decoration: underline;
}
.contact .contact-link a span {
	font-size: 11px;
}
.contact .contact-link:before {
	content: ">";
	font-size: 12px;
	font-weight: bold;
	margin-right: 7px;
	color: #f56531;
	font-family: monospace;
	vertical-align: middle;
}
.contact .caution {
	margin: 0 30px 30px;
	border: 1px solid #f56531;
	border-radius: 3px;
}
/*.contact .caution h4 {
	padding: 15px;
	border: none;
	background: #f56531;
	color: #fff;
	margin: 0;
}
.contact .caution p {
	padding: 15px;
}*/
#category_contact .content-box{
	/*border-bottom: 2px solid #46260A;*/
	padding: 0 0 1rem 0;
}
#category_contact .content-box h5{
	font-size: 30px;
}
* + .content-box{
	margin-top: 2.7rem;
}
.btn_yellow{
	display: block;
	position:relative;
	color: #fff;
	text-align: center;
	border: 2px solid #eb5111;
	border-radius: 8px;
background: rgb(235,81,17);
background: linear-gradient(90deg, rgba(235,81,17,1) 0%, rgba(254,144,0,1) 70%, rgba(254,203,0,1) 100%);
background-position: 0% 50%;
  background-size: 200% auto;
transition: all 0.3s ease-out;
padding: 2rem;

}
.btn_yellow:hover{
	color: #fff;
  background-position: 60% 50%;
}

.btn_yellow::after{
	content: '';
  display: block;
  background-image: url(../../images/iconarrow.svg);
  margin-right: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 28px;
  height: 28px;
  transform: translateY(-50%);

}
/***** h5左アイコン *****/
.lefticon-mail,
.lefticon-operation,
.lefticon-ill,
.lefticon-develop,
.lefticon-other{
	position: relative;
	padding-left:35px;
}
.lefticon-mail::before,
.lefticon-operation::before,
.lefticon-ill::before,
.lefticon-develop::before,
.lefticon-other::before{
	content: '';
	display: block;
	margin-right: 8px;
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:48%;
	left:0;
	width: 28px;
	height: 28px;
	transform: translateY(-50%);
}
.lefticon-mail::before{background-image: url(../../images/h4icon_mail.png);}
.lefticon-operation::before{background-image: url(../../images/h4icon_operation.png);}
.lefticon-ill::before{background-image: url(../../images/h4icon_ill.png);}
.lefticon-develop::before{background-image: url(../../images/h4icon_develop.png);}
.lefticon-other::before{background-image: url(../../images/h4icon_other.png);}

/* Abot & Privacy Pages Styles
------------------------------ */

.privacy {
	padding-top: 30px;
}
.about .content-box, .privacy .content-box {
	padding-bottom: 30px;
}
/*.about h4, .privacy h4 {
	padding: 30px;
	font-weight: bold;
	margin-top: -1px;
}*/
.about h5, .privacy h5 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 30px;
}
.about p, .privacy p {
	font-size: 14px;
	line-height: 1.5em;
	margin: 0 30px;
}
.about ol, .privacy ol, .privacy ul {
	list-style: decimal;
	padding: 15px 0 0 50px;
	font-size: 14px
}
.privacy ul {
	list-style: disc;
}
.privacy ul ol {
	list-style: upper-roman;
	padding: 5px 0 2px 20px;
}
.about li, .privacy li {
	margin-bottom: 7px;
	line-height: 1.5em;
}
.about .textcenter,
.privacy .textcenter{
	text-align: center;	
}
.about .textright,
.privacy .textright{
	text-align: right;	
}

/* Not Found Pages Styles
------------------------------ */
.not-found {
	text-align: center;
	width: 100%;
	height: 600px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 ;
}
.not-found p {
	/*font-size: 18px;*/
	margin-bottom:2.7rem;
}
@media screen and (min-width: 769px){
.not-found {
	text-align: center;
	width: 958px;
	height: 600px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 8vh;
}
}
/*.not-found a {
	display: inline-block;
}
.not-found a:before {
	content: ">";
	font-size: 12px;
	font-weight: bold;
	margin-right: 7px;
	color: #f56531;
	font-family: monospace;
	vertical-align: middle;
}*/


/* newgraduate style (譁ｰ蜊偵�繝ｼ繧ｸ)
------------------------------ */
.newgraduate_wappaer{
	font-size: 14px;
	line-height: 1.4;
}
.newgraduate_wappaer h4{
	font-weight: bold;
	font-size: 18px;
	margin: 2rem 0 0.5rem;
	transform: scale(1, 1.4);
}
.newgraduate_wappaer h4 span{
	font-size: 12px;
	font-weight: normal;
	padding-left: 0.5rem;
}
.newgraduate_wappaer p{
	text-align: left !important;
}
.newgraduate_wappaer img{
	width: 100%;
}
.newgraduate_about{
	font-size: 18px;
	line-height: 2.4;
}
.newgraduate_interview{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.newgraduate_interview .newgraduate_interview_box{
	width: 48%;
	box-shadow: 0 0 4px #c1c1c1;
	border-radius: 4px;
}
.newgraduate_jobs_box{
	/*box-shadow: 0 0 4px #c1c1c1;*/
	border-radius: 4px;
	padding: 3rem 1rem 3rem 2rem;
	margin-bottom: 1rem;
	display: table;
	width: 100%;
}
.jobx_box_n-pl{
	background-image: url("../../images/recrut/tit_n_planner.png");
	background-repeat: no-repeat;
	background-position:left center;
	background-size:auto;
}
.jobx_box_n-ge{
	background-image: url("../../images/recrut/tit_n_game-engineer.png");
	background-repeat: no-repeat;
	background-position:left center;
	background-size:auto;
}
.jobx_box_n-gd{
	background-image: url("../../images/recrut/tit_n_graphic-designer.png");
	background-repeat: no-repeat;
	background-position:left center;
	background-size:auto;
}
.jobx_box_n-cw{
	background-image: url("../../images/recrut/tit_n_comprehensive-work.png");
	background-repeat: no-repeat;
	background-position:left center;
	background-size:auto;
}
.newgraduate_jobs_box div{
	display: table-cell;
	vertical-align: middle;
}
.newgraduate_jobs_box div:first-child{
	width: 70%;
}
.newgraduate_jobs_box:last-child{
	margin-bottom: 0;
}
.newgraduate_jobs_box > div{
	  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;   
}
.newgraduate_jobs_box .jobs_neme{
	font-size: 24px;
	font-weight: bold;
}
.newgraduate_jobs_box a{
	border: 1px solid #404040;
	padding: 0.5rem;
	display: block;
	text-align: center;
	background-color: rgba(255,255,255,0.8);
}
.newgraduate_recruitment{
	display: flex;
	justify-content: space-between;
}
.newgraduate_recruitment .newgraduate_recruitment_box{
	width: 48%;
}
.newgraduate_recruitment_box img{
	border-radius: 4px;
	overflow: hidden;
}
.newgraduate_recruitment_box a{
	border: 1px solid #404040;
	padding: 0.5rem 1rem;
	display: block;
	text-align: center;	
}
/* 蜷�� */
.newgraduate_wappaer h5{
	border-left: 5px solid #404040;
	padding-left: 0.5rem;
	font-weight: bold;
	font-size: 18px;
	margin: 2rem 0 0.5rem;
}
.newgraduate_careerpath_box{
	border: 1px solid #f90;
	padding: 1.5rem 2rem 1.5rem;
	position: relative;
	margin-bottom: 2rem;
	font-size: 16px;
	position: relative;
}
.newgraduate_careerpath_box:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #f90;
}
.first_newgraduate_careerpath_box{
	padding: 1.5rem 2rem 1.5rem 4.5rem;
}
.last_newgraduate_careerpath_box{
	margin-bottom: 0;
}
.last_newgraduate_careerpath_box:before{
	display: none;
}
.newgraduate_careerpath_box .icon_beginner{
	position: absolute;
	width: 30px;
	left:2rem;
	/*right: 5%;
	top:-5px;
	transform: rotate(25deg)*/
}
.newgraduate_other{
	display: flex;
	justify-content: space-between;
}
.newgraduate_other .newgraduate_other_box{
	width: 49.5%;
}
/* 遖丞茜蜴夂函 */
.benefit_wap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	font-size: 14px;
	line-height: 1.4;
}
.benefit_box{
	width: 48%;
	margin-bottom: 3rem;
}
.benefit_box p{
	text-align: left !important;
}
.benefit_box img{
	width: 100%;
}
.benefit_title{
	font-weight: bold;
	margin: 0.5rem 0;
}


/***********  *********************/
h4{
	font-size: 30px;
	border-left: 6px solid #46260A;
  padding: 16px 0 16px 32px;
  font-weight: bold;
}

h4 span{
	display: block;
	/*margin-top: 16px;*/
	font-size: 14px;
	opacity: 0.6;
}

h5{
	font-weight: bold;
}

/*********** margin *********************/
* + h4{margin-top: 4rem;}

h4 + table,
div + h5,
h4 + h5,
h4 + div,
h5 + div,
h5 + ul,
ul + h5,
img + h5{
	margin-top: 2.7rem;
}

a + .os-list,
h5 + p,
p + p,
* + #map,
p + .btn_yellow{
	margin-top: 1.8rem;
}

a + .os-list{
	margin-top: 1rem;
}

.content {
  /*opacity: 0;
  pointer-events: none;*/
}
.rhombus .content {
  /*opacity: 1;*/
}
body.appear .content {
/*animation-name: PageAnime-content;
  animation-duration: 0.55s;
  animation-delay: 0.55s;
  animation-fill-mode: forwards;
  opacity: 0;
  pointer-events: auto;*/
}
.animation .content {
 /* opacity: 1;
  pointer-events: auto;*/
}
@keyframes PageAnime-content {
  0% {
  opacity: 0;
  }
  100% {
  opacity: 1;
}
}
.animation-bg {
  /*background: #F5A52C;
    display: block;
    content: "";
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-name: PageAnime-ttb;*/
}

@keyframes PageAnime-ttb {
  0% {
    transform-origin: top;
    transform: scaleY(0);
  }
  50% {
    transform-origin: top;
    transform: scaleY(1);
  }
  50.001% {
    transform-origin: bottom;
  }
  100% {
    transform-origin: bottom;
    transform: scaleY(0);
  }
}


.topmaintext{
	position: absolute;
	width: 34vw;
	min-width:370px;
	top:50%;
	left: 3.642857142857143vw;
	transform: translateY(-50%);
	z-index: 99;
}
/*.topmaintext span {
	animation: colors var(--colors) infinite alternate;

}
:root {
  --colors: 6000ms;
}

@keyframes colors {
	0% {color: #ffa700}
  25% {color: #ffa700;}
  50% {color: #ffa700;}
  75% {color: #ffa700;}
  100% {color: #ffa700;}
}*/

/* ============================
  横ライン入りリスト
============================ */
.jobdetail{
    margin: 2.7rem 0;
}
.jobdetail li{
    border-bottom: 2px solid #894b29;
    padding: 1.5rem 0;
}
.jobdetail li:first-child{
    border-top: 2px solid #894b29;
}
.jobdetail dt{
    font-weight: bold;
    min-width: 200px;
    margin-right: 1.5rem;
}
.jobdetail dl{
    display: flex;
    flex-direction: column;
}
.jobdetail li ul li{
    background-color: #fff;
    border-radius: 8px;
    border-bottom: 0;
    margin-top: 1.8rem;
    padding: 1rem ;
}
.jobdetail li ul li:first-child{
    border-top: 0;
}
.jobdetail li ul li span{
    font-weight: bold;
}
@media screen and (min-width: 769px){
    .jobdetail li{
    padding: 1.5rem;
}
    .jobdetail dl{
    display: flex;
    flex-direction: row;
}