@charset "UTF-8";

/*
Theme Name: HIKOGAKU SAIYO
Theme URI: 
Description: 
Author: JINTORA
Author URI: 
License: GPLv2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-header, custom-menu, featured-images, threaded-comments, translation-ready
Text Domain: hikogaku
Version: 1.0
*/
/* ------------------------------------
// common
------------------------------------ */
.wp-block-image{
padding:20px 10px;
}

.wp-block-paragraph{
margin:20px 0;
}

.pager a.next {
    border-left:1px #fff solid;
}

a.page-numbers{
	color: #fff;
    background-color: #0073C8;
    border: 1px solid #fff;
    display: inline-block;
    line-height: 1;
    padding: 1.2em 1.2em;
    position: relative;
}
a.prev {
    color: #fff;
    background-color: #0073C8;
    border: 1px solid #fff;
    display: inline-block;
    line-height: 1;
    padding: 1.2em 7em;
    position: relative;
    font-size: 14px;
    transition: all .3s cubic-bezier(.455, .03, .515, .955);
}
a.next  {
    color: #fff;
    background-color: #0073C8;
    border: 1px solid #fff;
    display: inline-block;
    line-height: 1;
    padding: 1.2em 7em;
    position: relative;
    font-size: 14px;
    transition: all .3s cubic-bezier(.455, .03, .515, .955);
}
span.current{
	color: #fff;
    background-color: #00477c;
    border: 1px solid #fff;
    display: inline-block;
    line-height: 1;
    padding: 1.2em 1.2em;
    position: relative;
	font-size: 14px;

}
section {
    background-color: #0073C8;
    position: relative;
}


.moveBox .inr:after,.moveBox .inr:before{height:100%;content:"";position:absolute;top:0;left:0}
.moveBox .inr:before{background-color:#0166c0;width:100%;z-index:2;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1)}
.moveBox .inr:after,.moveBox.vb .inr:before{-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);width:100%}
.moveBox .inr:after{background-color:#0073C8;z-index:1;transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transition-delay:.1s;transition-delay:.1s}
.moveBox.vt.showTime .inr:after,.moveBox.vt.showTime .inr:before{top:100%}
.moveBox.vb .inr:after,.moveBox.vb .inr:before{height:100%;content:"";position:absolute;top:auto;bottom:0;left:0}
.moveBox.vb .inr:before{background-color:#0166c0;z-index:2;transition:all .8s cubic-bezier(.77,0,.175,1)}
.moveBox.vb .inr:after{background-color:#0073C8;width:100%;z-index:1;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transition-delay:.1s;transition-delay:.1s}
.moveBox.vb.showTime .inr:after,.moveBox.vb.showTime .inr:before{bottom:100%}
.moveBox.hr.showTime .inr:after,.moveBox.hr.showTime .inr:before{left:100%}

#graph .graphBox ul li .numBox,.conceptBox .heartBox{top:50%;left:50%;-webkit-transform:translate(-50%,-50%)}

.workMv .imgBox{background-image:url(/wp-content/themes/saiyo/images/work_mv.jpg)}
.lifeMv .imgBox{background-image:url(/wp-content/themes/saiyo/images/life_mv.jpg)}
.graphMv .imgBox{background-image:url(/wp-content/themes/saiyo/images/graph_mv.jpg)}
section{background-color:#0073C8;position:relative}.conceptBox{padding-bottom:5em;margin-bottom:4em;border-bottom:1px solid #0796d3;position:relative;z-index:1}
.conceptBox .heartBox{position:absolute;transform:translate(-50%,-50%);z-index:2}
.conceptBox .heartBox img{width:100%}
.conceptBox .floatBox{position:relative;z-index:3}
.conceptBox .floatBox .img{float:left;width:40%}

@media all and (-ms-high-contrast:none){.conceptBox .floatBox .selector,.conceptBox .floatBox ::-ms-backdrop{some-syntax:some-property}.conceptBox .floatBox .img img{width:100%}}@supports (-ms-ime-align:auto){.conceptBox .floatBox .class-name{some-syntax:some-property}.conceptBox .floatBox .img img{width:100%}}.conceptBox .floatBox .txt{float:right;width:55%}.conceptBox .floatBox .txt h3{font-size:2.2em;font-family:'Noto Sans JP',sans-serif;font-weight:500;letter-spacing:2px;margin-bottom:1em}.conceptBox .floatBox .txt p{line-height:2!important;font-size:14px}
#mv .mvAboutInr {
    background-size: cover;
    background-position: center center;
	background-attachment: fixed;
    max-width: 100%;
    max-height: 100vh;
	background-image:url(/wp-content/themes/saiyo/images/mv-about.jpg);
	display:block;
	max-height:100vh;
	height:100vh
}
#mv .mvGraduatesInr {
	background-size: cover;
    background-position: center center;
	background-attachment: fixed;
	max-width: 100%;
    max-height: 100vh;
    background-image: url(/wp-content/themes/saiyo/images/mv-graduates.jpg);
    display: block;
    max-height: 100vh;
    height: 100vh;
}

#mv .mvPeopleInr{
	background-size: cover;
    background-position: center center;
	background-attachment: fixed;
	max-width: 100%;
    max-height: 100vh;
background-image: url(/wp-content/themes/saiyo/images/mv-people.jpg);
    display: block;
    max-height: 100vh;
    height: 100vh;
}
#mv .mvMidInr {
	background-size: cover;
    background-position: center center;
	background-attachment: fixed;
	max-width: 100%;
    max-height: 100vh;
    background-image: url(/wp-content/themes/saiyo/images/mid-mv.jpg);
    display: block;
    max-height: 100vh;
    height: 100vh;
}


#mv .mvAboutInr .ttlBox h1 {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}
#mv .mvGraduatesInr .ttlBox h1 {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}
#mv .mvPeopleInr .ttlBox h1 {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}
#mv .mvMidInr .ttlBox h1 {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}
.conceptBox {
    text-align: center;
    padding-bottom: 5em;
    margin-bottom: 4em;
    border-bottom: 1px solid #0796d3;
}
.conceptBox h3 {
    font-size: 2.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 1em;
}
.conceptBox p {
    width: 50%;
    margin: 0 auto;
    line-height: 2 !important;
    font-size: 14px;
}


.supportMv .imgBox {
    background-image: url(/wp-content/themes/saiyo/images/support_mv.jpg);
}


/****青い鳥会で働く******/

.workMv .imgBox{background-image:url(/wp-content/themes/saiyo/images/work_mv.jpg)}
.lifeMv .imgBox{background-image:url(/wp-content/themes/saiyo/images/life_mv.jpg)}.graphMv .imgBox{background-image:url(/wp-content/themes/saiyo/images/graph_mv.jpg)}section{background-color:#0073C8;position:relative}.conceptBox{padding-bottom:5em;margin-bottom:4em;border-bottom:1px solid #0796d3;position:relative;z-index:1}.conceptBox .heartBox{position:absolute;transform:translate(-50%,-50%);z-index:2}.conceptBox .heartBox img{width:100%}.conceptBox .floatBox{position:relative;z-index:3}.conceptBox .floatBox .img{float:left;width:40%}@media all and (-ms-high-contrast:none){.conceptBox .floatBox .selector,.conceptBox .floatBox ::-ms-backdrop{some-syntax:some-property}.conceptBox .floatBox .img img{width:100%}}@supports (-ms-ime-align:auto){.conceptBox .floatBox .class-name{some-syntax:some-property}.conceptBox .floatBox .img img{width:100%}}.conceptBox .floatBox .txt{float:right;width:55%}.conceptBox .floatBox .txt h3{font-size:2.2em;font-family:'Noto Sans JP',sans-serif;font-weight:500;letter-spacing:2px;margin-bottom:1em}.conceptBox .floatBox .txt p{line-height:2!important;font-size:14px}#work .worksBox ul li{text-align:center}#work .worksBox ul li .workNum{font-family:Montserrat,sans-serif;font-weight:400;padding-bottom:15px;letter-spacing:3px}#work .worksBox ul li .img img{width:100%}#work .worksBox ul li .title{background-color:#fff;color:#0166c0;font-weight:500;font-size:24px;letter-spacing:3px;padding:6px 0}#graph .graphBox ul li .graphNum,#life .memberBox ul li .name:after{font-family:Montserrat,sans-serif;font-weight:400}#work .worksBox ul li .txt{text-align:left;line-height:2.2!important;padding-top:15px}#life .imgBg01,#life .imgBg02{background-attachment:fixed;background-size:100%;background-position:center center;background-repeat:no-repeat;width:100%;height:480px;margin:60px 0}#life .imgBg01.imgBg01,#life .imgBg02.imgBg01{background-image:url(/wp-content/themes/saiyo/images/lifebg01.jpg)}#life .imgBg01.imgBg02,#life .imgBg02.imgBg02{background-image:url(/wp-content/themes/saiyo/images/lifebg02.jpg)}#life .memberBox h2{text-align:center}#life .memberBox ul{display:table}#life .memberBox ul li{display:table-cell;table-layout:fixed;vertical-align:middle;width:30%;background-color:#fff;color:#0073C8;text-align:center}#life .memberBox ul li .memberInr{display:inline-block;text-align:left;margin-right:20px}#life .memberBox ul li .name{font-size:32px;letter-spacing:5px;margin-bottom:30px}#life .memberBox ul li .name:after{content:attr(data-text);font-size:12px;letter-spacing:2px;display:block;padding-top:5px}#life .memberBox ul li .txt{font-weight:500;line-height:2;font-size:14px}#life .memberBox ul li:nth-child(2){width:40%}#life .memberBox ul li:nth-child(2) .img{line-height:0}#life .memberBox ul li:nth-child(2) .img img{width:100%}#life .lifeBox01,#life .lifeBox02{border-bottom:1px solid #4096D6;padding-bottom:80px;margin-bottom:80px}#life .lifeBox01 .imgBox,#life .lifeBox02 .imgBox{width:49%;text-align:center}#life .lifeBox01 .imgBox img,#life .lifeBox02 .imgBox img{width:100%;margin:0 auto}#life .lifeBox01 .txtBox .title,#life .lifeBox01 .txtBox_ .title,#life .lifeBox02 .txtBox .title,#life .lifeBox02 .txtBox_ .title{margin-bottom:1.5em;font-size:1.8em}#life .lifeBox01 .txtBox_,#life .lifeBox02 .txtBox_{float:left;width:49%}#life .lifeBox01 .txtBox,#life .lifeBox02 .txtBox{width:49%}#life .lifeBox01.life01 .imgBox,#life .lifeBox02.life01 .imgBox{float:left}#life .lifeBox01.life01 .txtBox,#life .lifeBox01.life02 .imgBox,#life .lifeBox02.life01 .txtBox,#life .lifeBox02.life02 .imgBox{float:right}#life .lifeBox01.life02 .txtBox,#life .lifeBox02.life02 .txtBox{float:left}#life .lifeBox01.lifeBox02,#life .lifeBox02.lifeBox02{border:none;padding-bottom:30px;margin-bottom:30px}#life .lifeBox01.lifeBox02 .txtBoxL,#life .lifeBox02.lifeBox02 .txtBoxL{width:49%;float:left}#life .lifeBox01.lifeBox02 .txtBoxL .title,#life .lifeBox02.lifeBox02 .txtBoxL .title{font-size:1.8em;margin-bottom:1.5em}#life .lifeBox01.lifeBox02 .txtBoxR,#life .lifeBox02.lifeBox02 .txtBoxR{width:49%;float:right}#life .lifeBox01.lifeBox02 .txtBoxR .txt,#life .lifeBox02.lifeBox02 .txtBoxR .txt{line-height:2}#graph .graphBox ul li{text-align:center;margin-bottom:15px}#graph .graphBox ul li:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s}#graph .graphBox ul li:nth-child(3){-webkit-transition-delay:.4s;transition-delay:.4s}#graph .graphBox ul li:nth-child(5){-webkit-transition-delay:.2s;transition-delay:.2s}#graph .graphBox ul li:nth-child(6){-webkit-transition-delay:.4s;transition-delay:.4s}#graph .graphBox ul li:nth-child(8){-webkit-transition-delay:.2s;transition-delay:.2s}#graph .graphBox ul li:nth-child(9){-webkit-transition-delay:.4s;transition-delay:.4s}#graph .graphBox ul li:nth-child(11){-webkit-transition-delay:.2s;transition-delay:.2s}#graph .graphBox ul li:nth-child(11) .numBox .title{font-size:20px}#graph .graphBox ul li:nth-child(12){-webkit-transition-delay:.4s;transition-delay:.4s}#graph .graphBox ul li .graphNum{padding-bottom:15px;letter-spacing:3px}#graph .graphBox ul li .posCenter{position:relative;background-color:#fff;height:350px}#graph .graphBox ul li .numBox{position:absolute;transform:translate(-50%,-50%);padding:0 20px;width:100%}#graph .graphBox ul li .numBox .title{color:#0166c0;font-weight:500;font-size:24px;letter-spacing:3px;margin-bottom:20px}#graph .graphBox ul li .numBox .img{width:60%;margin:0 auto}#graph .graphBox ul li .numBox .list{color:#0073C8;text-align:left;font-size:18px}#graph .graphBox ul li .numBox .num{color:#0073C8;font-size:80px}#graph .graphBox ul li .numBox .num span{font-size:.5em}#graph .graphBox ul li .numBox .txt{margin-top:20px;color:#0073C8;line-height:1.8!important}#graph .graphBox ul li .numBox .txt span{width:10px;height:10px;border-radius:50%;background-color:#000;display:inline-block;margin:0 5px}#graph .graphBox ul li .numBox .txt span.before01{background-color:#0073C8;margin-left:0}#graph .graphBox ul li .numBox .txt span.before02{background-color:#4096D6}#graph .graphBox ul li .numBox .txt span.before03{background-color:#80B9E3}#graph .graphBox ul li .numBox .txt span.before04{background-color:#B2D5EE}@media (max-width:480px){#graph .graphBox ul{width:1200%}#graph .graphBox ul li{width:6%}}@media (max-width:1024px){#life .memberBox ul li .memberInr{margin-right:0}#life .memberBox ul li .name{font-size:24px}}@media (max-width:768px){.conceptBox .floatBox .img{float:none;width:100%;margin-bottom:30px}.conceptBox .floatBox .img img{max-width:90%;margin:0 auto}.conceptBox .floatBox .txt{float:none;width:100%}#life .imgBg01,#life .imgBg02{background-attachment:initial;height:290px;margin:40px 0}#life .memberBox ul li{width:30%}#life .memberBox ul li .memberInr{margin-right:0}#life .memberBox ul li .name{font-size:3vw;letter-spacing:5px;margin-bottom:15px}#life .memberBox ul li .name:after{font-size:10px;padding-top:0}#life .memberBox ul li .txt{line-height:1.8;font-size:1.6vw}#life .memberBox ul li:nth-child(2){width:40%}#life .memberBox ul li:nth-child(2) .img{line-height:0}#life .memberBox ul li:nth-child(2) .img img{width:100%}}@media (max-width:768px) and (max-width:560px){#life .imgBg01,#life .imgBg02{height:200px}#life .memberBox ul{display:block}#life .memberBox ul li{display:block;width:100%;text-align:center}#life .memberBox ul li .memberInr{display:block;text-align:center;margin-right:0;padding:10px 0}#life .memberBox ul li .name{font-size:32px;letter-spacing:5px;margin-bottom:0;display:inline-block;width:50%}#life .memberBox ul li .name:after{font-size:12px;letter-spacing:2px;display:block;padding-top:5px}#life .memberBox ul li .txt{display:inline-block;width:50%;line-height:2;font-size:14px}#life .memberBox ul li:nth-child(2){width:100%}}@media (max-width:768px){#life .lifeBox01,#life .lifeBox02{padding-bottom:40px;margin-bottom:40px}#life .lifeBox01 .imgBox,#life .lifeBox02 .imgBox{width:100%;max-width:100%;margin:0 auto 10px}#life .lifeBox01 .imgBox img,#life .lifeBox02 .imgBox img{max-width:80%}#life .lifeBox01 .txtBox_,#life .lifeBox02 .txtBox_{float:none;width:100%}#life .lifeBox01 .txtBox,#life .lifeBox02 .txtBox{width:100%}#life .lifeBox01.life01 .imgBox,#life .lifeBox01.life01 .txtBox,#life .lifeBox01.life02 .imgBox,#life .lifeBox01.life02 .txtBox,#life .lifeBox02.life01 .imgBox,#life .lifeBox02.life01 .txtBox,#life .lifeBox02.life02 .imgBox,#life .lifeBox02.life02 .txtBox{float:none}#life .lifeBox01.lifeBox02,#life .lifeBox02.lifeBox02{padding-bottom:30px;margin-bottom:30px;border:none}#life .lifeBox01.lifeBox02 .txtBoxL,#life .lifeBox01.lifeBox02 .txtBoxR,#life .lifeBox02.lifeBox02 .txtBoxL,#life .lifeBox02.lifeBox02 .txtBoxR{width:100%;float:none}#graph .graphBox ul li{width:7%;text-align:center;margin-bottom:30px}#graph .graphBox ul li:nth-child(11) .numBox .title{font-size:16px}#graph .graphBox ul li .posCenter{height:350px}#graph .graphBox ul li .numBox{padding:0 10px}#graph .graphBox ul li .numBox .title{font-size:18px;letter-spacing:3px;margin-bottom:20px}#graph .graphBox ul li .numBox .img{width:200px}#graph .graphBox ul li .numBox .list{font-size:16px}#graph .graphBox ul li .numBox .num{font-size:60px}#graph .graphBox ul li .numBox .num span{font-size:.5em}#graph .graphBox ul li .numBox .txt{margin-top:10px;line-height:1.5!important;font-size:11px}#graph .graphBox ul li .numBox .txt span{width:8px;height:8px;border-radius:50%;margin:0 3px}}@media (max-width:480px){#life .imgBg01,#life .imgBg02{height:150px}#life .memberBox ul{display:block}#life .memberBox ul li{display:block;width:100%;text-align:center}#life .memberBox ul li .memberInr{display:inline-block;margin:0 auto;text-align:left;padding:0}#life .memberBox ul li .name,#life .memberBox ul li .txt{display:block;width:100%}#life .memberBox ul li:nth-child(2){width:100%}}



/****新卒採用******/
.flowMv .imgBox {
    background-image: url(/wp-content/themes/saiyo/images/flow_mv.jpg);
}
#flow .tabTitle li{float:left;width:50%;text-align:center;color:#fff;background-color:transparent;border:1px solid #fff;padding:10px 0;font-size:20px;font-weight:500;margin-bottom:50px;-webkit-transition:all .3s cubic-bezier(.455,.03,.515,.955);transition:all .3s cubic-bezier(.455,.03,.515,.955)}
#benefit .allowance .allowanceBox ul li .allowanceNum,#benefit .system .systemBox .systemNum,#flow .flowBox ul li .flowNum{padding-bottom:15px;font-family:Montserrat,sans-serif;letter-spacing:3px}
#flow .tabTitle li.current,#flow .tabTitle li:hover{color:#0073C8;background-color:#fff}
#flow .tabTitle li:nth-child(2){border-left:none}
#flow .flowBox ul li{text-align:center}
#flow .flowBox ul li .flowNum{font-weight:400}
#flow .flowBox ul li .img img{width:100%}
#flow .flowBox ul li .title{background-color:#fff;color:#0166c0;font-weight:500;font-size:24px;letter-spacing:3px;padding:6px 0}
#flow .flowBox ul li .txt{text-align:left;line-height:2.2!important;padding-top:15px}

@media (max-width:768px){.imgShadow img{-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}
.imgShadow.on img{-webkit-box-shadow:6px 6px 0 #F0F0F0;box-shadow:6px 6px 0 #F0F0F0}
#flow .flowBox ul li .title{font-size:20px}
}

@media (max-width:480px){#flow .tabBox .list .flowBox ul li{width:8%}
}
#flow .shiftBox{border:1px solid #fff;padding:50px 100px}
@media all and (-ms-high-contrast:none){#flow .shiftBox .selector,#flow .shiftBox ::-ms-backdrop{some-syntax:some-property}
#flow .shiftBox .imgBox img{width:100%}
}
@supports (-ms-ime-align:auto){#flow .shiftBox .class-name{some-syntax:some-property}
#flow .shiftBox .imgBox img{width:100%}
}
#flow .shiftBox .head02,#flow .shiftBox .imgBox{margin-bottom:2em}
#flow .shiftBox p{text-align:center}
#flow .shiftBox .txt01{border-bottom:1px solid #fff;margin-bottom:30px;padding-bottom:30px}
#benefit .system,#benefit h4{margin-bottom:60px}
#benefit h4{text-align:center;display:block;color:#0073C8;font-size:20px;background-color:#fff;padding:15px 0}
#benefit .system .systemBox li{float:left;margin-bottom:30px;margin-right:2%;width:49%}
#benefit .system .systemBox li:nth-child(2n){margin-right:0}
#benefit .system .systemBox li:nth-child(2) .box .txtBox i{font-size:100px}
#benefit .system .systemBox li:nth-child(3) .box .txtBox i{font-size:110px}
#benefit .system .systemBox li:nth-child(4) .box .txtBox i{font-size:90px}
#benefit .system .systemBox li:nth-child(4) .box .txtBox p{line-height:1.3}
#benefit .system .systemBox .systemNum{font-weight:400;text-align:center}
#benefit .system .systemBox .box{height:300px;background-color:#fff;position:relative;margin-bottom:15px}
#benefit .system .systemBox .box .txtBox{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#0073C8;font-size:32px;text-align:center;width:100%}
#benefit .system .systemBox .box .txtBox i{font-size:80px}
#benefit .system .systemBox .box .txtBox p{margin-top:15px}
#benefit .allowance .allowanceBox ul li{text-align:center;margin-bottom:15px}
#benefit .allowance .allowanceBox ul li:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s}
#benefit .allowance .allowanceBox ul li:nth-child(3){-webkit-transition-delay:.4s;transition-delay:.4s}
#benefit .allowance .allowanceBox ul li:nth-child(5){-webkit-transition-delay:.2s;transition-delay:.2s}
#benefit .allowance .allowanceBox ul li:nth-child(6){-webkit-transition-delay:.4s;transition-delay:.4s}
#benefit .allowance .allowanceBox ul li:nth-child(8){-webkit-transition-delay:.2s;transition-delay:.2s}
#benefit .allowance .allowanceBox ul li:nth-child(9){-webkit-transition-delay:.4s;transition-delay:.4s}
#benefit .allowance .allowanceBox ul li .allowanceNum{font-weight:400}
#benefit .allowance .allowanceBox ul li .txtBox{background-color:#fff;padding:60px 0}
#benefit .allowance .allowanceBox ul li .txtBox .title{background-color:#fff;color:#0166c0;font-weight:500;font-size:32px;letter-spacing:3px;margin-bottom:10px}
#benefit .allowance .allowanceBox ul li .txtBox .txt{color:#0073C8;line-height:1.8!important}
#benefit .allowance .allowanceBox ul li:nth-child(1) .txtBox{padding:48px 0}
#career .careerBox li{text-align:center;margin-bottom:30px}
#career .careerBox li:last-child{margin-bottom:0}
#career .careerBox li .careerNum{font-family:Montserrat,sans-serif;font-weight:400;padding-bottom:15px;letter-spacing:3px}
#career .careerBox li h4{text-align:center;display:block;color:#0073C8;font-size:20px;background-color:#fff;padding:15px 0}
#career .careerBox li .txtBox{background-color:#4096D6;text-align:center;padding:40px 30px}
#career .careerBox li .txtBox h5{font-size:24px;font-weight:500;margin-bottom:30px;line-height:1.8}
#career .careerBox li .txtBox .model{border:1px solid #fff;font-size:16px;margin-bottom:20px}
#career .careerBox li .txtBox .txt{line-height:2.2}
@media (max-width:1024px){.conceptBox p{width:90%}
#flow .shiftBox{padding:20px 30px}}
@media (max-width:768px){#career .careerBox li .txtBox{padding:20px 15px}
#career .careerBox li .txtBox h5{font-size:18px;line-height:1.6;margin-bottom:20px}
#career .careerBox li .txtBox .model{font-size:14px;margin-bottom:20px}
#career .careerBox li .txtBox .txt{text-align:left;line-height:1.8}
#benefit .system{margin-bottom:60px}
#benefit .system .systemBox li:nth-child(2) .box .txtBox i{font-size:50px}
#benefit .system .systemBox li:nth-child(3) .box .txtBox i,#benefit .system .systemBox li:nth-child(4) .box .txtBox i{font-size:60px}
#benefit .system .systemBox li:nth-child(4) .box .txtBox p{font-size:18px}
#benefit .system .systemBox .box{height:200px}
#benefit .system .systemBox .box .txtBox i{font-size:40px}
#benefit .system .systemBox .box .txtBox p{margin-top:15px}
#flow .shiftBox{padding:20px 10px}
#flow .shiftBox p{font-size:11px}}
@media (max-width:480px){#career .careerBox li .txtBox{padding:10px}
#career .careerBox li .txtBox h5{font-size:16px;line-height:1.4;margin-bottom:20px}
#career .careerBox li .txtBox .model{font-size:12px;margin-bottom:20px}
#career .careerBox li .txtBox .txt{line-height:1.6}
#benefit .system .systemBox li{float:none;width:100%;margin-right:0}
#benefit .allowance .allowanceBox ul li:nth-child(1) .txtBox{padding:50px 0}
#flow .shiftBox{padding:20px 10px}
#flow .shiftBox p{font-size:10px}}


/*DIGI 2021-07-09:*/
#benefit .allowance .allowanceBox ul li:nth-child(1) .txtBox.change-padding{
    padding:60px 0;
}

#benefit h4.benefit-hyper{
	margin-bottom:40px;
}
.font-size-16{
    font-size:16px;
}
@media (max-width:768px){
    .font-size-16{
        font-size:14px;
    }
}
#workplace .workplaceBox li {
    margin-bottom: 50px
}

#workplace .workplaceBox li .title {
    background-color: #fff;
    color: #0073C8;
    font-size: 32px;
    letter-spacing: 3px;
    padding: .1em 1em
}

#workplace .workplaceBox li .title span {
    font-size: .5em;
    padding-left: 1em
}

#workplace .workplaceBox li .table {
    display: table
}

#workplace .workplaceBox li .table .img, #workplace .workplaceBox li .table .txt {
    display: table-cell;
    table-layout: fixed;
    vertical-align: top
}

#workplace .workplaceBox li .table .txt {
    background-color: #4096D6;
    line-height: 2;
    padding: 3em
}

#support .supportBox ul li {
    text-align: center;
    margin-bottom: 15px
}

#support .supportBox ul li:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

#support .supportBox ul li:nth-child(3) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

#support .supportBox ul li:nth-child(5) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

#support .supportBox ul li:nth-child(6) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

#support .supportBox ul li:nth-child(8) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

#support .supportBox ul li .supportNum {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    padding-bottom: 15px;
    letter-spacing: 3px
}

#support .supportBox ul li .txtBox {
    background-color: #fff;
    padding: 40px 0
}

#support .supportBox ul li .txtBox .title {
    background-color: #fff;
    color: #0166c0;
    font-weight: 500;
    font-size: 32px;
    letter-spacing: 3px;
    margin-bottom: 10px
}

#organization .duties table th h5, #organization h4 {
    font-size: 20px;
    color: #0073C8;
	text-align: center;
}

#support .supportBox ul li .txtBox .txt {
    color: #0073C8;
    line-height: 1.8 !important
}

#support .supportBox ul li:last-child .txtBox {
    padding: 40px 0 17px
}

#organization h4 {
    text-align: center;
    display: block;
    background-color: #fff;
    padding: 15px 0
}

#organization .organization {
    /* border: 1px solid #0796d3; */
    border-top: none;
    margin-bottom: 50px
}

#organization .organization .imgBox {
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 0 80px 10px;
}

@media all and (-ms-high-contrast:none) {
    #organization .organization .selector, #organization .organization ::-ms-backdrop {
        some-syntax: some-property
    }

    #organization .organization .imgBox img {
        width: 100%
    }
}

@supports (-ms-ime-align:auto) {
    #organization .organization .class-name {
        some-syntax: some-property
    }

    #organization .organization .imgBox img {
        width: 100%
    }
}

#organization .duties table {
    margin-top: 20px
}

#organization .duties table tr {
    border-bottom: 2px solid #0073C8
}

#organization .duties table th {
    background-color: #fff;
    width: 20%;
    padding: 30px 0;
	text-align:center;
}

#organization .duties table th p {
    color: #0073C8;
    margin-top: 15px;
    font-weight: 500;
    font-size: 14px
}

#organization .duties table td {
    background-color: #4096D6;
    padding: 0 30px;

}

#organization .duties table td li {
    line-height: 1.7
}

#organization .duties table td li:last-child {
    margin-bottom: 0
}

#organization .duties .hosoku {
    margin-top: 10px
}

#organization .duties .hosoku a {
    text-decoration: underline
}

@media (max-width:1024px) and (max-width:980px) {
    #workplace .workplaceBox li .table .txt {
        line-height: 1.5;
        padding: 1em
    }
}

@media (max-width:1024px) {
    .conceptBox p {
        width: 90%
    }

    #organization .organization .imgBox {
        padding: 30px
    }

    #organization .duties table th {
        width: 30%;
        padding: 30px 0
    }

    #organization .duties table th p {
        font-size: 12px
    }

    #organization .duties table td {
        padding: 20px 30px
    }

    #organization .duties .hosoku {
        font-size: 10px
    }
}

@media (max-width:768px) {
    .imgShadow img {
        -webkit-transform: translate(3px, 3px);
        transform: translate(3px, 3px)
    }

    .imgShadow.on img {
        -webkit-box-shadow: 6px 6px 0 #F0F0F0;
        box-shadow: 6px 6px 0 #F0F0F0
    }

    #support .supportBox ul li .txtBox .title {
        font-size: 26px
    }

    #support .supportBox ul li .txtBox .txt {
        letter-spacing: 0;
        font-size: 10px
    }

    #support .supportBox ul li:last-child .txtBox {
        padding: 40px 0 22px
    }

    #workplace .workplaceBox li .title {
        font-size: 28px;
        padding: .1em 1em
    }

    #workplace .workplaceBox li .title span {
        display: block;
        width: 100%;
        padding-left: 0
    }

    #workplace .workplaceBox li .table {
        display: block
    }

    #workplace .workplaceBox li .table .txt {
        display: block;
        width: 100%;
        padding: 2em
    }

    #workplace .workplaceBox li .table .img {
        display: block;
        width: 100%
    }

    #workplace .workplaceBox li .table .img img {
        width: 100%
    }

    #organization h4 {
        font-size: 20px;
        padding: 10px 0
    }

    #organization .organization {
        border: none;
        margin-bottom: 50px
    }

    #organization .organization .imgBox {
        padding: 20px 0
    }

    #organization .duties table {
        margin-top: 20px
    }

    #organization .duties table th {
        display: block;
        width: 100%;
        padding: 10px 0
    }

    #organization .duties table th h5 {
        font-size: 20px
    }

    #organization .duties table th p {
        margin-top: 15px;
        font-weight: 500;
        font-size: 14px
    }

    #organization .duties table td {
        display: block;
        width: 100%;
        padding: 20px 30px
    }
}

@media (max-width:480px) {
    #workplace .workplaceBox li .title {
        font-size: 24px
    }

    #workplace .workplaceBox li .table .txt {
        font-size: 3.6vw;
        padding: 1em;
        line-height: 1.6
    }

    #workplace .workplaceBox li .table .img {
        display: block;
        width: 100%
    }

    #workplace .workplaceBox li .table .img img {
        width: 100%
    }

    #organization .organization {
        margin-bottom: 30px
    }

    #organization .organization .imgBox {
        padding: 20px 0
    }

    #organization .duties table {
        margin-top: 20px
    }

    #organization .duties table th {
        padding: 10px 0
    }

    #organization .duties table th h5 {
        font-size: 18px
    }

    #organization .duties table th p {
        margin-top: 10px;
        font-size: 14px
    }

    #organization .duties table td {
        padding: 20px 10px
    }
}

/*# sourceMappingURL=uniq.css.map */

/* 221121追記 */
.organization p.pt-50{
    padding-top: 50px;
}
.organization .w-140per {
    overflow-x: auto;
}
.organization .w-140per img {
    width: 1000px;
    height: auto;
    border: 1px solid #fff;
}
.organization .sp-block{
    display: none;
}
@media(min-width: 1179px){
    .organization .w-140per {
        width: 140%;
        margin-left: -20%;
    }
    .organization .w-140per img {
        width: 100%;
        height: auto;
    }
}
@media(max-width: 1149px){
    #organization .organization .imgBox{
        margin-top: 0;
        padding: 0 0 10px;
    }
}
@media(max-width:1149px){
    .organization .sp-block{
        display: block;
    }
}

.careerMv .imgBox {
    background-image: url(/wp-content/themes/saiyo/images/career_mv.jpg);
}
.benefitMv .imgBox {
    background-image: url(/wp-content/themes/saiyo/images/benefit_mv.jpg);
}
.workplaceMv .imgBox {
    background-image: url(/wp-content/themes/saiyo/images/workplace_mv.jpg);
}
.organizationMv .imgBox {
    background-image: url(/wp-content/themes/saiyo/images/organization_mv.jpg);
}

.entory .imgBox {
	background-image: url(/wp-content/themes/saiyo/images/mv-entry.jpg);
}
#subMv .guidline {
    background-image: url(/wp-content/themes/saiyo/images/guidline-mv.jpg);
}
#subMv .faq{
    background-image: url(/wp-content/themes/saiyo/images/faq-mv.jpg);
}
#subMv .news {
    background-image: url(/wp-content/themes/saiyo/images/mv-news.jpg);
}

table{margin-top:20px}table tr{border-bottom:2px solid #0073C8}table th{text-align:left;background-color:#fff;width:20%;padding-top:30px;padding-left:20px}table th p{color:#0073C8;font-weight:500;font-size:14px}table td{background-color:#4096D6;padding:30px}table td p{line-height:2.2}table td .txtbtm01{margin-bottom:40px}table td .txtbtm02{margin-bottom:60px}table td li{line-height:1.7}table td li:last-child{margin-bottom:0}@media (max-width:1024px){table th{width:30%;padding-top:30px;padding-left:20px}table td li,table th p{font-size:12px}table td{padding:30px}}@media (max-width:768px){.imgShadow img{-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.imgShadow.on img{-webkit-box-shadow:6px 6px 0 #F0F0F0;box-shadow:6px 6px 0 #F0F0F0}table{margin-top:20px}table td,table th{display:block;width:100%;padding:20px}table th p{font-size:14px}}


#faq .faqBox li{text-align:center;margin-bottom:30px}#faq .faqBox li:last-child{margin-bottom:0}#faq .faqBox li h4{text-align:center;display:block;color:#0073C8;font-size:20px;background-color:#fff;padding:15px 0}#faq .faqBox li .txtBox{background-color:#4096D6;text-align:center;padding:40px 30px}#faq .faqBox li .txtBox .txt{line-height:2.2}@media (max-width:768px){.imgShadow img{-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.imgShadow.on img{-webkit-box-shadow:6px 6px 0 #F0F0F0;box-shadow:6px 6px 0 #F0F0F0}#faq .faqBox li h4{font-size:4.3vw;padding:15px 0}#faq .faqBox li .txtBox{padding:20px 15px}#faq .faqBox li .txtBox .txt{text-align:left;line-height:1.8}#faq .faqBox li:last-child{line-height:1.4}}

.slick-slide{
	height:auto;
}
section h2 {
    font-size: 2.5em;
    letter-spacing: 3px;
    margin-bottom: 80px;
}
.interviewList li a span,section h2{font-family:Montserrat,sans-serif;font-weight:400;text-align:center}
section .interviewList li{float:left;width:30.33333%;margin:0 1.5% 4em}section .interviewList li a{display:block;width:100%;background-color:#fff;-webkit-transition:all .3s cubic-bezier(.455,.03,.515,.955);transition:all .3s cubic-bezier(.455,.03,.515,.955);position:relative}section .interviewList li a span{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:25px;padding-top:13px;width:50px;height:50px;top:-25px;color:#0073C8;background-color:#fff;border-radius:50%;z-index:99}section .interviewList li a:hover .imgBox,section .interviewList li a:hover .txtBox{opacity:.8}section .interviewList li .imgBox{margin:0 auto;background-size:cover;background-position:center center;background-repeat:no-repeat;-webkit-transition:all .3s cubic-bezier(.455,.03,.515,.955);transition:all .3s cubic-bezier(.455,.03,.515,.955)}section .interviewList li .imgBox img{display:block;width:100%}section .interviewList li .txtBox{background-color:#fff;padding:1.5em;-webkit-transition:all .3s cubic-bezier(.455,.03,.515,.955);transition:all .3s cubic-bezier(.455,.03,.515,.955)}section .interviewList li .txtBox p{color:#0073C8;font-weight:700}section .interviewList li .txtBox .txt{font-size:1.2em;margin-bottom:.6em}@media (max-width:1024px){section{background-color:#0073C8}section h2{font-size:3em}section .interviewList li .txtBox{padding:1em}section .interviewList li .txtBox .txt{font-size:1.1em}}@media (max-width:768px){section{background-color:#0073C8}section h2{font-size:3em}section .interviewList li{width:47%}section .interviewList li .txtBox{padding:1em}section .interviewList li .txtBox .txt{font-size:1.1em}}@media (max-width:480px){section{background-color:#0073C8}section h2{font-size:3em}section .interviewList li{width:100%}section .interviewList li .txtBox{padding:1em}section .interviewList li .txtBox .txt{font-size:1.1em}}



.detailMv .imgBox img{display:none;width:0%;height:0%}.detailMv .txtBox{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:15%}@media (max-width:1200px){.detailMv .txtBox{left:25%}}.detailMv .txtBox h1{font-family:Montserrat,sans-serif;font-size:1.8em;font-weight:400;letter-spacing:5px;margin-bottom:40px}.detailMv .txtBox #breadCrumbs{bottom:-120px!important}.detailMv .txt .txt01{margin-bottom:15px}.detailMv .nameBox{text-align:left;color:#fff;-webkit-transition:all .8s cubic-bezier(.455,.03,.515,.955);transition:all .8s cubic-bezier(.455,.03,.515,.955);margin-bottom:40px;position:relative}.otherBox h4,.storyBox .imgBox,h3{text-align:center}.otherBox ul li span,.storyBox .txtBox .subTitle{font-family:Montserrat,sans-serif;color:#99C7E9}.detailMv .nameBox .nameJa{font-size:2em;letter-spacing:3px;margin-bottom:15px}.detailMv .nameBox .nameEn{font-size:.5em;letter-spacing:1px}.detailMv .nameBox::after,.detailMv .nameBox::before{content:'';display:block;background-color:#fff;position:absolute;-webkit-transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.detailMv .nameBox::before{bottom:0;right:0;width:0;height:1px;-webkit-transition-delay:.6s;transition-delay:.6s}.detailMv .nameBox::after{top:0;right:0;width:1px;height:0;-webkit-transition-delay:.3s;transition-delay:.3s}.detailMv .nameBox .nameBoxInr{padding:60px 180px 60px 40px;position:relative}.detailMv .nameBox .nameBoxInr::after,.detailMv .nameBox .nameBoxInr::before{content:'';display:block;background-color:#fff;position:absolute;-webkit-transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.otherBox ul li .imgBox,.otherBox ul li span{-webkit-transition:all .3s cubic-bezier(.455,.03,.515,.955)}.detailMv .nameBox .nameBoxInr::before{top:0;left:0;width:0;height:1px}.detailMv .nameBox .nameBoxInr::after{bottom:0;left:0;width:1px;height:0;-webkit-transition-delay:.9s;transition-delay:.9s}.detailMv.on .nameBox .nameBoxInr::before,.detailMv.on .nameBox::before{width:100%}.detailMv.on .nameBox .nameBoxInr::after,.detailMv.on .nameBox::after{height:100%}section{background-color:#0073C8}h3{font-size:2em;margin-bottom:60px}.storyBox{border-bottom:1px solid #4096D6;padding-bottom:80px;margin-bottom:80px}.storyBox .imgBox{width:60%}.storyBox .imgBox img{max-width:100%;margin:0 auto;width:100%}.storyBox .txtBox{width:40%;padding:0 3em}.storyBox .txtBox .subTitle{font-size:12px;letter-spacing:1px;margin-bottom:2.5em}.storyBox .txtBox .subTitle img{width:15px;margin-right:10px}@media all and (-ms-high-contrast:none){.storyBox .txtBox .selector,.storyBox .txtBox ::-ms-backdrop{some-syntax:some-property}.storyBox .txtBox .subTitle img{width:5%}}@supports (-ms-ime-align:auto){.storyBox .txtBox .class-name{some-syntax:some-property}.storyBox .txtBox .subTitle img{width:5%}}.storyBox .txtBox .title{font-size:24px;margin-bottom:1.5em}.storyBox .txtBox .txt{font-size:14px}.storyBox.story01 .imgBox{float:left}.storyBox.story01 .txtBox{float:right;padding-right:0}.storyBox.story02 .imgBox{float:right}.storyBox.story02 .txtBox{float:left;padding-left:0}.otherBox h4{font-family:Montserrat,sans-serif;margin-bottom:20px;font-weight:400;letter-spacing:3px}.otherBox ul li{width:25%;float:left}.otherBox ul li a:hover .imgBox{opacity:.9}.otherBox ul li .bgBox{background-color:#fff}.otherBox ul li .imgBox{margin:0 auto 20px;background-size:cover;background-position:center center;background-repeat:no-repeat;transition:all .3s cubic-bezier(.455,.03,.515,.955)}.otherBox ul li .imgBox img{width:100%;}.otherBox ul li span{font-size:10px;letter-spacing:1px;transition:all .3s cubic-bezier(.455,.03,.515,.955)}.otherBox ul li .name{font-weight:600;font-size:14px;-webkit-transition:all .3s cubic-bezier(.455,.03,.515,.955);transition:all .3s cubic-bezier(.455,.03,.515,.955)}.otherBox ul .prev-arrow{top:35%;left:-80px}.otherBox ul .next-arrow{top:35%;right:-80px}@media (max-width:1200px){.otherBox ul .prev-arrow{top:-12%;left:0;width:30px;height:30px}.otherBox ul .next-arrow{top:-12%;right:0;width:30px;height:30px}}@media (max-width:1024px){.detailMv{padding-top:60px;height:auto}.detailMv .imgBox{height:auto;width:100%;max-width:100%;position:static;top:auto;right:auto;-webkit-transform:translate(0,0);transform:translate(0,0)}.detailMv .imgBox img{display:block;width:100%;height:auto}.detailMv .imgBox h2{display:none!important}.detailMv .txtBox{position:static;-webkit-transform:translate(0,0);transform:translate(0,0);left:auto;margin-top:3em;margin-bottom:3em}.detailMv .txtBox h1{text-align:center;font-size:1.8em;font-weight:400;letter-spacing:5px;margin-bottom:20px}.detailMv .txt{width:90%;margin:0 auto}.detailMv .txt .txt01{margin-bottom:15px}.detailMv .nameBox{width:90%;margin:0 auto 40px}.detailMv .nameBox .nameJa{font-size:2em;letter-spacing:3px;margin-bottom:15px}.detailMv .nameBox .nameEn{font-size:.5em;letter-spacing:1px}.detailMv .nameBox .nameBoxInr{padding:20px 40px}h3{font-size:1.8em}.storyBox .imgBox{width:50%}.storyBox .txtBox{width:50%;padding:0 1em}.storyBox .txtBox .subTitle{margin-bottom:1.5em}.storyBox .txtBox .title{margin-bottom:1em}}@media (max-width:768px){h3{text-align:center;font-size:1.5em;margin-bottom:40px}.storyBox{padding-bottom:60px;margin-bottom:60px}.storyBox .imgBox{width:100%;margin-bottom:30px}.storyBox .txtBox{width:100%;padding:0}.storyBox .txtBox .subTitle{font-size:12px;color:#99C7E9;letter-spacing:1px;margin-bottom:10px}.storyBox .txtBox .title{margin-bottom:20px}.storyBox.story01 .imgBox,.storyBox.story01 .txtBox,.storyBox.story02 .imgBox,.storyBox.story02 .txtBox{float:none}}@media (max-width:480px){h3{text-align:center;font-size:2em;margin-bottom:40px}}



.storyBox .txt{
	white-space: pre-wrap;
}
.detail .mvBox h1 {
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    letter-spacing: 5px;
    font-size: 3em;
}
.detail .mvBox {
    padding-bottom: 5em;
    border-bottom: 1px solid #0796d3;
}
.detail {
    padding-top: 200px;
}

.bscTbl01.contactForm table tbody td input[type=tel]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 2px solid transparent;
    -webkit-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    transition: all .3s cubic-bezier(.445, .05, .55, .95);
    color: #fff;
	padding: .7em 3px .5em;
    border-bottom: 1px #fff solid;
}