@charset "utf-8";
/*
Theme Name: たくみ法律事務所リクルートサイト
Theme URI: 
Template: lightning
Description: たくみ法律事務リクルートのテーマ
Author: 株式会社タクミ
Tags: 
Version: 0.1.2
*/
body{color:#222; font-size:17px;}
h2,h3,h4,.page-header-title {font-family: 'Noto Serif JP', serif; letter-spacing:0.1rem;}
h3:after {content: "."; line-height: 0; display: none; overflow: hidden; bottom:0; width:0; border-bottom:none;}
p{line-height:2.1;}
hr {margin: 70px 0 50px;}

a{color:#6AA0DB; text-decoration:underline;}

/*投稿ページの関連記事消す*/
.vk_posts.next-prev {display: none;}
/*投稿ページのオーサー情報消す*/
span.entry-meta-item.entry-meta-item-author {display: none;}

h1.entry-title {border-bottom: 1px solid #ccc; padding-bottom: 10px;}

body.post-template-default > .site-body{padding-top:80px; padding-bottom:10px;}
.entry-footer {margin: 20px 0 0;}

@media (min-width: 1200px)
.container {
    max-width: 1000px!important;
}


/*マージン調整*/
.mt{margin-top:120px!important;}
.mb{margin-bottom:120px!important;}
.mtb{margin:120px!important 0;}

@media screen and (max-width: 768px){
.mt{margin-top:50px!important;}
.mb{margin-bottom:50px!important;}
.mtb{margin:50px!important 0;}
}

@media screen and (max-width: 768px){
.main-section {margin-bottom:0!important;}
}

/*ヘッダー*/
#site-header {position: fixed; background-color:rgba(255,255,255,0.8)!important; height:64px;}
.site-header a,.site-header  a:hover{color:#3A3A3A;text-decoration:none;}
.site-header {-webkit-box-shadow: none; box-shadow:none; min-height: 64px; border: none;}
.site-header--layout--nav-float .site-header-container {display: flex; flex-direction: row; margin: 0 calc(50% - 50vw);}
.site-header-logo {margin: 0 2em 0; width: 100%;}
.page-id-108 .page-header {background:url('/wp-content/uploads/2021/10/bg01.jpg') top / cover; width:100%; height:130px;}

.page-header {background:url('/wp-content/uploads/2021/11/hd-bg.jpg') top / cover; width:100%; height:130px; margin-top:64px; padding:35px 0 30px;}
.page-header-title {font-size: 2rem; font-weight: 700; line-height: 1; margin: 0; font-family: 'Cormorant Garamond', serif; text-align:center;}

@media screen and (max-width: 768px){
.page-header {margin-top:50px;}
.page-header-title, h1.page-header-title {font-size: 1.5rem;}
}

/*メインビジュアル*/
.main {display: block; margin: 0 calc(50% - 50vw); position:relative; overflow:hidden;}
.main ul{list-style-type: none!important; margin-block-start:0!important; margin-block-end:0!important; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start:0!important;}

ul.slider.slick-initialized.slick-slider.slick-dotted,ul.slider li {margin-top: 0;}
ul.slider li {margin-top: 0;}

.slider {height: 53vw; margin-inline: auto; overflow: hidden; /* 画像がはみ出ないようにする */ width: 100vw;}
.slick-img img {width: 100%;}
@keyframes zoomUp {
  0% {transform: scale(1);}
  100% {transform: scale(1.15); /* 拡大率 */}
}
.add-animation {animation: zoomUp 10s linear 0s normal both;}

.home .site-body {padding: 0 15px;}

.Maintext2 {font-family: 'Noto Serif JP',serif; font-weight: 500; text-align: center; position: absolute;margin: auto; z-index: 3; width: 100%; color:#fff; bottom: 0; left: 50%; transform: translate(-50%, -50%); text-shadow: #000 1px 0 10px;}
.Maintext2 h2{border:none; font-size:3rem; padding:0; margin-bottom:0;}

#wrapper {position: relative; overflow: hidden; min-width: 1100px;}

#scroll{height: 50px; overflow: hidden; z-index:10; position:absolute; left:50%; bottom:0;}
#scroll:after{content:"";	display: block;	width: 1px;	border-left:1px #fff solid;	animation:scroll 2s ease 0s infinite normal; margin: 0 auto 0;}
@keyframes scroll{
	0%{height: 0;}
	50%{height: 150px; margin-top: 0;}
	100%{margin-top: 150px;	height: 150px;}
}

.left{float:left;}
.right{float:right;}

/*グローバルナビ*/
nav#gnav {}
#gnav > ul {display: flex; padding-left: 50px; margin:0; position:relative;}
#gnav > ul > li {width:150px; height:64px; text-align:center; display: table-cell;}
.lawyer{background:#72C9F3;}
.staff{background:#6AA0DB;}
.Menu{background:#BDB07B;}

#gnav > ul > li:hover {color: #fff; background-color: #19192b;}
#gnav > ul > li:hover > a {color: #fff;}
#gnav > ul > li:hover .menu {max-height: 9999px; opacity: 1;}
#gnav > ul > li > a {display: inline-block; padding:1em; transition: all .2s ease-in; color:#fff!important;}
#gnav > ul .menu {margin: 0 calc(100% - 100vw); display:block; transition: all .2s ease-in; max-height: 0; opacity: 0; width: 100vw; left: 0; text-align: left; position: absolute; background-color: #19192b; overflow:hidden;}
#gnav > ul .menu .menu_inner {max-width:920px; margin:0 auto; padding:25px 0 40px;}
#gnav > ul .menu .menu_inner li { display: block; margin: 1em 0;}
#gnav > ul .menu a {color: #fff;}

.menu dl{display:flex; box-sizing:border-box; max-width:1200px; margin:0 auto;}
.menu dt{width:calc(100%/3); padding:15px;}
.menu h2{border-top:none; border-bottom:1px solid #fff; padding:1.5em 0 0; margin-bottom:0;}
.menu ul{margin-top:0; padding-top:0;}

/*新着情報*/
.news {background-color: #fff; margin:0 calc(50% - 50vw);}
.news h2{color:#11A6EA; border:none; text-align:center; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; font-size:2.5rem; letter-spacing:1.5pt; padding:50px 0 0;}

.news ul{list-style:none; padding-inline-start:0;}
.news li{margin-top:15px;}
.news li a{text-decoration:none;}

.newsInner {display: flex; justify-content: space-between; max-width:90%; margin:0 auto 50px; padding:100px; background-color:#F9FBFD;}

.news-l {display: block; width: 49%; background: #fff; padding:50px; box-sizing:border-box;}
.news-l h2{position:relative; text-align:center; color:#91C2E2; border:none; font-size:1.3em; font-weight:bold; letter-spacing:0; padding:0 0 15px;}
.news-l h2:before {content: ''; position: absolute; bottom: -5px; display: inline-block; width: 60px; height: 2px; left: 50%; -webkit-transform-origin-x: -50%; transform: translateX(-50%); background-color: #eee;}

.news-r {display: block; width: 49%; background: #fff; padding:50px; box-sizing:border-box;}
.news-r h2{position:relative; text-align:center; color:#F8BE64; border:none; font-size:1.3em; font-weight:bold; letter-spacing:0; padding:0 0 15px;}
.news-r h2:before {content: ''; position: absolute; bottom: -5px; display: inline-block; width: 60px; height: 2px; left: 50%; -webkit-transform-origin-x: -50%; transform: translateX(-50%); background-color: #eee;}

.news-l,.news-r {height:300px; overflow-y:scroll;}

.newsInner dl{display: flex; justify-content:flex-start; align-items:baseline;}
.newsInner dl dt{margin:0 15px 0 0; }

@media screen and (max-width: 768px){
.news li{border-bottom:1px dashed #f4f4f4;}
.newsInner {max-width:100%; margin:0 auto 50px; padding:15px;}
.news-l ,.news-r  {padding:50px 30px;}
.news-l dl,.news-r dl {display: flex; flex-direction: column; flex-wrap: wrap;}
}

/*パンくず*/
div#breadcrumb a {text-decoration: none;}
@media screen and (max-width: 768px){
div#breadcrumb .container {width: 100vw; overflow: scroll; padding: 10px; word-break: keep-all; white-space: nowrap;}
}

/*ページレイアウト*/
.section01 {background-color:#F4F9FB;}
.section02 {background-color:#FFFFFF;}
.section03 {background-image:url('https://www.takumi-recruit.net/wp-content/uploads/2021/09/hope.png'); background-size:cover;}
.section04 {background-color:#F9F9F9;}
.section01,.section02,.section03,.section04 {margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw);}

/*TOPインナー*/
.inner{max-width:1040px ;margin:0 auto; padding:50px 10px; box-sizing:border-box;}
.inner h2{color:#11A6EA; border:none; text-align:center;}
.inner h2 span{display:block; margin-top:-7px; color:#ddd; font-size:70%;}

/*下層インナー*/
.inner-k{max-width:1040px ;margin:0 auto; padding:50px 25px; box-sizing:border-box;}
.inner-k h2{border:none; color:#72C9F3; text-align:center; margin:0;}
.inner-k h3{border:none; color:#000; margin-top:60px;}

/*インナー*/
.inner-800{max-width:800px ;margin:0 auto; padding:50px 10px; box-sizing:border-box;}
.inner-800 h2{border:none; color:#72C9F3; text-align:center; margin:0;}
.inner-800 h3{border:none; color:#000; margin-top:60px;}

/*弁護士関係*/
.page-for-lawyer h2{font-size:1.3rem; border:none; color:#72C9F3; text-align:center; margin:0;}
.page-for-lawyer h3{font-size:1rem; border:none; color:#000; margin-top:60px;}
.interview-messeage {font-size:200%; border:none; color:#72C9F3; text-align:center; margin:0; font-family: 'Noto Serif JP', serif; letter-spacing:0.1rem;}
.page-for-lawyer > img.aligncenter {margin:0;}

/*アクセス*/
.map {background-image:url('https://www.takumi-recruit.net/wp-content/uploads/2021/10/access-bg.jpg'); background-size:cover; background-position:bottom; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); padding:30px 0;}
.map iframe {width: 100%; min-height: auto; border: none;}
.map h2{color:#fff; border:none; text-align:center;}
.map h2 span{display:block; margin-top:-7px; color:#fff; font-size:70%;}
.mapInner {display: flex; justify-content: space-between; max-width:90%; margin:0 auto 50px;}
.map-l,.map-r {display: block; width: 49%;}
.map-l h3,.map-r h3{text-align:center; color:#fff; background-color:#043C77; border:none; font-size:1em; font-weight:bold; letter-spacing:0; padding:15px;}

/*横並び*/
ul.column3{list-style:none; width:100%; display: flex; flex-wrap: wrap; padding:0; justify-content:center;}
ul.column3 li{width:calc(100%/3); box-sizing: border-box; position: relative; margin:0;}
ul.column3 img {width: 100%; height: 100%; object-fit: cover;}

ul.column3v{list-style:none; width:100%; display: flex; flex-wrap: wrap; padding:0;}
ul.column3v li{width:calc(97%/3); box-sizing: border-box; position: relative; margin:0.5%;}
ul.column3v img {max-width: 100%; height: 100%; object-fit: cover;}

/*画像右・テキスト左*/
.right-layout {display: flex; flex-direction: row-reverse;}
.right-layout_img {display: block; width: 340px; height: 340px; flex: 340px 0 0; margin-left: 80px;}

/*インタビュー*/
ul.Interview {list-style: none; display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; padding: 0;}
ul.Interview li {width: calc(96%/2); margin: 1%;}
ul.Interview2 {list-style: none; display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; padding: 0;}
ul.Interview2 li {width: calc(94%/3); margin: 1%;}

@media screen and (max-width: 768px){
.interview-messeage {font-size:1.2rem;}
.interview-messeage > p{margin-bottom:0;}
ul.Interview li,ul.Interview2 li {width:98%;}
}

/*インタビュースライダー*/
ul.lnt-top {width: 100%; margin: 0; padding: 0; list-style:none;}
ul.lnt-top li{margin:0 5px;}
ul.lnt-top li img{box-shadow:2px rgba(0, 0, 0, 0.2)}
.slick-slide img {display: block; width: 100%; height: auto;}

/*インタビューページ・画像右・テキスト左*/
.int-info p.leadtext{font-size:1rem; font-weight:bold;}
.int-info p{font-size:.8rem; line-height:1.2; margin-bottom:10px;}

.intR-layout {display: flex; flex-direction: row-reverse; position:relative;}
.intR-layout_img {display: block; width: 340px; height: 340px; flex: 340px 0 0; margin-left: 80px;}
.intR-layout_img img{position:absolute; right:-20%}

/*インタビューページ・画像左・テキスト右*/
.intL-layout {display: flex; flex-direction: reverse; position:relative;}
.intL-layout_img {display: block; width: 340px; height: 340px; flex: 340px 0 0; margin-left: 80px;}
.intL-layout_img img{position:absolute; left:-20%;}

.article-education {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.education-title {position: relative; width: 200px; background: #fff; z-index: 2; display:block;}
.education-title__title {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none;}
.education-body {width: calc(100% - 200px); display:block; background-color:#F5F5F5;}
.education-body__box {background-color:#F9F9F5; padding:120px 100px;}

@media screen and (max-width: 768px){
.education-title {display:none;}
.education-body {width:100%; display:block; background-color:#F1F1F1;}
.education-body__box {background-color:#F1F1F5; padding:40px 25px;}
.education-body__box h4{background:none; padding:0; margin-top:4rem;}
}

/*下層インナー*/
.inner-int{margin:0 auto; padding:10px 14.7%;}

/*募集要項*/
.youkou dl {display: flex; padding: 1.5rem 0; border-bottom: 1px solid #ddd; color:#333; margin:0;}
.youkou dl:first-child {border-top: 1px solid #ddd;}
.youkou dt {width:24%; font-weight:bold;}
.youkou dd {width:76%;}

@media screen and (max-width: 768px){
.youkou dl {flex-wrap:wrap;}
.youkou dt {width:100%; font-weight:bold; color:#72C9F3;}
.youkou dd {width:100%;}
}

/*マウスオーバーで拡大*/
.zoom-in-img {margin: 0; padding: 0; background: #fff; overflow: hidden; cursor: pointer; overflow:hidden;}
.zoom-in-img img {transform: scale(1); transition: .3s ease-in-out;}
.zoom-in-img:hover img {transform: scale(1.3);}

/*マウスオーバーでテキスト表示*/
.hover {position: relative;}
.hover .hover-img {margin: 0; padding: 0;}
.hover-img img {width: 100%; height: 100%;}
.hover .hover-text {position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff; background-color: rgba(0,0,0,0.65); opacity: 0; transition: .3s ease-in-out;}
.hover .hover-text .text1 {font-size: 22px; padding: 10px 20px;}
.hover .hover-text .text2 {font-size: 16px; padding: 0 20px;}
.hover:hover .hover-text {opacity: 1;}

/*フッター*/
.site-footer {border-top:none;}
.widget_nav_menu>div>ul li a{border-bottom:none;}
.btn-contact {display: block; border: 1.5px solid #2BAFED; text-align: center; padding: 10px; width: 223px; margin: 10px 0; cursor:pointer;}
.btn-copo {display: block; border: 1.5px solid #2BAFED; text-align: center; padding: 10px; width: 223px; margin: 10px 0; cursor:pointer;}
a.btn-contact,a.btn-copo {color: #2BAFED; display:block; text-decoration:none;}
a.btn-contact:hover,a.btn-copo:hover {background:#2BAFED;}
a.btn-contact:hover,a.btn-copo:hover{color: #fff!important; display:block;}
ul.menu a, ul.sub-menu a {color: #333!important;}

@media (max-width: 1020px) and (min-width: 768px) {
.site-footer ul.sub-menu {display: flex; width: max-content;}
div#vk-mobile-nav-menu-btn {display: none;}
}

.btn01{text-align:center; border:1px solid #fff; border-radius:3px; padding:10px!important; margin:10px auto 0; width:80%;}
.btn01 a{text-decoration:none; color:#FFF;}

span.Text{position:absolute; bottom:10px; right:5px; font-weight:bold; color:#fff;}

.sp{display:none;}

/*リスト装飾*/
ul.asterisk li {list-style-type: none; text-indent: -1em;}
ul.asterisk li:before {display: inline; content: "※";}

ol.asterisk {counter-reset: number; list-style: none;}
ol.asterisk li:before {counter-increment: number; content: "※"counter(number)" ";}

/*インタビュー*/
.interview-Main {margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); box-sizing:border-box; position:relative;}
.interview-Main img{width:100vw;}
.interview-Main-text{width: 50%; display: block; position:absolute; top: 50%; right: 10%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}

.LeadTxt {background-color: #72C9F3; color: #fff; font-size: 1.5vw; margin-bottom: 10px; padding: 5px 5px 10px 5px; font-family: "Times New Roman","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif; font-weight:500;}

@media screen and (max-width: 768px){
#site-header {height:50px;}
.site-header {min-height:50px;}
.left {float: left; width: 50%; height: auto; top: 50%; position: absolute; transform: translateY(-50%);}
	
/*メニューボタン界隈*/	
.vk-mobile-nav-menu-btn {top: 0!important; right: 0!important; left: auto; width: 50px; height: 50px;}
.vk-mobile-nav-menu-btn {border-color: #72C9F3; background: url('/wp-content/uploads/2021/10/menu-icon.png') center 50% no-repeat #72C9F3; background-size: cover;}
.vk-mobile-nav-menu-btn.menu-open {border-color: #fff; background: var(--vk-mobile-nav-menu-btn-close-bg-src) center 50% no-repeat rgba(255,255,255,.8);}
.vk-menu-acc .acc-btn {border: 1px solid var(--vk-menu-acc-btn-border-color); background:url('/wp-content/uploads/2021/10/arr.png') center 50% no-repeat; background-size: cover;}
.vk-menu-acc .acc-btn-close {background:url('/wp-content/uploads/2021/10/xbtn.png') center 50% no-repeat; background-size: cover;}	
.vk-mobile-nav-menu-btn.menu-open {border-color: #fff; background: url('/wp-content/uploads/2021/10/xbtn-l.png') center 50% no-repeat rgba(255,255,255,.8);}
.vk-mobile-nav-widget {margin: 1.5em 0;}	
.vk-mobile-nav-menu-btn {border-radius: 0px;}
.vk-mobile-nav {background-color: rgba(114,201,243,0.8);}	
.vk-mobile-nav nav ul li a {color: #fff; border-bottom: 1px solid #fff; padding: 15px 0;}

/*検索*/	
input[type=submit] {font-size: 1rem; border: 1px solid var(--vk-color-primary-dark); background-color: #F5F5F5; color: #7F7F7F; padding: .8em 2em; border-radius: var(--vk-size-radius);}

.pc{display:none;}
.sp{display:block;}
nav#gnav {display:none;}	
.slick-slide img {display: block; height: 100vh; object-fit:cover;}
.vk-mobile-nav-menu-btn {top: 15px; right: 5px; left:auto;}

.newsInner,.mapInner {display: flex; padding:5px 7px; flex-direction: column; width:100%;}
.news-r,.news-l,.map-r,.map-l{display: block; width:100%; margin:5px 0;}
	
/*横並び*/
ul.column3 {justify-content: space-between;}
ul.column3 li{width:calc(96%/2); box-sizing: border-box; position: relative; margin:1%;}

ul.column3v {justify-content: space-between;}
ul.column3v li{width:100%; box-sizing: border-box; position: relative; margin:1%;}
	
.hover-text{display:none;}

/*画像右・テキスト左*/
.right-layout {display: flex; flex-direction: column; flex-wrap: wrap; align-items: center;}
.right-layout_img {display: block; width: 340px; height: 340px; flex: 340px 0 0; margin-left:0;}

/*インタビューページ・画像右・テキスト左*/
.intR-layout {display: flex; flex-direction: row-reverse; position:relative;}
.intR-layout_img {display: block; width: 340px; height: 340px; flex: 340px 0 0; margin-left: 0;}
.intR-layout_img img{position:absolute; right:0;}

/*インタビューページ・画像左・テキスト右*/
.intL-layout {display: flex; flex-direction: reverse; position:relative;}
.intL-layout_img {display: block; width: 340px; height: 340px; flex: 340px 0 0; margin-left:0;}
.intL-layout_img img{position:absolute; left:0;}
}

/*インタビューレイアウト*/
ul.Interview-list {list-style: none; padding: 0; display: flex; flex-wrap: wrap;}
ul.Interview-list li {width: calc(100%/2); margin:0;}
ul.Interview-list a{display: flex; flex-wrap: wrap;}

@media screen and (max-width: 768px){
ul.Interview-list li {width:100%;}
}

/*座談会*/
.inners {max-width: 960px; display: block; margin: 0 auto;}
.inners h2 {margin: 3rem 0 5rem; text-align: center; border: none; color: #72C9F3;}
.inners h2 span.undline {display: inline-block; margin-bottom: 3rem; font-size: 4rem; text-decoration: underline; text-underline-offset: 0.5rem;}

ul.banner3 {display: flex; list-style: none; margin: 0 auto; padding: 0; justify-content: center; flex-wrap:wrap;}
.flexbox {display: flex; align-items: flex-start; margin-bottom:5rem;}
.box1 {width: 150px; text-align: center;}
.box2 {width: calc(100% - 150px); padding: 0 1.5rem; box-sizing: border-box;}
.inners p{margin-bottom:1rem}

@media screen and (max-width: 768px){
.box1 {width: 80px; text-align: center;}
.box2 {width: calc(100% - 30px); padding: 0 0 0 1rem; box-sizing: border-box;}
}

.Box {display: block; box-sizing: border-box; background: #F7F7F9; padding: 1.5rem;}

/* リストの先頭をアスタリスクにする */
ul.asta {list-style: none; font-size:0.9rem;}
ul.asta li {text-indent: -1.5em;}
ul.asta li::before {content: '※'; margin-right: 0.5em;}

/* 各採用親ページ */
ul.List-Menu {list-style: none; padding: 0; margin: 0 auto; width: 100%; display: flex; flex-wrap: wrap;}
ul.List-Menu li {width: calc(94%/3); margin: 1%; display: flex; flex-direction: column;}
ul.List-Menu div.Img {margin-bottom: -0.3rem;}
ul.List-Menu div.Text {box-sizing: border-box; font-weight: bold; padding: 1.5rem; background: #72C9F3; display:flex; align-items:center;}
ul.List-Menu div.Text:hover {background:#313131;}
ul.List-Menu a {text-decoration: none; color: #fff!important; display: block;}
ul.List-Menu a:hover {opacity:0.9;}

@media screen and (max-width: 768px){
ul.List-Menu li {width: 98%; margin: 1%; display: flex; flex-direction: column;}
}

.Info ul {width:90%; display: flex; list-style: none; margin: 0 auto; padding: 0; flex-wrap:wrap;}
.Info ul h2 {font-size:1.8rem; border:none; color:#72C9F3; margin:0 0 1rem;}
.Info ul li {width:50%;}
.Info ul li.text {box-sizing: border-box; padding: 30px; background:#F6FAFD; position: relative; display:flex; align-items:center;}
.Info ul li.text a {position: absolute; bottom: 0; right: 0; text-decoration: none; color: #fff; background: #72C9F3; padding: 10px;}
.Info ul li.Img img {width:100%; height:100%;}
.Info ul p{line-height:1.5; text-align:justify;}

@media screen and (max-width: 768px){
.Info ul {width:100%; flex-direction:column-reverse; margin-bottom:30px;}
.Info ul li {width:100%; margin:0;}
.Info ul li.text {padding: 0 15px 50px;}
}

dl.career {border: 1px solid #ccc;}
dl.career dt {box-sizing: border-box; padding: 1rem; background: #F9F9F9;}
dl.career dd {padding: 0.5rem 1rem 1rem; text-align: justify;}

/*スタッフインタビュー*/
.inner-stf {max-width:800px; display: block; margin: 0 auto;}
.inner-stf h2{font-size:1.5rem; border-top:none; color:#72C9F3; margin:0;}
p.speak{color:#8a9396; margin-top:50px;}

/*画像*/
img.aligncenter{display:block; text-align:center; margin:50px auto;}
.interview-Main-img > img.aligncenter{display:block; text-align:center; margin:0 auto;}

/*Copyright*/
.site-footer-copyright {padding: 1rem; text-align: center; color: #ccc;}

ul.sentaku {list-style: none; padding: 10px; display: flex; flex-wrap: wrap; justify-content: space-around;}
ul.sentaku li {width: calc(96%/2); text-align: center; margin: 1%;}

a.career  {background: #676D7E; border-radius: 3px; position: relative; display: flex; justify-content: space-around; align-items: center; margin: 0 auto; max-width: 280px; padding: 10px 25px; color: #fff; transition: 0.3s ease-in-out; font-weight: 500; text-decoration:none;}
a.career:hover {background: #313131; color: #FFF;}
a.career:after {content: ''; width: 8px; height: 8px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg) translateY(-50%); position: absolute; top: 50%; right: 20px; border-radius: 1px; transition: 0.3s ease-in-out;}
a.career:hover:after {border-color: #FFF;}

a.nG {background: #F6955D; border-radius: 3px; position: relative; display: flex; justify-content: space-around; align-items: center; margin: 0 auto; max-width: 280px; padding: 10px 25px; color: #fff; transition: 0.3s ease-in-out; font-weight: 500; text-decoration:none;}
a.nG:hover {background: #313131; color: #FFF;}
a.nG:after {content: ''; width: 8px; height: 8px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg) translateY(-50%); position: absolute; top: 50%; right: 20px; border-radius: 1px; transition: 0.3s ease-in-out;}
a.nG:hover:after {border-color: #FFF;}

a.BTN {background: #F7931E; border-radius: 50px; position: relative; display: flex; justify-content: space-around; align-items: center; margin: 0 auto; max-width: 80%; padding:25px; color: #fff;  transition: 0.3s ease-in-out; font-weight:bold; text-decoration:none;}
a.BTN:hover {background: #313131; color: #FFF;}
a.BTN:after {content: ''; width: 10px; height: 10px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg) translateY(-50%); position: absolute; top: 50%; right: 20px; border-radius: 1px; transition: 0.3s ease-in-out;}
a.BTN:hover:after {border-color: #FFF;}