@charset "utf-8";
/* manual
========================================== */
.pcOnly {
    display: block;
}
.spOnly {
    display: none;
}
.tabOnly{
    display:none;
}
.pctabOnly {
    display: block;
}
.tabspOnly {
    display: none;
}
body {
    width: 100%;
    background-color: #ffffff;
}

iframe[name="google_conversion_frame"] {
    position: fixed;
}

section{
    padding-bottom: 100px;
}





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

header {
    width: 100%;
    padding: 0px 0 0px;
}


header.hdPc{
    width: 90%;
    /* max-width: 1300px; */
    position: fixed;
    top: 0;
    z-index: 101;
    background-color: #ffffff;
    display: flex;
    margin: 0 auto;
    padding: 0 5%;
    box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 10%);
    justify-content: space-between;
}
header.hdPc.fixed{position: fixed;/* width: 100%; */top: 0;/* z-index: 10; */}

.hd {
    width: 77%;
    /* margin: 0 auto; */
    padding: 0px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    /* background-color: #f1f1f1; */
}
.fixed .hd {
    width: 68%;
}

header .logo {
    max-width: 200px;
    width: 24%;
    /* float: left; */
    /* margin-top: 5px; */
    display: flex;
    align-items: center;
    text-align: center;
}
header .logo a{
    /* text-align:
    left; */
    font-size:20px;
    font-weight: bold;
    color: #333;
}
header.fixed .logo a{display: flex;align-items: center;font-size: 16px;}
header.fixed .logo{
    max-width: none;
    width: 31%;
}
header.fixed .logo a br{
    display:none;
}
header .logo img{
    width:100%;
    margin-bottom: 8px;
}
header.fixed .logo img{
    width: 39%;
    margin-right: 20px;
    margin-bottom: 0;
}
header .logo .logo_img {
    width: 303px;
    float: left;
}



header .btnMenu {
    display:
        none;
    cursor: pointer;
    position: fixed;
    height: 65px;
    width: 65px;
    /* background-color: #ffffff; */
    /* border: solid 1px #d00747; */
    text-align: center;
    z-index: 101;
    top: 7px;
    right: 0px;
    opacity: 1;
    visibility: visible;
}

.btnMenu span {
    position: absolute;
    display: block;
    top: 10px;
    left: 23%;
    width: 56%;
    height: 5px;
    /* border-radius:2px; */
    background: #d00747;
    transition: all 0.3s ease-out;
    z-index: 100000;
}
.btnMenu span:nth-of-type(2) {
    top: 22px;
}
.btnMenu span:nth-of-type(3) {
    top: 34px;
}
.btnMenu em {
    position: absolute;
    top: 54px;
    left: 0;
    width: 100%;
    color: #d00747;
    font-size: 15px;
    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: #ffffff;
    border: solid 1px #d00747;
    text-align: center;
    z-index:101;
    top: 100px;
    right: 0px;
    transition: all 0.3s linear;
    opacity: 1;
    visibility: visible;
}*/
.btnMenu.vew span:nth-of-type(1) {
    top: 25px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.btnMenu.vew span:nth-of-type(2) {
    display: none;
}
.btnMenu.vew span:nth-of-type(3) {
    top: 25px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}



header .hdnav {
    width: 75%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 10px 2%;
    background-color: #f1f1f1;
    align-items: stretch;
}
header.fixed .hdnav {
    /* display:none; */
    width: 80%;
    padding: 5px 2%;
}
header .hdnav ul{
    float: right;
    width: 61%;
    margin-top: 10px;
}
header .hdnav li {
	width: 33%;
	margin: 0 0.5%;
}
/*
header.fixed .hdnav li {
    width: 27%;
    margin: 0 0.5%;
}
*/
header .hdnav li.staffBlog {
    width: 20%;
}
header .hdnav li.ttl{
    width: 33%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
header.fixed .hdnav li.ttl br{
    /* display:none; */
}
header .hdnav li a{
    color: #333;
    text-decoration:
        none;
    display: flex;
    align-items: center;
    line-height: 1.2;
    /* font-weight: bold; */
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    height: 100%;
    justify-content: center;
}
header .hdnav li.btnMynavi a{}
header .hdnav li a i{
    font-size: 14px;


    background-color: #000000;
    color: #ffffff;
    border-radius: 50%;

    font-weight: bold;
    margin-right: 5px;margin-bottom: 3px;}



header .hdnav li.btnEntry a{
    background-color: #d00847;
    color: #fff;
    padding: 12px 10px;
}
header .hdnav li.btnCareer{}
header .hdnav li.btnCareer a{
    background-color: #d00847;
    color: #fff;
    padding: 20px 10px;
}
header.fixed .hdnav li.btnCareer a{
    padding: 14px 10px;
}
header.fixed .hdnav li.btnEntry a {
    padding: 5px 10px;
}


header.hdSp{
    display:none;
}



/* nav
========================================== */
.hdPc nav{background-color: #fff;/* border-bottom: solid 1px #f1f1f1; */width: 100%;}
.hdPc nav ul{display: flex;align-items: stretch;justify-content: space-between;/* flex-wrap: nowrap; *//* flex-direction: row; */width: 100%;/* max-width: 1000px; */margin: 0 auto;}
.hdPc nav ul li{width: 25%;display: flex;}
.hdPc nav ul li a{display: flex;color: #333;text-decoration: none;padding: 10px 0%;width: 100%;text-align: center;align-items: center;justify-content: center;font-size: 16px;font-weight: bold;position: relative;}
.hdPc nav ul li.on a,
.hdPc nav ul li a:hover
{background-color: #d00847;color: #fff;
 opacity:1;
}

.hdPc nav ul li a::before{
    content:
        "";
    position:
        absolute;
    height: 40%;
    top: 30%;
    left: 0px;width:1px;
    background-color:#ccc;
}

.hdPc.fixed nav{
    /* position: fixed; */
    width: 100%;
    /* top: 0; */
    /* z-index: 10; */
}












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

.mainw{}


.mainTop{
    position: relative;
    /* left: 50%; */
    /* width: 3000px; */
    /* margin-left: -1500px; */
    margin-bottom: 10px;
}
.mainTop .bx-wrapper img{
}

.slideFilterL,
.slideFilterR {
    position:absolute;
    top:0;
    width: 1000px;
    height: 100%;
    opacity: 0.65;
    filter:alpha(opacity=65);
    -ms-filter:"alpha( opacity=65 )";
    background: #000000;
    z-index: 100;
}
.slideFilterL {
    left:0;
}
.slideFilterR {
    right:0;
}
.secRecruit{
    max-width: 1000px;
    margin: 70px auto 20px;
    width: 96%;
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.secRecruit li{
	background: #f5f5f5;
	padding: 20px;
	box-sizing: border-box;
}
.secRecruit li h2.ttl {
    color: #333;
    padding: 3px 15px;
    font-size: 24px;
    margin-bottom: 20px;
	border-bottom: 2px solid #000;
    text-align: center;
}
.secRecruit li:first-child{
	width: 60%;
}
.secRecruit li .entry{
	display: flex;
	justify-content: space-between;
}
.secRecruit li:first-child a{
	display: block;
	width: 60%;
}
.secRecruit li:first-child a:last-child{
	width: 195px;
	height: auto;
	padding: 0;
	background: transparent;
}
.secRecruit li:last-child{
	width: 38%;
}
.secRecruit li a {
	background: #d00847;
	color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
    justify-content: center;
	height: 60px;
	padding: 10px 0;
	font-size: 16px;
	line-height: 1.2;
}

.secMovie{    
    padding: 50px 0;
    max-width: 1000px;
    margin: 0 auto;
    width: 96%;
    position:relative;
}

.secMovie .play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(50%) translateX(-50%);
    font-size:5em;
    color: #d00847;
}
.secMovie .play-btn.playActive{display:none;}



.secContents {/* display: flex; *//* flex-wrap: wrap; *//* flex-direction: column; *//* justify-content: space-evenly; *//* padding: 80px 0; */}
.secContents .secContentsInner {height: 22vw;width: 100%;/* overflow: hidden; */display: flex;/* position: relative; */margin-bottom: 5px;align-items: center;/* box-shadow: 10px 10px 20px 0px rgb(0 0 0 / 30%); *//* justify-content: center; *//* flex-wrap: wrap; */}
.secContents .secContentsInner:hover {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
}
.secContents .secContentsInner .boxTxt {width: 37%;box-sizing: border-box;padding: 30px 5%;z-index: 2;text-align: center;/* position: absolute; *//* top: 0; *//* right: 2%; */background-color: rgb(255 255 255 / 80%);}
.secContents .secContentsInner .boxTxt h3 {font-size: 26px;color: #333;}
.secContents .secContentsInner .boxTxt h4 {font-size: 26px;margin-bottom: 20px;color: #333;text-align: left;}
.secContents .secContentsInner .boxTxt h4 strong {font-size: 200%;}
.secContents .secContentsInner .boxTxt p.txt {font-size: 14px;margin-bottom: 20px;text-align: left;height: 9em;}
.secContents .secContentsInner .boxTxt a.btn {max-width: 200px;padding: 10px 5%;font-size: 16px;margin: 10px 0;}
.secContents .secContentsInner .boxImg {width: 63%;/* min-height: 350px; */height: 100%;/* display: flex; *//* overflow: hidden; *//* align-items: center; *//* position: relative; *//* justify-content: center; */background-size: cover;background-repeat: no-repeat;background-position: center left;}
.secContents .secContentsInner:nth-child(1) .boxImg {
    /* height: 28vw; */
    background-image: url(/recruit/images/top/bgAbout2.jpg);
    background-position: center right;
}
.secContents .secContentsInner:nth-child(2) .boxImg {
    /* height: 35vw; */background-image: url(/recruit/images/top/bgWork.jpg);
}
.secContents .secContentsInner:nth-child(3) .boxImg {
    /* height: 35vw; */
    background-image: url(/recruit/images/top/bgStaff.jpg);
    background-position: center center;
    background-size: cover;
}
.secContents .secContentsInner:nth-child(4) .boxImg {
    /* height: 35vw; */background-image: url(/recruit/images/top/bgQa.jpg);
}
.secContents .secContentsInner .boxImg img {height: 100%;/* max-width: none; */position: absolute;top: 0;left: 0;/* width: 150%; */}
.secContents .secContentsInner img.ini {position: absolute;width: 80%;bottom: 40px;left: 0;/* height: 80%; */}
.secContents .secContentsInner.reverse {flex-direction: row-reverse;}
.secContents .secContentsInner.reverse .boxTxt {
    left:3%;
    right:unset;
}
.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 {
    width: 100%;
    padding: 0px 0 0px;
    border-top: solid 1px #f1f1f1;
    /* background-color: #f5f5f5; */
}
footer .secSitemap{
    max-width: 100%;
    background-color: #f1f1f1;
}
footer .secSitemap .ft{
    display:none;
}

.areaBnr{
    padding: 50px 0;
}
.areaBnr ul{
    text-align: center;
}
.areaBnr ul li{
    /* max-width: 220px; */
    display: inline-block;
    margin: 0 1% 20px;
}
.areaBnr ul li a{

}
.areaBnr ul li a img{

}


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

.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;width: 96%;margin:  0 auto;/* border-left: solid 1px #cccccc; */flex-wrap: wrap;display: flex;}
.navCommon ul li {width: 14%;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: 10px;
    position:
        relative;
}

.navCommon ul li dl dt a {font-size: 15px;}
.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;
}

.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: #9b9b9b;
    /* border-radius: 50%; */
}





footer .ftBtm{
    background-color:#fff;
    padding: 50px 0;
}
footer .ftLink{
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
footer .ftLink ul{
    display:
        flex;
    flex-wrap:
        wrap;
    justify-content: center;
    width: 49%;
}

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

footer .ftLink ul li a{
    color: #333333;
    text-decoration: none;
    font-size: 14px;
}
.ftBtm .ftLink .logo {
    max-width: 200px;
    width: 30%;
    text-align: center;
}
.ftBtm .ftLink .logo img{
    width:100%;
    margin-bottom:10px;
}
.copy {
    font-size: 11px;
    color: #000000;
    text-align: left;
    padding: 10px 0;
}
.page_top {
    width: 70px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 5;
    background-color: rgb(207, 3, 82);
    color: #ffffff;
    text-align: center;
    padding: 10px 10px 0px;
    cursor: pointer;
    font-size: 12px;
}
/*.page_top {width: 50px;position: fixed;right: 10px;bottom: 80px;z-index: 5;background-color: rgba(0, 0, 0, 0.6);color: #ffffff;text-align: center;cursor: pointer;line-height: 1;}*/
/*.page_top i{
    font-size: 50px;
}*/




/*¥³¥ó¥Æ¥ó¥Ä¥Õ¥§©`¥É¥¢¥Ë¥á©`¥·¥ç¥ó*/
.fadein {
    opacity : 0;
    transition : all 2000ms;
    animation-timing-function: ease-in-out;
}
.fadein.scrollin {
    opacity : 1;
}



/****
common
***/




.conw {
    width: 100%;
    overflow: hidden;
}
.conw {
    padding-bottom: 0px;
    padding-top: 124px;
}
.con {
    width: 100%;
    padding: 100px 0 100px;
    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: 12px 15px;
    font-size: 30px;
    border-bottom: solid 2px #d00847;
    /* font-weight: normal; */
    margin-bottom: 50px;
    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 {
    text-align: left;
    font-size: 13px;
    padding: 20px 2% 50px;
    width: 96%;
    color: #666;
}
.pan a {
    color: #666;
}
.txt {
    font-size: 16px;
    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:20px;
}

.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: 15px 6%;
    display: block;
    text-align: left;
    font-size: 16px;
    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{
    padding: 8vw 5%;
    position: relative;
    border-bottom: solid 1px #c7c6c6;
}

.secTitle .title{position: relative;z-index: 1;/* width: 50%; */}
.secTitle .title h1{font-size: 40px;background-color: rgb(255 255 255);display: inline-block;font-weight: bold;color: #333;padding: 10px 30px;}
.secTitle .title h1 small{
    font-size: 46%;
    display: block;
}
.bgTitle {
    position: absolute;
    width: 60%;
    height: 100%;
    background: url(/recruit/images/works/commerce/yamada.jpg) center right no-repeat;
    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: 50px;}
ul.sNav li {width: 31%;margin: 0 1% 20px;}
ul.sNav li a {background-color: #d00847;color: #fff;padding: 10px 0;display: block;text-align: center;position: relative;}
ul.sNav li a img {width: 34px;}
ul.sNav li a::after{
    font-family: 'Material Icons';
    content: "\e313";
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
    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 ul.sNav li a::after{content:none;}
.about .sec01 {
}
.about .sec01 h2.ttl {
}
.about .sec01 > div {position: relative;padding: 50px 0;}
.about .sec01 > div dl{
    text-align: center;
    position: absolute;
    z-index: 1;
    text-shadow: 3px 3px 5px #fff, -3px -3px 5px #fff;
}
.about .sec01 > div dl:nth-child(1) {width: 70%;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: 24px;font-weight: bold;margin-bottom: 20px;}
.about .sec01 > div dl dd {line-height: 2;font-size: 18px;}
.about .sec01 > div p.img {text-align: center;width: 50%;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: space-between;}
.about .sec02 ul li {width: 23%;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: flex; */align-items: center;justify-content: center;height: 3em;}
.about .sec02 ul li p.txt {text-align: left;font-size: 14px;}
.about .sec02 ul li h4 span {
}
.about .sec02 ul li h4 strong{
    font-size: 150%;
    font-weight: bold;
    vertical-align: middle;
}

/*============================
work
============================*/
.work {
}
.work section.sec01 {}
.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 .ttlWork {background-color: #d00847;color: #fff;text-align: center;padding: 20px 0;position: relative;}
.work section.sec01 .boxWork .ttlWork .ico {position: absolute;top: 50%;left: 2%;margin-top: -30px;display: flex;align-items: center;}
.work section.sec01 .boxWork .ttlWork .ico img{
    margin-right: 20px;
}
.work section.sec01 .boxWork .ttlWork .ico span{
    font-size: 24px;
}
.work section.sec01 .boxWork .ttlWork .ico span strong {font-size: 150%;}
.work section.sec01 .boxWork .ttlWork p{
    font-size: 26px;
    font-weight: bold;
}
.btnOpen{
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translatey(-50%);
    width: 30px;
    height: 30px;
    background-color: #fff;
}
dt .btnOpen{display:none;}
.btnOpen:before,
.btnOpen:after {
    position: absolute;
    content: "";
    display: block;
    transition: all 0.4s;
    background: #d00747;
    left: 50%;
    top: 50%;
    width: 50%;
    height: 2px;
    transform: translate(-50%, -50%);
}
.btnOpen:before {
    transform: translate(-50%, -50%) rotate(90deg);
}
.btnOpen.minus:before {
    transform: translate(-50%, -50%) rotate(0deg);

}

.work section.sec01 .boxWork article {
    padding: 30px 3%;
    display: none;
}
.work section.sec01 .boxWork article.show{
    display:block;
}
.work section.sec01 .boxWork article .detail{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}
.work section.sec01 .boxWork article p.img {width: 20%;}
.work section.sec01 .boxWork article p.img img {
}
.work section.sec01 .boxWork article .detail div {
    width: 76%;
}
.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;
    display: none;
}
.work section.sec01 .boxWork .schedule.show {
    display:block;
}

/*============================
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: 20px;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: 150px;padding-bottom: 0px;margin-top: -150px;margin-bottom: 100px;}
.qa .secQa#seko {
    /* padding-top: 200px; */
    /* margin-top: -200px; */
}

.qa ul.sNav {display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 50px;background-color: #ffffff;width: 100%;max-width: 1200px;padding: 20px 3% 0;box-sizing: border-box;}
.qa ul.sNav.fixed {
    position:fixed;
    z-index: 2;
    top: 99px;
    left: 50%;
    margin-left: -600px;
}
.qa ul.sNav li {width: 31%;margin: 0 1% 20px;}
.qa ul.sNav li a {background-color: #fff;color: #d00847;padding: 10px 0;display: block;text-align: center;position: relative;font-weight: bold;border: solid 1px #d00847;}
.qa ul.sNav li a.on {
    background-color: #d00847;
    color: #fff;
}
.qa ul.sNav li a::before {
    content:"";
    height: 30px;
    width: 30px;
    z-index: 1;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    mask: no-repeat center/100%;
    -webkit-mask: no-repeat center/100%;
    background: #d00847;
}
.qa ul.sNav li a.on::before {
    background: #fff;
}
.qa ul.sNav li:nth-child(1) a::before {
    mask-image: url(/recruit/images/work/ico04.png);
    -webkit-mask-image: url(/recruit/images/work/ico04.png);
}
.qa ul.sNav li:nth-child(2) a::before {
    mask-image: url(/recruit/images/work/ico03.png);
    -webkit-mask-image: url(/recruit/images/work/ico03.png);
}
.qa ul.sNav li:nth-child(3) a::before {
    mask-image: url(/recruit/images/work/ico02.png);
    -webkit-mask-image: url(/recruit/images/work/ico02.png);
}
.qa ul.sNav li:nth-child(4) a::before {
    mask-image: url(/recruit/images/work/ico05.png);
    -webkit-mask-image: url(/recruit/images/work/ico05.png);
}
.qa ul.sNav li:nth-child(5) a::before {
    mask-image: url(/recruit/images/work/ico08.png);
    -webkit-mask-image: url(/recruit/images/work/ico08.png);
}
.qa ul.sNav li a::after{
    color: #d00847;
}
.qa ul.sNav li a.on::after{
    color: #fff;
}


.qa ul.sNav li a img {width: 34px;margin-right: 10px;}
.qa .secQa h2.ttl {
}
.qa .secQa .lstQa {
}
.qa .secQa .lstQa dl {margin-bottom: 30px;}
.qa .secQa .lstQa dl dt {background-color: #cfcfcf;font-size: 20px;padding: 10px 2% 10px 63px;margin-bottom: 20px;position: relative;}
.qa .secQa .lstQa dl dt::before {
    content:
        "Q";
    font-size: 30px;
    color:#fff;
    margin-right: 10px;
    position: absolute;
    top: 0px;
    left: 2%;
}
.qa .secQa .lstQa dl dd {
    font-size: 20px;
    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: 2%;
}



/*============================
career
============================*/
.career {
}
.career ul.sNav{
    justify-content: flex-start;
    max-width: 1200px;
    padding: 20px 3% 0;
    box-sizing: border-box;
    background-color: #ffffff;
    width: 100%;
    margin-bottom: 100px;
}
.career ul.sNav.fixed {
    position:fixed;
    z-index: 2;
    top: 99px;
    left: 50%;
    margin-left: -600px;
}
.career ul.sNav li{
    width: 23%;
}

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

.career .secCareer .boxCareer > div {display: flex;justify-content: space-between;flex-direction: row;padding: 20px 2%;background-color: #fffdd6;}
.career .secCareer .boxCareer > div  figure {width: 20%;margin: 0;}
.career .secCareer .boxCareer > div  figure p.img {margin: 0;}
.career .secCareer .boxCareer > div  figure p.img img {
}
.career .secCareer .boxCareer > div  article {width: 76%;}
.career .secCareer .boxCareer > div  article dl {/* margin-bottom: 30px; */}
.career .secCareer .boxCareer > div  article dl dt {font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.career .secCareer .boxCareer > div  article dl dd {
}
.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: 10px 2em;
    font-size: 14px;
}
.career .secCareer .boxCareer .yoko th {background-color: #f1f1f1;width: 7em;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: 70%;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 {


}