@charset "utf-8";
/* manual
========================================== */
.pcOnly {
    display: none;
}
.spOnly {
    display: block;
}
.tabOnly{
    display:none;
}
.pctabOnly {
    display: none;
}
.tabspOnly {
    display: block;
}
body {
}


/* header
========================================== */

header {
}

header.hdPc {
    display: none;}
header.hdSp {
    display: block;
    padding: 10px;
    position: fixed;
    z-index: 10;
    background-color: #fff;
    border-bottom: solid 1px #ccc;
}

.hd {


}
header .logo {


}


header .logo a{



}
header .logo img{
    width:100%;
    max-width: 200px;
    margin-right: 20px;
}
header .logo img{
    max-width: 110px;
}

header.hdSp nav {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    transition: all 0.3s linear;
    visibility: visible;
    background-color: #fff;
    width: 100%;
    top: 67px;
    left: 0;
    /* padding-top: 80px; */
    height:100%;
    z-index: -10;
    box-sizing: unset;
    height: 100vh;
    display: none;
}

header.hdSp nav.show {
    opacity: 1;
    visibility: visible;
    z-index: 10;
    display: block;
}





.btnMenu {display: block;cursor: pointer;position: fixed;height: 80px;width: 80px;text-align: center;z-index: 101;top: 0px;right: 0px;transition: all 0.3s linear;opacity: 1;visibility: visible;}

header .btnMenu {
    display:
    block;
    cursor: pointer;
    position: fixed;
    text-align: center;
    z-index:101;
    transition: all 0.3s linear;
    height: 46px;
    width: 50px;
    }

.btnMenu span {
    position: absolute;
    display: block;
    top: 15px;
    left: 30%;
    width: 40%;
    height: 3px;
    /* border-radius:2px; */
    transition: all 0.3s ease-out;
    z-index: 100000;
}
.btnMenu span:nth-of-type(2) {
    top: 23px;
}
.btnMenu span:nth-of-type(3) {
    top: 31px;
}
.btnMenu em {
    position: absolute;
    top: 39px;
    left: 0;
    width: 100%;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    line-height: 0;
    text-align: center;
}
/*.btnMenu.vew {
    display:block;
    cursor: pointer;
    position: fixed;
    height: 80px;
    width: 80px;
    background-color: #129d00;
    text-align: center;
    z-index:101;
    top: 0px;
    right: 0px;
    transition: all 0.3s linear;
}*/
.btnMenu.vew span:nth-of-type(1) {
    top: 23px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.btnMenu.vew span:nth-of-type(2) {
    display: none;
}
.btnMenu.vew span:nth-of-type(3) {
    top: 23px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}



header .hdnav {display: none;}
header .hdnav ul{
    float: right;
    width: 63%;
    margin-top: 10px;
}
header .hdnav li {
    float: right;
    width: 18%;
    margin: 0 0.5%;
}

header .hdnav li a{
    color: #333;
    text-decoration:none;
    display: block;
    line-height: 1;
    font-weight: bold;
    font-size: 14px;
    padding: 20px 1%;
    text-align: center;
    box-sizing: border-box;
}













.hdSp nav ul li a:hover{
    opacity:1;
    /* background-color: #716444; */
}

.hdSp .navCommon{overflow-y: scroll;height: 100vh;padding: 0;top: 45px;} 

.hdSp .navCommon p{text-align: left;padding: 0;}
.hdSp .navCommon p a{padding: 20px 15px 20px 50px;display: block;box-sizing: border-box;}

.btn_entry_fix{
	position: fixed;
	bottom: 0;
	z-index: 5;
	background: rgb(255,255,255,0.8);
	width: 100%;
}
.hdSp .navCommon .btn_entry,
.btn_entry_fix .box{
	width: 96%;
	margin: 10px auto;
	display: flex;
	justify-content: space-between;
}
.hdSp .navCommon .btn_entry a,
.btn_entry_fix .box a{
	width: 34%;
	background: #d00847;
	color: #fff;
	text-align: center;
	padding: 5px;
	box-sizing: border-box;
	font-size: 3vw;
	display: grid;
	place-items: center center;
}
.hdSp .navCommon .btn_entry a:last-child,
.btn_entry_fix .box a:last-child{
	width: 26%;
}

.hdSp .navCommon ul{
} 
.hdSp .navCommon ul li{width: 100%;}
.hdSp .navCommon ul li.on{display: block;} 
.hdSp .navCommon ul li dl{padding: 0px 0%;} 
.hdSp .navCommon ul li dl dt,
.hdSp .navCommon ul li dl dd{
    border-bottom: solid 1px #f1f1f1;
} 
.hdSp .navCommon ul li dl dt{margin-bottom: 0px;} 
.hdSp .navCommon ul li dl dd{margin-bottom: 0px;} 
.hdSp .navCommon ul li dl dt a,
.hdSp .navCommon ul li dl dd a
{display: block;padding: 20px 15px 20px 50px;box-sizing: border-box;} 

.hdSp .navCommon p a::before,
.hdSp .navCommon ul li dl dt a::before,
.hdSp .navCommon ul li dl dd a::before{
    top: 50%;
    left: 20px;
    margin-top: -8px;
    font-size: 16px;
}












/* ==================
top
======================== */

.mainw{
    padding-top: 68px;
}
.mainTop{
    margin-top: 46px;
    width: 100%;
    margin-left: 0;
    left: 0;
    margin-bottom: 5px;
}

.mainTop .bx-wrapper img{
    width: 100%;
}

.secRecruit{
	margin: 40px auto;
}
.secRecruit li h2.ttl {
	font-size: 20px;
    margin-bottom: 20px;
}
.secRecruit li:first-child{
	margin-bottom: 10px;
}
.secRecruit li:first-child,
.secRecruit li:last-child{
	width: 100%;
}
.secRecruit li:first-child a{
	display: block;
	width: 45%;
	font-size: 12px;
	height: auto;
	padding: 5px;
	align-content: center;
}
.secRecruit li:first-child a:last-child{
	max-width: 195px;
	width: 53%;
}

.secMovie{
	padding: 10px 0;
	width: 90%;
}

.secContents {
}
.secContents .secContentsInner {
    height: 170px;
    margin-bottom: 0px;
}
.secContents .secContentsInner .boxTxt {/* width: 43%; */box-sizing: border-box;padding: 20px 3%;z-index: 2;text-align: center;}
.secContents .secContentsInner .boxTxt h3 {font-size: 5vw;color: #333;}
.secContents .secContentsInner .boxTxt h4 {font-size: 3vw;margin-bottom: 2vw;}
.secContents .secContentsInner .boxTxt p.txt {font-size: 16px;margin-bottom: 20px;display: none;}
.secContents .secContentsInner .boxTxt a.btn {max-width: 200px;padding: 5px 5%;font-size: 12px;margin: 10px auto;}
.secContents .secContentsInner .boxImg {/* width: 55%; *//* height: 100%; */}
.secContents .secContentsInner .boxImg img {/* height: 140%; *//* max-width: none; */}
.secContents .secContentsInner img.ini {position: absolute;width: 40%;top: 0;left: 0;}
.secContents .secContentsInner.reverse {flex-direction: row-reverse;}
.secContents .secContentsInner.reverse .boxTxt {
}
.secContents .secContentsInner.reverse .boxTxt h3 {
}
.secContents .secContentsInner.reverse .boxTxt h4 {
}
.secContents .secContentsInner.reverse .boxTxt p.txt {
}
.secContents .secContentsInner.reverse .boxTxt a.btn {
}
.secContents .secContentsInner.reverse .boxImg {
}
.secContents .secContentsInner.reverse .boxImg img {
}
.secContents .secContentsInner.reverse img.ini {right: 0;left: unset;}







/* footer
========================================== */

footer {
    padding-top: 0px;
}



.navCommon {/* border-bottom: solid 1px #cccccc; *//* background-color: #f9fdff; */max-width: 1100px;margin: 0 auto;padding: 50px 0;/* display: none; */}
.navCommon p {text-align:  center;/* border-bottom:  solid 1px #cccccc; */padding: 15px;}
.navCommon p a {color:  #333333;text-decoration:  none;position:relative;font-size: 18px;}

.navCommon p a::before{
    font-family: 'Material Icons';
    content: "\E315";
    position:
        absolute;
    top: 50%;
    left: -20px;
    margin-top: -8px;
    font-size: 16px;
    color: #b3b3b3;
    display:  inline-block;
}

.navCommon p a:hover {
    text-decoration:
        underline;
    /* color:#0381cd; */
}

.navCommon a {color:  #333333;text-decoration:  none;font-size: 13px;display: inline-block;}
.navCommon a:hover {
    text-decoration:
        underline;
    /* color:#0381cd; */
}


.navCommon ul {max-width: 1500px;margin:  0 auto;/* border-left: solid 1px #cccccc; */flex-wrap: wrap;display: flex;/* overflow-y: scroll; *//* height: 80vh; */}
.navCommon ul li {width: 50%;float:  left;}




.navCommon ul li dl {/* border-bottom: solid 1px #cccccc; *//* width: 22.9%; *//* float: left; */padding: 20px 5%;}
.navCommon ul li dl dt {}

.navCommon ul li dl dt,
.navCommon ul li dl dd {
    margin-bottom: 15px;
    position:relative;
}

.navCommon ul li dl dt a {font-size: 18px;}
.navCommon ul li dl dd {
}
.navCommon ul li dl dd.sub {
}
.navCommon ul li dl dd a {
}
.navCommon ul li dl dd.sub a{padding-left: 35px;}
.navCommon ul li dl dt a,
.navCommon ul li dl dd a{
    padding-left: 25px;
}
.secOther ul li a .box p.chu {text-align: center;}

.navCommon ul li dl dt a,
.navCommon ul li dl dd a{
    padding-left: 25px;
}
.navCommon ul li dl dt a::before,
.navCommon ul li dl dd a::before{
    font-family: 'Material Icons';
    content: "\E315";
    position:absolute;
    top: 50%;
    left:5px;
    margin-top: -8px;
    font-size: 16px;
    color: #b3b3b3;
    display:  inline-block;
}

.navCommon ul li dl dd.sub a::before{
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    top: 0%;
    left: 15px;
    margin-top: 0px;
}
.navCommon p a::before,
.navCommon ul li dl dt a::before{
    color: #ffffff;
    background-color: #d00747;
    /* border-radius: 50%; */
}




footer .ftBtm{
    background-color:#fff;
    padding: 50px 0;
}


footer .ftLink{
    margin-bottom: 50px;
}
footer .ftLink ul{
    display:
        flex;
    flex-wrap:
        wrap;
    justify-content: flex-start;
    width: 100%;
    flex-direction: column;
}

footer .ftLink ul li{margin: 0 15px 10px;}

footer .ftLink ul li a{
    color: #333333;
    text-decoration: none;
    font-size: 14px;
}
.ftBtm .ftLink .logo {
    max-width: 300px;
    width: 60%;
    margin-bottom: 30px;
}
.ftBtm .ftLink .logo img{
    width:100%;
}
.copy {
    font-size: 11px;
    color: #000000;
    padding: 10px 0;
}
.page_top {
    right: 5px;
    width: 40px;
    font-size: 10px;
    padding: 7px 6px 0px;
    line-height: 1;
	bottom: 80px;
}
.page_top i {
    line-height: 17px;
    font-size: 21px;
    display: block;
}
/*.page_top {width: 50px;right: 10px;bottom: 10px;}
.page_top i{
    font-size: 50px;
}*/







/****
common
***/




.conw {
    width: 100%;
    overflow: hidden;
}
.conw {
    padding-bottom: 0px;
}
.con {
    width: 100%;
    padding: 30px 0;
    margin: 0 auto;
    font-feature-settings: "palt";
    /* display: flex; */
    /* flex-direction: row-reverse; */
    /* justify-content: space-between; */
}
.con img{
    width:100%
        ;
    max-width: max-content;
}

.block {
    max-width: 1200px;
    margin: 0 auto;
    width: 96%;
}





.top h2.ttl{
    position: relative;
    color: #333;
    /* background-color: #f5f5f5; */
    padding: 3px 15px;
    font-size: 24px;
    border-left: solid 3px #d00847;
    /* font-weight: normal; */
    margin-bottom: 50px;
    border: none;
    text-align: center;
}

h2.ttl{
    position: relative;
    color: #d00847;
    background-color: #f5f5f5;
    padding: 6px 15px;
    font-size: 18px;
    border-bottom: solid 2px #d00847;
    /* font-weight: normal; */
    margin-bottom: 30px;
    text-align: center;
}


h2.ttl::before {
    /* content:""; */
    height: 1px;
    width: 100%;
    position:absolute;
    bottom: 8px;
    left: 0%;
    margin-left: 0%;
    /* background-color:#333333; */
    /* box-shadow: 3px 3px 0px 1px rgba(0,0,0,0.1); */
}


h2.ttl + .txt{/* text-align:center; *//* margin-bottom: 3vw; *//* font-size: 18px; *//* font-weight: bold; */}



h4.ttl{
    position: relative;
    color: #333;
    background-color: transparent;
    padding: 3px 0px;
    font-size: 20px;
    border-bottom: solid 1px #333;
    /* font-weight: normal; */
    margin-bottom: 20px;
}


.eng{font-family: 'Playfair Display', serif;}



.panw {
}

.pan {display: none;}
.pan a {
    color: #303030;
}
.txt {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.2em;
    margin-bottom: 30px;
}

.txt strong.txtBold{
    font-size: 110%;
    font-family: "Hiragino Mincho Pro", "¥Ò¥é¥®¥ÎÃ÷³¯ ProN W3", "Hiragino Mincho ProN";
}
.img{
    position:
    relative;
    margin-bottom: 10px;
}

.w2P3{
    width:75%;
    margin:0 auto;
}
.w1P2{

}
.w1P4{

}
.w1P1{

}

.con .mincho {
    font-weight:bold;
}
.con .mincho .cap{
    font-weight:normal;
}


.cat + .txt {
    text-align:center;
    margin-bottom: 5vh;
    font-size: 16px;
}
.cat {
    font-size: 30px;
    line-height: 2;
    margin-bottom: 30px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.2em;
}
.chu {
    font-size: 12px;
    color: #333333;
    text-align: left;
    font-family:"Hiragino Kaku Gothic Pro","¥Ò¥é¥®¥Î½Ç¥´ Pro W3","¥á¥¤¥ê¥ª","Meiryo","£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif;
    font-weight:normal;
}
.left {
    float: left;
}
.right {
    float: right;
}




.btn{
    max-width: 300px;
    width: auto;
    padding: 10px 5%;
    display: block;
    text-align: left;
    font-size: 12px;
    margin: 20px auto;
    position: relative;
    background-color: #d00847;
    color: #ffffff;
    border-radius: 0px;
    /* box-shadow: 2px 2px 0px 0px #174b6f; */
    transition: all 0.3s linear;
    text-decoration: none;
}


.btn::after{content: "";position:absolute;top:50%;margin-top:-5px;right:10%;display: inline-block;width: 30px;height: 7px;border-right: 2px solid #fff;border-bottom: 1px solid #fff;transform: skewX(45deg);transition: all 0.3s linear;}
.btn:hover::after{
    right: 6%;
    /* border-right: 2px solid rgb(255, 255, 255); */
    /* border-bottom: 1px solid rgb(255, 255, 255); */
}







.btnPri {
    width: 96%;
    margin: 0 auto;
    text-align: center;
    max-width: 600px;
}
.btnPri li{
    display:inline-block;
    width: 29%;
    margin: 0 1%;
}
.btnPri li a {
    display: block;
    text-decoration: none;
    text-align: center;
    background-color: #97504b;
    color: #ffffff;
    padding: 10px 0;
    /* border: solid 1px #cbc38c; */
    font-size: 14px;
}
.btnPri li a:hover {
    background: #9b544d;
    color: #ffffff;
    padding: 10px 0;
    opacity: 1;
}
.btnPri li a i {
    display: block;
}















/***common***/
.secTitle{
    margin-top: 45px;
}

.secTitle .title{position: relative;z-index: 1;/* width: 50%; */}
.secTitle .title h1{font-size: 18px;padding: 10px 15px;}
.bgTitle {
    background-size: cover;
    top: 0;
    right: 0;
    opacity: 1;
}
.bgTitle.bgTitleabout {
    background-image: url(/recruit/images/top/bgAbout2.jpg);
}
.bgTitle.bgTitlework {
    background-image: url(/recruit/images/top/bgWork.jpg);
}
.bgTitle.bgTitlestaff {
    background-image: url(/recruit/images/top/bgStaff.jpg);
    width: 70%;
    background-position: center center;
}
.bgTitle.bgTitleqa {
    background-image: url(/recruit/images/top/bgQa.jpg);
}
.bgTitle.bgTitlecareer {
    background-image: url(/recruit/images/top/bgCareer.jpg);
}

.sec{
    padding: 50px 0;
}




ul.sNav {display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 30px;}
ul.sNav li {width: 31%;margin: 0 1% 5px;}
ul.sNav li a {background-color: #d00847;color: #fff;padding: 10px 0 20px;display: block;text-align: center;position: relative;font-size: 14px;}
ul.sNav li a img {width: 34px;}
ul.sNav li a::after{
    font-family: 'Material Icons';
    content: "\e313";
    position: absolute;
    top: 60%;
    right: 50%;
    margin-right: -10px;
    margin-top: 0px;
    font-size: 20px;
    color: #fff;
}

/*============================
about
============================*/
.about{}         

.about ul.sNav {display: flex;/* padding: 80px 0; */flex-direction: row;width: 100%;justify-content: center;}
.about ul.sNav li {width: 40%;margin: 0 2%;}
.about ul.sNav li a {display: block;background-color: transparent;}
.about ul.sNav li a img {width: 100%;}
.about .sec01 {
}
.about .sec01 h2.ttl {
}
.about .sec01 > div {position: relative;padding: 0px 0;}
.about .sec01 > div dl{
    text-align: center;
    z-index: 1;
}
.about .sec01 > div dl:nth-child(1) {width: 100%;left: 15%;top: 20px;}
.about .sec01 > div dl:nth-child(2) {bottom: 20px;top: unset;}
.about .sec01 > div dl:nth-child(3) {bottom: 20px;top: unset;right: 0;left: unset;}
.about .sec01 > div dl dt {font-size: 18px;font-weight: bold;margin-bottom: 20px;}
.about .sec01 > div dl dd {line-height: 2;font-size: 12px;}
.about .sec01 > div p.img {text-align: center;width: 70%;margin: 0 auto;}
.about .sec01 > div p.img img {
}
.about .sec02 {
}
.about .sec02 h2.ttl {
}
.about .sec02 ul {display: flex;flex-wrap: wrap;justify-content: center;}
.about .sec02 ul li {width: 92%;text-align: center;margin-bottom: 30px;}
.about .sec02 ul li img {margin-bottom: 20px;}
.about .sec02 ul li h4 {font-size: 18px;color: #d00847;margin-bottom: 20px;display: block;align-items: center;justify-content: center;height: auto;flex-direction: row;flex-wrap: nowrap;}
.about .sec02 ul li p.txt {text-align: left;font-size: 14px;}
.about .sec02 ul li h4 span {
}

/*============================
work
============================*/
.work {
}
.work section.sec01 {/* padding: 100px 0 0; */}
.work section.sec01 h2.ttl {
}
.work section.sec01 .boxWork {
    margin-bottom: 50px;
    box-shadow: 10px 10px 20px 0px rgb(0 0 0 / 30%);
}
.work section.sec01 .boxWork article.show {
    display: block;
}
.work section.sec01 .boxWork article .detail{
	width: 100%;
	display: inherit;
}
.work section.sec01 .boxWork article p.img {
	width: 60%;
	margin: 0 auto 10px;
}
.work section.sec01 .boxWork article .detail div {
	width: 100%;
}
.work section.sec01 .boxWork .ttlWork {background-color: #d00847;color: #fff;text-align: center;padding: 10px 0;position: relative;}
.work section.sec01 .boxWork .ttlWork .ico {
    margin-bottom: 10px;
}
.work section.sec01 .boxWork .ttlWork .ico img{
    margin-right: 10px;
    width: 50px;
}
.work section.sec01 .boxWork .ttlWork .ico span{
    font-size: 18px;
}
.work section.sec01 .boxWork .ttlWork .ico span strong {font-size: 150%;}
.work section.sec01 .boxWork .ttlWork p{
    font-size: 18px;
    font-weight: bold;
}


.work section.sec01 .boxWork article {padding: 30px 3% 0;}
.work section.sec01 .boxWork article p.img {}
.work section.sec01 .boxWork article p.img img {
}
.work section.sec01 .boxWork article > div {width: 100%;}
.work section.sec01 .boxWork article > div h4.ttl{
    font-size:20px;
}
.work section.sec01 .boxWork article > div .txt{}
.work section.sec01 .boxWork .schedule h3{
    font-size: 24px;
    border-bottom: solid 1px #d00847;
    margin-bottom: 30px;
    padding: 5px 0;
    color: #d00847;
}
.work section.sec01 .boxWork .schedule {
    padding: 30px 3%;
    text-align: center;
}

/*============================
staff
============================*/
.staff {
}
.staff h2.ttl {
}
.staff .sec01 {/* padding: 100px 0 0; */}
.staff .sec01 h3.ttl {
}
.staff .sec01 ul {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.staff .sec01 ul li {box-shadow: 10px 10px 20px 0px rgb(0 0 0 / 30%);/* width: 24%; */padding: 15px;box-sizing: border-box;margin-bottom: 30px;}
.staff .sec01 ul li p.img {
}
.staff .sec01 ul li p.img img {
}
.staff .sec01 ul li dl {margin-bottom: 20px;font-size: 14px;}
.staff .sec01 ul li dl dt {height: 4em;margin-bottom: 10px;}
.staff .sec01 ul li dl dd {
}
.staff .sec01 ul li p.txt {font-size: 14px;height: 3em;}
.staff .sec01 ul li a.iframe {margin: 0;}


/*============================
qa
============================*/
.qa {
}
.qa .secQa {padding-top: 50px;padding-bottom: 0px;margin-top: -50px;margin-bottom: 100px;}
.qa ul.sNav {display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 50px;padding: 20px 0% 0;}
.qa ul.sNav.fixed {
            margin-left: 0;
            left: 0;
            top: 35px;
            }
.qa ul.sNav li {width: 48%;margin: 0 1% 5px;}
.qa ul.sNav li a {/* background-color: #d00847; *//* color: #fff; */padding: 10px 0 20px;display: block;text-align: center;font-size: 13px;}
.qa ul.sNav li a img {width: 25px;}
.qa .secQa h2.ttl {
}
.qa .secQa .lstQa {
}
.qa .secQa .lstQa dl {margin-bottom: 30px;}
.qa .secQa .lstQa dl dt {background-color: #cfcfcf;font-size: 16px;/* padding: 5px 2%; */margin-bottom: 20px;}
.qa .secQa .lstQa dl dt::before {
    content:
    "Q";
    font-size: 30px;
    color:#fff;
    margin-right:10px;
    left: 4%;
}
.qa .secQa .lstQa dl dd {
    font-size: 16px;
    padding-left: 63px;
    position: relative;
}
.qa .secQa .lstQa dl dd::before {
    content:
    "A";
    font-size: 30px;
    color:#ccc;
    margin-right:10px;
    position: absolute;
    top: -7px;
    left: 4%;
}



/*============================
career
============================*/
.career {
}
.career ul.sNav{
    justify-content: flex-start;
}
.career ul.sNav li{
    /* width: 23%; */
}

.career .secCareer {
    /* margin-bottom: 100px; */
}
.career .secCareer h2 {
}
.career .secCareer .boxCareer {padding: 10px;box-sizing: border-box;margin-bottom: 50px;box-shadow: 10px 10px 20px 0px rgb(0 0 0 / 30%);}
.career .secCareer .boxCareer .link{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}
.career .secCareer .boxCareer h3 {background-color: #d00847;color: #fff;text-align: left;padding: 10px 3%;font-size: 18px;position: relative;margin-bottom: 10px;}

.career .secCareer .boxCareer > div {display: flex;justify-content: space-between;flex-direction: column;padding: 10px 4%;background-color: #fffdd6;align-items: center;}
.career .secCareer .boxCareer > div  figure {width: 100%;margin-bottom: 20px;}
.career .secCareer .boxCareer > div  figure p.img {margin: 0;}
.career .secCareer .boxCareer > div  figure p.img img {
}
.career .secCareer .boxCareer > div  article {width: 100%;}
.career .secCareer .boxCareer > div  article dl {/* margin-bottom: 30px; */}
.career .secCareer .boxCareer > div  article dl dt {font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.career .secCareer .boxCareer > div  article dl dd {font-size: 14px;}
.career .secCareer .boxCareer .yoko {
    margin-bottom: 30px;
    width: 100%;
}

.career .secCareer .boxCareer .yoko tr {
}
.career .secCareer .boxCareer .yoko thead tr th {text-align: center;font-size: 18px;}
.career .secCareer .boxCareer .yoko th ,
.career .secCareer .boxCareer .yoko td {
    border: 1px solid #bfbfbf;
    padding: 5px 1em;
    font-size: 14px;
}
.career .secCareer .boxCareer .yoko th {background-color: #f1f1f1;width: 4em;vertical-align: middle;font-weight: bold;}
.career .secCareer .boxCareer .yoko td {
}


.career .secObo {background-color: #efefef;padding: 40px 9%;box-sizing: border-box;text-align: center;width: 100%;margin: 0 auto;}
.career .secObo h3 {margin-bottom: 30px;}
.career .secObo p.txt {
}
.career .secObo dl {/* text-align: left; */margin-bottom: 20px;}
.career .secObo dl dt {background-color: #fff;margin-bottom: 10px;}
.career .secObo dl dd {
}
.career .secObo dl dd a {
}




/*============================
_print
============================*/
@media print {


}