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

/* ↓トップページ_NEWS↓ */

#pl-50629 #panel-50629-1-0-0 {
    margin:0px !important;
}

#pl-51950 #panel-51950-1-0-0 {
    margin:0px !important;
}

#news {
    height: 400px;
}

/* NEWマーク 新着ニュース */

span.new-tag,
.blog-design .new-tag {
    font-size: 12px;
    padding: 1px 9px;
    margin-left: 5px;
    vertical-align: middle;
    border-radius: 10px;
    color: #fff;
    background-color: #3ab65c;
}

/* アイコン_お知らせ */

#news span.news-tag-info,
.blog-design .news-tag-info {
    font-size: 12px;
    padding: 1px 3px;
    margin-right: 5px; 
    vertical-align: middle; 
    border-radius: 3px; 
    background-color: #f60; 
    color: #fff;
}

/* アイコン_営業所 */

#news span.news-tag-office,
.blog-design .news-tag-office {
    font-size: 12px; 
    padding: 1px 3px; 
    margin-right: 5px;  
    vertical-align: middle; 
    border-radius: 3px; 
    background-color: #00a0e9; 
    color: #fff;
}

/* アイコン_コーポレーション */

#news span.news-tag-corp,
.blog-design span.news-tag-corp {
    font-size: 12px; 
    padding: 1px 3px;   
    margin-right: 5px; 
    vertical-align: middle; 
    border-radius: 3px; 
    background-color: #0067c0; 
    color: #fff;
}

/* アイコン_ＣＳＲ活動 */

#news span.news-tag-csr,
.blog-design .news-tag-csr {
    font-size: 12px; 
    padding: 1px 3px; 
    margin-right: 5px; 
    vertical-align: middle; 
    border-radius: 3px; 
    background-color: #ff7e7e; 
    color: #fff;
}

/* ↓旧トップページ_NEWS下のリンク↓ */

@media (min-width: 520px) {

.link_under_news {
    display: flex; 
    justify-content:space-between;
    margin: 20px 0px;
}
	
.link_under_news-2colum {
    display: flex; 
    justify-content: center;
    margin: 20px 0px;
}

.link_under_news div.left,
.link_under_news div.right,
.link_under_news div.middle,
.link_under_news-2colum div.left,
.link_under_news-2colum div.right,
.link_under_news-2colum div.middle {
    width: 33%; 
    height: auto;
    margin: 0 5px;
}
	
.link_under_news div.left figcaption,
.link_under_news div.right figcaption,
.link_under_news div.middle figcaption,
.link_under_news-2colum div.left figcaption,
.link_under_news-2colum div.right figcaption,
.link_under_news-2colum div.middle  figcaption {
    font-size: 0.7em;		
    line-height: 0.3rem;
}}

@media (max-width: 520px) {

.link_under_news {
    display: block;
    margin:0 0 0.5em;
}

.link_under_news div.left,
.link_under_news div.middle,
.link_under_news div.right {
    width: 100%; 
    height: auto;
    margin-bottom: 0.5em;
}
	
.link_under_news div.left figcaption,
.link_under_news div.right figcaption,
.link_under_news div.middle figcaption {
    font-size: 0.7rem;		
    line-height: 0rem;
}}

/* ↓新トップページ_NEWS下のリンク↓ */

.link_under_news-nv div.sponsored a {
    text-decoration: none;
    display:inline-block;
}

.link_under_news-nv div.sponsored a:link {
    color: #000;
}

.link_under_news-nv div.sponsored a:visited {
    color: #000;
}

@media (min-width: 520px) {

.link_under_news-nv {
    width: 100%;
    display: flex; 
    flex-wrap: wrap;
    justify-content:center;
    margin: 0px;
}
	
.link_under_news-nv div.sponsored {
    width: calc(100% / 4 - 10px);
    max-width: 330px;
    height: auto;
    margin: 10px 5px;
}
	
.link_under_news-nv div.sponsored figcaption {
    font-size: 0.7em;		
    line-height: 0.7rem;
}}

@media (max-width: 520px) {

.link_under_news-nv {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    margin:0px;
}

.link_under_news-nv div.sponsored {
    width: calc(100% / 2 - 10px);
    max-width: 250px;
    height: auto;
    margin: 5px 5px;
}

.link_under_news-nv div.sponsored a {
    font-size: 0.6rem;
    line-height: 0.6rem;
}}

/* ↓トップページ_バナー3カラムVer_PC用↓ */

.bg01_left,
.bg01_middle,
.bg01_right {
    float: left;
    width: 33.3%;
    background: #0075c1;
    text-align: center;
    padding: 20px;
}

.bg01_middle {
    background: #00a0e9;
}


.bg01_right {
    float: right;
    background: #98bee1;
}

.bg01_left h3,
.bg01_middle h3,
.bg01_right h3 {
    line-height: 1.1;
    height: 53px;
}

/* ↓トップページ_バナー3カラムVer_SP用↓ */

@media screen and (max-width: 960px) {

.bg01_left,
.bg01_middle,
.bg01_right {
    display: block;
    width: 100%;
    text-align: center;
    background: #0075c1;
    box-sizing: border-box;
}
	
.bg01_middle {
    background: #00a0e9;
}

.bg01_right {
    background: #98bee1;
}}

.bg01_left h3,
.bg01_middle h3,
.bg01_right h3 {
    line-height: 1.1;
    height: 53px;
}

/* ↓トップページ_バナー3カラム_電話番号のポップアップ表示↓ */

.top-page-tel-banner-open {
	cursor:pointer; 
}

#popup {
	display: none;
}

.overlay {
	display: none;
}

#popup:checked + .overlay {
	display: block;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 1000;
}

.top-page-tel-banner-popup {
	width: 380px;
	height: 200px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.top-page-tel-banner-close {
	cursor:pointer;
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 20px;
}

/* ↓トップページ_バナー2カラムの左右入れ替え↓ */

/*お仕事をお探しの方へ*/

@media screen and (min-width: 1300px) {

.bg01_l .pc a img {
	max-width: 640px;
}

.bg01_l .pc {
    margin-top: -20px;
}}

@media screen and (max-width: 1300px) {

.bg01_l .sp {
    margin-top: -60px;
}}

/*人材をお探しの企業様へ*/

@media screen and (min-width: 1300px) {

.bg01_r .pc {
    margin-top: 35px;}
}

@media screen and (max-width: 1300px) {

.bg01_r .sp {
    margin-top: 0px;
    margin-bottom: -40px;}
}

/* ↓新着情報一覧ページ↓ */

.newspage-contentArea {
    background-color: #efefef;
}

#newstitle {
    background-color: #fff;
  	border-bottom: 3px solid #000;
}

.news-contents {
    margin: 10px 0px 40px;
    padding: 10px 30px;
    border-radius: 10px;
    background-color: #fff;
    box-sizing: border-box;
    border: solid 1px #bababa;
    box-shadow: 10px 10px 5px #ececea;
}

.news-contents p {
    font-size: 95%;
    line-height: 1.4;
}

dd.news-contents-title {
    padding: 3px 0px 0px 5px; 
    font-size: 20px; 
  	color: #000; 
  	margin: 0; 
  	font-weight: bold; 
    background-color: #e7e7e7;
    border-top: 1px dotted #aaa;
}

/* ↓↓トップページ SERVICE↓ */

@media screen and (max-width: 960px) {

.site_width_1200 ul.circle_img li {
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 35px;
}

.site_width_1200 ul.circle_img li:nth-child(2n) {
    margin-right: 0;
}}

/* ↓トップページ VOICE↓ */

div.voice_l,div.voice_c,div.voice_r {
    float: left;
    width: 32%;
    margin-right: 2%;
    position: relative;
    text-align: left;
}

div.voice_r {
    margin-right: 0;
}

.site_width_1200 div.voice_l div.link_box, .site_width_1200 div.voice_c div.link_box, .site_width_1200 div.voice_r div.link_box {
    position: absolute;
    width: 80%;
    top: 310px;
    min-height: 178px;
    left: 10%;
    font-size: 115%;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    background: #fff;
    display: block;
    margin-right: 0;
    padding: 25px 17px 20px;
    box-sizing: border-box;
}

.site_width_1200 div.voice_l div.link_box p.small_size, .site_width_1200 div.voice_c div.link_box p.small_size, .site_width_1200 div.voice_r div.link_box p.small_size {
    font-size: 80%;
    color: #333333;
    letter-spacing: 2px;
    line-height: 1.4;
    padding: 0 0px;
    position: absolute;
    bottom: 0px;	  
    right: 20px;
    font-weight: normal;
}

.site_width_1200 .voices-of-senior-colleague a {
    text-decoration: none;
}

@media screen and (max-width: 960px) {

.man_images01 dd p.top-voice-sp,
.man_images02 dd p.top-voice-sp,
.man_images03 dd p.top-voice-sp {
    font-size: 120% !important;
    font-weight: bold;
}

.man_images01 dd p.small_size,
.man_images02 dd p.small_size,
.man_images03 dd p.small_size {
    font-size: 14px;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-weight: normal;
    padding: 20px;
}	 
	
.site_width_1200 div.voices-of-senior-colleague dl {
    display: table;
    background: #fff;
    margin: 40px 0px 20px;
}

.site_width_1200 div.voices-of-senior-colleague dl.man_images03 {
    margin-bottom: 0px;
}

/*
.site_width_1200 div dl.man_images01 dd span {
    background: #00c2a4;
}

.site_width_1200 div dl.man_images02 dd span {
    background: #00a0e9;
}
	
.site_width_1200 div dl.man_images03 dd span {
    background: #c41e87;
}

.site_width_1200 dd span {
    padding: 1px 10px;
    color: #fff;
    position: absolute;
    top: -20px;
    left: 15px;
    font-size: 14px;
}*/
}

@media (max-width: 520px) {

.man_images01 dd p.top-voice-sp,
.man_images02 dd p.top-voice-sp,
.man_images03 dd p.top-voice-sp {
    font-size: 100% !important;
    font-weight: bold;
	  padding: 15px;
}

.man_images01 dd p.small_size,
.man_images02 dd p.small_size,
.man_images03 dd p.small_size {
    font-size: 11px;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-weight: normal;
    margin: 0px;
    padding: 15px;
}	 

.site_width_1200 div dl dd {
    vertical-align: top;
}
	
.site_width_1200 div dl dd p {
    font-size: 14px;
    padding: 5px 15px;
    line-height: 1.5;
}}

/* ↓トップページ RECRUIT↓ */

div.recruit-back {
    background: url(/wp-content/uploads/2024/02/top_img_recruite_2606.jpg) no-repeat top center;
    padding-top: 130px;
    padding-bottom: 135px;
    background-size: cover;
}

div.recruit-white-space {
    width: 40%;
    float: right;
    text-align: center;
    letter-spacing: 3px;
}

div.recruit-white-space img {
    max-width: 124px;
    margin-top: 0px;
}

div.recruit-white-space p {
    font-size: 28px;
    color: #333333;
}

div.recruit-button {
    background: #0075C2;
    width: 75%;
    margin: 17px auto 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

div.recruit-button span {
    color: #fff;
    padding: 20px 25px;
    display: block;
    position: relative;
    font-size: 20px;
    line-height: 1.4;
}

@media screen and (max-width: 960px) {
	
div.recruit-back {
    background: url(/wp-content/uploads/2017/10/top_bg02_sp.jpg) no-repeat top center;
    padding-top: 50px;
    padding-bottom: 50px;
    background-size: cover;
}

div.recruit-white-space {
    width: 90%;
    float: none;
    background: url(/wp-content/uploads/2017/10/bg_recruit_txt.png) repeat left top;
    margin: 0 auto;
    padding: 30px;
}

div.recruit-white-space p {
    font-size: 20px;
}
	
div.recruit-button {
    background: #0075C2;
    width: 75%;
    margin: 17px auto 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

div.recruit-button span {
    color: #fff;
    padding: 20px 25px;
    display: block;
    position: relative;
    font-size: 20px;
    line-height: 1.4;
}

div.recruit-button a {
    text-decoration: none;
}}

@media (max-width: 520px) {

div.recruit-white-space p {
    font-size: 17px;
    line-height: 1.5;
}}

/* ↓トップページ ABOUT US↓ */

.about-us-back {
    background: url(/wp-content/uploads/2017/10/bg_about.jpg) no-repeat top center;
    /*padding-top: 76px;*/
    /*padding-bottom: 71px;*/
    background-size: cover;
    text-align: center;
}

/* ↓トップページ VISION↓ */

.vision-back {
    background: #f7f6f3 url(/wp-content/uploads/images/top_vision.png) no-repeat 51% top;
    text-align: center;
    background-size: cover !important;
}

.vision-back .vision-text {
    background: #f7f6f3;
    width: 34%;
    float: right;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 55px;
    padding-right: 20px;
}

.vision-back .vision-text h4 {
    font-size: 27px;
    color: #2d2d2d;
    font-style: normal;
    margin: 28px auto;
    padding-bottom: 25px;
    font-weight: normal;
    font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
    border-bottom: solid 1px #333 !important;
    width: 80%;
}

.vision-back .vision-text p {
    font-size: 40px;
    color: #333333;
    margin-bottom: 25px;
    margin-top: 25px;
    font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}

.vision-back .vision-text div {
    width: 80%;
    margin: 0 auto;
    border: 1px solid #333333;
    padding: 10px 0;
	  background-color: #fff;
}

.vision-back .vision-text a {
    text-decoration: none;
}	

.vision-back .vision-text div:hover {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.vision-back .vision-text div span {
    font-size: 20px;
    color: #333333;
    position: relative;
}

.vision-back .vision-text div span:after {
    position: absolute;
    content: "";
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    right: -15px;
    top: 50%;
    margin-top: -5px;
}

@media screen and (max-width: 960px) {

.vision-back .vision-text p {
    font-size: 25px;
    line-height: 1.5;
}

.vision-back .vision-text a {
    text-decoration: none;
}}

@media (max-width: 520px) {

.vision-back .vision-text p {
    font-size: 15px;
    line-height: 1.5;
}
	
.vision-back .vision-text a {
    text-decoration: none;
}	
	
.vision-back .vision-text div span {
    font-size: 13px;
}

.vision-back .vision-text div span:after {
    width: 8px;
    height: 8px;
    right: -8px;
    margin-top: -4px;
}}

/* ↓トップページ COMPANY↓ */

.company-back {
    background: #f7f6f3 url(/wp-content/uploads/images/top_company.png) no-repeat 40% top;
    text-align: center;
    background-size: cover !important;
}

.company-back .company-text {
    background: #f7f6f3;
    width: 33%;
    float: left;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 55px;
    padding-left: 20px;
}

.company-back .company-text h4 {
    font-size: 27px;
    color: #2d2d2d;
    font-style: normal;
    margin: 28px auto;
    padding-bottom: 25px;
    font-weight: normal;
    font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
    border-bottom: solid 1px #333 !important;
    width: 80%;
}

.company-back .company-text p {
    font-size: 40px;
    color: #333333;
    margin-bottom: 25px;
    margin-top: 25px;
    font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}

.company-back .company-text div {
    width: 80%;
    margin: 0 auto;
    border: 1px solid #333333;
    padding: 10px 0;
	  background-color: #fff;
}

.company-back .company-text a {
    text-decoration: none;
}	

.company-back .company-text div:hover {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.company-back .company-text div span {
    font-size: 20px;
    color: #333333;
    position: relative;
}

.company-back .company-text div span:after {
    position: absolute;
    content: "";
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    right: -15px;
    top: 50%;
    margin-top: -5px;
}

@media screen and (max-width: 960px) {

.company-back .company-text p {
    font-size: 30px;
    line-height: 1.5;
}}

@media (max-width: 520px) {

.company-back .company-text p {
    font-size: 16px;
    line-height: 1.5;
}

.company-back .company-text a {
    text-decoration: none;
}
	
.company-back .company-text div span {
    font-size: 13px;
}

.vision-back .vision-text div span:after {
    width: 8px;
    height: 8px;
    right: -8px;
    margin-top: -4px;
}}


/* ↓トップページ After Workstaffのバナー↓ */

.aw-banner {
    text-align: center;
    margin: 125px auto 100px;
    width: 35%; 
}

@media screen and (max-width: 960px) {
.aw-banner {
	width: 60%;
}}

@media (max-width: 520px) {
.aw-banner {
	width: 85%;
}}


/* ↓トップページ CSR活動↓ */

/*
.gnv_tmp_width_1200 {
    table-layout: fixed;
    width: 1200px;
    margin: 0 auto;
    display: table;
    position: relative;
}

.bg08new {
	text-align: center;
	padding-bottom: 150px !important;
	padding-top: 100px;
	margin-bottom: 100px;
}
*/

/* 960px以下 */

/*
@media (max-width: 960px) {
.gnv_tmp_width_1200 {
    width: 85%;
}

.bg08new {
	padding: 50px 0px;
	margin-bottom: 75px;
}
}*/


/* 520px以下 */

/*
@media (max-width: 520px) {
.gnv_tmp_width_1200 {
    width: 90%;
}

.bg08new {
	padding: 25px 0px;
	margin-bottom: 25px;
}
}*/


/* ↓トップページ CSR活動 タイトル部分↓ */

/* 960px以上 */

/*
.bg08new h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 74px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 1;
		color: #0075c1;
	  margin: 0px 0px 20px 0px;
	  font-style: normal;
}

.bg08new p:nth-of-type(1) {
	  margin: 5px 0px 15px;
		color: #0075c1;
    font-family: 'Poppins', sans-serif;
}

.bg08new p:nth-of-type(2) {
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight: 400;
		color: #0075c1;
	  padding: 0px 20px;
	  margin-bottom: 100px;
}*/


/* 960px以下 */

/*
@media (max-width: 960px) {
.bg08new h3 {
    font-size: 62px;
}
	
.bg08new p:nth-of-type(2) {
    font-size: 20px;
	  margin-bottom: 75px;
}
}*/


/* 520px以下 */

/*
@media (max-width: 520px) {
.bg08new h3 {
    font-size: 50px;
}

.bg08new p:nth-of-type(2) {
    font-size: 16px;
	  margin-bottom: 50px;
}
}*/


/* ↓トップページ CSR活動 五つのカテゴリー↓ */

/*.bg09new {
    padding-top: 0x;
    padding-bottom: 0px;
}

.bg09new {
	  width: 100%;
    display: flex;
 	  flex-wrap: wrap;
	  justify-content: center;
	  margin:0px;
}*/

/*　.csr-list {
    width: calc(97% / 3);
    max-width: 400px;
    padding-right: 1%;
    height: auto;
    text-decoration: none !important;
    margin-bottom: 5vh;
}*/

.csr-list:nth-child(1),.csr-list:nth-child(3) {
    width: calc(90% / 2);
    max-width: 400px;
    margin: 0px 3% 50px 0px;
    border-radius: 5px;
	  background-color: #fff;
    padding-bottom: 7px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.csr-list a {
	  text-decoration: none !important;
}

.csr-list:nth-child(2),.csr-list:nth-child(4) {
    width: calc(90% / 2);
    max-width: 400px;
    margin: 0px 0px 50px 0px;
    border-radius: 5px;
	  background-color: #fff;
    padding-bottom: 7px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.csr-list span.photo img {
	  border-radius: 5px 5px 0px 0px;
}

span.csr-txt {
    color: #666666;
    text-align: center;
    display: block;
    font-size: 16px;
    line-height: 1.4;
}

/* 960px以下 */	

@media (max-width: 960px) {

.csr-list img {
    border-radius: 0px;
}
	
span.csr-txt {
    font-size: 13px;
    line-height: 1.2;
}}

/* 520px以下 */

@media (max-width: 520px) {

.csr-list {
    width: calc(100% / 2 - 10px);
    max-width: 300px;
    margin: 5px 5px;
}
	
.csr-list img {
    border-radius: 0px;
}

span.csr-txt {
    font-size: 10px;
    line-height: 1.0;
}}

/* ↓ベトナム人人材のページ↓ */

/* タイトル部分 */

div.vietnam-maintitle {
    width: 100%;
    height: 300px;
    margin-bottom: 100px;
    display:table;
   	background: no-repeat center url("/wp-content/uploads/2022/11/form-vietnam-darker.jpg");
}

/* ベトナム人人材のページ_電話問い合わせ */

div.telephone-vietnam {
    text-align: center;
    margin: 0px auto;
}

div.telephone-vietnam p:nth-child(1) {
    font-size: 0.9rem;
    margin-bottom: -8px;
}

div.telephone-vietnam p:nth-child(2) {
    font-size: 2.5rem;
    margin-top: 0px;
    margin-bottom: -15px;
}

div.telephone-vietnam p:nth-child(3) {
    font-size: 0.8rem;
    margin-top: 0px;
    margin-bottom: 0px;
}

div.telephone-vietnam p:nth-child(4) {
    font-size: 0.7rem;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* ベトナム人人材のページ_べトナム公式サイトへのリンクボタン */

.logo-workstafff-vietnam {
	width: 15%;
	height: auto;
	margin: 0px auto 40px;
}

@media screen and (max-width:960px) {
.logo-workstafff-vietnam {
	width: 40%;}
}

@media screen and (max-width:520px) {
.logo-workstafff-vietnam {
	width: 65%;}
}

.logo-workstafff-vietnam img {
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2); 
	margin-top: -35px;
}

.logo-workstafff-vietnam p {
   font-size: 0.7em;
   text-align: right;
   margin-bottom: -12px;
}

/* お問い合わせ玄関ページ_ヘッダー共通部分 */

.various-contacts-wrapper {
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
}

div.various-contacts {
    width: 100%;
    height: 300px;
    margin-bottom: 100px;
    display:table;
   	background: url("/wp-content/uploads/2022/10/form_banner5_darker.jpg")no-repeat center;
}

/* お問い合わせ玄関ページ_ヘッダー共通部分_タイトルと下の文章 */

@media screen and (min-width: 768px) {

.contacts-header-box {
    width: 40%;
	margin: 0px auto 50px; 
}}

@media screen and (max-width:768px) {

.contacts-header-box {
	width: 90%;
	margin: 0px auto 50px; 
}}

h2#toiawase-title {
	font-family: Times New Roman , 游明朝 , Yu Mincho , 游明朝体;
	color: #7f4f21; 
	display: block; 
	margin: 0px auto 30px; 
	font-size: 30px;
	text-align: center; 
	letter-spacing: -0.05em; 
	padding-bottom: 1px; 
	border-bottom: solid 1px #7f4f21;
}

h2#toiawase-title+p {
	text-align: center;
	font-size: 1rem;
	line-height: 1.6;
}

/* お問い合わせ玄関ページ_ヘッダー共通部分_電話問い合わせ */

div.telephone {
    text-align: center;
}

div.telephone p:nth-child(1) {
    letter-spacing: -0.1em;
    margin-bottom: -10px;
}

div.telephone p:nth-child(2) {
    font-size: 2.5rem;
    margin-top: 0px;
    margin-bottom: -10px;
}

div.telephone p:nth-child(3) {
    font-size: 0.8rem;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* 各種お問い合わせページ_3カラム_PC用 */

div.three-column-contacts-wrapper {
    margin: 0 80px 100px;
    display: block;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

div.three-column-contacts {
    display: table;
    border-top: solid 1px #dedfe3;
    border-left: solid 1px #dedfe3;
    width: 100%;
}

div.three-column-contacts-box {
    width: 33.333%;
    display: table-cell;
    text-align: center;
    vertical-align: top;
    border-bottom: solid 1px #dedfe3;
	border-right: solid 1px #dedfe3;
	padding: 50px 20px 50px;
	background: #FFF;
}

/* 各種お問い合わせページ_3カラム_タブレット用 */

@media (max-width: 960px) {

div.three-column-contacts-wrapper {
    margin: 0 50px 100px;
    display: block;
}
	
div.three-column-contacts {
    display: table;
    border-top: solid 1px #dedfe3;
    border-left: solid 1px #dedfe3;
}
	 
div.three-column-contacts-box {
	width: 100%;
    display: block;
    text-align: center;
    vertical-align: top;
    border-bottom: solid 1px #dedfe3;
	border-right: solid 1px #dedfe3;
	padding: 20px 20px 20px;
	background: #FFF;
}}

/* お問い合わせ玄関ページ_3カラム_スマホ用 */

@media (max-width: 520px) {

div.three-column-contacts-wrapper {
    margin: 0 10px 100px;
	display: block;
}}

/* お問い合わせ玄関ページ_3カラムの各アイコン */

div.three-column-contacts-box:nth-of-type(1) div.title h2::before {
	display: block;
	content: url(/wp-content/uploads/2022/11/icon-kaisha.png);
}

div.three-column-contacts-box:nth-of-type(2) div.title h2::before {
	display: block;
	content: url(/wp-content/uploads/2022/11/icon-saiyou.png);
}

div.three-column-contacts-box:nth-of-type(3) div.title h2::before {
	display: block;
	content: url(/wp-content/uploads/2022/11/icon-mail.png);
}

/* お問い合わせ玄関ページ_３カラムの各タイトルと下の文章 */

div.three-column-contacts-box div.title h2 {
    font-size: 25px;
    font-weight: bold;
    color: #132229;
    text-align: center;
    margin: 0px -6px 0px;
}
	
div.three-column-contacts-box div.title p {
    font-size: 15px;
    color: #132229;
    display: table;
    text-align: center;
    width: 100%;
    margin: 0px;
    padding-bottom: 0px;
}

/* お問い合わせ玄関ページ_３カラムのクリック部分 */

div.three-column-contacts-box ul {
    margin: 35px 0px 0px;
    padding: 0px;
    list-style: none;
}

div.three-column-contacts-box ul li {
    margin-bottom: 15px;
    text-align: center;
}

div.three-column-contacts-box ul li a::after {
    content:'＞';
    padding-left: 10px;
}

div.three-column-contacts-box ul li a:hover {
    color: #FFF;
    background: #13244b;
    position: relative;
    top: 0px;
    left: 0px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .5);
}

div.three-column-contacts-box ul li a {
    font-size: 14px;
    font-weight: bold;
    color: #13244b;
    display: block;
    border: solid 1px #13244b;
    border-radius: 23px;
    width: 250px;
    height: 46px;
    line-height: 46px;
    margin: 0 auto;
    text-decoration: none;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

/* 個別お問い合わせページ_共通部分_コンタクトフォーム全体 */

.contact-form {
    max-width: 900px;
    width: 50%;
    box-sizing: border-box;
    margin: 0px auto;
    text-align: center;
    border-collapse: separate;
    border-spacing: 2px;
    padding: 1px;
    border: 2px solid #eeeff1;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

@media screen and (max-width: 960px) {

.contact-form {
    width: 70%;
    box-sizing: border-box;
    margin: 0px auto;
    text-align: center;
    border-collapse: separate;
    border-spacing: 2px;
    padding: 1px;
    border: 2px solid #eeeff1;
}}

@media screen and (max-width: 520px) {

.contact-form {
    width: 90%;
    box-sizing: border-box;
    margin: 0px auto;
    text-align: center;
    border-collapse: separate;
    border-spacing: 2px;
    padding: 1px;
    border: 2px solid #eeeff1;
}}

/* 個別お問い合わせページ_共通部分 */

div.form-title {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

div.form-title h1 {
    margin: 0px;
    color: #fff;
    font-size: 2.5em;
}

div.form-title p {
    margin: 0px;
    color: #fff;
    font-weight: bold;
}

.form-explanation p:nth-child(1) {
    font-size: 1em;
    text-align: center;
    margin-top: 0px;
}

.form-explanation p:nth-child(2) {
    font-size: 1em;
    text-align: center;
    margin-bottom: 3rem;
}

@media screen and (max-width: 520px) {

div.form-title h1 {
    font-size: 1.9em;
}
	
.form-explanation p:nth-child(1) {
    font-size: 0.8em;
}

.form-explanation p:nth-child(2) {
    font-size: 0.8em;
    margin-top: 0px;
}}

/* 個別お問い合わせページ_共通部分_入力欄 */

.contact-form  {
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
}

.contact-form tr { 
    border: 1px solid #efefef;
}

.contact-form tr th {
    width: 40%;
    vertical-align: middle;
    background-color: #D9DCDC;
    padding: 20px;
    border: 1px solid #d1d1d1;
}

@media screen and (min-width: 520px) {

input.half-input-box {
    max-width: 280px;
	float: left;}

input.one-third-input-box {
    max-width: 170px;
    float: left;
}}

.contact-form td {
    width: 60%;
    background-color: #eef1f1;
    padding: 20px;
    border: 1px solid #d1d1d1;	
}

.contact-form tr th label {
    margin: 0px;
}

.contact-form tr th label span.hissu,span.hissu {
    font-size: 0.7em;
    padding: 1px 2px;
    color: #ffffff;
    border-radius: 5px;
    vertical-align: middle;
    background-color: red;
	  font-weight: normal;
}

.contact-form-message-box {
    resize: none;
    max-width: 525px;
    max-height: 200px;	
    margin-bottom: 0px !important;
    box-shadow: 1px 1px 2px 1px #ccc inset;
}

.contact-form input[type=radio] {
    margin: 0px;
}

span.wpcf7-form-control {
    display: flex;
    flex-direction: column;
    text-align: left;
}

/* 履歴書アップロードの部分 */

div.rirekisho-upload-space {
    margin: 50px auto; 
    padding: 50px; 
    background-color: #FAFAFA; 
    text-align: center; 
    width: 50%; 
    box-sizing: border-box;
    box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
}

@media screen and (max-width: 960px) {

div.rirekisho-upload-space {
    width: 70%;
}}

@media screen and (max-width: 520px) {

div.rirekisho-upload-space {
    width: 90%; 
}}

div.rirekisho-upload-space p {
    font-size: 0.8rem; 
    margin: 0px; 
    padding: 0px; 
    text-align: center; 
    font-weight: lighter;
}

@media screen and (min-width: 520px) {

    div.rirekisho-upload-space input[type=file] {
    margin-right: -50px;
}}

@media screen and (max-width: 520px) {

    div.rirekisho-upload-space input[type=file] {
    box-sizing: border-box;
    width: 100%;
    margin-right: -100px;
}}

/* 個別お問い合わせページ_共通部分_キャプチャ以下全体 */

.contact-form-submit {
    width: 500px;
    margin: 50px auto 0px;
    text-align: center;
}

@media screen and (max-width: 767px) {

.contact-form-submit {
    width:100%;
}}

/* 個別お問い合わせページ_共通部分_キャプチャ */

.contact-form-captcha {
    width: 70%;
    height: auto;
    margin: 0px auto;
}

.contact-form-captcha-size {
    width: 60%;
    height: auto;	
}

/* 個別お問い合わせページ_共通部分_規約同意と送信ボタン */

.contact-form-confirmation {
    margin: 50px auto 0px;
}

.contact-form-confirmation .wpcf7-list-item {
    margin: 0px auto;
}

.contact-form-policy {
    height: 100px;
    overflow-y: scroll;
    margin-bottom: 25px;
}

.contact-form-policy dl {
    text-align: left;
}

.contact-form-policy dt {
    margin: 0 0.9em 0 1.5em;
}

.contact-form-policy dd {
    margin: 0 0.9em 0 1.5em;
    line-height: 1.3em;
}

#contact-form-input {
    width: 100%;
    padding: 0px;
    margin: 0px;
    box-shadow: 1px 1px 2px 1px #ccc inset;
}

.contact-form-confirmation a {
    color: #333333;
    text-decoration: underline;
}

/* 個別お問い合わせページ_人材をお探しの企業様 */

div.form-human-resource {
    width: 100%;
    height: 300px;
    margin-bottom: 100px;
    display:table;
   	background: no-repeat center url("/wp-content/uploads/2022/10/form_banner1_darker.jpg");
}

/* 個別お問い合わせページ_ワークスタッフで正社員希望の方 */

div.form-recruiting-employees {
    width: 100%;
    height: 300px;
    margin-bottom: 100px;
    display:table;
   	background: no-repeat center url("/wp-content/uploads/2022/10/form_banner4_darker.jpg");
}

/* 個別お問い合わせページ_その他のお問い合わせ */

div.form-other_inquiries {
    width: 100%;
    height: 300px;
    margin-bottom: 100px;
    display:table;
   	background: no-repeat center url("/wp-content/uploads/2022/10/form_banner3_darker.jpg");
}

/*2022.09.09追記　お問い合わせフォームページ_コンタクトフォーム　修正*/

.wpcf7 form .wpcf7-response-output {
	margin:0 auto;
	width:500px;
	padding: 0.2em 0.5em;
}

@media screen and (max-width: 767px) {
.wpcf7 form .wpcf7-response-output {
    width:100%;
}}

/*お問い合わせフォームページ_送信完了の画像*/
.posted-image {
	width: 30%;
	height: auto;
	margin: 0px auto 0vh;
	text-align: center;
}

.posted-image img {
	width: 60%;
}

.posted-image p {

}

@media screen and (max-width: 960px) {
	
.posted-image {
    width: 60%;
	margin: 0px auto 0vh;
}

.posted-image img {
	width: 60%;
}}
	
@media screen and (max-width: 520px) {
	
.posted-image {
	width: 90%;
	margin: 0px auto 0vh;
}

.posted-image img {
	width: 60%;
}}

/*新固定ページ　タイトル部分　パソコン用*/

div.fixed-page-mainimage {
    width: 100%;
    height: 300px;
    margin-bottom: 10rem;
    display:table;
}

div.fixed-page-under_mainimage {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

div.fixed-page-under_mainimage h1 {
    margin: 0px;
    color: #fff;
    font-size: 2.5em;
}

div.fixed-page-under_mainimage p {
    margin: 0px;
    color: #fff;
    font-weight: bold;
}

/*新固定ページ　タイトル部分　スマホ*/

@media screen and (max-width: 520px) {
div.fixed-page-under_mainimage h1 {
    margin: 0px;
    color: #fff;
    font-size: 2.5em;
    line-height: 1.5em;
}}

/*新固定ページ　タイトルのメイン画像　*/

/*派遣で働くときに知っておきたいこと　*/

div.fixed-page-mainimage_to-temporary-staffs-mainimage {
    background: no-repeat center url("/wp-content/uploads/2022/10/to-temporary-staffs_l.jpg");
}

/*ワークスタッフのCSR活動　*/

div.fixed-page-mainimage_csr-activity {
   	background: no-repeat center url("/wp-content/uploads/2023/06/workstaff-csr-activity-pic.jpg");
}

/* ↓ワークスタッフのCSR活動　下のチームバナー↓ */

@media (min-width: 520px) {

.link_under_csr {
    width: 100%;
    display: flex; 
    flex-wrap: wrap;
    justify-content:center;
    margin: 0px;
}
	
.link_under_csr div.sponsored5 {
    width: calc(100% / 5 - 10px);
    max-width: 210px;
    height: auto;
    margin: 10px 2.5px;
}}

/*新固定ページ　全体の枠　PC*/

/*.to-temporary-staffs {
	width: 1400px;
	margin: 100px auto;
}*/

div.fixed-page {
    width: 50% !important;
    float: none !important;
    margin: 20px auto 0 !important;
}

/*新固定ページ　全体の枠　タブレット*/

@media screen and (max-width: 960px) {
/*.to-temporary-staffs {
    width:100%;
    padding: 0px 5%;
}*/

div.fixed-page {
    width: 75% !important;
    float: none !important;
    margin: 15px auto 0 !important;
}}

/*新固定ページ　全体の枠　スマホ*/

@media screen and (max-width: 520px) {
/*
.to-temporary-staffs {
	width:100%;
	padding: 0px 5%;
}*/

div.fixed-page {
    width: 90% !important;
    float: none !important;
    margin: 10px auto 0 !important;
}}

/* ↓派遣で働くときに知っておきたいこと↓ */

#to-temporary-staffs-font {
	font-family: Noto Sans JP,YuGothic,游ゴシック,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
}

/*横長の画像　パソコン用*/

@media screen and (min-width: 960px) {
	
.to-temporary-staffs-workers-flow-pc {
	width: 1400px;
	height: auto;
	margin: 4.0rem auto;
}

.to-temporary-staffs-workers-flow-sp {
  display: none;
}

.to-temporary-staffs-workers-flow {
	width: 1400px;
	height: auto;
	margin: 4.0rem auto;
}}

/*横長の画像　タブレット・スマホ用*/

@media screen and (max-width: 960px) {
.to-temporary-staffs-workers-flow-sp {
	display: block;
	width: 100%;
	height: auto;
	margin: 2.0rem auto;
}

.to-temporary-staffs-workers-flow-pc {
  display: none;
}

.to-temporary-staffs-workers-flow {
	display: block;
    width: 100%;
	height: auto;
	margin: 2.0rem auto;
}}

/*サブタイトル１　パソコン用*/

.to-temporary-staffs-box h2 {
	color: #094;
	font-size: 2.5rem;
    font-weight: 500;
	line-height: 2.5rem;
    letter-spacing: .1em;
	margin-top: 12.0rem;
	margin-bottom: 1.0rem;
	padding: 15px 15px 9px 0px;
	border-bottom: 1px dashed #094;
}

.to-temporary-staffs-box h2:first-letter {
	color: #c8e68a;
	font-size: 10rem;
	font-weight: bold;
	margin-right: -10.0rem;
}

.to-temporary-staffs-box h2 {
	border-bottom: solid 3px #094;
}

/*サブタイトル１　タブレット、スマホ用*/

@media screen and (max-width: 520px) {
	
.to-temporary-staffs-box h2 {
	font-size: 1.75rem;
	line-height: 2.0rem;
	margin-top: 6.0rem;
	padding: 0px;
}

.to-temporary-staffs-box h2:first-letter {
	font-size: 7.0rem;
	margin-right: -7.0rem;
}}


/*サブタイトル２　パソコン用*/

.to-temporary-staffs-box h3 {
	font-size: 25px;
	font-weight: bold;	
	color: #fff;/*文字色*/
	padding: 0.5em;/*文字周りの余白*/
	display: inline-block;/*おまじない*/
	line-height: 32px;/*行高*/
	background: #094;/*背景色*/
	vertical-align: middle;
	border-radius: 28.5px 0px 0px 28.5px;/*左側の角を丸く*/
	width: 100%;
	margin-top: 4.0rem;
	margin-bottom: 1.0rem;
}

.to-temporary-staffs-box h3:before {
    content: '●';
    color: white;
    margin-right: 8px;
    margin-left: 10px;
    font-size: 30px;
    vertical-align: middle;
}

/*サブタイトル２　タブレット、スマホ用*/

@media screen and (max-width: 960px) {
	
.to-temporary-staffs-box h3 {
	font-size: 1.2rem;
	line-height: 1.5rem;/*行高*/
	border-radius: 1.25rem 0px 0px 1.25rem;/*左側の角を丸く*/
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}
	
.to-temporary-staffs-box h3:before {
	content: '●';
	color: white;
	margin-right: 0.2rem;
	margin-left: 0.1rem;
	font-size: 1.2rem;
}}

/*サブタイトル３　パソコン用*/

h4 {
	color: #094;
    font-size: 1.3rem;
    font-weight: bold;
	line-height: 2.4rem;
	margin-top: 2.0rem;
	margin-bottom: 1.0rem;
    border-bottom: dashed 1px #0075c1;
}

/*サブタイトルh2の建物の絵　パソコン、タブレット用*/

@media screen and (min-width: 521px) {
	
.to-temporary-staffs-box h2 {
	background: no-repeat right bottom/200px url("/wp-content/uploads/2022/10/building_sanpo_23084121.png");
}}

/*新固定ページ　全　本文の枠　パソコン用*/

.to-temporary-staffs-box {
	width: 900px;
	margin: 100px auto 0px;
}
	
/*新固定ページ　全　本文の枠　タブレット・スマホ用*/

@media screen and (max-width: 960px) {
.to-temporary-staffs-box {
	width: 100%;
	margin: 100px 0px 0px;
}}

/*本文　パソコン用*/

.to-temporary-staffs-box p {
    font-size: 1.2rem;
    font-weight: normal;
	line-height: 2.4rem;
	margin-top: 1.0rem;
	margin-bottom: 1.0rem;
}

/*本文　蛍光ペン*/

.highlighter-pen {
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
	
/*本文　タブレット・スマホ用*/

@media screen and (max-width: 960px) {

.to-temporary-staffs-box p {
	font-size: 1.0rem;
	line-height: 2.0rem;
}}

/*テーブル　パソコン用*/

.to-temporary-staffs-box table {
	border: #222c33 solid 1px;
	margin-top: 2.0rem;
}

.to-temporary-staffs-box table th {
	border: #222c33 solid 1px;
	width: 30%;
	padding: 10px;
	font-size: 1.2rem;
    background-color: #ffe3b2;
}

.to-temporary-staffs-box table td {
	border: #222c33 solid 1px;
    background-color: #FFF5E5;
	padding: 20px;
    font-size: 1.2rem;
}

/*テーブル　タブレット、スマホ用*/

@media screen and (max-width: 960px) {
	
.to-temporary-staffs-box table th,.to-temporary-staffs-box table td {
	padding: 0.1rem;
	font-size: 0.9rem;
	padding: 0.5rem;
    letter-spacing: 0rem;
    line-height: 1.5rem;
}}

/*箇条書き　パソコン用*/

.to-temporary-staffs-box ul {
	margin: 2.0rem 0 2.0rem 0rem;
}

.to-temporary-staffs-box ul li {
	list-style-type: disc;
	font-size: 1.2rem;
}

.to-temporary-staffs-box ol {
	margin: 2.0rem 0 2.0rem 0rem;
}

.to-temporary-staffs-box ol:last-child {
	margin: 1.0rem 0 0rem 0rem;
}

.to-temporary-staffs-box ol li {
	list-style-type: decimal;
	font-size: 1.2rem;	
}

.to-temporary-staffs-box dl {
	font-size: 1.2rem;	
	margin: 0px;
	padding: 0px;
}

.to-temporary-staffs-box dt {
	font-size: 1.2rem;	
}

.to-temporary-staffs-box dd {
	margin: 0;
}

/*箇条書き　タブレット、スマホ用*/


@media screen and (max-width: 960px) {

.to-temporary-staffs-box ul li {
	font-size: 1.0rem;
    letter-spacing: 0rem;
}

.to-temporary-staffs-box ol li {
	font-size: 1.0rem;
    letter-spacing: 0rem;
}

.to-temporary-staffs-box dl {
	font-size: 1.0rem;
	margin: 0px;
	padding: 0px;
    letter-spacing: 0rem;
}

.to-temporary-staffs-box dt {
	font-size: 1.0rem;
    letter-spacing: 0rem;
}}

/*横長の画像　パソコン用*/

.type-of-employment {
	display: block;
	width: 700px;
	height: auto;
	margin: 2.0rem auto;
}

/*横長の画像　タブレット用*/

@media screen and (max-width: 960px) {

.type-of-employment {
	display: block;
	width: 100%;
	height: auto;
	margin: 2.0rem auto;
}}

/*テーブル　パソコン用*/

.type-of-employment table {
	margin: 4.0rem auto 1.0rem;
	border-radius: 50%;
	border: 2px #222c33 solid;
}

.type-of-employment table th {
	border: #222c33 solid 1px;
	padding: 10px;
	font-size: 1.2rem;
    background-color: #e2d0b8;
	text-align: center;
}

.type-of-employment table th:nth-child(1) {
    background-color: #B2D8FF;
	width: 25%;
}

.type-of-employment table th:nth-child(2) {
    background-color: #fff;
	width: 50%;
}

.type-of-employment table th:nth-child(3) {
    background-color: #B2D8FF;
	width: 25%;
}

.type-of-employment table td {
	border: #222c33 solid 1px;
	padding: 20px;
    font-size: 1.2rem;
	text-align: center;
}

.type-of-employment table tr td:nth-child(1) {
	background-color: #fff;
}

.type-of-employment table tr td:nth-child(2) {
	background-color: #E8F3CC;
}

.type-of-employment table tr td:nth-child(3) {
	background-color: #fff;
}

/*テーブル タブレット、スマホ用*/

@media screen and (max-width: 960px) {
	
.type-of-employment table th {
	padding: 5px;
	font-size: 1.0rem;
}
	
.type-of-employment table td {
	padding: 10px;
    font-size: 1.0rem;
	text-align: center;
}}
	
/*3公正な待遇の確保のために　パソコン用*/

.fair-treatment {
	border: 3px solid #094;
	padding: 20px;
}

div.fair-treatment-margin {
	margin-top: 4.0rem;
	margin-bottom: 4.0rem;	
}

.fair-treatment h4 {
	margin: 0rem;
}

.fair-treatment p {
	margin: 1.0rem 0rem 0rem;
}

/*3公正な待遇の確保のために　タブレット、スマホ用*/

@media screen and (max-width: 960px) {

div.fair-treatment-margin {
	margin-top: 2.0rem;
	margin-bottom: 2.0rem;	
}}

/*６派遣契約の中途解除・不更新*/

table.midterm-cancellation {
	border: 2px solid #094;
}

table.midterm-cancellation tr th {
	background-color: #094;
	border: 1px solid #094;
	color: #fff;
}

table.midterm-cancellation tr td {
	background-color: #fff;
}

table.midterm-cancellation tr td {
	color: #094;
	font-weight: bold;
}

/*黄緑色で塗られた角丸の枠*/

.to-temporary-staffs-list {
	background-color: #D3E2CC;
	padding: 24px 48px;
	margin: 0px;
	border-radius: 15px;
}

/* ↓ブログ↓ */

.post {
    width: 50% !important;
	float: none !important;
	margin: 20px auto 0 !important;
}

.blog-design {
	width: 100%;
	margin: 20px auto 120px;	
}

.blog-design h1 {
	font-size: 2.0rem;	
	line-height: 1.6;
	color: #333333;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.blog-design p {
	font-size: 1.0rem;	
	line-height: 1.5rem;
	color: #666666;
}

.blog-design h2 {
    border-left: solid 4px #194F98;
	padding: 7px 0 3px 15px;
	margin-top: 60px;
	margin-bottom: 25px;
	line-height: 1.2;
}

.blog-design h3 {
	box-sizing: border-box;
    margin: 60px 0 0px;
	padding: 12px;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
	padding-top: 8px;
	padding-bottom: 4px;
}

.blog-design .category-tag {
    margin-top:0px;
	margin-bottom: 50px;
}

/* ↓ブログ 画像処理↓ */

.blog-design a img:hover {
    opacity: 50%;
}

/* ↓ブログ　「共有」の表記↓ */

#jp-relatedposts {
    margin-top: 150px;
}

div.sharedaddy h3.sd-title {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.0;
	padding: 4px;
	border: 1px solid #ccc;
}

div.sharedaddy h3.sd-title:before {
	border-top: none;
    content: "";
    margin-bottom: 0em;
    min-width: 30px;
    width: 100%;
}

/* ↓ブログ　「関連」の表記↓ */

#jp-relatedposts h3.jp-relatedposts-headline {
    font-size: 14px;
    color: #ffffff;
    box-sizing: border-box;
    width: 100%;
    background-color: #194F98;
    margin: 0px 0 30px !important;
    border: solid 1px #CCC;
    padding: 4px;
    text-align: center;
}

#jp-relatedposts h3.jp-relatedposts-headline em:before {
    border-top: none;
}

#jp-relatedposts h3.jp-relatedposts-headline em:before {
    margin-bottom: 0px;
}

/* ↓ブログ　520px以上↓ */

@media screen and (min-width: 520px) {

.pc_no {
    display: none;
}
	
.sp_no {
    display: block;
}
	
div.two-column {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
	
div.two-column figure {
	max-width: 45%;
	height: auto;
}}

/* ↓ブログ　520px以下↓ */

@media screen and (max-width: 520px) {
	
.pc_no {
    display: block;
}
	
.sp_no {
    display: none;
}
	
.post {
    width: 90% !important;
    margin: 10px auto 0 !important;
}
	
.blog-design {
    width: 100%;
    margin: 10px auto;	
}
	
.blog-design h1 {
    font-size: 1.2rem;	
    line-height: 1.7rem;
}

.blog-design p {
    font-size: 1.0rem;	
    line-height: 1.5rem;
}
	
.blog-design figure {
    width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 2em;
}

.blog-design figcaption {
	text-align: left;
    color: #666666;
	font: 1.2rem;
	line-height: 1.4rem;
}}

/* ↓プライバシーポリシー↓ */

div.privacy-policy-title3 {
    text-align: center;
    margin: 0px auto;
}

div.privacy-policy-title h3 {
    font-size: 30px;
    text-align: center;
    letter-spacing: 2px;
    color: #0075c1;
    font-weight: normal;
    line-height: 1.0;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid #0075c1 1px;
}

div.privacy-policy-company-info {
    font-size: 1rem;
    text-align: right;
}

div.privacy-policy-category-wrapper {
    margin: 100px auto 100px;
}

h4.privacy-policy-category {
    font-size: 1.8rem;
    color: #333333;
    letter-spacing: 2px;
    padding: 2px 3px 0 13px;
    font-weight: normal;
    line-height: 1.4;
    border-left: solid #0075c1 10px;
    border-bottom: none;
}

div.privacy-policy-item {
    margin: 60px auto;
}

div.privacy-policy-item strong {
    font-size: 1.3rem;
}

div.privacy-policy-item ul {
    padding-left: 0px;
}

/* 「採用情報」の中のエントリーフォーム */

.recruit-entry-text {
    text-align: center; 
    margin-bottom: 80px;
}

.recruit-entry-banner {
    max-width: 500px; 
    height: 60px; 
    border-radius: 40px; 
    text-align: center; 
    color: #fff; 
    font-weight: bold; 
    font-size: 1.2rem; 
    width: 100%; 
    border: none; 
    box-shadow: none; 
    margin-left: auto; 
    margin-right: auto;
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
}

/* 拠点案内 */

.gnv_tmp_h4_bg {
    margin-top: 5.0em;
}

.gnv_tmp_h5_bg {
    background-color: #00a0e9;
    color: #fff;
    margin-top: 1px;
}

.table02 th {
    background-color: #dbf0fc;
    color: #000;
}

.gnv_tmp_h5_bg h5 {
    margin-bottom: -0.5em;
}

.gnv_tmp_h5_bg h5:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    background: #333333;
    top: 50%;
    left: 0;
    margin-top: -2px;
}

/* 情報公開 */

.table-ex tr th {
    background-color: #dbf0fc;
	padding: 8px;
	border: 1px solid #ccc;
	width: 80%;
}

.table-ex tr th+span {
	font-family: inherit;
	font-size: inherit;
}

.table-ex tr td {
	padding: 8px; 
	border: 1px solid #cccccc; 
	text-align: center;
}

#panel-50103-1-0-0,#panel-50103-2-0-0,#panel-50202-1-0-0,#panel-50130-1-0-0,#panel-50202-1-0-0,#panel-50226-1-0-0 {
    margin: 0px auto 0px !important;
}

/* フッター お問い合わせ */

.contact-box-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0rem 0rem;
}

.contact-box {
    width: calc(100% / 2 - 3.2rem * 1 / 2);
    margin-right: 3.2rem;
    border-radius: 0.4rem;
    padding: 4.8rem 4.8rem 3.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contact-box:nth-child(1) {
    background-color: #00a0e9;
    border: 1px solid #00a0e9;
}

.contact-box:nth-child(2) {
    background-color: #98bee1;
    border: 1px solid #98bee1;
    margin-right: 0;
}

.contact-box-title {
    font-size: 2.0rem;
    color: #fff;
    letter-spacing: 0;
    line-height: 1.00;
    padding-top: 0rem;
    margin: 0rem 0rem 3.0rem;
    font-weight: 400;
    border-bottom: none !important;
}

.contact-box-explanation {
    color: #fff !important;
}

.contact-box-button {
    margin-bottom: 20px;
}

.contact-box-button-design1,
.contact-box-button-design2 {
    text-decoration: none !important;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.0;
    padding: 2.0rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30rem; 
    min-height: 1rem;
    margin: 0 auto;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-radius: 1rem;
    background-color: #fff;
    overflow: hidden;
}

.contact-box-button-design1:hover {
    background-color: #00a0e9;
    color: #fff !important;
    overflow: hidden;
}

.contact-box-button-design2:hover {
    background-color: #98bee1;
    color: #fff !important;
    overflow: hidden;
}

.contact-box-button-design1,.contact-box-button-design2:hover {
    border: 1px solid #fff;
}

.contact-box-button-font1 {
    color: #00a0e9 !important;
}

.contact-box-button-font2 {
    color: #98bee1 !important;
}

.contact-box-tel {
    font-family: Arial, sans-serif;
    font-size: 3.3rem;
    line-height: 1;
    color: #fff !important;
    letter-spacing: 0;
    font-weight: normal;
    padding-right: 1.1rem;
    text-decoration: none;
}

.contact-box-time {
    font-size: 1.1rem !important;
    line-height: 1.0;
    color: #fff !important;
    letter-spacing: 0;
    font-weight: normal;
    padding-right: 1.1rem;
    margin-bottom: 0px !important;
}

/* 1650px以下 */

@media (max-width: 1650px) {

.contact-box {
    padding: 4.8rem 3.0rem 3.0rem;
}
	
.contact-box-button-design1,
.contact-box-button-design2 {
    width: 25rem;
}}

/* 1380px以下 */

@media (max-width: 1380px) {
	
.contact-box {
    padding: 2.4rem 2.4rem 1.5rem;
}
	
.contact-box-button-design1,
.contact-box-button-design2 {
    width: 19rem;
}

.contact-box-tel {
    font-size: 2.3rem;
}

.contact-box-time {
    font-size: 0.9rem !important;
}}

/* 960px以下 */

@media (max-width: 960px) {
	
.contact-box-wrapper {
	display: box;
}

.contact-box {
    width: 100%;
    margin: auto;
    display: box;
    padding: 2.5rem;
}

.contact-box:nth-child(1) {
}

.contact-box:nth-child(2) {
    margin: 1.6rem auto;
}
	
.contact-box-button {
    margin-bottom: 20px;
}

.contact-box-button-design1,
.contact-box-button-design2 {
    width: 23rem; 
}

.contact-box-tel {
    font-size: 2.5rem;
}

.contact-box-time {
    font-size: 1.1rem !important;
}}

/* 520px以下 */

@media (max-width: 520px) {

.contact-box {
    padding: 1.2rem;
}
	
.contact-box-title {
    font-size: 1.5rem;
    margin-bottom: 0px;
}

.site_width_1200 p.contact-box-explanation {
    font-size: 15px;
}

.contact-box-button-design1,
.contact-box-button-design2 {
    font-size: 1.8rem;
    width: 14rem; 
    padding: 1.0rem;
}
	
.contact-box-tel {
    font-size: 2.3rem;
}

.contact-box-time {
    font-size: 0.8rem !important;
}}

/* ----- ↓フッターの各種認定マーク↓ ----- */

#footer img {
    width: auto; 
}

.footer_logo01 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-bottom: 50px;
}

.footer_logo01 ul li {
    margin: 0px;
    width: auto;
}

.footer_logo01 ul.pc li img:nth-child(1) {
    height: 100px;
    width: auto;
    padding-right: 10px;
}

.footer_logo01 ul.pc li img:nth-child(2) {
    height: 100px;
    width: auto;
    padding-right: 10px;
}

.footer_logo01 ul.pc li img:nth-child(3) {
    height: 100px;
    width: auto;
    padding-right: 10px;
}

.footer_logo01 ul.sp li img:nth-child(1) {
    height: 80px;
    width: auto;
    padding-right: 10px;
}

.footer_logo01 ul.sp li img:nth-child(2) {
    height: 80px;
    width: auto;
    padding-right: 10px;
}

.footer_logo01 ul.sp li img:nth-child(3) {
    height: 80px;
    width: auto;
    padding-right: 10px;
}


/* ----- サイトマップ ----- */

@media (max-width: 520px) {

.site_width_1200 ul li.nav07,
.site_width_1200 ul li.nav08,
.site_width_1200 ul li.nav09 {
    width: 100%;
}}


/* ----- フッターのリンク ----- */

.site_width_1200 p.footer-banner-title {
    font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
    font-size: 16px;
    /*font-weight: bold;*/
    color: #221815;
    font-style: normal;
    margin: 10px 0px 5px !important;
    text-align: left;
}

ul.footer-banner-line {
    width:100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px !important;
    padding: 0px !important;
}

li.footer-banner {
    width:19%; 
    height: auto;
	margin: 0px 1% 10px 0%; 
	text-align: center;
}

.site_width_1200 ul li:first-child {
    margin: 0 1% 0 0;
}

@media (max-width: 520px) {
	
.site_width_1200 p.footer-banner-title {
    padding: 0px;
}

.site_width_1200 ul li {
    float: left;
    margin: 0 2% 15px 0;
    width: 49%;
}

.site_width_1200 ul li:nth-child(2n) {
    margin: 0 0 15px 0;
}

.site_width_1200 ul li:first-child {
    margin: 0 2% 15px 0;
}}


/* ----- フッターのプライバシー ----- */

ul.footer-guide-copyright {
    clear: both;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0px 30px;
    font-size: 13px;
}

ul.footer-guide-copyright li a,
ul.footer-guide-copyright li.copyright {
	  font-weight: normal;
}

ul.footer-guide-copyright li a:visited,
ul.footer-guide-copyright li a:link {
	  color: #000;
}

@media (max-width: 960px) {
ul.footer-guide-copyright li a,
ul.footer-guide-copyright li.copyright {
    font-size: 12px;
    text-decoration: none;
}}

@media (max-width: 520px) {
ul.footer-guide-copyright li a,
ul.footer-guide-copyright li.copyright {
    font-size: 11px;
}

ul.footer-guide-copyright {
    flex-flow: column;
    justify-content:space-around;
}}


/* --------------- 汎用 --------------- */

.entry-content {
    margin-top: 0px;
}


/* ----- サイトの大枠 ----- */

.site_width_window {
    width: 100%;
    background: #fff;
    padding-top: 45px;
    padding-bottom: 45px;
    background-size: cover;
    position: relative;
    text-align: center;
}

.site_width_window_gray {
    width: 100%;
    background: #edf1f2;
    padding-top: 45px;
    padding-bottom: 45px;
    background-size: cover;
    position: relative;
    text-align: center;
}

.site_width_1200 {
    width: 1200px;
    max-width: 1200px;
    margin: 5vh auto;
    padding: 5vh 0 5vh;
    display: table;
    position: relative;
    text-align: center;
}

.site_width_100_orikaeshi {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0px;
}

/* 960px以下 */

@media (max-width: 960px) {

.site_width_1200 {
    width: 85%;
}}

/* 520px以下 */

@media (max-width: 520px) {

.site_width_1200 {
    width: 90%;
}

.site_width_window_gray {
    /*padding-top: 57px;*/
    padding-bottom: 0px;
}}


/* ----- 見出しと本文 ----- */

/* ↓全ページのタイトルを片方削除↓ */

h1.entry-title {
    display: none;
}

/* ↓全ページのタイトル↓ */

.under_mainimage h1 {
    font-size: 35px;
    color: rgb(51, 51, 51);
    text-align: center;
    line-height: 1.2;
    margin-bottom: 10px;
    padding: 0px;
}

@media screen and (max-width: 960px) {
    
.under_mainimage h1 {
    font-size: 24px;
    margin: 0;
}}

/* ↓SITE MAPとフッターの間隔↓ */

#footer .footer_block_in {
    padding: 52px 0 0 0;
}

/* ↓全ページのサブタイトル↓ */

/* 960px以上 */

h3.subtitle-h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 74px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 1;
    color: #0075c1;
    margin: 0px 0px 20px 0px;
    font-style: normal;
}

h3.subtitle-h3 + p.eng-subtitle {
    margin: 5px 0px 15px;
    color: #0075c1;
    font-family: 'Poppins', sans-serif;
}

p.introduction {
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight: 400;
    color: #0075c1;
    padding: 0px 20px;
    margin-bottom: 100px;
}

p.introduction2 {
    margin-bottom: 0px;
}

p.text-body {
    font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
    font-size: 25px;
    font-weight: normal;
    color: #333333;
    padding: 0px 20px;
    margin-bottom: 100px;
}

/* 960px以下 */

@media (max-width: 960px) {

h3.subtitle-h3 {
    font-size: 62px;
}
	
p.introduction {
    font-size: 20px;
    margin-bottom: 75px;
}}

/* 520px以下 */

@media (max-width: 520px) {
    
h3.subtitle-h3 {
    font-size: 50px;
}

p.introduction {
    font-size: 16px;
}

p.text-body {
    font-size: 18px;
    margin-bottom: 0px;
}}

.bg02 h4 {
    font-size: 40px;
    color: #333333;
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: 2px;
    margin-bottom: 40px;
    padding-bottom: 30px;
}

/* ----- 汎用ボタン ----- */

.otoiawase-button a {
	width: 100%;
	margin: 0px auto;
	width: 100%;
	padding: 2.0rem !important;
	
	background-color: #ffd200 !important;
	border: 1px solid #ffd200;
	border-radius: 1rem;
	
	color: #fff !important;
	text-decoration: none !important;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.0;

	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.otoiawase-button a:hover {
    background-color: #fff !important;
    color: #ffd200 !important;
    border: 1px solid #ffd200;
}

/* スクロールでふわっと表示 */

.txt {
    clip-path: inset(0 100% 0 0);
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    color: cadetblue;
    animation: textanimation 1s 2s forwards;
    margin: 0;
}

@keyframes textanimation {
    0% {
        clip-path: inset(0 100% 0 0);
    }

    100% {
        clip-path: inset(0);
    }
}


/* ----- 沿革 ----- */

.b_06 table td.b_06_content_margin {
    width: 100%;
    float: left;
    border-left: 3px #eaeaea solid;
    padding-left: 30px;
    box-sizing: border-box;
    position: relative;
    padding: 10px 10px 10px 25px;
}

.b_06 table td.b_06_content_margin:before {
    content: '';
    width: 12px;
    height: 12px;
    /*background: #52c9ff;*/
    position: absolute;
    left: -7px;
    top: 50%;
    border-radius: 100%;
    margin-top: -6px;
}

.b_06-history {
    padding-top: 0px;
    margin-bottom: -30px;
}

.history-page th.b_06_item {
	text-align: right;
	padding-right: 25px;
}

@media screen and (max-width: 1000px) {
.history-page .width-check {
    padding: 0px 5%;
}}



/* イメージキャラクター応募ページ */

div.form-image-character {
    width: 100%;
    height: 300px;
    margin-bottom: 100px;
    display:table;
   	background: no-repeat center url("/wp-content/uploads/2024/07/22196043_kiri.webp");
}

media screen and (max-width: 520px) {
div.character-upload-space input[type=file] {
   	margin-right: 0px;
   	font-size: 0.8em;
    }
}