@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
*/

/*▼▼▼▼▼▼▼▼▼▼テーマ更新後▼▼▼▼▼▼▼▼▼▼*/
	/*-----背景色を白で統一-----*/
	body {
		background-color: #fff;
	}


/************************************
** ソースコード
************************************/
pre {
	background-color: #f3f4f5;
	border: 1px solid #ccc;
	overflow: auto;
	padding: 10px;
	margin: 1em 0;
}

/* ◆◆◆ ロゴのエリア ◆◆◆ */
.logo {
	text-align: left;
	margin: 1% 0px auto 0px;
	position: absolute;
	left: 2em;
}
.header-in {
	flex-direction: inherit;
	/*justify-content: space-around;*/
	/*width: 95%;*/
	position: relative;
	height: 100px;
}
#site-title {
	font-size: 18px;
}

.htxt {
	position: absolute;
	left: 20%;
	bottom: 8px;
}
.htxt span {
	font-size: 22px;
}


.headerbtn{
	position: absolute;
	right: 10%;
}
.hsp{
	display:none;
}
.botton3 {
	padding: 1.7%;
/*	font-size: 21px; */
	font-weight: bold;
/*	margin: 0 3%; */
	width: 100%;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: #1967d2;
	border: 2px solid #1967d2;
	color: #fff;
	line-height: inherit;
	position: relative;
}
.botton3b {
	padding: 1.7%;
/*	font-size: 21px; */
	font-weight: bold;
/*	margin: 0 3%; */
	width: 100%;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: #e1091a;
	border: 2px solid #e1091a;
	color: #fff;
	line-height: inherit;
	position: relative;
	margin-top: 2%;
}
.botton3,.botton3::before,.botton3::after,
.botton3b,.botton3b::before,.botton3b::after{
	box-sizing: border-box;
	transition: all .3s;
}
.botton3:hover {
	background-color: rgba(25,103,210,0.6);
	border-color: rgba(25,103,210,0.6);
	color: #fff;
}
.botton3b:hover {
	background-color: rgba(225,9,26,0.6);
	border-color: rgba(225,9,26,0.6);
	color: #fff;
}
/*.botton3::before, .botton3b::before{
	content: '';
	width: 13px;
	height: 13px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 5%;
	margin-top: auto;
	margin-bottom: auto;
	top: 0;
	bottom: 0;
}*/
.block_link3 {
/*	padding-top: 4%;*/
	width: 100%;
	margin: 2% auto 2% auto;
}

@media screen and (max-width: 1100px){
	#site-title { font-size: 14px;}
	.htxt{bottom: 16px;}
}
@media screen and (max-width: 940px){
	.headerbtn{ right:2%;}
}
@media screen and (max-width: 850px){
	.hsp{ display:block;}
	.htxt{ left: 25%;}
}
@media screen and (max-width: 650px){
	.block_link3{margin:0;}
	.botton3,.botton3b{padding:0;width:75%;}
	.headerbtn{bottom: 12px;right:0;}
	.logo{left: 0em;}
	.htxt{display:none;}
}


/* ◆◆◆ スマホ ◆◆◆ */
/*-- ▽▽▽ スライドインボタン ▽▽▽ --*/
.search-menu-button {
	display: none;
}
.sidebar-menu-button {
	display: none;
}
.top-menu-button {
	display: none;
}
.mobile-menu-buttons .menu-button {
	font-size: 23px;
}
.menu-close-button::before {
	display: none;
}
/*-- ▽▽▽ 微調整 ▽▽▽ --*/
@media screen and (max-width: 1150px){
/*	#content .widget {
		margin-top: 40%!important;
	}*/
}
@media screen and (max-width: 1000px){
	.content-text1 h1{
		margin: -14% 0% 0% 0%!important;
	}
}
@media screen and (max-width: 900px){
	.block_link4 {
		display: block!important;
		width: 100%!important;
		text-align: center;
	}
	.botton4, .botton4b {
		width: 55%;
	}
	.botton4b {
		margin-top: 2%!important;
	}
	#post-9 h1 {
		padding-top: 0%!important;
	}
	.content3 img{
		width: 560px;
		height: 400px;
	}
}
@media screen and (max-width: 800px){
	.content-text1 h1{
		margin: -14% 0% 0% 0%;
	}
/*	.slider {
		margin-bottom: 20%!important;
	}
	#content .widget {
		margin-top: 43%!important;
	}*/
}
/*-- ▽▽▽ コンテンツ スマホ ▽▽▽ --*/
@media screen and (max-width: 660px){
	.content-img1, .content-img2 {
		display: none;
	}
	.content-text1, .content-text2{
		width: 100%!important;
	}
	.content-title1, .content-title2 {
		margin: 10% 0 2% 0;
	}
	.content-description1, .content-description2 {
		padding: 5% 0 5% 0;
	}
	.content3{
		display: block;
	}
	.content3-img{
		width: 80%;
		margin: auto;
	}
	#post-124 h1, #post-124 h3 {
		font-size: 18px!important;
	}
}
@media screen and (max-width: 600px){
	.content3 img{
		width: 360px;
		height: 300px;
	}
	.content3-text {
		width: 85%;
		margin: auto;
	}
}
@media screen and (max-width: 450px){
	.footer-widgets, .footer-widgets-mobile {
		display: block!important;
	}
}
@media screen and (max-width: 400px){
	.content3 img{
		width: 300px;
		height: 250px;
	}
}

/* ◆◆◆ ページの調整 ◆◆◆ */
/* サイト自体の幅 */
#container{
	width: 100%;
}
.main { 
	width: 100%!important;
}
/* コンテンツの隙間 */
.content {
	margin: 0;
}

/* 各ページタイトル */
.article-header, .entry-header{
	display:none;
}

/* メニューとメインコンテンツの隙間 */
.main {
	margin: auto;
}

/* ◆◆◆ お知らせ ◆◆◆ */
#related-entries figure, #pager-post-navi, #related-entries .e-card-snippet {
	display: none;
}
#main > div > ul > li:nth-child(1) > a > span,
#main > div > ul > li:nth-child(2) > a > span,
#main > div > ul > li:nth-child(3) > a > span {
	color: #FF0000;
}
#related-entries > div > a:nth-child(1) > article > div > h3 > span,
#related-entries > div > a:nth-child(2) > article > div > h3 > span,
#related-entries > div > a:nth-child(3) > article > div > h3 > span {
	display: none;
}
#comment-area {
	display: none;
}
#breadcrumb {
	display: none;
}
/*=====コロナ対応=====*/
	/*-----親要素-----*/
	.news-widget01 .virusBox {
		display: inline-block;
		border: solid 2px #1967d2;
		margin: 30px 0 0 0;
		padding: 6px 20px;
	}
	/*-----aタグ-----*/
	.news-widget01 .virusBox a {
		text-decoration: none;
	}

/* ◆◆◆ トップページ ◆◆◆ */

/* ◇◇◇ メニュー ◇◇◇ */
/* グローバルメニューの囲む線 */
.navi-in > ul {
	border-top: solid 0.5px #000;
	border-bottom: solid 0.5px #000;
}
#post-9 h2 {
	color: #333;
}
.navi-in > ul > .menu-item-has-children > a::after {
	content: "";
}

/* ◇◇◇ スライダー ◇◇◇ */
.slider{
	text-align: -webkit-center;
	margin: 0 auto 0 auto!important;
}
/*-----ニュースボックスの上に点線-----*/

#content .widget ul:before {
	border-bottom: dotted 2px;
}

	@media screen and (max-width: 860px){
		#content .widget h3 {
			width: 90%;
		}
	}
	@media screen and (max-width: 380px){
		.widget li a {
			font-size: 4vw;
		}
	}

/* ボタンウェジェット */
.botton5 {
	padding: 1.7%;
	font-size: 21px;
	font-weight: bold;
	margin: 0 3%;
	width: 45%;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: #1967d2;
	border: 2px solid #1967d2;
	color: #fff;
	line-height: inherit;
	position: relative;
}
.botton5,.botton5::before,.botton5::after {
	box-sizing: border-box;
	transition: all .3s;
}
.botton5:hover {
	background-color: rgba(25,103,210,0.6);
	border-color: rgba(25,103,210,0.6);
	color: #fff;
}
.botton5::before {
	content: '';
	width: 13px;
	height: 13px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 5%;
	margin-top: auto;
	margin-bottom: auto;
	top: 0;
	bottom: 0;
}

/* ◇◇◇ フッターの上にあるなにか ◇◇◇ */
.footer-meta, #post-9 > footer {
	display:none;
}
.footer-widgets, .footer-widgets-mobile {
	margin: 5px auto;
	display: flex;
	text-align: center;
}
.widget {
	margin-bottom: 0px;
}
.footer-bottom {
	margin-top: 0px;
}
@media screen and (min-width: 451px){
	#custom_html-11, #custom_html-12 {
		display: none;
	}
}
@media screen and (max-width: 450px){
	#custom_html-8, #custom_html-9 {
		display: none;
	}
}
/* TOP */
.top-text {
	width: 40%;
	border-top: solid 1px;
	border-bottom: solid 1px;
}

.top1 {
	display:flex;
}
.top1:after {
	border: solid 1px;
}
.top1 img {
	margin: 1em 0;
	width: 55%;
	height: 100%;
}
.top2 {
	display:flex;
}
.top2 img {
	margin: 1em 0;
	width: 55%;
	height: 100%;
}
.top3 {
	display:flex;
}
.top3 img {
	margin: 1em 0;
	width: 55%;
	height: 100%;
}

/* ◇◇◇ 3PR ◇◇◇ */
/* 全体の調整 */
.top-content{
	width: 80%;
	margin: auto;
}
@media screen and (max-width: 500px){
	.top-content{
		width: 95%;
	}	
}
/* コンテンツのタイトル */
#post-9 h1 {
	color: #333;
	text-align: center;
	border-top: solid 1px;
	padding-bottom: 3%;
	padding-top: 2%;
	border: none;
}
#post-9 h1 strong {
	font-size: 1em;
	line-height: 1.8;
	letter-spacing: 0.17em;
}
#post-9 h1 span {
	font-size: 20px;
	letter-spacing: 0.05em;
}
#post-9 h3 {
	color: #333;
	text-align: center;
	border-top: solid 1px;
	padding-bottom: 3%;
	padding-top: 2%;
}
#post-9 h3 strong {
	font-size: 1.3em;
	line-height: 1.8;
	letter-spacing: 0.17em;
}
#post-9 h3 span {
	font-size: 20px;
	letter-spacing: 0.05em;
}
#post-9 .recruitment {
	color: #333;
	text-align: center;
	border-top: solid 1px;
	padding-bottom: 3%;
	padding-top: 2%;
	width: 87%;
	margin: auto;
}

/* 左：テキスト／右：画像 */
.content1{
	display:flex;
	width: 100%;
	flex-direction: row-reverse;
	padding-bottom: 5%;
}
.content-img1{
	width: 50%;
	margin-bottom: 5%;
}
.content-title1{
	font-size: 25px;
	font-weight: bold;
	margin: 10% 0 10% 0;
	line-height: 1.2;
}
.content-text1{
	width: 50%;
	margin-top: 6%;
	padding: 0% 0% 0% 0%;
	background-color: #1967d2;
	color: white;
	text-align: center;
}
.content-text1 h1 {
	color: #333;
	width: 100%;
	position: relative;
	margin: -11% 0% 0% 0%;
	padding: 0px;
	font-size: 30px;
	border: none;
}
.content-text1 h2 {
	color: #333;
	width: 100%;
	position: relative;
	margin: -11% 0% 0% 0%;
	padding: 0px;
	font-size: 30px;
}
.content-description1{
	padding: 2% 0 5% 0;
	margin: 0;
}
.content1 a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border: solid 2px #fff;
	padding: 2% 5%;
	border-radius: 23px;
	display: inline-block;
	margin-bottom: 10%;
}

/* 左：画像／右：テキスト */
.content2{
	display:flex;
	height: auto;
	width: 100%;
	padding-bottom: 5%;
}
.content-img2{
	width: 50%;
	margin-bottom: 5%;
}
.content-title2{
	font-size: 25px;
	font-weight: bold;
	margin: 10% 0 5% 0;
}
.content-text2{
	width: 50%;
	margin-top: 5%;
	padding: 5% -1% 0% 0%;
	background-color: #e1091a;
	color: white;
	text-align: center;
}
.content-text2 h1 {
	color: #333;
	background: #fff;
	width: 100%;
	position: relative;
	margin: -11% 0% 0% 0%;
	padding: 0px;
	font-size: 30px;
}
.content-description2{
	padding: 2% 0 5% 0;
}
.content2 a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border: solid 2px #fff;
	padding: 2% 5%;
	border-radius: 23px;
	display: inline-block;
	margin-bottom: 10%;
}

/* ◇◇◇ リクルートボタン ◇◇◇ */
.botton4 {
	padding: 1.7%;
	font-size: 21px;
	font-weight: bold;
	margin: 0 3%;
	width: 45%;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: #1967d2;
	border: 2px solid #1967d2;
	color: #fff;
	line-height: inherit;
	position: relative;
}
.botton4b {
	padding: 1.7%;
	font-size: 21px;
	font-weight: bold;
	margin: 0 3%;
	width: 45%;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: #e1091a;
	border: 2px solid #e1091a;
	color: #fff;
	line-height: inherit;
	position: relative;
}
.botton4,.botton4::before,.botton4::after,
.botton4b,.botton4b::before,.botton4b::after{
	box-sizing: border-box;
	transition: all .3s;
}
.botton4:hover {
	background-color: rgba(25,103,210,0.6);
	border-color: rgba(25,103,210,0.6);
	color: #fff;
}
.botton4b:hover {
	background-color: rgba(225,9,26,0.6);
	border-color: rgba(225,9,26,0.6);
	color: #fff;
}
.botton4::before, .botton4b::before{
	content: '';
	width: 13px;
	height: 13px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 5%;
	margin-top: auto;
	margin-bottom: auto;
	top: 0;
	bottom: 0;
}
.block_link4{
	display: flex;
	justify-content: center;
	padding-top: 4%;
	border-top: solid 1px;
	margin: auto;
	margin-top: 4%;
	margin-bottom: 4%;
}
#post-17 .block_link4 {
	display: flex;
	justify-content: center;
	padding-top: 4%;
	border-top: none;
	width: 80%;
	margin: auto;
	margin-top: 4%;
	margin-bottom: 4%;
}

/*--リクルートボタン＜スマホ＞--*/
@media screen and (max-width: 800px){
	.block_link4 {
		display: block;
		text-align: center;
		justify-content: center;
	}
	.botton4, .botton4b {
		margin-top: 3%;
		width: 60%;
	}
}
@media screen and (max-width: 500px){
	.botton4, .botton4b {
		width: 90%;
	}

}
/* ◆◆◆ 企業理念 ◆◆◆ */
/* ポップアップ文字サイズ */
.pu-text{
	font-size: 23px;
}
#post-124 h1 {
	text-align: center;
	border-bottom: solid 1px;
	width: 90%;
	margin: auto;
	padding-bottom: 10px;
}
#post-124 h1 strong {
	font-size: 1.6em;
	line-height: 1.8;
	letter-spacing: 0.17em;
}
#post-124 h1 span {
	font-size: 25px;
	letter-spacing: 0.05em;
}
.sc-text {
	width: 88%;
	margin: auto;
	padding-top: 22px;
	padding-bottom: 30px;
	color: black;
	letter-spacing: 0.03em;
	font-weight: 600;
}
.sc-text span{
	font-size: 20px;
	display: flex;
	width: 77%;
}
@media screen and (max-width: 1000px){
	.sc-text span{
		display:block;
	}
}
@media screen and (max-width: 500px){
	.sc-text {
		width: 95%;
	}
}
/* W-Chainの大きさとか */
.chain-grid{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: 30px;
}
/* ポップアップの設定 */
.pum-container.pum-responsive.pum-responsive-medium {
	margin-left: auto;
	margin-right: auto;
	width: 85%;
}
.stitle {
	display: flex;
	width: 100%;
}
.sp {
	display: none;
}
.pc {
	width: 23%;
	margin-top: -2%;
}
@media screen and (max-width: 1000px){
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.stitle {
		display: block;
	}
}

/* W-Chainの大きさとか スマホ */
@media screen and (max-width: 660px){
	.chain-grid{
		width: 95%;
	}
}
/* W-Chainの各画像配置 */
.chain1 {
	position: absolute;
	width: 13%;
	top: 37%;
	left: 9%;
}
.chain2 {
	position: absolute;
	width: 13%;
	top: 11%;
	left: 24%;
}
.chain3 {
	position: absolute;
	width: 13%;
	top: 15%;
	left: 49%;
}
.chain4 {
	position: absolute;
	width: 13%;
	top: 49%;
	left: 78%;
}
.chain5 {
	position: absolute;
	width: 13%;
	top: 74%;
	left: 63%;
}
.chain6 {
	position: absolute;
	width: 13%;
	top: 71%;
	left: 35%;
}
.chain-text{
	text-align: right;
}

/*▼▼▼▼▼▼画像テスト▼▼▼▼▼▼*/
/* W-Chainの大きさとか */
.chain-grid02{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}
/* W-Chainの各画像配置 */
.chain1-02 {
    position: absolute;
    width: 15%;
    top: 45.5%;
    left: 10%;
}
.chain2-02 {
	position: absolute;
    width: 15%;
    top: 64.5%;
    left: 14.5%;
}
.chain3-02 {
	position: absolute;
    width: 15%;
    top: 83.5%;
    left: 18.5%;
}
.chain4-02 {
	position: absolute;
    width: 15%;
    top: 1%;
    left: 65%;
}
.chain5-02 {
    position: absolute;
    width: 15%;
    top: 20%;
    left: 70%;
}
.chain6-02 {
    position: absolute;
    width: 15%;
    top: 39%;
    left: 75%;
}
/* W-Chainの大きさとか スマホ */
@media screen and (max-width: 1200px) {
	.chain1-02 {
		left: 8%;
	}
	.chain2-02 {
		left: 12.5%;
	}
	.chain3-02 {
		left: 16.5%;
	}
	.chain4-02 {
		left: 67%;
	}
	.chain5-02 {
		left: 72%;
	}
	.chain6-02 {
		left: 77%;
	}
}
@media screen and (max-width: 1024px) {
	.chain1-02 {
		left: 3%;
	}
	.chain2-02 {
		left: 7.5%;
	}
	.chain3-02 {
		left: 12.5%;
	}
	.chain4-02 {
		left: 71%;
	}
	.chain5-02 {
		left: 77%;
	}
	.chain6-02 {
		left: 83%;
	}
}

/* 経営理念 */
#post-124 h3 {
	text-align: center;
	border-bottom: solid 1px;
	width: 85%;
	margin: auto auto 1% auto;
	padding-bottom: 10px;
}
#post-124 h3 strong {
	font-size: 1.4em;
	line-height: 1.3;
	letter-spacing: 0.17em;
}
#post-124 h3 span {
	font-size: 20px;
	letter-spacing: 0.05em;
}
html body .aligncenter {
	padding-top: 15px;
	padding-bottom: 30px;
}

.content3{
	display: flex;
	width: 88%;
	margin: auto;
}
.content3-img{
	width: 35%;
}
/*=====代表挨拶=====*/
.prename {
	text-align: right;	
}

.content3-text{
	width: 85%;
	    margin: auto;
	color: black;
	font-weight: 500;
	font-size: 18px;
}
.content3-text img{
	margin-top: 40px;
}
@media screen and (max-width: 500px) {
	.content3-text {
		width: 95%;
		font-size: 16px;
	}
	.principle,
	.top-content {
		width: 95%!important;
	}
	.pum-theme-74 .pum-title, .pum-theme-enterprise-blue .pum-title {
		font-size: 24px!important;
	}
	.pu-text {
		font-size: 16px;
	}
}

/* ◆◆◆ 会社案内 ◆◆◆ */

.comp{
	display: flex;
}

/*社内イベント*/
.events0 {
	display: flex;
	width: 80%;
	margin: auto;
	padding-top: 20px;
}
.events {
	display: flex;
	width: 80%;
	margin: auto;
}
.events1 {
	width: 400px;
	margin: auto;
	padding-right: 10px;
}
.events2 {
	width: 400px;
	margin: auto;
	padding-left: 10px;
}
.events0 p, .events p {
	color: #000;
	margin-top: 0;
}
@media screen and (max-width: 660px){
	.events0, .events {
		display: block;
		width: 80%;
		margin: auto;
}
}

/* CSR */
#csr {
	text-align: center;
	border-bottom: solid 1px;
	width: 85%;
	margin: 5% auto 1% auto;
	padding-bottom: 10px;
}
#csr strong {
	font-size: 1.4em;
	line-height: 1.3;
	letter-spacing: 0.17em;
}
.csr1 .sc-text {
	padding-top: 0px;
	margin: 1% 0 0 1%;
}
.csr1 {
	display: flex;
	width: 80%;
	margin: auto;
	padding-bottom: 2%;
	padding-top: 2%;
	border-bottom: solid 1px;
}
.csr2 {
	display: flex;
	width: 80%;
	margin: auto;
	flex-direction: row-reverse;
}
@media screen and (max-width: 660px){
	.csr1 {
		display: block;
		width: 90%;
		text-align: center;
	}
	.csr1 .sc-text {
		margin: 0% 0 0 0%;
		padding-bottom: 0px;
		width: 100%;
	}
}
#csr p {
	font-size: 17px;
	margin: 0 auto;
}
/* 各見出し */
.midashi2{
	color: #000;
	text-align:center;
	width:100%;
	padding-bottom:10px;
	font-size: 30px;
	padding-top: 5%;
}
/* ◇◇◇ テーブル ◇◇◇ */

/* テーブルの中の文字位置とサイズ */
#post-15 p{
	text-align:center;
	font-size: 17px;
	margin: 0.2em 0;
	color: black;
}
#post-15 td p{
	text-align:left;
	font-size: 17px;
	margin: 0.2em 0;
	color: black;
	padding-left: 1%;
}
/* テーブル枠線 */
#post-15 table th {
	border: 1.7px solid #fff;
	padding: 0px;
}
 #post-15 table td {
	border: 1.7px solid #ddd;
	padding: 0px;
}

/* ul li */
.pc-company ul, .sp ul {
	margin: 0;
	padding-left: 30px;
	font-size: 17px;
}
.pc-company ul li, .sp ul li {
	text-align: left;
	margin: 0;
}

/* PCのときのデザイン */
@media screen and (min-width: 661px){
	th:first-child{
		background-color: #ddd;
		width: 22%;
		padding: 0px;
	}
	table.pc {
		width: 90%;
		margin: auto;
	}
}
.pc-company iframe {
	width: 100%;
	padding: 15px;
}
/* PCのときはスマホテーブル不要 */
table.sp{
	display:none;
}
/* スマホのときのテーブル */
@media screen and (max-width: 660px){
	table.sp{
		display:table;
		text-align:center;
	}
	table.pc{
		display:none;
	}
	table.sp th, table.sp td{
		width:100%;
		display: block;
		text-align: center;
	}
	th:first-child{
		background-color: #ddd;
	}
	#post-15 table th {
		border: 1.7px solid #ddd;
	}
}
/* 業績概要 */

.company-date img {
	padding-bottom: 0px;
}
.company-date-sp img {
	padding-bottom: 5px;
}
.company-date-sp {
	display: none;
}

@media screen and (min-width: 660px){
	.history-sp {
		display: none;
	}
}

@media screen and (max-width: 660px){
	.company-date, .pc-company, .company-map, .history-pc {
		display: none;
	}
	.company-date-sp, .history-s {
		display: block;
	}
}

/* 会社概要 */
/* PCのときのデザイン */
@media screen and (min-width: 661px){
	th:first-child{
		background-color: #ddd;
		width: 22%;
		padding: 0px;
	}
/*	table.pc-company {
		width: 50%;
		margin: auto;
		margin-right: 1%;
	}*/
}

/* 会社概要のテーブル */
.company-overview {
	text-align: center;
	display: flex;
	width: 90%;
	margin: auto;
}
/* 会社概要のマップ */
.company-map {
	height: auto;
	width: 50%;
}

/* 企業理念 */
.principle {
	width: 84%;
	margin: 20px auto 0 auto;
}

.principle span {
	color: #000;
	font-weight: bold;
}

.principle p {
	color: #000;
	margin-left: 30px;
	font-weight: 500;
}

.box26 {
	position: relative;
	margin: 2em auto 1em auto;
	padding: 0.5em 1em;
	border: solid 2px #000;
	width: 85%;
}
.box26 .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 19px;
	background: #FFF;
	color: #000;
	font-weight: bold;
}
.box26 p {
	margin: 0 0 0 35px;
	padding: 0;
}

/* ◆◆◆ 事業内容 ◆◆◆ */
/* 各タイトル */
#post-13 h1 {
	color: #333;
	text-align: center;
	border-top: solid 1px;
	padding-bottom: 3%;
	padding-top: 2%;
	margin-top: 7%;
}
#post-13 h1 strong {
	font-size: 1em;
	line-height: 1.8;
	letter-spacing: 0.17em;
}
#post-13 h1 span {
	font-size: 20px;
	letter-spacing: 0.05em;
}
#post-13 h3 {
	color: #333;
	text-align: center;
	border-top: solid 1px;
	padding-bottom: 3%;
	padding-top: 2%;
}
#post-13 h3 strong {
	font-size: 1.3em;
	line-height: 1.8;
	letter-spacing: 0.17em;
}
#post-13 h3 span {
	font-size: 20px;
	letter-spacing: 0.05em;
}
.entry-content {
	margin-bottom: 0;
}
#post-13 > footer {
	display: none;
}


/* ◆◆◆ リクルート ◆◆◆ */

/* 各タイトル */
#post-17 h1 {
	color: #333;
	text-align: center;
	padding-bottom: 3%;
	padding-top: 2%;
}
#post-17 h1 strong {
	font-size: 2em;
	line-height: 1.8;
	letter-spacing: 0.17em;
}
#post-17 h1 span {
	font-size: 20px;
	letter-spacing: 0.05em;
}
#post-17 h1 p {
	font-size: 1.2em;
	letter-spacing: 0.18em;
	padding-top: 5%;
	color: #333;
	font-weight: 500;
}

/* ◆◆◆ お問い合わせ ◆◆◆ */
/* タイトル */
#post-406 h1{
	text-align: center;
	font-size: 1.5em;
	padding-top: 4%;
}

/* （必須）の色 */
.alert {
	color: red;
	padding: 0px!important;
}

/* テキストボックスのいろいろ */
/* テキストボックスの幅 */
.wpcf7-form-control-wrap{
	width: 98%;
}
.caution{
	list-style-type: none;
}
/* 枠線の設定 */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	border: 1px solid #e9e9e9;
}
/* 隙間 */
.wpcf7-text, .wpcf7-file, .wpcf7-number, .wpcf7-date, .wpcf7-select, .wpcf7-quiz{
	margin-bottom: 5px!important;
}
/* スマホの時は縦並び */
@media only screen and (max-width: 660px) {
	.mobile-block th, .mobile-block td{
		display:block;
		width:100%!important;
	}
	.mobile-block th{
		text-align:center;
	}
}
/* 送信の注意書き */
.sent-text{
	text-align: center;
}
/* ロボットでないよ */
.wpcf7-recaptcha{
	margin-right:auto;
	margin-left:auto;
	text-align: center;
	width:300px;
}
/* 送信ボタン */
.center{
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 300px;
}
input[type='submit']{
	font-size: 22px;
}

/* ◆◆◆ 免責・プライバシー ◆◆◆ */
.chapter4 {
	padding-bottom: 4px;
	border-bottom: 3px solid #333;
	font-size: 21px;
	font-weight: bold;
}
p.chapter1 {
	padding-bottom: 4px;
	margin: 20px 0 0;
	border-bottom: 0px solid #ccc;
	font-weight: bold;
}
#custom_html-8, #custom_html-9 {
	font-size: 13px;
}
#post-733 #mainContents, #post-741 #mainContents {
	width: 100%
}

/* ◆◆◆ キャリア採用 ◆◆◆ */
div.wrapBox {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
}
div#mainContents {
	width: 70%;
	float: right;
}

div.section {
	width: 28%;
	background-color: #ffffff;
	border: 1px #c0c0c0 solid;
	font-size: 100%;
	float: left;
}
div.section h4 {
	margin: 0;
	padding: 6px 10px;
	background: #f9f9f9 url(../img/head1.gif) repeat-x top;
	border-bottom: 1px #c0c0c0 solid;
	font-size: 100%;
	text-align: center;
}

div.section a{
	color: #000;
	font-size: 90%;
	margin-left: 10%;
}
.tableDec3 {
	border: solid 2px #ddd;
}
#mainContents a {
	color: #000;
}
@media only screen and (max-width: 1000px) {
	div#mainContents {
		float: none;
		width: 100%;
	}
	div.section {
		width: 100%;
	}
}
/*---社員紹介---*/
.chapter14 {
	padding: 6px 8px;
	background: #BEA581;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
div#mainContents div.clearfix {
	width: 100%;
}
div.txtTemp6 div.fL {
	width: 100%;
	display: flex;
}
.fL {
	display: flex;
}
.fL p {
	margin-left: 1%;
}

div.txtTemp6 strong {
	margin-bottom: 6px;
	display: block;
	font-weight: bold;
}
div.txtTemp6 span {
	color: #666;
}
div.txtTemp6 p {
	float: right;
	width: 100%;
}

div.txtTemp7 p {
	float: left;
	width: 100%;
}
div.txtTemp7 img {

}
div.txtTemp7 div.fR {
	width: 100%;
	display: flex;
}
.fR {
	display: flex;
	width: 100%;
	flex-direction: row-reverse;
}
.fR p {
	margin-right: 1%;
}
div.txtTemp7 strong {
	margin-bottom: 6px;
	display: block;
	font-weight: bold;
}
div.txtTemp7 span {
	color: #666;
}

.chapter13 {
	padding: 6px 8px;
	background: #F9EBF8;
	color: #900;
	font-size: 14px;
	font-weight: bold;
}
@media only screen and (max-width: 660px) {
	div.txtTemp6 span {
		width: 100%;
	}
}

/*---Q&A---*/
ol.qa {
	width: 100%px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
}
ol.qa dt {
	margin: 0;
	padding: 8px 6px 6px 35px;
	background: url(https://tg.kyp.work/wp-content/uploads/2018/10/q2g.gif) no-repeat 4px 5px;
	border: 1px #c0c0c0 solid;
	font-weight: bold;
	line-height: 120%;
}
ol.qa dd {
	margin: 0;
	padding: 11px 6px 25px 35px;
	background: #ffffff url(https://tg.kyp.work/wp-content/uploads/2018/10/a7.gif) no-repeat 4px 8px;
	line-height: 150%;
}


/************************************
** 子テーマ用のスタイルを書く
************************************/
/*▼▼▼▼▼▼▼▼▼▼ウィジェット▼▼▼▼▼▼▼▼▼▼*/
/*=====フロント：ニュース=====*/
	#content .widget {
		margin-bottom: 0px;
		text-align: center;
	}
	#content .widget h3 {
		width: 50%;
		margin: auto;
		font-size: 1.5em;
	}
	/*-----親要素-----*/
	#content .news-widget01 {
		text-align: center;
		margin-bottom: 2.5em;
	}
	/*-----子要素-----*/
	#content .news-widget01 .widget {
		margin-bottom: 20px;
		margin-top: 0;
		display: inline-block;
	}
	/*-----タイトル-----*/
	#content .news-widget01 .widget h2 {
		color: #000;
		font-size: 1.5em;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		border-bottom: dotted 2px;
	}
	/*-----li-----*/
	#content .news-widget01 li {
		text-align: left;
	}
	/*-----aタグ-----*/
	#content .news-widget01 .widget a {
		color: #1967d2;
		border-bottom: solid 1px;
		display: inline-block;
		padding: 0;
	}
	/*-----aタグ：ホバー-----*/
	#content .news-widget01 .widget a:hover {
		color: #e53900;
	}
	/*-----span：NEW-----*/
	#content .news-widget01 .widget a span {
		color: #FF0000;
	}
	/*-----span：NEW-----*/
	#content .news-widget01 .widget ul {
		padding-left: 0;
	}
/*=====ボタン=====*/
	#content .news-widget01 .news-widget_btn {
		display: block;
		width: 140px;
		margin: 10px auto 0;
		text-decoration: none;
		border: solid 1px;
		letter-spacing: 1px;
		border-radius: 30px;
		padding: 5px 0;
	}
/*=====スライダー=====*/
	.slider .metaslider {
		max-width: 100%!important;
	}



/* 修正理念&トップメッセージ */

.visonmidashi {
font-size: 2.5em;
line-height: 1.8;
letter-spacing: 0.17em;
text-align: center;
border-bottom: solid 1px;
width: 100%;
margin: 0 !important;
padding-top: 6%;
padding-bottom: 1%;
}
.vison-principle {
width: 88%;
margin: auto;
margin-top: 4%;
margin-bottom: 4%;
}
.vison-principle-bottom {
margin-bottom: 4%;
}
.vison-principle  .vison-midashi {
font-size:1.8rem;
margin-top: 4% !important;
margin-bottom: 1% !important;
}
.vison-principle  .vison-text {
margin-bottom: 1% !important;
}
.vison-principle .vison-text2 {
font-size: 135%;
margin-top: 2em !important;
margin-bottom: 1% !important;
}
.vison-principle  .vison-span {
font-weight: bold;
}
.small-text{
font-size: 70%;
}
.daihyo-pic {
display: block;
margin-right: auto;
margin-left: auto;
width: 70%;
}
    /* コンテナ */
    .jb-products {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
      margin: 20px
    }
    .jb-products__column {
      width: 50%;
    }

    /* タイトル */
    .jb-products__title {
      font-size: 1.4em;
      font-weight: bold;
      margin-bottom: 16px;
    }

    /* 各製品アイテム */
    .jb-products__item {
      margin-bottom: 24px;
    }
    .jb-products__label {
      display: inline-block;
      padding: 8px 16px;
      border-radius: 20px;
      font-weight: bold;
    }
    .jb-products__description {
      margin-top: 8px;
      line-height: 1.5;
    }

    /* 色バリエーション */
    .jb-label--green  { background-color: #3EB370; }
    .jb-label--blue   { background-color: #00A7EA; }
    .jb-label--purple { background-color: #CE67A4; }
    .jb-label--yellow { background-color: #F9DA5C; }

    /* レスポンシブ対応 */
    @media screen and (max-width: 768px) {
	.sc-text span {
    width: 100%;
}
      .jb-products {
        flex-direction: column;
      }
      .jb-products__column {
        width: 100%;
      }
	.daihyo-pic {
	display: block;
    margin-right: auto;
    margin-left: auto;
    width: 80%;
    padding-top: 2px;
    padding-bottom: 2px;
}
.visonmidashi {
font-size: 1.8em
}
.vison-principle .vison-midashi {
font-size: 1.4rem;
}
		
}

        /* --- コンテナのスタイル --- */
        .company-profile {
            display: flex;
            align-items: center; /* 中央揃え（垂直方向） */
            gap: 2rem; /* 画像とテキストの間隔 */
            margin: auto;
            background-color: #fff;
        }

        /* --- 左側の画像エリア --- */
        .profile-photo {

        }

        .profile-photo img {
            width: 100%;
            height: auto;
            display: block;
        }

        /* --- 右側のテキストエリア --- */
        .text-content {

        }

        .text-content p {
            line-height: 1.8;
            margin-top: 0;
            margin-bottom: 2rem;
        }

        /* --- 署名エリア --- */
        .signature {
            text-align: right; /* 署名を右に寄せる */
        }

        .signature img {
            max-width: 200px; /* 署名画像の最大幅 */
            height: auto;
        }

        /* --- レスポンシブ対応 (768px以下の画面) --- */
        @media (max-width: 768px) {
            .company-profile {
                flex-direction: column; /* 縦並びに変更 */
				gap: 0rem;
                text-align: left; /* テキスト揃え */
            }

            .profile-photo {
                margin-bottom: 1.5rem;
                max-width: 350px; /* スマホでは少し小さく */
            }

            .signature {
                text-align: right; /* 署名揃え */
				margin-bottom: 8%;
            }
        }

        /* スマートフォン用レスポンシブ */
        @media (max-width: 480px) {
            .tg-intro-container {
                padding: 10px;
            }

            .tg-intro-wrapper {
                border-radius: 8px;
                min-height: auto;
            }

            .tg-intro-image {
                padding: 20px 15px 10px 15px;
            }

            .tg-intro-text {
                padding: 10px 20px 30px 20px;
            }

            .tg-intro-text h2 {
                font-size: 1.4rem;
                margin-bottom: 15px;
            }

            .tg-intro-text p {
                font-size: 0.95rem;
                line-height: 1.7;
            }
        }

/* 修正理念&トップメッセージおわり */

.komidashi {
    font-size: 20px;
    letter-spacing: 0.05em;
}

.bottony{
    padding: 1.7%;
    font-size: 21px;
    font-weight: bold;
    margin: 0 3%;
    width: 45%;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    background-color: #FBB900;
    border: 2px solid #FBB900;
    color: #fff;
    line-height: inherit;
    position: relative;
}
.bottony:hover{
    background-color: rgba(251, 185, 0, 0.6);
    border: 2px solid rgba(251, 185, 0, 0.6);
color: #fff;
}

.bottong{
    padding: 1.7%;
    font-size: 21px;
    font-weight: bold;
    margin: 0 3%;
    width: 45%;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    background-color: #00A58E;
    border: 2px solid #00A58E;
    color: #fff;
    line-height: inherit;
    position: relative;
}
.bottong:hover{
    background-color: rgba(0, 165, 142, 0.6);
    border: 2px solid rgba(0, 165, 142, 0.6);
color: #fff;
}

.bottony, .bottony::before, .bottony::after, .bottong, .bottong::before, .bottong::after {
    box-sizing: border-box;
    transition: all .3s;
}

.bottony::before, .bottong::before {
    content: '';
    width: 13px;
    height: 13px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 5%;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
}