@charset "utf-8";

@import url('components.css');
/*
@import url('fonts.css');
@import url('swiper.min.css');
@import url('venobox.css');
*/
.swP { display: block; }
.swT { display: none; }
.swS { display: none; }
.swP.swT { display: block; }
.swP.swS { display: block; }
.swT.swS { display: none; }
.swP.swT.swS { display: block; }
.strong { font-weight: bold; }
.sup { font-size: .9rem; color:#666; margin: 0 0 5px; }
.attention { color: #f00 !important; }
a { text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#3091A9; }
img { max-width: 100%; }
body { background: #ffffff; }

.globalheader { background: #5B5757; color:#fff; line-height: 1; display: flex; justify-content: space-between; align-items: center; height: 30px; font-family: メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif; }
.globalheader .globalName { display: inline-block; line-height: 1; vertical-align: middle; margin: 0 0 0 5px; font-family: メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif; }
.globalheader ul { display: inline-block; line-height: 1; vertical-align: middle; font-size: .1rem; font-family: メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif; }
.globalheader ul li { display: inline-block; margin: 0 1em 0 0; color:#fff; font-size: .8rem; line-height: 1; vertical-align: middle; font-family: メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif; }
.globalheader ul li a { color: rgba(255,255,255,.7); font-family: メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif; }
.globalheader ul li a:hover { color: rgba(255,255,255,1); font-family: メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif; }

header { background: #fff; padding: 15px; width: 100%; top:30px; left: 0; transition: padding .8s, background .8s; z-index: 10000; }
header::after { content: ""; display: block; clear: both; }
header .logo { float: left; padding: 9px 0; }
header .logo img { max-height: 34px; }
header .headerContact { float: right; }
header .headerContact a { color: rgba(0,0,0,0.75); display: block; width: 180px; line-height: 20px; padding: 15px 10px; overflow: hidden; text-align: center; font-size: 1.071em; font-weight: bold; background: #fEe718; box-shadow: inset -1px -1px 0 rgba(0,0,0,0.1); transition: background .4s; position: relative; }
header .headerContact a span { line-height: 20px; color: rgba(0,0,0,0.75); font-weight: 600; }
header .headerContact a::after { display: none; content: url(/wp/wp-content/themes/mediasoken_theme/static/images/ico_mail.svg); width: 26px; height: 20px; position: absolute; top:calc(50% - 12px); left: calc(50% - 13px); fill:#fff; }
header .headerContact a:hover { background: #eEd708; }
header .menubtn,
header .menubtn span { display: inline-block; transition: all .8s; box-sizing: border-box; }
header .menubtn { display: none; position: absolute; top:61px; right: 16px; width: 22px; height: 18px; cursor: pointer; }
header .menubtn span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #666; border-radius: 2px; }
header .menubtn span:nth-of-type(1) { top: 0; }
header .menubtn span:nth-of-type(2) { top: 8px; }
header .menubtn span:nth-of-type(3) { bottom: 0; }
header .menubtn.active span { background-color: #3E3939; }
header .menubtn.active span:nth-of-type(1) { -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg); }
header .menubtn.active span:nth-of-type(2) { opacity: 0; }
header .menubtn.active span:nth-of-type(3) { -webkit-transform: translateY(-8px) rotate(45deg); transform: translateY(-8px) rotate(45deg); }
header nav { float: right; padding: 0 15px 0 0; }
header nav li { float: left; }
header nav li a { display: inline-block; line-height: 20px; margin: 15px .5em; font-weight: 500; font-size: 1.1rem; letter-spacing: .1em; }
header nav li a:hover { text-decoration: underline; color:#003F73; }
header nav li.active a { text-decoration: underline; color:#003F73; font-weight: 600;  }
body.scrollfix header { padding: 0 0 0 10px; box-shadow: 0 0 1px rgba(0,0,0,0.1); top:0; position: fixed; }
body.scrollfix header .menubtn { top:16px; right: 10px; }
body.scrollfix header nav li a { font-size: 1rem; letter-spacing: 0; }

footer .copyright { display: block; background: #fff; padding: 20px; text-align: center; font-size: .6rem; color: rgba(0,0,0,.5); }
footer .inr { background: #44596B; display: flex; }
footer .inr .footersitemap { width: calc(100% - 640px); padding: 40px 10px; display: flex; align-items: center; justify-content: center; }
footer .inr .footersitemap div { display: flex; }
footer .inr .footersitemap dl a { color:#fff; }
footer .inr .footersitemap dt { font-size: 1rem; letter-spacing: 0; padding: 10px 0; margin: 0 0 10px; font-weight: 600; color:#fff; border-bottom: 1px solid rgba(255,255,255,0.2); }
footer .inr .footersitemap dd { font-size: 11px; letter-spacing: 0; padding: 5px 0 0; color:#fff;}
footer .inr .footersitemap dl:nth-of-type(1) { width: 240px; margin: 0 20px 0 0; display: flex; flex-wrap: wrap; }
footer .inr .footersitemap dl:nth-of-type(1) dt { width: 100%; }
footer .inr .footersitemap dl:nth-of-type(1) dd { width: 50%; }
footer .inr .footersitemap dl:nth-of-type(2) { width: 180px; }
footer .inr .pmark { width: 340px; padding:40px; border-left: 1px solid rgba(255,255,255,.2); display: flex; align-items: center; justify-content: center; }
footer .inr .pmark > div { width: 100%; display: flex; justify-content: space-between; }
footer .inr .pmark dl { width: 120px; }
footer .inr .pmark dt { width: 120px; height: 100px; background: #fff; display: flex; align-items: center; justify-content: center; }
footer .inr .pmark dd { font-size: 11px; color:#fff; padding: 5px 0 0; }
footer .inr .footerContact { width: 300px; padding:40px; background: #3F8B8B; display: flex; align-items: center; justify-content: center; }
footer .inr .footerContact dt { color:#fff; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,0.2); font-size: 1.2rem; text-align: center; font-weight: bold; }
footer .inr .footerContact dd { line-height: .6; color:#fff; padding: 30px 0; text-align: center; font-size: 34px; font-family: Arial narrow; }
footer .inr .footerContact dd small { line-height:.6; color:#fff; font-size:.8rem; }
footer .inr .footerContact li { text-align: center; padding: 0 0 30px; }
footer .inr .footerContact li a { color: rgba(0,0,0,0.75); display: block; width: 200px; line-height: 20px; padding: 15px 10px; text-align: center; font-size: 1em; font-weight: bold; background: #fEe718; box-shadow: inset -1px -1px 0 rgba(0,0,0,0.1); transition: background .4s; margin: 0 auto; letter-spacing: 0; }
footer .inr .footerContact li a:hover { background: #eEd708; }

/*
footer { background: #44596B; }
footer .inr { max-width: 1140px; margin: 0 auto; padding: 30px 20px; display: flex; justify-content: space-between;  }
footer .footersitemap { display: flex; flex-wrap: wrap; margin: 0 0 30px; }
footer .footersitemap dl { width: 150px; margin: 0 40px 0 0; }
footer .footersitemap dl a { color:#fff; }
footer .footersitemap dt { font-size: .9rem; padding: 10px 0; font-weight: 600; color:#fff; border-bottom: 1px solid rgba(255,255,255,0.2); }
footer .footersitemap dd { font-size: .9rem; padding: 10px 0 0; color:#fff;}
footer .pmark { width: 200px; margin: 0 10px 0 0; background: rgba(255,255,255,.25); padding: 20px; }
footer .pmark dt { width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; background: #fff; margin: 0 auto; }
footer .pmark dd { padding: 20px 0 0; font-size: .8rem; color:#fff; line-height: 1.5; }
footer .footerContact { width: 320px; background: rgba(255,255,255,.25); padding: 0 30px; }
footer .footerContact dt { color:#fff; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,0.2); font-size: 1.2rem; text-align: center; font-weight: bold; }
footer .footerContact dd { line-height: .6; color:#fff; padding: 30px 0; text-align: center; font-size: 37px; font-family: Arial narrow; }
footer .footerContact dd small { line-height:.6; color:#fff; font-size: 1rem; }
footer .footerContact li { text-align: center; padding: 0 0 30px; }
footer .footerContact li a { color: rgba(0,0,0,0.75); display: block; width: 260px; line-height: 20px; padding: 20px 10px; text-align: center; font-size: 1.071em; font-weight: bold; background: #fEe718; box-shadow: inset -1px -1px 0 rgba(0,0,0,0.1); transition: background .4s; margin: 0 auto; }
footer .footerContact li a:hover { background: #eEd708; }
footer .copyright { display: block; background: #fff; padding: 20px; text-align: center; font-size: .6rem; }
*/

.catch { overflow: hidden; position: relative; width: 100%; height: calc(80vh - 80px); background: url(https://www.mediasoken.jp/wp/wp-content/themes/mediasoken_theme/static/images/catch_image.jpg) center center no-repeat; background-size: cover; transition: opacity 1s; animation-name: fadein; animation-duration: 2s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
	@keyframes fadein {
		from { opacity: 0; transform: translateY(20px); }
		to { opacity: 1; transform: translateY(0); }
	}
.catch::before { content: ""; display: block; width: 1500px; height: 1500px; background: rgba(2,63,115,.69); position: absolute; top:-800px; left:-850px; transform: rotate(30deg); z-index: 10; transition: .4s; }
.catch .inr { position: relative; z-index: 20; margin: 60px 0 0 50px; }
.catch .inr h1 { margin: 0 0 30px; }
.catch .inr li { margin: 0 0 10px; padding: 0 0 0 15px; position: relative; color: #fff; font-size: 1.214em; }
.catch .inr li::before { content: ""; display: block; position: absolute; left: 0; top: calc(50% - 5px); width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 6px;  border-color: transparent transparent transparent #ffffff; }

.toppage .service { padding: 90px 0; }
.toppage .service h2 { text-align: center; padding: 0 0 90px; }
.toppage .service .inr { display: flex; flex-wrap: wrap; max-width: 1110px; margin: 0 auto; }
.toppage .service .inr > a { display: block; width: 360px; margin: 0 5px 10px; transition: .4s; }
.toppage .service .inr > a:nth-of-type(1) { background: #7E6060; }
.toppage .service .inr > a:nth-of-type(2) { background: #52746B; }
.toppage .service .inr > a:nth-of-type(3) { background: #5E7284; }
.toppage .service .inr > a:nth-of-type(4) { background: #4682b4; }
.toppage .service .inr > a:nth-of-type(5) { background: #db7093; }
.toppage .service .inr > a:nth-of-type(6) { background: #557252; }
.toppage .service .inr > a:nth-of-type(7) { background: #888566; }
.toppage .service .inr > a dt { overflow: hidden; }
.toppage .service .inr > a dt img { transition: all 2s; }
.toppage .service .inr > a dd { padding: 0 40px; }
.toppage .service .inr > a dd h3 { height: 120px; display: flex; align-items: center; justify-content: center; padding: 20px 0; }
.toppage .service .inr > a dd h3 span { display: inline-block; line-height: 1.4; color:#fff; font-weight: 600; letter-spacing: .05em; font-size: 1.15rem; text-align: center; }
.toppage .service .inr > a dd h3 small { color:#fff; font-weight: normal; font-size: 0.8rem; }
.toppage .service .inr > a dd p { color:#fff; margin: 0 0 15px; line-height: 1.8; min-height: 5.4em; font-size: .9rem; }
.toppage .service .inr > a dd li { text-align: center; }
.toppage .service .inr > a dd li a { display: block; margin: 0 auto 30px; max-width: 160px; line-height: 34px; text-align: center; border:1px solid #fff; color:#fff; font-size: 0.9rem; transition: .5s; }
.toppage .service .inr > a:nth-of-type(1):hover { background: #9E8080; }
.toppage .service .inr > a:nth-of-type(2):hover { background: #72948B; }
.toppage .service .inr > a:nth-of-type(3):hover { background: #7E92a4; }
.toppage .service .inr > a:nth-of-type(4):hover { background: #4682b4; }
.toppage .service .inr > a:nth-of-type(5):hover { background: #db7093; }
.toppage .service .inr > a:nth-of-type(6):hover { background: #759272; }
.toppage .service .inr > a:nth-of-type(7):hover { background: #a8a586; }
.toppage .service .inr > a:hover dt img { transform: scale(1.15); }
.toppage .service .inr > a:hover dd li a { background: #fff; color:#222; }

.toppage .about { position: relative; height: 690px; }
.toppage .about::after { content: ""; display: block; clear: both; z-index: 0; }
.toppage .about .img { width:calc(50% + 60px); position: absolute; top:0; right: 0; z-index:20; }
.toppage .about .txt { width:calc(50% + 60px); position: absolute; top:80px; left: 0; background: #3F6A8B; padding: 80px 180px 80px 80px; z-index:10; }
.toppage .about .txt p { color:#fff; padding: 30px 0; }
.toppage .about .txt li a { display: block; margin: 0; max-width: 160px; line-height: 40px; text-align: center; color:#222; background: #fff; font-size: 0.929rem; transition: background .5s, color .5s; }
.toppage .about .txt li a:hover { background: rgba(255,255,255,0.25); color: #fff; }

.toppage .news { margin:20px; }
.toppage .news .inr { max-width: 1100px; margin: 0 auto 90px; border:1px solid rgba(0,0,0,.15); padding: 60px; }
.toppage .news .inr dl { padding: 15px 0; border-bottom: 1px solid rgba(0,0,0,.15); display: flex; align-items: center; }
.toppage .news .inr dl dt { padding: 0; width: 9em; text-align: left; position: relative; }
.toppage .news .inr dl dd a { color:#6794BB; text-decoration: underline; }
.toppage .news .inr dl dd a:hover { color:#BB9467; text-decoration: none; }
.toppage .news .inr li { text-align: center; padding: 30px 0 0; }
.toppage .news .inr li a { display: block; margin: 0 auto; border-radius: 2px; max-width: 240px; line-height: 50px; text-align: center; text-indent: 15px; color:#fff; background: #555; transition: background .5s; position: relative; }
.toppage .news .inr li a::after { line-height: 1px; content: url(https://www.mediasoken.jp/wp/wp-content/themes/mediasoken_theme/static/images/ico_menu.svg); position: absolute; top:calc(50% - 7px); left: 0; }
.toppage .news .inr li a:hover { background: #3F6A8B; }

.toppage .news .inr dl.labelInfo dt,
.toppage .news .inr dl.labelTrans dt,
.toppage .news .inr dl.labelEducation dt,
.toppage .news .inr dl.labelMachine dt { width: calc(9em + 130px); }
.toppage .news .inr dl.labelInfo dt:before,
.toppage .news .inr dl.labelTrans dt:before,
.toppage .news .inr dl.labelEducation dt:before,
.toppage .news .inr dl.labelMachine dt:before { content: ""; position: absolute; right: 20px; top:calc(50% - 12px); font-size: 12px; color:#fff; display: block; width: 100px; height: 24px; line-height: 24px; text-align: center; background: #eee; }
.toppage .news .inr dl.labelInfo dt:before { background: #A1A1A1;  content: "お知らせ";}
.toppage .news .inr dl.labelTrans dt:before { background: #52746B;  content: "教育";}
.toppage .news .inr dl.labelEducation dt:before { background: #5E7284;  content: "人材育成";}
.toppage .news .inr dl.labelMachine dt:before { background: #557252;  content: "機械翻訳";}
.toppage .news .inr dl.labelInfo dd,
.toppage .news .inr dl.labelTrans dd,
.toppage .news .inr dl.labelEducation dd,
.toppage .news .inr dl.labelMachine dd { width: calc(100% - (9em + 130px)); }


.toppage .company { padding: 80px 20px 50px; background: #3F768B; }
.toppage .company h2 { text-align: center; padding: 0 0 80px; }
.toppage .company .inr { display: flex; justify-content: center; flex-wrap: wrap; max-width: 1120px; margin: 0 auto; }
.toppage .company .inr > a { width: 260px; margin: 0 10px 30px; transition: .4s; background: #fff; }
.toppage .company .inr > a dt { overflow: hidden; }
.toppage .company .inr > a dt img { transition: all 2s; }
.toppage .company .inr > a dd { padding:15px; text-align: center; font-size: 1rem; position: relative; }
.toppage .company .inr > a dd::after { content: ""; display: block; position: absolute; top:calc(50% - 8px); left: 15px; width: 16px; height: 16px; border-top: solid 1px #aaa; border-right: solid 1px #aaa; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.toppage .company .inr > a:hover dt img { transform: scale(1.15); }
.toppage .company .inr > a:hover dd li a { background: #fff; color:#222; }

.toppage .relatedsite { padding: 80px 0 70px; border-top:1px solid #e5e5e5; }
.toppage .relatedsite h2 { text-align: center; padding: 0 0 80px; }
.toppage .relatedsite ul { text-align: center; }
.toppage .relatedsite ul li { max-width: 240px; display: inline-block; margin: 0 10px 10px; }

.page > section { max-width: 1140px; margin: 80px auto; padding: 0 20px; }
.page h1.title { font-size: 2rem; padding:50px 25px; position: relative; overflow: hidden; background: url(https://www.mediasoken.jp/wp/wp-content/themes/mediasoken_theme/static/images/catch_image.jpg) center center no-repeat; background-size: cover; line-height: 1.25; }
.page h1.title::before { content: ""; display: block; width: 1500px; height: 1500px; background: rgba(2,63,115,.69); position: absolute; top:-800px; left:-850px; transform: rotate(30deg); z-index: 10; transition: .4s; }
.page h1.title span { color:#fff; position: relative; z-index: 10; font-weight: 500; letter-spacing: .1em; line-height: 1.25; }
.page h2.h02 { font-family: 'Noto Sans JP', sans-serif; font-size:1.8rem; font-weight: 300; letter-spacing: .1em; padding: 20px 0; line-height: 1.2; border-bottom: 1px solid #ddd; margin: 0 0 40px; position: relative; }
.page h2.h02::after { content: ""; width: 160px; height: 3px; overflow: hidden; background: #333; position: absolute; left: 0; bottom: -1px; }
.page h3.h03 { background: #fafafa; padding: 10px; line-height: 1.2; border-radius: 5px; margin: 30px 0; }
.page .sectionImg img { margin: 0 0 40px; width: 100%; height: 35vh; object-fit: cover; font-family: 'object-fit: cover;'; border-radius: 2px; }
.page .topicpath { padding: 10px; border-bottom: 1px solid #eee; }
.page .topicpath ul { max-width: 100%; /* overflow: auto; */ display: flex; flex-wrap: wrap; }
.page .topicpath ul li { line-height: 1.2; font-size: .8rem; position: relative; color:#666; }
.page .topicpath ul li::before { content: "＞"; line-height: 1.2; font-size: .8rem; padding: 0 5px; color:#aaa; }
.page .topicpath ul li:nth-of-type(1)::before { display: none; }
.page .topicpath ul li a { line-height: 1.2; font-size: .8rem; color:#666; }
.page .topicpath ul li a:hover { color:#3091A9; }

.aboutpoint { max-width: 1200px; margin: 60px auto; }
.aboutpoint dl { display: flex; align-items: center; position: relative; margin: 0 0 40px; }
.aboutpoint dl dt { width: 50%; position: relative; z-index: 10; }
.aboutpoint dl dt img { width: 100%; }
.aboutpoint dl dd { width: 50%; padding: 50px; text-align: left; position: relative; left: -50px; z-index: 20; background: #fff; }
.aboutpoint dl dd h2 { color: #27567A; margin: 0 0 10px; font-size: 40px; line-height: 1.2; }
.aboutpoint dl dd p { margin: 0; padding: 0; }
.aboutpoint dl:nth-of-type(even) { flex-direction: row-reverse; }
.aboutpoint dl:nth-of-type(even) dd { left: 50px; }
.langlist { max-width: 1220px; margin: 60px auto; padding: 0 10px; }
.langlist h3 { padding: 0 0 0 10px; line-height: 1.2; border-left: 3px solid #2B74B4; margin: 15px 0; }
.Performance { max-width: 1220px; margin: 60px auto; padding: 0 10px; }
.Performance h3 { padding: 0 0 0 10px; line-height: 1.2; border-left: 3px solid #2B74B4; margin: 15px 0; }
.Performance .cont { padding: 0 0 30px; margin: 0 0 30px; border-bottom: 1px solid #eee; }
.Performance .cont dl { display: flex; padding: 0 0 5px; }
.Performance .cont dl dt { width: 18em; }
.Performance .cont dl dd { width: calc(100% - 18em); }

.serviceArticle { max-width: 1100px; margin: 0 auto; padding: 60px 0; }
.serviceArticle .top { padding: 40px; background: #777 none center center no-repeat; background-size: cover; }
.serviceArticle .top h2 { color: #fff; font-size: 34px; font-weight: 500; vertical-align: middle; display: flex; align-items: center; }
.serviceArticle .top p { color: #fff; }
.serviceArticle .caption { background: #fafafa; padding: 40px 10px; text-align: center; color:#222; margin: 0 0 60px; }
.serviceArticle .caption p { text-align: center; color:#222; }
.serviceArticle .para { margin: 0 0 30px; }
.serviceArticle .para01 { margin: 60px 0; display: flex; align-items: center; }
.serviceArticle .para01 .txt { width: calc(100% - 400px); }
.serviceArticle .para01 .txt p { margin: 0 0 1.5em; }
.serviceArticle .para01 .txt p:nth-last-of-type(1) { margin: 0; }
.serviceArticle .para01 .img { width: 400px; text-align: center; }
.serviceArticle .para02 { margin: 0 0 30px; }
.serviceArticle .para02 p { margin: 0 0 30px; }
.serviceArticle .para02 dl { display: flex; margin: 0 0 10px; }
.serviceArticle .para02 dl dt { width: 240px; padding: 0 10px; border-right: 3px solid #18A5C6; display: flex; align-items: center; background: #f6f6f6; }
.serviceArticle .para02 dl dd { width: calc(100% - 240px); padding: 20px; }
.serviceArticle .para03 { margin: 0 0 30px; }
.serviceArticle .para03 p { margin: 0 0 30px; }
.serviceArticle .para04 { margin: 0 0 30px; }
.serviceArticle .para04 p { margin: 0 0 30px; }



.serviceArticle.service01 .top {background: #777 url(/wp/wp-content/themes/mediasoken_theme/static/images/service01_bg.jpg) center center no-repeat; background-size: cover; }
.serviceArticle.service01 .top h2:before { display: inline-block; line-height: 1px; font-size: 1px; padding: 0; content: url(/wp/wp-content/themes/mediasoken_theme/static/images/service_ico01.svg); margin: 0 10px 0 0; vertical-align: middle; }

.serviceArticle.service02 .top {background: #777 url(/wp/wp-content/themes/mediasoken_theme/static/images/service02_bg.jpg) center center no-repeat; background-size: cover; }
.serviceArticle.service02 .top h2:before { display: inline-block; line-height: 1px; font-size: 1px; padding: 0; content: url(/wp/wp-content/themes/mediasoken_theme/static/images/service_ico02.svg); margin: 0 10px 0 0; vertical-align: middle; }

.serviceArticle.service03 .top {background: #777 url(/wp/wp-content/themes/mediasoken_theme/static/images/service03_bg.jpg) center center no-repeat; background-size: cover; }
.serviceArticle.service03 .top h2:before { display: inline-block; line-height: 1px; font-size: 1px; padding: 0; content: url(/wp/wp-content/themes/mediasoken_theme/static/images/service_ico03.svg); margin: 0 10px 0 0; vertical-align: middle; }

.serviceArticle.service04 .top {background: #777 url(/wp/wp-content/themes/mediasoken_theme/static/images/service04_bg.jpg) center center no-repeat; background-size: cover; }
.serviceArticle.service04 .top h2:before { display: inline-block; line-height: 1px; font-size: 1px; padding: 0; content: url(/wp/wp-content/themes/mediasoken_theme/static/images/service_ico04.svg); margin: 0 10px 0 0; vertical-align: middle; }

.serviceArticle.service05 .top {background: #777 url(/wp/wp-content/themes/mediasoken_theme/static/images/service05_bg.jpg) center center no-repeat; background-size: cover; }
.serviceArticle.service05 .top h2:before { display: inline-block; line-height: 1px; font-size: 1px; padding: 0; content: url(/wp/wp-content/themes/mediasoken_theme/static/images/service_ico05.svg); margin: 0 10px 0 0; vertical-align: middle; }

.serviceArticle.service06 .top {background: #777 url(/wp/wp-content/themes/mediasoken_theme/static/images/service06_bg.jpg) center center no-repeat; background-size: cover; }
.serviceArticle.service06 .top h2:before { display: inline-block; line-height: 1px; font-size: 1px; padding: 0; content: url(/wp/wp-content/themes/mediasoken_theme/static/images/service_ico06.svg); margin: 0 10px 0 0; vertical-align: middle; }

.faqwrap { margin: 0 0 40px; padding: 60px 0; max-width: 760px; margin: 0 auto;}
.faqwrap > p { margin: 0 0 30px; }
.faqwrap dl { border:1px solid rgba(0,0,0,.15); margin: 0 0 5px; }
.faqwrap dt { line-height: 1.4; padding: 13px 30px 10px 23px; position: relative; cursor: pointer; }
.faqwrap dt::before { content:""; display: block; width: 0;height: 25px; border-left: 5px solid #3679AF; position: absolute; top:calc(50% - 12.5px); left: 8px; }
.faqwrap dt::after { content: ''; width: 8px; height: 8px; border: 0px; border-top: solid 1px rgba(0,0,0,.5); border-right: solid 1px rgba(0,0,0,.5); transform: rotate(135deg); position: absolute; top: calc(50% - 8px); right: 15px; }
.faqwrap dd { line-height: 1.4; padding: 15px; display: none; }
.faqwrap dl:hover dt,
.faqwrap dl.active dt { background: #D6E4EF; }
.faqwrap dl.active dd { display: block; }
.faqwrap dl.active dt::after { transform: rotate(-45deg); top:calc(50% - 4px); }

.flowWrap { margin: 0 0 40px; padding: 60px 0; max-width: 860px; margin: 0 auto;}
.flowWrap > p { margin: 0 0 30px; }
.flowWrap .inr { display: flex; justify-content: space-between; }
.flowWrap .inr dl { width: calc((100% - 60px) / 4); position: relative; }
.flowWrap .inr dl:nth-of-type(1):after,
.flowWrap .inr dl:nth-of-type(2):after,
.flowWrap .inr dl:nth-of-type(3):after { content: ""; position: absolute; top:91px; right: -17px; display: block; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 14px; border-color: transparent transparent transparent #e5e5e5; }
.flowWrap .inr dl dt { margin: 0 0 10px; position: relative; }
.flowWrap .inr dl dt:after { content: ""; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 1.2rem; color:#fff; position: absolute; top:0; left: 0; background: #27567A; }
.flowWrap .inr dl:nth-of-type(1) dt:after { content: "1"; }
.flowWrap .inr dl:nth-of-type(2) dt:after { content: "2"; }
.flowWrap .inr dl:nth-of-type(3) dt:after { content: "3"; }
.flowWrap .inr dl:nth-of-type(4) dt:after { content: "4"; }
.flowWrap .inr dl dd h3 { margin: 0 0 10px; }
.flowWrap .inr dl dd p { font-size: .85rem; }


.page .newslist { max-width: 1000px; }
.page .newslist .inr { margin: 0 auto 30px; border:1px solid rgba(0,0,0,.15); padding:45px 60px 60px; }
.page .newslist .inr dl { padding: 15px 0; border-bottom: 1px solid rgba(0,0,0,.15); display: flex; }
.page .newslist .inr dl dt { padding: 0; width: 8em; text-align: left; position: relative; }
.page .newslist .inr dl dd a { color:#6794BB; text-decoration: underline; }
.page .newslist .inr dl dd a:hover { color:#BB9467; text-decoration: none; }
.page .newslist .inr li { text-align: center; padding: 30px 0 0; }
.page .newslist .inr li a { display: block; margin: 0 auto; border-radius: 2px; max-width: 240px; line-height: 50px; text-align: center; text-indent: 15px; color:#fff; background: #555; transition: background .5s; position: relative; }
.page .newslist .inr li a::after { line-height: 1px; content: url(https://www.mediasoken.jp/wp/wp-content/themes/mediasoken_theme/static/images/ico_menu.svg); position: absolute; top:calc(50% - 7px); left: 0; }
.page .newslist .inr li a:hover { background: #3F6A8B; }
.page .newslist .inr dl.labelInfo dt,
.page .newslist .inr dl.labelTrans dt,
.page .newslist .inr dl.labelEducation dt,
.page .newslist .inr dl.labelMachine dt { width: calc(9em + 130px); }
.page .newslist .inr dl.labelInfo dt:before,
.page .newslist .inr dl.labelTrans dt:before,
.page .newslist .inr dl.labelEducation dt:before,
.page .newslist .inr dl.labelMachine dt:before { content: ""; position: absolute; right: 20px; top:calc(50% - 12px); font-size: 12px; color:#fff; display: block; width: 100px; height: 24px; line-height: 24px; text-align: center; background: #eee; }
.page .newslist .inr dl.labelInfo dt:before { background: #A1A1A1;  content: "お知らせ";}
.page .newslist .inr dl.labelTrans dt:before { background: #52746B;  content: "教育";}
.page .newslist .inr dl.labelEducation dt:before { background: #5E7284;  content: "人材育成";}
.page .newslist .inr dl.labelMachine dt:before { background: #557252;  content: "機械翻訳";}
.page .newslist .inr dl.labelInfo dd,
.page .newslist .inr dl.labelTrans dd,
.page .newslist .inr dl.labelEducation dd,
.page .newslist .inr dl.labelMachine dd { width: calc(100% - (9em + 130px)); }


.page .pagenation { }
.page .pagenation ul { display: flex; flex-wrap: wrap; }
.page .pagenation ul li { font-size: .9rem; margin: 0 10px 10px 0; width: 36px; line-height: 36px; text-align: center; color:#aaa; }
.page .pagenation ul li a { font-size: .9rem; display: block; line-height: 20px; padding: 7px 0 7px; background: #fff; color:#333; border:1px solid rgba(0,0,0,0.15); text-align: center; border-radius: 2px; transition: .4s; }
.page .pagenation ul li a:hover,
.page .pagenation ul li a.active { background: #44596B; color:#fff; }
.page .pagenation .btns { display: flex; justify-content: center; flex-wrap: wrap; }
.page .pagenation .btns a.btn { display: inline-block; min-width: 180px; margin: 0 10px 10px; border:1px solid #ccc; padding: 15px 20px; line-height: 1.1; text-align: center; transition: .4s; }
.page .pagenation .btns a.btn:hover { opacity: 0.75; }
.page .pagenation .btns a.btn.back { background: #777; color:#fff; border-color: #777; }

.page .newsArticle { max-width: 860px; }
.page .newsArticle .inr { margin: 0 auto 30px; border:1px solid rgba(0,0,0,.15); padding:45px 60px 60px; }
.page .newsArticle .inr .kv { margin: -45px -60px 60px; text-align: center; }
.page .newsArticle .inr .kv img { margin: 0 auto; width: 100%; }
.page .newsArticle .inr h2 { font-size: 1.4rem; line-height: 1.25; padding: 0 0 25px; margin: 0 0 25px; border-bottom: 1px solid #ddd; }
.page .newsArticle .inr h2 small { font-size: 1.1rem; line-height: 1.25; color:#777; font-weight: normal; position: relative; padding: 0 0 0 110px; display: block; margin: 5px 0 0; }
.page .newsArticle .inr h2 small.labelInfo:before,
.page .newsArticle .inr h2 small.labelTrans:before,
.page .newsArticle .inr h2 small.labelEducation:before,
.page .newsArticle .inr h2 small.labelMachine:before { content: ""; position: absolute; left: 0; top:calc(50% - 10px); font-size: 12px; color:#fff; display: block; width: 100px; height: 20px; line-height: 20px; text-align: center; background: #eee; }
.page .newsArticle .inr h2 small.labelInfo:before { background: #A1A1A1;  content: "お知らせ";}
.page .newsArticle .inr h2 small.labelTrans:before { background: #52746B;  content: "教育";}
.page .newsArticle .inr h2 small.labelEducation:before { background: #5E7284;  content: "人材育成";}
.page .newsArticle .inr h2 small.labelMachine:before { background: #557252;  content: "機械翻訳";}
.page .newsArticle .inr p { margin: 0 0 30px; }
.page .newsArticle .inr .read * { vertical-align: middle; }
.page .newsArticle .inr .read a { color:#6794BB; text-decoration: underline; }
.page .newsArticle .inr .read a:hover { color:#BB9467; text-decoration: none; }

.page .workslist {}
.page .workslist .workslistCatch { margin: 0 0 60px; padding: 50px; background: url(/wp/wp-content/themes/mediasoken_theme/static/images/worklist_catch.jpg) center center no-repeat; background-size: cover; }
.page .workslist .workslistCatch h2 { margin: 0 0 20px; }
.page .workslist .workslistCatch p { color: #fff; }
.page .workslist .inr > * { display: block; margin: 0 0 30px; }
.page .workslist .inr > * > dl { display: flex; }
.page .workslist .inr > * > dl > dt { width: 400px; overflow: hidden; display: flex; }
.page .workslist .inr > * > dl > dt img { transition: all 2s; object-fit: cover; font-family: 'object-fit: cover;'; }
.page .workslist .inr > * > dl > dd { width: calc(100% - 400px); padding:30px 30px 15px; display: flex; align-items: center; }
.page .workslist .inr > * > dl > dd h3 { padding: 0 0 20px; line-height: 1.1; color:#fff; font-weight: 600; letter-spacing: .1em; font-size: 1.5rem; text-align: left; }
.page .workslist .inr > * > dl > dd h3 small { color:#fff; font-weight: normal; font-size: 0.8rem; letter-spacing: .05em; }
.page .workslist .inr > * > dl > dd h4 { line-height: 1.3; color:#fff; font-weight: 600; letter-spacing: .1em; font-size: 1.4rem; text-align: left; margin: 20px 0 10px; }
.page .workslist .inr > * > dl > dd p { color:#fff; margin: 0 0 15px; line-height: 1.8; }
.page .workslist .inr > * > dl > dd ul {position: absolute; bottom: 0; left: 20px; }
.page .workslist .inr > * > dl > dd li { text-align: center; }
.page .workslist .inr > * > dl > dd li a { display: block; margin: 0 auto 30px; width: 160px; line-height: 34px; text-align: center; border:1px solid #fff; color:#fff; font-size: 0.929rem; transition: .5s; }
.page .workslist .inr > * > dl > dd .translationMenu { background: #F6F6F6; padding: 10px 10px 5px; margin: 0 0 15px; position: relative; }
.page .workslist .inr > * > dl > dd .translationMenu a { display: block; margin: 0 0 5px;  transition: .4s; }
.page .workslist .inr > * > dl > dd .translationMenu a dl { background: #fff; padding: 10px 0; display: flex; align-items: center; box-shadow: 5px 5px 10px rgba(0,0,0,.02); position: relative; transition: .4s; }
.page .workslist .inr > * > dl > dd .translationMenu a dl::after { content: ""; display: block; position: absolute; right: 4px; bottom: 4px; width: 0; height: 0; border-style: solid; border-width: 0 0 10px 10px; border-color: transparent transparent #4690C8 transparent; }
.page .workslist .inr > * > dl > dd .translationMenu a dl dt { width: 110px; border-right: 1px solid rgba(0,0,0,.1); min-height: 60px; display: flex; align-items: center; justify-content: center;  transition: .4s; }
.page .workslist .inr > * > dl > dd .translationMenu a dl dd { width: calc(100% - 110px); padding: 0 20px; position: relative; transition: .4s; }
.page .workslist .inr > * > dl > dd .translationMenu a dl dd h4 { line-height: 1.4; font-size: 1rem; font-weight: bold; margin: 0; padding: 0; color: rgba(0,0,0,1);  transition: .4s; }
.page .workslist .inr > * > dl > dd .translationMenu a dl dd p { line-height: 1.4; font-size: .8rem; margin: 0; padding: 0; color: rgba(0,0,0,.5);  transition: .4s; }
.page .workslist .inr > * > dl > dd .translationMenu a:hover dl { background:  #aaa; }
.page .workslist .inr > * > dl > dd .translationMenu a:hover dl dd h4 { color: #fff; text-decoration: underline; }
.page .workslist .inr > * > dl > dd .translationMenu a:hover dl dd p { color: #fff; }
.page .workslist .inr > div:nth-of-type(1) dl { background: #7E6060; }
.page .workslist .inr > a:nth-of-type(1) dl { background: #52746B; }
.page .workslist .inr > a:nth-of-type(2) dl { background: #5E7284; }
.page .workslist .inr > a:nth-of-type(3) dl { background: #4682b4; }
.page .workslist .inr > a:nth-of-type(4) dl { background: #db7093; }
.page .workslist .inr > a:nth-of-type(5) dl { background: #557252; }
.page .workslist .inr > a:nth-of-type(6) dl { background: #888566; }
.page .workslist .inr > a:hover dt img { transform: scale(1.15); }
.page .workslist .inr > a:hover dd li a { background: #fff; color:#222; }

.wrap { margin: 30px 0; }
ul.list li { padding: 10px; background: #f6f6f6; margin: 0 0 10px; line-height: 1.2; }

/*
.page .workslist {  }
.page .workslist h2 { text-align: left; padding: 0 0 40px; }
.page .workslist p.caption { font-size: 1.3rem; margin: 0 0 80px; }
.page .workslist .inr { display: block; justify-content: center; }
.page .workslist .inr > a { display: block; width: auto; margin: 0 5px 10px; transition: .4s; }
.page .workslist .inr > a:nth-of-type(1) { background: #655A5A; }
.page .workslist .inr > a:nth-of-type(2) { background: #61655A; }
.page .workslist .inr > a:nth-of-type(3) { background: #5A6065; }
.page .workslist .inr > a dl { display: flex; align-items: top; }
.page .workslist .inr > a dt { overflow: hidden; width: 33vw; height: 100%; }
.page .workslist .inr > a dt img { transition: all 2s; }
.page .workslist .inr > a dd { padding: 0 20px 1px; width: calc(100% - 33vw); position: relative; }
.page .workslist .inr > a dd h3 { padding: 40px 0 20px; line-height: 1.1; color:#fff; font-weight: 600; letter-spacing: .1em; font-size: 1.7rem; text-align: left; }
.page .workslist .inr > a dd h3 small { color:#81AFE5; font-weight: normal; font-size: 0.929rem; letter-spacing: .05em; }
.page .workslist .inr > a dd h4 { line-height: 1.3; color:#fff; font-weight: 600; letter-spacing: .1em; font-size: 1.4rem; text-align: left; margin: 20px 0 10px; }
.page .workslist .inr > a dd p { color:#fff; margin: 0 0 15px; line-height: 1.8; }
.page .workslist .inr > a dd ul {position: absolute; bottom: 0; left: 20px; }
.page .workslist .inr > a dd li { text-align: center; }
.page .workslist .inr > a dd li a { display: block; margin: 0 auto 30px; width: 160px; line-height: 34px; text-align: center; border:1px solid #fff; color:#fff; font-size: 0.929rem; transition: .5s; }
.page .workslist .inr > a:nth-of-type(1):hover { background: #756A6A; }
.page .workslist .inr > a:nth-of-type(2):hover { background: #71756A; }
.page .workslist .inr > a:nth-of-type(3):hover { background: #6A7075; }
.page .workslist .inr > a:hover dt img { transform: scale(1.15); }
.page .workslist .inr > a:hover dd li a { background: #fff; color:#222; }
*/

a.btn.plain{ display: block; margin: 0 0; width: 160px; line-height: 34px; text-align: center; border:1px solid #fff; color:#fff; font-size: 0.929rem; transition: .5s; }
a.btn.plain:hover {  background: #fff; color:#222; }

.page .policy p { font-size: 1.1rem; }
.page .mind ol { list-style-type: decimal; padding: 0 0 0 2em; }
.page .mind ol li { list-style-type: decimal; padding: 0; font-size: 1.1rem; }
.page .history dl { width: 100%; display: flex; justify-content: space-between; border-bottom: 1px dashed #eee; padding: 10px 0; }
.page .history dt { width: 7.5em; }
.page .history dt span { width: 2.5em; display: inline-block; text-align: right; }
.page .history dd { width: calc(100% - 7.5em); }

.page .about dl { width: 100%; display: flex; justify-content: space-between; border-bottom: 1px dashed #eee; padding: 10px 0; }
.page .about dt { width: 10em; }
.page .about dd { width: calc(100% - 10em); }

.page .maparea { margin: 0 0 20px; }

.page .privacy { max-width: 800px; }
.page .privacy p { margin: 0 0 30px;  }

.page .sitemap {}
.page .sitemap > dl { border:1px solid #e5e5e5; margin: 0 0 15px; padding: 0 0 15px; display: flex; flex-wrap: wrap; }
.page .sitemap > dl dt { width: 100%; margin:0 0 15px;  }
.page .sitemap > dl dt a { display: block; padding: 15px; line-height: 1.25; color:#fff; background: #44596B; }
.page .sitemap > dl dt a:hover { background: #64798B; }
.page .sitemap > dl dd { width: calc(25% - 15px); padding: 0 0 0 15px; margin: 0 0 0 15px; position: relative; }
.page .sitemap > dl dd::before { content: ""; display: block; position: absolute; left: 0; top: calc(50% - 4px); width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #44596B; }

.page .contact { max-width: 800px; }
.page .contact dl { width: 100%; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; padding: 15px; position: relative; }
.page .contact dl:nth-of-type(1) { border-top: 1px solid #eee; }
.page .contact dl:nth-child(even) { background-color: #fcfcfc; }
.page .contact dl dt { width: 18em; position: relative; padding:0 4em 0 0; }
.page .contact dl dt::before { content: ""; display: block; width: 3em; padding:5px; line-height: 14px; font-size: .85rem; background: #666; color:#fff; text-align: center; border-radius: 3px; position: absolute; top:calc(50% - 12px); right:15px; }
.page .contact dl.must dt::before { content: "必須"; background: #D94848; }
.page .contact dl.option dt::before { content: "任意"; background: #4595D8; }
.page .contact dl dd { width: calc(100% - 18em); }
.page .contact dl dd input,
.page .contact dl dd select,
.page .contact dl dd textarea { font-size: 16px; outline: none; margin: 0; }
.page .contact dl dd table { width: 100%; }
.page .contact dl dd th { padding: 5px 0; margin: 0; width: 7.5em; }
.page .contact dl dd td { padding: 5px 0; margin: 0;  }
.page .contact p { margin: 40px 0; }
.page .contact p a { color:#3091A9; text-decoration: underline; }
.page .contact p a:hover { color:#A99130; text-decoration: none; }
.page .contact ul { display: flex; justify-content: center; flex-wrap: wrap; margin: 40px 0; }
.page .contact ul li { display: inline-block; margin: 0 10px 10px; }
.page .contact ul li a { cursor: pointer; display: inline-block; min-width: 200px; padding: 15px; text-align: center; line-height: 1.2; background:#eee; color: #666; border:none; outline: none; font-size: 1.071rem; font-weight: 400; box-shadow: inset -1px -1px 0 rgba(0,0,0,0.1); transition: background .4s; }
.page .contact ul li a:hover { background: #ddd; }
.page .contact ul li button { cursor: pointer; display: inline-block; min-width: 200px; padding: 15px; text-align: center; line-height: 1.2; background:#fEe718; color: rgba(0,0,0,0.75); border:none; outline: none; font-size: 1.071rem; font-weight: 600; box-shadow: inset -1px -1px 0 rgba(0,0,0,0.1); transition: background .4s; }
.page .contact ul li button:hover { background: #eEd708; }
.page .contact dl.error { background: rgba(255,0,0,0.075) !important; color:#f00; }
.page .contact p.error label { color:#f00; }
.page .contact dl.error dt { color:#f00; }
.page .contact .errorlist { background: rgba(255,0,0,0.075); padding: 15px; margin: 0 0 30px; border: 2px solid #D65A5A; }
/*.page .contact .errorlist > div::before { content: "・"; } functions.phpで調整したためコメントアウト*/

/*submit-btn
お問い合わせフォームの確認用ボタンの為に追加したcss
 */
.page .contact .submit-btn {cursor: pointer; display: inline-block; min-width: 200px; padding: 15px; text-align: center; line-height: 1.2; background:#fEe718; color: rgba(0,0,0,0.75); border:none; outline: none; font-size: 1.071rem; font-weight: 600; box-shadow: inset -1px -1px 0 rgba(0,0,0,0.1); transition: background .4s; }
.page .contact .submit-btn :hove { background: #eEd708; }

/*fix-btn
修正ボタンの為に追加したcss*/
.page .contact .fix-btn { display: inline-block; margin: 0 10px 10px; cursor: pointer; display: inline-block; min-width: 200px; padding: 15px; text-align: center; line-height: 1.2; background:#eee; color: #666; border:none; outline: none; font-size: 1.071rem; font-weight: 400; box-shadow: inset -1px -1px 0 rgba(0,0,0,0.1); transition: background .4s;}

/*privacy_error
プライバシポリシーのエラー表示に使う為に追加したcss
*/
.page .contact .privacy_error { color:#f00;}
/*エラーメッセージのエラーリストをエラーがない時に非表示にする為に追加したcss*/
.page .contact .errorlist:empty{padding: 0; border:none}

.contactMenu { text-align: center; margin: 0 auto; padding: 60px 0 0; }
.contactMenu ul { display: flex; justify-content: center; }
.contactMenu ul li { margin: 0 10px; }
.contactMenu ul li a { transition: .4s; display: block; width: 200px; height: 200px; border:1px solid #ddd; box-shadow: 3px 3px 6px rgba(0,0,0,.02); line-height: 1.4; text-align: center; position: relative; }
.contactMenu ul li a:after { position: absolute; right: 15px; bottom: 35px; content: ""; display: block; width: 20px; height: 20px; border: 1px solid; border-color: #565656 #565656 transparent transparent; transform: rotate(45deg); }
.contactMenu ul li.flow a:before { content: url(/wp/wp-content/themes/mediasoken_theme/static/images/ico_flow.svg); position: absolute; top:calc(35% - 30px); left: calc(50% - 30px); }
.contactMenu ul li.faq a:before { content: url(/wp/wp-content/themes/mediasoken_theme/static/images/ico_faq.svg); position: absolute; top:calc(35% - 20px); left: calc(50% - 10px); }
.contactMenu ul li a span { height: 2.8em; display: flex; align-items: center; justify-content: center; line-height: 1.4; text-align: center; margin: 130px auto 0; padding: 0 10px 0 0; }
.contactMenu ul li a:hover { background: #D6E4EF; }

.page .recruitMenu { max-width: 1100px; margin: 0 auto; padding: 60px 0; }
.page .recruitMenu h2.h02 { margin: 0 0 10px; }
.page .recruitMenu p { margin: 0 0 30px; }
.page .recruitMenu ul { margin: 0 0 50px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.page .recruitMenu ul li { margin: 0 10px 10px; }
.page .recruitMenu ul li a { transition: .4s; display: block; width: 240px; padding:15px; border:1px solid #ddd; box-shadow: 3px 3px 6px rgba(0,0,0,.02); line-height: 1.4; text-align: center; position: relative; }
.page .recruitMenu ul li a:after { position: absolute; right: 10px; top: calc(50% - 8px); content: ""; display: block; width: 14px; height: 14px; border: 1px solid; border-color: #565656 #565656 transparent transparent; transform: rotate(45deg); }
.page .recruitMenu ul li a:hover { background: #D6E4EF; }

.jobMenu #anchor01,
.jobMenu #anchor02 { margin: 0 0 60px; }
.jobMenu { max-width: 1100px; margin: 0 auto; padding: 60px 0; }
.jobMenu .inr { display: flex; flex-wrap: wrap; }
.jobMenu .inr > a { width: calc((100% - 50px) / 3); margin: 0 25px 25px 0; border: 1px solid #ddd; position: relative; }
.jobMenu .inr > a:nth-of-type(3n) { margin: 0 0 25px 0; }
.jobMenu .inr > a dt { overflow: hidden; }
.jobMenu .inr > a dt img { transition: all 2s; }
.jobMenu .inr > a dd { padding: 20px 20px 100px; }
.jobMenu .inr > a dd ul { width: 80%; position: absolute; left: 10%; bottom: 20px;  }
.jobMenu .inr > a dd ul a { display: block; border:1px solid #ddd; padding: 5px 0; text-align: center; transition: .4s; }
.jobMenu .inr > a dd ul a:after { position: absolute; right: 10px; top: calc(50% - 6px); content: ""; display: block; width: 10px; height: 10px; border: 1px solid; border-color: #565656 #565656 transparent transparent; transform: rotate(45deg); }
.jobMenu .inr > a dd ul a:hover { background: #D6E4EF; }
.jobMenu .inr > a:hover { opacity: .75; }
.jobMenu .inr > a:hover dt img { transform: scale(1.15); }
.jobMenu .inr > a dd h3 { font-size: 20px; color:#27567A; margin: 0 0 10px; line-height: 1.25; }

.recruitlist { max-width: 1100px; margin: 0 auto; padding: 60px 0; }
.recruitlist > p { margin: 0 0 30px; }
.recruitlist .inr { display: flex; flex-wrap: wrap; }
.recruitlist .inr > a { width: calc((100% - 50px) / 3); margin: 0 25px 25px 0; border: 1px solid #ddd; border-top:5px solid #27567A; position: relative; }
.recruitlist .inr > a:nth-of-type(3n) { margin: 0 0 25px 0; }
.recruitlist .inr > a dl { padding: 20px; }
.recruitlist .inr > a dt { font-size: 17px; color: #27567A; padding: 0 0 20px; line-height: 1.25; font-weight: bold; }
.recruitlist .inr > a dd { padding: 0 0 80px; }
.recruitlist .inr > a dd p { line-height: 1.4; }
.recruitlist .inr > a dd ul { width: 80%; position: absolute; left: 10%; bottom: 20px;  }
.recruitlist .inr > a dd ul a { display: block; border:1px solid #ddd; padding: 5px 0; text-align: center; transition: .4s; }
.recruitlist .inr > a dd ul a:after { position: absolute; right: 10px; top: calc(50% - 6px); content: ""; display: block; width: 10px; height: 10px; border: 1px solid; border-color: #565656 #565656 transparent transparent; transform: rotate(45deg); }
.recruitlist .inr > a dd ul a:hover { background: #27567A; color: #fff; }

.jobarticle { max-width: 760px; margin: 0 auto; padding: 60px 0; }
.jobarticle .kv { max-width: 760px; margin: 0 auto; }
.jobarticle .inr { padding: 0 0 40px; border-bottom: 1px solid #ddd; }
.jobarticle .inr h2 { line-height: 1.25; margin: 30px 0; font-size: 26px; color: #27567A; }
.jobarticle .inr h3 { line-height: 1.25; margin: 30px 0; font-size: 20px; color: #27567A; }
.jobarticle .inr p { margin: 0 0 30px; }
.jobarticle .backbtn { padding: 40px 0; text-align: center; }
.jobarticle .backbtn a { width: 240px; padding: 12px; margin: 0 auto; display: block; text-align: center; border:1px solid #ddd; line-height: 1.1; }

.recruitArticle { max-width: 760px; margin: 0 auto; padding: 80px 0; }
.recruitArticle table { border-top:1px solid #ddd; margin: 0 0 40px; border-collapse: collapse; width: 100%; }
.recruitArticle table th { background: #fcfcfc; border-bottom: 1px solid #ddd; padding: 10px; vertical-align: middle; width: 240px; }
.recruitArticle table td { background: #ffffff; border-bottom: 1px solid #ddd; padding: 10px; vertical-align: middle; word-break: normal }
.recruitArticle .backbtn { padding: 40px 0; text-align: center; }
.recruitArticle .backbtn a { width: 240px; padding: 12px; margin: 0 auto; display: block; text-align: center; border:1px solid #ddd; line-height: 1.1; }

.btnacept { display: block; background: #F3E248; padding: 10px; max-width: 300px; color:#5B4C44; text-align: center; margin: 15px 0; }
.btnacept:hover {background: #E99B35; color: #fff; }

.optionMenu { margin: 30px auto; }
.optionMenu .inr { display: flex; }
.optionMenu .inr dl { width: calc((100% - 40px) / 3); margin: 0 20px 20px 0; border:1px solid #ddd; position: relative; }
.optionMenu .inr dl:nth-of-type(3n) { margin: 0 0 20px 0; }
.optionMenu .inr dl:after { content: ""; display: block; width: 20%; height: 5px; font-size: 1px; line-height: 1px; background: #44596B; position: absolute; top:0; left: 0; }
.optionMenu .inr dl dt { margin: 19px 19px 20px; }
.optionMenu .inr dl dt img { width: 100%; object-fit: cover; font-family: 'object-fit: cover;';  }
.optionMenu .inr dl dd { margin: 0 19px 19px; }
.optionMenu .inr dl dd h3 { color:#44596B; line-height: 1.25; }
.optionMenu .inr dl dd p { line-height: 1.25; }

.wp-block-list { list-style-type: disc; padding-left: 1.5rem; }
.wp-block-list li { list-style-type: disc;}



@media print, screen and (min-width:1101px){
	header nav {  }
}
@media print, screen and (max-width:1100px){
	.swP { display: none; }
	.swT { display: block; }
	.swS { display: none; }
	.swP.swT { display: block; }
	.swP.swS { display: none; }
	.swT.swS { display: block; }
	.swP.swT.swS { display: block; }

	.globalheader ul { display: none; }
	header .menubtn { display: block; }
	header .headerContact { margin-right: 40px; }
	header nav { display: none; position: fixed; top:100px; left: 20px; width: calc(100% - 40px); background: #fff; float: none; padding: 0; box-shadow: 2px 2px 10px rgba(0,0,0,0.2); z-index: 9999; }
	header nav ul { margin: 0; padding: 0; float: none; display: flex; justify-content: flex-start; flex-wrap: wrap; }
	header nav li { float: none; width: calc(100% / 3); }
	header nav li a { display:block; line-height: 20px; margin:0; padding: 15px 10px 15px 25px; box-shadow: inset -1px -1px 0 rgba(0,0,0,0.1); position: relative; }
	header nav li a::before { content: ""; display: block; position: absolute; left:10px; top: calc(50% - 5px); width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 6px;  border-color: transparent transparent transparent #023F73; }
	body.scrollfix header nav { top:70px; }
	.catch::before { top:-1000px; left: -1000px; transform: rotate(55deg);}
	.catch .inr { margin: 30px 0 0 30px; }
	.catch .inr h1 { width: 380px; }
	.toppage .about { height: auto; }
	.toppage .about .img { width: auto; position: static; text-align: center; }
	.toppage .about .txt { width: auto; position: static; padding: 40px; }
	.toppage .company .inr > a dd::after { left: 5px; }

	footer .inr { display: block; width: 100%; }
	footer .inr .footersitemap { width:100%;}
	footer .inr .pmark { width: 100%; padding:20px; }
	footer .inr .pmark > div { width: auto; }
	footer .inr .pmark dl { margin: 0 10px; }
	footer .inr .footerContact { width: 100%; }
	footer .inr .footerContact { padding:20px; }
	/*
	footer .inr { display: block; flex-wrap: wrap; }
	footer .pmark { width: auto; margin: 0 0 20px; }
	footer .pmark dl { display: flex; justify-content: space-between; align-items: center; }
	footer .pmark dt { margin: 0; width: 80px; height: 80px; }
	footer .pmark dl dd { width: calc(100% - 100px); padding: 0; }
	footer .footerContact { width: auto; }
	footer .footerContact li a { width: auto; }
	*/
	.aboutpoint dl { display: block; margin: 0; padding: 0; }
	.aboutpoint dl dt { width: 100%; }
	.aboutpoint dl dd { width: 100%; position: static; padding: 30px; }
	.Performance .cont dl { display: block; }
	.Performance .cont dl dt { width: 100%; font-weight: bold; }
	.Performance .cont dl dd { width: 100%; padding: 0 0 15px; }
	.page .workslist .inr > * > dl { display: block; }
	.page .workslist .inr > * > dl > dt { width: 100%; }
	.page .workslist .inr > * > dl > dd { width: 100%; padding: 15px 15px 0; }
	.page .workslist .inr > * > dl > dd .translationMenu a dl dt { width: 80px; }
	.page .workslist .inr > * > dl > dd .translationMenu a dl dd { width: calc(100% - 80px); padding: 0 10px; }

	.serviceArticle { padding: 10px 10px 30px; }
	.serviceArticle .top { padding: 20px; }
	.serviceArticle .top h2 { font-size: 20px; }
	.serviceArticle .caption { padding: 15px; }
	.serviceArticle .caption p { text-align: left; }
	.serviceArticle .para01 { display: block; }
	.serviceArticle .para01 .txt { width: 100%; padding: 0 0 30px; }
	.serviceArticle .para01 .img { width: 100%; padding: 0 0 30px; }
	.serviceArticle .para02 dl { display: block; }
	.serviceArticle .para02 dl dt { width: 100%; padding: 10px 5px; }
	.serviceArticle .para02 dl dd { width: 100%; padding: 20px 0; }

	.faqwrap { margin: 0; padding:30px 10px 20px; }

	.flowWrap { margin: 0; padding:30px 10px 20px; }
	.flowWrap .inr { display: block; }
	.flowWrap .inr dl { width:100%; position: relative; padding: 0 0 50px; }
	.flowWrap .inr dl:nth-of-type(1):after,
	.flowWrap .inr dl:nth-of-type(2):after,
	.flowWrap .inr dl:nth-of-type(3):after { display: none; }
	.flowWrap .inr dl dt { margin: 0 0 10px; position: relative; }
	.flowWrap .inr dl dt:after { content: ""; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 1.2rem; color:#fff; position: absolute; top:0; left: 0; background: #27567A; }
	.flowWrap .inr dl:nth-of-type(1) dt:after { content: "1"; }
	.flowWrap .inr dl:nth-of-type(2) dt:after { content: "2"; }
	.flowWrap .inr dl:nth-of-type(3) dt:after { content: "3"; }
	.flowWrap .inr dl:nth-of-type(4) dt:after { content: "4"; }
	.flowWrap .inr dl dd h3 { margin: 0 0 10px; }
	.flowWrap .inr dl dd p { font-size: .85rem; }

	.page .recruitMenu { padding:0 10px; }

	.jobMenu { padding: 0 10px; }
	.jobMenu .inr { display: block; }
	.jobMenu .inr > a { width:100%; display: block; margin: 0 0 10px; }
	.jobMenu .inr > a dd ul { display: none; }
	.jobMenu .inr > a dd { padding: 15px; }
	.jobMenu .inr > a dd h3 { font-size: 15px; }
	.jobMenu .inr > a dd p { font-size: 12px; line-height: 1.4; }

	.jobarticle { padding: 10px; }

	.recruitArticle { padding: 20px; }
	.recruitArticle table,
	.recruitArticle table tbody,
	.recruitArticle table tr,
	.recruitArticle table th,
	.recruitArticle table td { display: block; width: 100%; }
	.recruitArticle table th { font-weight: bold; }
	.recruitArticle table td { padding: 15px 0 30px; }
	.btnacept { margin: 15px auto; }

.optionMenu .inr dl { width: calc((100% - 10px) / 3); margin: 0 5px 5px 0; }
.optionMenu .inr dl:nth-of-type(3n) { margin: 0 0 5px 0; }
.optionMenu .inr dl dt { margin: 0 0 10px; }
.optionMenu .inr dl dd { margin: 0 9px 9px; }
.optionMenu .inr dl dd p { font-size: 10px; }

}
@media print, screen and (max-width:640px){
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, em, img,strong,
	dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th,
	td, article, aside, dialog, figure, figcaption, footer, header, hgroup, menu, nav,
	section, time, mark, audio, video { letter-spacing: 0; }
	.swP { display: none; }
	.swT { display: none; }
	.swS { display: block; }
	.swP.swT { display: none; }
	.swP.swS { display: block; }
	.swT.swS { display: block; }
	.swP.swT.swS { display: block; }

	header { padding: 15px 15px 15px 10px; }
	header .logo { width: calc(100% - 115px); height: 50px; display: flex; align-items: center; }
	header .headerContact a { width:60px; height: 50px; }
	header .headerContact a span { display: none; }
	header .headerContact a::after { display: block; }
	header nav li { float: none; width: calc(100% / 2); }
	.catch .inr { margin: 20px; }
	.catch .inr h1 { width: auto; margin: 0 0 15px; }
	.catch .inr li { margin: 0 0 2px; font-size: 1rem; }
	.catch::before { transform: rotate(-10deg); top:-1250px; left: -800px; }
	.toppage .service .inr { display: block; }
	.toppage .service .inr > a { width: auto; }
	.toppage .service .inr > a dl { display: flex; align-items: center; }
	.toppage .service .inr > a dt { width: 33vw; height: 100%; }
	.toppage .service .inr > a dd { padding: 0 20px; width: calc(100% - 33vw); }
	.toppage .service .inr > a dd h3 { text-align: left; display: block; height: auto; }
	.toppage .service .inr > a dd h3 span { font-size: 1rem; text-align: left; display: block; }
	.toppage .news .inr { padding: 25px; }
	.toppage .news .inr dl { display: block; text-align: left; }
	.toppage .news .inr dl dt { width: auto; font-size: 10px; text-align: left; }
	.toppage .news .inr dl.labelInfo dd,
	.toppage .news .inr dl.labelTrans dd,
	.toppage .news .inr dl.labelEducation dd,
	.toppage .news .inr dl.labelMachine dd { width: auto; padding: 5px 0 0; }
	.toppage .news .inr li { padding: 25px 0 0; }
	.toppage .company { margin: 0; }
	.toppage .company .inr { flex-wrap: wrap; justify-content: space-between; }
	.toppage .company .inr > a { width: calc((100% - 20px) / 2); margin: 0 0 20px; }
	.toppage .company .inr > a dd { font-size: 12px; }
	footer .inr .footersitemap div { display: block; }
	footer .inr .footersitemap dl:nth-of-type(1) { width: auto; }
	footer .inr .footersitemap dl:nth-of-type(2) { width: auto; }
	/*
	footer .footersitemap { display: block; }
	footer .footersitemap dl { width: 100%; margin: 0 0 20px; }
	*/
	.page > section { margin: 20px 0; }
	.page h1.title { font-size: 1.5rem; }
	.page h2.h02 { font-size:1.5rem; }
	.page h2.h02::after { width: 100px; }
	.page h3.h03 { background: #fafafa; padding: 10px; line-height: 1.2; border-radius: 5px; }
	.page .newslist { margin:20px 0; }
	.page .newslist .inr { padding: 25px; }
	.page .newslist .inr dl { display: block; text-align: left; }
	.page .newslist .inr dl dt { width: auto; font-size: 10px; text-align: left; }
	.page .newslist .inr dl.labelInfo dd,
	.page .newslist .inr dl.labelTrans dd,
	.page .newslist .inr dl.labelEducation dd,
	.page .newslist .inr dl.labelMachine dd { width: auto; padding: 5px 0 0; }
	.page .newsArticle { margin:20px 0; }
	.page .newsArticle .inr { padding: 25px; }
	.page .newsArticle .inr .kv { margin: -25px -25px 25px; }
	.page .pagenation ul li { display: none; }
	.page .pagenation ul li.prev,
	.page .pagenation ul li.next { display: block; }
	/*
	.page .workslist .inr > a dl { display: block; }
	.page .workslist .inr > a dt { width: auto; }
	.page .workslist .inr > a dd { width: auto; padding: 0 20px 1px; }
	*/

.page .contact dl { display: block; }
.page .contact dl dt { width: auto; position: relative; padding:0 4em 0 0; margin: 0 0 10px; font-weight: 600; }
.page .contact dl dt::before { right: 0; }
.page .contact dl dd { width: auto; }
.page .contact dl dd table,
.page .contact dl dd tbody,
.page .contact dl dd thead,
.page .contact dl dd th,
.page .contact dl dd td { display: block; width: 100%; padding: 5px 0; }

.page .sitemap { display: block;  }
.page .sitemap > dl { width:auto; margin: 0 0 20px; display: block; }
.page .sitemap > dl dd { width:auto; }

.page .history dl { display: block; }
.page .history dt { width: auto; font-weight: 600; }
.page .history dt span { width: auto; font-weight: 600; }
.page .history dd { width: auto; }

.page .about dl { display: block; }
.page .about dt { width: auto; font-weight: 600; }
.page .about dd { width: auto; }

.contactMenu ul { margin: 0 5px; }
.contactMenu ul li { width: calc(50% - 10px); margin: 0 5px; }
.contactMenu ul li a { width: 100%; height: 150px; }
.contactMenu ul li a:after { display: none; }
.contactMenu ul li a span { font-size: 12px; padding: 0; margin: 100px 0 0; }


.wp-block-table.is-style-border {
		border-collapse: collapse;
	}

	.wp-block-table.is-style-border th,.wp-block-table.is-style-border td {
		border: solid 1px lightgray;
	}

}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}