@charset "UTF-8";


/* common
==========================================================*/

body { font-size: 15px; line-height: 2; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; margin:0; padding: 0; letter-spacing:1px; color:#000; -webkit-text-size-adjust: 100%; }
@media screen and (max-width: 1100px){
    body { font-size: 13px; }
} 
@media screen and (max-width: 800px){
    body { font-size: 12px; }
}   
    
a { text-decoration: none; color: #000; outline: none; -webkit-transition: all .5s; transition: all .5s; }
header a,
footer a,
.worksdatawrap a,
.worksclose a{ cursor: pointer;}
a *,
:after,
.trans03,
.trans03:after{-webkit-transition: all .5s; transition: all .5s; }
a:hover{ text-decoration: none; -webkit-transition: all .5s; transition: all .5s; }
img { -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; max-width: 100%; height: auto; vertical-align: bottom;}
video { vertical-align: bottom; }
:focus { outline: 0; }
* { box-sizing: border-box}
.txtlink { text-decoration: underline;}
.txtlink:hover { text-decoration: none;}

.tellink { pointer-events: none;}
.sp-show,
.show-1000 { display: none;}
@media screen and (max-width: 800px){
    .tellink { pointer-events: auto;}
    .sp-show { display: block;}
    .sp-hide { display: none;}
}
    
.flex { display: flex; flex-wrap: wrap; }
.flex-nowrap { display: flex; }
.flex-jcs {display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex-jca { display: flex; justify-content: space-around; flex-wrap: wrap; }
.flex-center {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.flex-aic { display: flex; align-items: center; flex-wrap: wrap; }
.flex-jcc { display: flex; justify-content: center; flex-wrap: wrap; }
.overhidden{ overflow: hidden;}

.centerposi { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Safari用 */ transform: translate(-50%, -50%); }
.centertate { position: absolute; top: 50%; -webkit-transform: translateY(-50%); /* Safari用 */ transform: translateY(-50%); } 
.centeryoko,
.centeryoko-pc{ position: absolute; left: 50%; -webkit-transform: translateX(-50%); /* Safari用 */ transform: translateX(-50%); }
@media screen and (max-width: 800px){
    .centeryoko-pc{ position:inherit; left: 0; -webkit-transform: translateX(0); transform: translateX(0); }   
    .centerposi-sp { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Safari用 */ transform: translate(-50%, -50%); }
}

.inner1250{ max-width: 1250px; width: calc(100% - 80px); margin: 0 auto; }
.inner1050{ max-width: 1050px; width: calc(100% - 80px); margin: 0 auto; }
.inner1020{ max-width: 1020px; width: calc(100% - 80px); margin: 0 auto; }
.inner930{ max-width: 930px; width: calc(100% - 80px); margin: 0 auto; }
.inner840{ max-width: 840px; width: calc(100% - 80px); margin: 0 auto; }
.inner750{ max-width: 750px; width: calc(100% - 80px); margin: 0 auto; }
@media screen and (max-width: 800px){
.inner1250,
.inner1050,
.inner1020,
.inner930,
.inner840,
.inner750 { width: calc(100% - 40px); }
}

.robocon{font-family: 'Roboto Condensed', sans-serif; font-weight: 700; line-height: 1;}
.noto{ font-family: 'Noto Sans JP', sans-serif; font-weight: 700; }
.wg300 { font-weight: 300;}

.fs11{ font-size:11px;}
.fs12{ font-size:12px;}
.fs13{ font-size: calc(13em / 15);}
.fs14{ font-size: calc(14em / 15);}
.fs15{ font-size: calc(15em / 15);}
.fs16{ font-size: calc(16em / 15);}
.fs19{ font-size: calc(19em / 15);}
.fs20{ font-size: calc(20em / 15);}
.fs22{ font-size: calc(22em / 15);}
.fs23{ font-size: calc(23em / 15);}
.fs28{ font-size: calc(28em / 15);}
.fs30{ font-size: calc(30em / 15);}
.fs31{ font-size: calc(31em / 15);}
.fs32{ font-size: calc(32em / 15);}
.fs34{ font-size: calc(34em / 15);}
.fs35{ font-size: calc(35em / 15);}
.fs41{ font-size: calc(41em / 15);}
.fs48{ font-size: calc(48em / 15);}
.fs53{ font-size: calc(53em / 15);}
.fs56{ font-size: calc(56em / 15);}
.fs57{ font-size: calc(57em / 15);}
.fs62{ font-size: calc(62em / 15);}
.fs69{ font-size: calc(69em / 15);}
.fs91{ font-size: calc(91em / 15);}
.fs97{ font-size: calc(97em / 15);}
.fs98{ font-size: calc(98em / 15);}
@media screen and (max-width: 800px){
    .fs13{ font-size: calc(13em / 17);}
    .fs14{ font-size: calc(14em / 17);}
    .fs15{ font-size: calc(15em / 17);}
    .fs16{ font-size: calc(16em / 17);}
    .fs19{ font-size: calc(19em / 17);}
    .fs20{ font-size: calc(20em / 17);}
    .fs22{ font-size: calc(22em / 17);}
    .fs23{ font-size: calc(23em / 17);}
    .fs28{ font-size: calc(28em / 17);}
    .fs30{ font-size: calc(30em / 17);}
    .fs31{ font-size: calc(31em / 17);}
    .fs32{ font-size: calc(32em / 17);}
    .fs34{ font-size: calc(34em / 17);}
    .fs35{ font-size: calc(35em / 17);}
    .fs41{ font-size: calc(41em / 17);}
    .fs48{ font-size: calc(48em / 17);}
    .fs53{ font-size: calc(53em / 17);}
    .fs56{ font-size: calc(56em / 17);}
    .fs57{ font-size: calc(57em / 17);}
    .fs62{ font-size: calc(62em / 17);}
    .fs69{ font-size: calc(69em / 17);}
    .fs91{ font-size: calc(91em / 17);}
    .fs97{ font-size: calc(97em / 17);}
    .fs98{ font-size: calc(98em / 17);}
}

.bg-w { background: #fff;}
.bg-r{ background: #F0072B;}
.bg-g { background: #ededed;}

.fc-w,
.fc-w a{ color: #fff;}
.fc-r,
.fc-r a{ color: #F0072B;}

#wrapper { width: 100%; position: relative; overflow: hidden;}

.after,
.before{ position: relative;} 
.after:after,
.before:before { content: ""; position: absolute; }
.sticky { position: sticky;}

.delighter { top: 50px; position: relative; animation:delighter2 1s forwards;}
.delighter.started { animation:delighter 1s forwards; }
@keyframes delighter {
    0% { top: 50px; opacity: 0;}
    100% { top: 0; opacity: 1;}
}
@keyframes delighter2 {
    0% { top: 0; opacity: 1;}
    100% { top: 50px; opacity: 0; }
}

.shadow {box-shadow: 1px 3px 3px rgba(0,0,0,0.2); }
.hide-1000 { }
@media screen and (max-width: 1000px){
    .hide-1000 { display: none } 
}

.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 0.5s ease-out forwards; }
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}
    
    
/* header
==========================================================*/

header { width: 100%; height: 60px; top: 0; left: 0; position: fixed; z-index: 999;}
.contents { padding: 10px; padding-top: 70px; }
.navInner { width: 40px; height: 40px; top: 10px; left: 25px; z-index: 9999; cursor: pointer; position: fixed;}
.menu-trigger { width: 100%; height: 100%; line-height: inherit; cursor: pointer; position: relative; display: inline-block; transition: all .5s; }
.menu-trigger span { width: 34px; height: 3px; left: 3px; display: inline-block; transition: all .5s; position: absolute; background: #000;}
.menu-trigger span:nth-of-type(1) { top: 8px; }
.menu-trigger span:nth-of-type(2) { top: 18px; }
.menu-trigger span:nth-of-type(3) { top: 28px; }
.menu-trigger:not(.active):hover span:nth-of-type(1) { top: 9px; }
.menu-trigger:not(.active):hover span:nth-of-type(3) { top: 27px; }
.menu-trigger.active span {background: #fff;}
.menu-trigger.active span:nth-of-type(1) { transform: translateY(10px) rotate(-45deg); }
.menu-trigger.active span:nth-of-type(2) { display: none; }
.menu-trigger.active span:nth-of-type(3) { transform: translateY(-10px) rotate(45deg); }
@media screen and (max-width: 800px){
    .navInner { top: 0; left: 8px;}
    .menu-trigger span { width: 20px; height: 2px; left: 10px; }
    .menu-trigger span:nth-of-type(1) { top: 12px; }
    .menu-trigger span:nth-of-type(2) { top: 19px; }
    .menu-trigger span:nth-of-type(3) { top: 26px; }
    .menu-trigger:not(.active):hover span:nth-of-type(1) { top: 13px; }
    .menu-trigger:not(.active):hover span:nth-of-type(3) { top: 25px; }
    .menu-trigger.active span:nth-of-type(1) { transform: translateY(7px) rotate(-45deg); }
    .menu-trigger.active span:nth-of-type(3) { transform: translateY(-7px) rotate(45deg); }
}
    
.head-rul{ line-height: 1;}
.head-rul li{ width: 195px;}
.head-rul li:nth-child(1) { width: auto;}
.head-rul li a{ height: 60px; padding: 0 20px;}
.head-rul li:nth-child(2) a { background: #f5516b;}
.head-rimg{ margin-right: 10px; }
.head-rimg img { height: 21px; width: auto;}
.head-rul li a p{}
@media screen and (max-width: 800px){
    header { height: 40px;}
    .contents { padding-top:50px; } 
    .head-rul li{ width: 135px;}
    .head-rul li a{ height: 40px;}
    .head-rul li:nth-child(2) a { background: #f5516b;}
    .head-rimg img { height: 18px; }
}


#menu { width: 100%; height: 100%; right: 0; top: 0; display: none; position: fixed; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; z-index: 9901 !important; overflow: scroll !important; background: url(../images/common/bg-menu.png) no-repeat right bottom #F0072B; background-size: 745px 450px; }
.gnavwrap{ padding: 100px 150px 150px; width: 100%; line-height: 1;}
.gnavul{ margin-left: 100px;}
.gnavul:first-child { margin-left: 0 !important;}
.gnavul > li{ margin-bottom: 60px;}
.gnavul > li:last-child{ margin-bottom:0 !important;}
.gnavul > li > a{}
.gnavul > li p.fs32 { padding-bottom: 10px;}
.gnavul > li p.fs15{ letter-spacing: 0;}
.gnaventryul{ margin-top: 20px;}
.gnaventryul li{}
.gnaventryul li a{ padding: 10px 0 10px 35px; }
.gnaventryul li a:after { width: 25px; height: 1px; background: #fff; top: 50%; left: 0; }
.gnaventryul li a p{}
.gnaventryul li a .gnaventryimg{ margin-left: 8px; width: 13px;}
p.menufixtxt { right: 50px; bottom: 50px; position: fixed; }
@media screen and (max-width: 1100px){
    #menu { background-size: calc(745px * 0.5) calc(450px * 0.5); }
    .gnavwrap{ padding: 50px 100px 70px;}
    .gnavul{ margin-left: 50px;}
    .gnavul > li{ margin-bottom: 40px;}
    p.menufixtxt { right: 25px; bottom: 25px;}
}
@media screen and (max-width: 800px){
    .gnavwrap { padding: 40px 0 0 60px;}
    .gnavulwrap { display: block;}
    .gnavul{ margin: 0; }
    .gnavul > li:last-child{ margin-bottom:40px !important; }
}
@media screen and (max-width: 500px){
    #menu { background-size: calc(745px * 0.3) calc(450px * 0.3); }
    p.menufixtxt { position: relative; text-align: right;}
}   
    

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

.footbtnwrap{ padding: 10px; line-height: 1;}
.bg-g .footbtnwrap,
.pt0 .footbtnwrap{ padding-top: 0;}
.footentry{ width: 100%; height: calc(330 / 1400 * 100vw); margin-bottom: 10px;}
.footentry img{ min-width: 100%;}
.footentry a.btn { flex-direction: column; justify-content: flex-end; align-items: center;}
.footentrytxtwrap{}
.footentrytxtwrap p.fs56{ margin-bottom: 10px; letter-spacing: 0.1em;}
.footentrytxtwrap p.fs15{}
.footentrybtn{ margin: calc(45 / 1400 * 100vw) 0 calc(35 / 1400 * 100vw); width: 300px; height: 60px; background: rgba(255,0,0,0.9);}
.footentrybtn:after { width: 22px; height: 19px; background: url(../images/common/yaji-w.png) no-repeat center; background-size: cover; right: 70px; }
a:hover .footentrybtn:after {right: 60px; }
.footentrybtn p.fs22{ letter-spacing: 0.2em; }
.footbtn-inner{width: 100%;}
.footbtn-b { width: calc(50% - 5px); height: calc(220 / 1400 * 100vw); height: calc(195 / 1400 * 100vw);}
.footjob a.pore{}
.footjobbtn{ width: 310px; height: 80px; flex-direction: column; background: rgba(255,255,255,0.85); }
.footjobbtn:after { width: calc(22px * 0.8); height: calc(19px * 0.8); background: url(../images/common/yaji-r.png) no-repeat center; background-size: cover; right: 50px; }
a:hover .footjobbtn:after { right: 40px; }
.footjobbtn p.fs19{ margin-bottom: 5px;}
.footjobbtn p.fs14{}

@media screen and (max-width: 1000px){
    .footentry{ height: calc(330 / 1400 * 100vw * 1.2); }
    .footbtn-b { /*height: calc(220 / 1400 * 100vw * 1.2);*/ }
    .footentry .btnimg{ width: 125%; }
    .footentry a:hover .btnimg{ width: calc(108% * 1.2); }
}
@media screen and (max-width: 800px){
    .footentry{ height: calc(330 / 1400 * 100vw * 2); }
    .footbtn-b { height: calc(220 / 1400 * 100vw * 2);}
    .footbtn-b { width: 100%;}
    .footbtn-b:first-child{ margin-bottom: 10px;}
    .footentry a.btn {justify-content: center; }
    .footentrybtn{ margin: calc(45 / 800 * 100vw) 0 0; width: 240px; height: 45px; }
    .footentrybtn:after {  width: calc(22px * 0.8); height: calc(19px * 0.8); right: 40px; }
    .footjobbtn:after { right: 40px; }
    a:hover .footentrybtn:after {right: 40px;}
    .footjobbtn{ width: 240px; height: 60px;}
    .footentry .btnimg{ width: 220%; }
    .footbtn-b .btnimg{ width: 130%; }
    .footentry a:hover .btnimg{ width: 220%;}
    .footbtn-b a:hover .btnimg{ width: 130%; }
}
@media screen and (max-width: 400px){
    .footentrytxtwrap p.fs56{ font-size: 10vw;}
}

footer { height: 90px; padding: 20px; }
.foot-l { margin-left: 60px; max-width: 355px; width: 100%;}
.foot-r { margin-right: 40px; flex-direction: column-reverse;}
@media screen and (max-width: 1000px){
    footer { height: 90px; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
    .foot-l { margin-left: 0;}
    .foot-r { padding-bottom: 0; margin-right: 0; flex-direction: row;}
}

.lity { background: rgba(0,0,0,0.2); }
.popwrap{ width: 1250px; max-width: calc(100vw - 80px); overflow: scroll}
.popwrap .inner750 { padding: 100px 0;}
.popmidwrap{ margin-bottom: 30px;}
.popmiden{}
.popmidjp {}
.poptxt { margin-bottom: 30px;}
.popbtnul {}
.popbtnul li { height: 100px; margin-bottom: 20px; }
.popbtnul li:after { width: 42px; height: 18px; top: calc(50% - 9px); right: 50px; background:url(../images/common/yaji-w-long.png); background-size: cover;}
.popbtnul li:hover:after { right: 40px; }
.popbtnul li:last-child { margin-bottom: 0 !important;}
.popbtnul li a  { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.lity-close {display: none}
.popwrap .lity-close { width: 25px; height: 25px; top: 50px; right: 50px;  background:url(../images/common/close.png); background-size: cover; display: block;}
@media screen and (max-width: 800px){
    .popwrap{ max-width: calc(100vw - 20px);}
    .popwrap .inner750 { padding: 70px 0 50px;}
    .popmidwrap{ margin-bottom: 20px;}
    .poptxt { margin-bottom: 20px;}
    .poptxt br { display: none}
    .popbtnul li { height: 70px; margin-bottom: 10px; }
    .popbtnul li:after { width: calc(42px * 0.6); height: calc(18px * 0.6); top: calc(50% - 5px); right: 15px; }
    .popbtnul li:hover:after { right: 15px; }
    .popwrap .lity-close { top: 20px; right: 20px;}
}



/* index
==========================================================*/

.indsectionwrap{ padding-bottom: 0;}
.indsectionwrap section { margin-bottom: 10px;}
.indsectionwrap section:last-child { margin-bottom: 0;}

.indmainwrap{}
.indmain-l{ width: calc(345 / 1380 * 100% - 5px); flex-direction: column; line-height: 1}
.indmainlogowrap{ height: 30vw;}
.indmainlogowrap > div {max-width: 233px; width: calc(100% - 40px);} 
.indmainlogoimg{ margin-bottom: 50px;}
p.indmaintxt {}
.indmainbtnwrap{ height: calc(100% - 30vw - 10px); }
a.btn {width: 100%; height: 100%; overflow: hidden; z-index: 2;}
.indmainbtnwrap a.btn{ background: #fff;}
a.btn:after,
.voicelistimgwrap:after{width: 0; height: 0; border-style: solid; border-width: 0 0 25px 25px; border-color: transparent transparent #F0072B transparent; bottom: 0; right: 0; }
.indmainbtnwrap a.btn:after{ border-width: 0 0 15px 15px; }
.indmainbtnwrap > a.btn {width: calc(145 / 340 * 100% - 5px);}
.indmainbtnwrap div { width: calc(195 / 340 * 100% - 5px); flex-direction: column; }
.indmainbtnwrap div > a.btn { height: calc(50% - 5px); }
.indmain-r { width: calc(1035 / 1380 * 100% - 5px); height: 41vw; overflow: hidden;}
.indmain-rimg { width: 103%; }
.indmain-rmovie { animation: indmain-rmovie 13s forwards; z-index: 2; width: 103%; }
.indmain-rmovie video { width: 100%;}
@keyframes  indmain-rmovie {
    0% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}  
.indmain-rtxt { line-height: 1.1; width: 100%; text-align: center; z-index: 3; }
.indmain-rtxt p.robocon{ margin-bottom: 20px; opacity: 0.9;}
.indmain-rtxt p.noto { letter-spacing: 0.1em; opacity: 0; top: 20px; position: relative; animation: indmain-rtxt 1s 0.5s forwards;}
@keyframes indmain-rtxt {
    0% { opacity: 0; top: 20px; }
    100% { opacity: 1; top: 0; margin-top: 0; }
}
.indnewswrap { max-width: 550px; width: calc(100% - 50px); bottom: 0; right: 0; z-index: 3; }
.indnewswrap a { padding: 20px 25px; width: 100%; height: 100%; background: rgba(255,255,255,0.7); }
.indnewswrap p:nth-child(1){ width: 70px; margin-right: 20px; }
.indnewswrap div:nth-child(2){ width: 60px; margin-right: 20px; height: 20px; line-height: 20px; text-align: center}
.indnewswrap p:nth-child(3){ width: calc(100% - 70px - 60px - 20px - 20px); overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
@media screen and (max-width: 1400px){
    .indmain-rtxt p.robocon{ font-size: 7.5vw; }
}
@media screen and (max-width: 800px){
    .indmain-l{ display: none}
    a.btn:after,
    .voicelistimgwrap:after{ border-width: 0 0 12px 12px; }
    .indmain-r { width: 100%; height: 100vw;}
    .indmain-rimg { width: 200%; }
    .indmain-rmovie { width: 200%; }
    .indmain-rtxt p.robocon{ font-size: 9.5vw; }
    .indmain-rtxt p.noto { font-size: 4vw;}
    .indnewswrap { width: 100%; }
    .indnewswrap a { padding: 10px; }
    .indnewswrap p:nth-child(1){ width: 60px; margin-right: 0; }
    .indnewswrap div:nth-child(2){ width: 40px; margin-right: 10px; }
    .indnewswrap p:nth-child(3){ width: calc(100% - 60px - 40px - 10px);} 
}

.ind02wrap{}
.ind02-l{ width: calc(50% - 5px);}
.indceo{ width: 100%; height: 52vw; }
.indceo a.btn { padding: 0 30px; display: block;}
.indceomid{ padding-top: 6.4vw;}
.indceomid p.robocon{ margin-bottom: 5px;}
.indceomid p.noto {}
.indceotxtwrap{ padding-top: 13.5vw;}
.indceotxtimg{ margin-bottom: 30px; max-width: 350px; width: calc(100% - 60px);}
.indceotxt{}
.indceotxt p.fs20{ margin-right: 15px; letter-spacing: 0.5em;}
.indceotxt p.fs30{}
.btnimg{ width: 104%; z-index: -1; }
a:hover .btnimg{ width: 112%;}
.ind02-r{ width: calc(50% - 5px); display: flex; flex-direction: column; justify-content: space-between;}
.ind02-r-t{}
.indwhats{ width: 100%; height:26vw; }
.indwhatstxtwrap{ line-height: 1.2;}
.indwhatstxtwrap p:last-child{ margin-top: 10px;}
.ind02-r-b{height: calc(100% - 26vw - 10px);}
.indeducation{ width: calc(50% - 5px); }
.indeducation a.btn { padding: 20px; flex-direction: column-reverse;}
.indeducationtxtwrap{}
.indeducationtxtwrap p.fs32{}
.indeducationtxtwrap p.fs15{ margin-top: 10px; line-height: 1.3;}
.ind03wrap{}
.indvoice{ width:100%; height: 30vw;}
.indvoicetxtwrap{ text-align: center;}
.indvoicetxtwrap p.fs91{}
.indvoicetxtwrap p.fs16{}

@media screen and (max-width: 1400px){
    .indwhatstxtwrap p.fs69{ font-size: 5vw;}
    .indwhatstxtwrap p:last-child{ font-size:1.3vw;}
}
@media screen and (max-width: 800px){
    .ind02wrap{}
    .ind02-l{ width: 100%;}
    .indceo{ width: 100%; height: 52vw;}
    .indceo a.btn { padding: 0 20px; }
    .indceomid{ padding-top: 13vw;}
    .indceomid p.robocon{font-size: 6.3vw; }
    .indceotxtwrap{ padding-top: 15px;}
    .indceotxtimg{ margin-bottom: 10px; width: 39vw;}
    .indceotxt p.fs20{ margin-right: 10px; letter-spacing: 0;}
    .btnimg,
    a:hover .btnimg{ width: 112%;}
    .indceo .btnimg { top: 45%; }
    .ind02-r{ width: 100%; }
    .indwhats{ margin: 10px 0; width: 100%; height: 52vw; }
    .indwhatstxtwrap{ line-height: 1.2;}
    .indwhatstxtwrap p.fs69{ font-size: 9vw;}
    .indwhatstxtwrap p:last-child{ font-size:2.5vw; }
    .ind02-r-b{}
    .indeducation{ height: 52vw;}
    .indeducation a.btn { padding: 20px; flex-direction: column-reverse;}
    .indeducationtxtwrap{}
    .indeducationtxtwrap p.fs32{}
    .indeducationtxtwrap p.fs15{ margin-top: 10px; line-height: 1.3;} 
    .indvoice { height: 52vw; }
    .indvoice p.robocon{font-size: 12vw; }
}   
@media screen and (max-width: 400px){
    .indceomid{ padding-top: 20px;}
    .indceotxtimg{ margin-bottom: 5px; width: 45vw;}
    .indeducation a.btn { padding: 15px 10px; }
}





/* voice
==========================================================*/

.kasoumain{}
.voicelistmaintxtwrap.centerposi{ margin-top: 40px; width: 100%; text-align: center;}
.voicelistmaintxtwrap .fs97{}
.voicelistmaintxtwrap .fs19{}
.voicelistmaintxtwrap .fs34{ margin-top: 40px;}
@media screen and (max-width: 800px){
    .voicelistmaintxtwrap.centerposi{ margin-top: 20px;}
    .voicelistmaintxtwrap .fs34{ margin-top: 20px;} 
}
@media screen and (max-width: 450px){
    .voicelistmaintxtwrap.centerposi{ margin-top: 10px;}
    .voicelistmaintxtwrap .fs97{ font-size: 15vw;}
    .voicelistmaintxtwrap .fs19{}
    .voicelistmaintxtwrap .fs34{margin-top: 10px; font-size: 5vw;}
} 

#toInfoLink { text-align: center; margin-bottom: 100px;}
#toInfoLink a { display: inline-block; padding: 1em; line-height: 1.4; background: #fff; text-decoration: underline;}
#toInfoLink br { display: none;}
@media screen and (max-width: 800px){
    #toInfoLink { margin-bottom: 50px;}
    #toInfoLink a { font-size: 1.1em;}
    #toInfoLink br { display: inline;}
}

.voicelistwrap { padding: 80px 0 100px;}
.voicelistul{ margin-left: -50px; margin-bottom: -80px;}
.voicelistul li{ width: calc(100% / 3 - 50px); margin-left: 50px; margin-bottom: 80px; }
.voice01wrap .voicelistul li:nth-child(1),
.voice02wrap .voicelistul li:nth-child(2),
.voice04wrap .voicelistul li:nth-child(3),
.voice05wrap .voicelistul li:nth-child(4),
.voice06wrap .voicelistul li:nth-child(5) { display: none }
.voicelistul li a {}
.voicelistimgwrap { position: relative; width: 100%; overflow: hidden;}
.voicelistimgwrap:before { content:""; display: block; padding-top: calc(398 / 383 * 100%); }
.voicelistimg { width: 101%; }
a:hover .voicelistimg { width: 106%; }
.voicelistmid{ height: 120px; padding: 0 20px 0 30px;}
.voicelistmid p{ line-height: 1.4;}
.voicelisttxtwrap{ padding: 30px; line-height: 1}
.voicelistposi{ margin-bottom: 20px; }
.voicelistposi p{ margin-left: 10px; }
.voicelistposi p:first-child { margin: 0 !important;}
.voicelistnamewrap.flex-jcs{}
p.voicelistname {}
.voicelistyear{ width: 100px; height: 26px; border-radius: 13px;}
@media screen and (max-width: 1100px){
    .voicelistul{ margin-left: -20px; margin-bottom: -40px;}
    .voicelistul li{ width: calc(100% / 3 - 20px); margin-left: 20px; margin-bottom: 40px; }
    .voicelistmid{ height: 100px; padding: 0 20px 0;}
    .voicelistmid br { display: none}
    .voicelisttxtwrap{ padding: 20px;}
    .voicelistposi { display: block;}
    .voicelistposi p{ margin-left: 0; margin-top: 5px; }
    .voicelistnamewrap{ display: block;}
    .voicelistyear { margin-top: 20px;}
}
@media screen and (max-width: 800px){
    .voicelistwrap { padding: 40px 0 50px;}
    .voicelistul{ margin-left: -20px; margin-bottom: -40px;}
    .voicelistul li{ width: calc(100% / 2 - 20px); margin-left: 20px; margin-bottom: 40px; }
    .voicelistmid{ height: 80px;}
    .voicelistposi{ margin-bottom: 15px; }
    .voicelistyear{ margin-top: 15px; width: 80px; height: 22px; border-radius: 11px;}
}
@media screen and (max-width: 450px){
    .voicelistul li{ width: calc(100% / 1 - 20px);}
}

#video2 { width: 1000px; height: 561px; margin:0 auto; }
@media screen and (max-width: 1200px){
    #video2 { width: calc(1000px * 0.7); height: calc(561px * 0.7); }
}
@media screen and (max-width: 800px){
    #video2 { width: calc(1000px * 0.5); height: calc(561px * 0.5); }
}  
@media screen and (max-width: 550px){  
    #video2 { width: calc(1000px * 0.4); height: calc(561px * 0.4); }
}
@media screen and (max-width: 450px){  
    #video2 { width: calc(1000px * 0.3); height: calc(561px * 0.3); }
}


.voicewrap{}
.voicemainwrap{}
.voicemainttlwrap{ height: calc(320 / 1400 * 100vw); padding-left: calc(70 / 1400 * 100vw); padding-top:calc(100 / 1400 * 100vw); line-height: 1;}
.voicemain-l{ width: calc(510 / 1380 * 100%);}
.voicemainttl {margin-bottom: calc(60 / 1400 * 100vw); }
.voicemainno { display: inline-block;}
.voicemainno:after { width: 10vw; height: 1px; bottom: -10px; right: 0; background: #fff; z-index: 2}
.voicemainimg { }
.voicemain-r{ width: calc(870 / 1380 * 100%);}
.voicemaintxtwrap{ padding:calc(20 / 1400 * 100vw) calc(70 / 1400 * 100vw) 0; height: calc(100% - (320 / 1400 * 100vw)); position: absolute; left: 0; bottom: 0;}
p.voicemainmid { margin-bottom: calc(60 / 1400 * 100vw); line-height: 1.5;}
.voicemainyear { margin-bottom: calc(30 / 1400 * 100vw); height: 34px; line-height: 34px; border-radius: 17px; padding: 0 15px; display: inline-block;}
.voicemainposi {}
.voicemainposi p { margin-left: 10px;}
.voicemainposi p:first-child { margin: 0 !important;}
p.voicemainnamejp {}
p.voicemainnameen  {}
@media screen and (max-width: 1300px){
    .voicemainttlwrap{ padding-left: calc(35 / 1400 * 100vw);}
    .voicemaintxtwrap{ padding:calc(20 / 1400 * 100vw) calc(35 / 1400 * 100vw) 0; }
}
@media screen and (min-width: 800px){
    @media screen and (max-width: 950px){
        .voicemainttl { font-size: 5vw;}
        p.voicemainmid { font-size: 4vw;}
    }
}
@media screen and (max-width: 800px){
    .voicemainwrap{ display: block;}
    .voicemainttlwrap{ display: flex; align-items: baseline;height: auto; padding-left: calc(70 / 1400 * 100vw); padding-top:calc(60 / 1400 * 100vw); line-height: 1;}
    .voicemain-l{ width: 100%;}
    .voicemainttl {margin-bottom: calc(60 / 1400 * 100vw); }
    .voicemainno { margin-left: 20px; display: inline-block;}
    .voicemainno:after { display: none}
    .voicemainimg { height: 75vw; overflow: hidden;}
    .voicemain-r{ width: 100%;}
    .voicemaintxtwrap{ padding:calc(70 / 1400 * 100vw) ; height: auto; position: inherit; left: 0; bottom: 0;}
    p.voicemainmid br { display: none}
}
@media screen and (max-width: 450px){
    .voicemainimg { height: auto;} 
}

.voice01txt { padding-top: 100px;}
.voice01txt p{}
.voicelrwrap{ padding: 100px 0;}
.voice-l{ width: calc(590 / 1400 * 100%);}
.voice-r{ padding: 0 calc(70 / 1400 * 100vw); width: calc(780 / 1400 * 100%); }
.voicelrwrap p{}
.voicerelatewrap{ padding: 80px 0; }
.voicerelatebtn{ width: 210px; height: 50px; border-radius: 25px; margin: 70px auto 0; border: 1px solid #F0072B; line-height: 1}
.voicerelatebtn:hover { background: #fff;}
.voicerelatebtn p{}
.voicerelatebtnimg{ margin-left: 20px; width: 20px;}
@media screen and (max-width: 800px){
    .voice01txt { padding-top: 50px;}
    .voicelrwrap{ padding: 50px 0;}
    .voice-l{ width: 100%; margin-bottom: 40px;}
    .voice-r{ padding: 0 20px; width: 100%; }
    .voicerelatewrap{ padding: 40px 0; }
    .voicerelatebtn{margin: 35px auto 0; }
    .voicerelatebtnimg{ margin-left: 15px; width: 15px;} 
}



/* ceo/education
==========================================================*/

.kasoumain{}
.ceomaintxtwrap.centerposi{}
.ceomaintxtwrap .fs62{}
.ceomaintxtwrap .fs19{}
.staffbtn { max-width: 1000px; width: 100%; margin: 0 auto 60px;} 
.kasoumainbtn.sp-hide { display: block; margin-top: 20px; }
@media screen and (max-width: 800px){  
    .kasoumain{ height: 50vw; overflow: hidden;} 
    .kasoumainimg { top: 10vw; position: relative; transform: scale(1.5); }
    .kasoumainimg-whats {transform: scale(1.2);  }
    .kasoumainimg-voice {transform: scale(1.1);  }
    .kasoumainimg img {}
    .kasoumainbtn.sp-hide { display: none;}
    .kasoumainbtn.sp-show { width: 240px; margin: 40px auto 0;}
    .staffbtn { margin: 0 auto 40px; }
    .staffbtn .kasoumainbtn.sp-show {margin: 0 auto;}
}

.ceowrap{ padding: 100px 0;}
.ceoul{}
.ceoul li { margin-bottom: 100px;}
.ceoul li:nth-child(2n-1){ flex-direction: row-reverse;}
.ceotxtwrap{ padding: 0 calc(70 / 1400 * 100vw); width: calc(710 / 1400 * 100%); }
.ceomid{ max-width: 425px; margin-bottom:calc(70 / 1400 * 100vw);}
.educationmid{ margin-bottom: 50px;}
.ceonameenwrap{margin-bottom:calc(50 / 1400 * 100vw); line-height: 1;}
.ceonameenwrap p { }
.ceonameenwrap p.after { padding-right: 1em;}
.ceonameenwrap p.after:after { content: "/"; top: 0; right: 0.25em; }
.ceonamejpwrap{margin-bottom:calc(80 / 1400 * 100vw);  line-height: 1;}
.ceonamejpwrap p:nth-child(1){ padding-right: 20px;}
.ceotxt { }
.ceotxt p { margin-bottom: 20px;}
.ceotxt p:last-child { margin-bottom: 0;}
.ceoimg{ width: calc(660 / 1400 * 100%);}
.ceoimg > div{ margin-bottom: 10px;}
.ceoimg > div:last-child { margin-bottom: 0 !important; }
@media screen and (max-width: 1300px){
    .ceoul li { align-items: flex-start;}
}    
@media screen and (max-width: 800px){   
    .ceowrap{ padding: 50px 0 0;}
    .ceoul{ margin-bottom: -50px;}
    .ceoul li { margin-bottom: 50px;}
    .ceoul li:nth-child(2n-1){ display: block;}
    .ceotxtwrap{ padding: 0 20px 40px; width: 100%; }
    .ceomid{ max-width: 300px; margin-bottom: 35px;}
    .educationmid{margin-bottom: 20px;}
    .ceonameenwrap{margin-bottom:25px; }
    .ceonamejpwrap{margin-bottom: 40px;}
    .ceonamejpwrap p:nth-child(1){ padding-right: 20px;}
    .ceoimg{ width: 100%;}
} 

.pop-videowrap { padding: 100px 0; max-width: 1000px; width: calc(100% - 80px); margin: 0 auto;}
/* .pop-videowrap video { width: 100%;}
.pop-videowrap.none video { display: none !important; } */

/* whats
==========================================================*/

.kasoumain{}
.whatsmaintxtwrap.centerposi{ text-align: center; line-height: 1; width: 100%;}
.whatsmaintxtwrap p { margin-bottom: 10px;}
.whatsmaintxtwrap .fs19{ margin-top: 20px;}
@media screen and (max-width: 600px){   
    .whatsmaintxtwrap .fs69 { font-size: 9vw;}
    .whatsmaintxtwrap p { margin-bottom: 5px;}
    .whatsmaintxtwrap .fs19{ margin-top: 15px;}
}

.whatswrap{ padding-bottom: 100px; }
p.whatscatch{ padding: 70px 0 50px; }
.whatsul{}
.whatsul li{ padding: 40px 30px; margin-bottom: 10px; width: calc(50% - 5px); background: #fff;}
p.whatsmiden { margin-bottom: 5px;}
p.whatsmidjp{ letter-spacing: 0;}
.whatsul li:nth-last-child(1) p.whatsmidjp,
.whatsul li:nth-last-child(2) p.whatsmidjp { margin-bottom: 20px; }
.whatsimg{}
.whatstxt { margin-top: 50px; line-height: 1.5;}
.whatstxt span { display: inline-block;}
@media screen and (max-width: 800px){   
    .whatswrap{ padding-bottom: 50px; }
    p.whatscatch{ padding: 35px 0; }
    .whatsul li{ padding: 30px 20px;}
    .whatsimg{ width: 120%; margin-left: -10%;}
    .whatstxt { margin-top: 30px; } 
    .whatstxt br { display: none;}
}
@media screen and (max-width: 550px){     
    .whatsul li{ width: 100%;}
}


/* faq
==========================================================*/

.faqwrap{ padding: 100px 0;}
.faqul{}
.faqul li{ margin-bottom: 50px;}
.faqul li:last-child{ margin-bottom: 0 !important;}
dl.accordionlist{}
.accordionlist dt { padding-left: 40px; }
.accordionlist dt:after { content: "Q."; font-size: 32px; top: 0; left: 0;font-family: 'Roboto Condensed', sans-serif; font-weight: 300; line-height: 1; color: #F0072B; position: absolute;}
.accordionlist dt .accordion_txt{ width: calc(100% - 35px); line-height: 1.5; box-sizing: border-box; }
.accordionlist dd { width: calc(100% - 70px); margin: 30px auto 0; display:none;}

/* 開閉参考：https://www.dataplan.jp/blog/css/3127 */
.accordion_icon,
.accordion_icon span { display: inline-block; transition: all .4s; box-sizing: border-box; }
.accordion_icon { position: relative; width: 30px; height: 30px; top: 10px; }
.accordion_icon span { position: absolute; left: 6px; width: 50%; height: 2px; background-color: #F0072B;}
.accordion_icon span:nth-of-type(1) { top: 5px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
.accordion_icon span:nth-of-type(2) { top: 5px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

/*＋、－切り替え*/
.active .accordion_icon span:nth-of-type(1) { display:none;}
.active .accordion_icon span:nth-of-type(2) { top: 5px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

@media screen and (max-width: 800px){ 
    .faqwrap{ padding: 50px 0;}
    .faqul li{ margin-bottom: 25px;}
    .accordionlist dt { padding-left: 25px;}
    .accordionlist dt:after { content: "Q."; font-size: 20px;}
    .accordionlist dt .accordion_txt{ width: calc(100% - 30px); }
    .accordionlist dd { width: calc(100% - 50px); margin: 20px auto 0;}
} 
    


/* company
==========================================================*/

.company01wrap,
.company02wrap{ padding: 100px 0; }
.companydl{}
.companydl dt,
.companydl dd{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd; }
.companydl dt{ width: 140px;}
.companydl dd{ width: calc(100% - 140px);}
.companydl dd:last-child,
.companydl dt:nth-last-child(2){ margin-bottom: 0 !important;}
.company01dl{ padding: 70px 0;}
.companymidwrap{ margin-bottom: 60px;}
.company02dl dt{ width: 170px;}
.company02dl dd{ width: calc(100% - 170px);}
@media screen and (max-width: 800px){ 
    .company01wrap,
    .company02wrap{ padding: 50px 0; }
    .companydl dt,
    .companydl dd{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
    .companydl dt{ padding-bottom:5px; margin-bottom: 0; width: 100%; border: none; }
    .companydl dd{ width: 100%;}
    .company01dl{ padding: 35px 0;}
    .companymidwrap{ margin-bottom: 30px;}
    .company02dl dt{ width: 100%;}
    .company02dl dd{ width: 100%;}
}

.companyslidewrap { padding: 10px 0; }
.companyslideulwrap {display: flex; align-items: center; height: 185px; overflow: hidden; position: relative;}
.companyslideulwrap01 { margin-bottom: 10px;}
.companyslideul { display: flex; }
.companyslideul li { width: 300px; margin-right: 10px; }
.companyslideulwrap01 .companyslideul { animation: loop-slide 30s infinite linear 1s both; }
.companyslideulwrap02 .companyslideul { animation: loop-slide02 30s infinite linear 1s both; right: 0; }
@keyframes loop-slide {
  0% { transform: translateX(0); }
  to { transform: translateX(-100%); }
}
@keyframes loop-slide02 {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@media screen and (max-width: 800px){ 
    .companyslidewrap { padding: 5px 0; }
    .companyslideulwrap01 { margin-bottom: 5px;}
    .companyslideulwrap { height: calc(185px * 0.6);}
    .companyslideul li { width: calc(300px * 0.6); margin-right: 5px; }
}  
    

/* info
==========================================================*/

.infowrap{ padding: 100px 0;}
.infoul{}
.infoul li{ padding: 100px 0; margin-bottom: 60px; }
.infoul li:last-child { margin-bottom: 0 !important;}
.infodatewrap{ margin-bottom: 30px; line-height: 1;}
.infodatewrap .infodate{ margin-right: 20px;}
.infodatewrap .infocat{ padding: 3px 15px; }
.infottl { padding-bottom: 40px; margin-bottom: 50px; border-bottom: 1px solid #ccc; font-weight: bold; line-height: 1.5;}
.infopostwrap{}
.infopostwrap p { margin-bottom: 30px;}
.infopostwrap p:last-child { margin-bottom: 0 !important; } 

.youtubewrap { width: 100%; aspect-ratio: 16 / 9;}
    .youtubewrap iframe { width: 100%; height: 100%; border: 0; }
.infopostwrap .youtubewrap { margin-bottom: 20px;}

@media screen and (max-width: 800px){ 
    .infowrap{ padding: 50px 0; }
    .infoul{}
    .infoul li{ padding: 40px 0; margin-bottom: 20px; }
    .infodatewrap{ margin-bottom: 20px;}
    .infottl { padding-bottom: 20px; margin-bottom: 30px; }
    .infopostwrap p { margin-bottom: 20px;}
    .infopostwrap .youtubewrap { margin-bottom: 10px;}
}



/* contact
==========================================================*/

.kasounomain { height: 380px;}

/* reset */
input,button,select,textarea
{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; border-radius: 0; font: inherit; outline: none; }
textarea { resize: vertical; }
input[type='checkbox'], input[type='radio'] { display: none; }
input[type='submit'],input[type='button'],label,button,select { cursor: pointer; }
select::-ms-expand {display: none;}
::placeholder{ color:#AAECE5; opacity: 1; }

/* ラジオボタン03 */
input[type=radio],
input[type=checkbox]{ display: none; }
.radio03 { box-sizing: border-box; cursor: pointer; display: inline-block; position: relative; width: auto; }
.radio03::before {width: 30px; height:30px; left: 0; top: 0; background: #e8e8e8; border-radius: 50%;content: '';display: block; position: absolute; opacity: 0.5; }
.radio03::after { width: 10px; height: 10px; left: 10px; top: 10px; background: #000; border-radius: 50%; content: ''; display: block; opacity: 0; position: absolute;transform: scale3d(.3,.3,1); transition: transform .2s ease-in-out, opacity .2s ease-in-out; }
input[type=radio]:checked + .radio03::before,
input[type=checkbox]:checked + .radio03::before{ opacity: 1;}
input[type=radio]:checked + .radio03::after,
input[type=checkbox]:checked + .radio03::after{ opacity: 1; transform: scale3d(1,1,1); }

.contactwrap { padding: 80px 0 100px;}
.formtxt { margin-bottom: 60px;}
.formtxt span { color: #F0072B; }
.contactdl { }
.contactdl dt,
.contactdl dd { margin-bottom: 50px; }
.contactdl dt { width: 200px; }
.contactdl dd { width: calc(100% - 200px); }
.contactdl dt p { display: inline-block; position: relative; }
.contactdl dt p.hissu:after { content: "*"; color: #F0072B; position: absolute; top: 0; right: -1.5em;  }
.contactinputw2 > div { width:calc(50% - 5px);}
.contactdl input[type="text"] { height: 70px; padding: 0 20px; font-size: 0.8em; box-sizing: border-box; background: #e8e8e8; border: none; width: 100%; }
.contactform ::placeholder {color: #aaa; }
.radioul { margin-bottom: -10px; margin-left: -50px; line-height: 1; }
.radioul li { margin-bottom: 10px; margin-left: 50px; position: relative; display: flex; align-items: center; }
.radioul li label { padding-left: 35px; width: 100%; height: 30px; line-height: 30px; box-sizing: border-box; display: block;}
.contactbikou { margin: 10px 0;}
.contactform textarea { width: 100%; height: 230px; padding: 20px; line-height: 2;border: none; background: #e8e8e8; }
.contactpritxt { margin-top: 30px; }
.error_box { padding: 30px; margin-top: 30px; line-height: 2; display: none; color: #F0072B; border: 1px solid #F0072B;}
.submitbtn{ width: 300px; height: 60px; margin: 60px auto 0; }
.submitbtn:after { width: 22px; height: 19px; top: calc(50% - 9px); left: calc(50% + 60px); background: url(../images/common/yaji-w.png) no-repeat; background-size: cover;}
.submitbtn:hover:after { left: calc(50% + 70px); } 
.submitbtn input[type='submit']{ width: 100%; height: 100%; top: 0; left: 0; position: absolute; cursor: pointer;letter-spacing: 0.5em; }
@media screen and (max-width: 800px){ 
    .kasounomain { height: 160px;}
    .contactwrap { padding: 40px 0 50px;}
    .formtxt { margin-bottom: 30px;}
    .contactdl { }
    .contactdl dt { width: 100%; margin-bottom: 10px; }
    .contactdl dd { width: 100%; margin-bottom: 20px; }
    .contactinputw2 > div { width: 100%; margin-bottom: 5px}
    .contactdl input[type="text"] { height: 50px; padding: 0 10px; }
    .radioul { display: block}
    .douiwrap { margin-top: 10px;}
    .douiwrap .radioul { display: flex;}
    .radio03::before {width: 20px; height:20px; }
    .radio03::after { width: 8px; height: 8px; left: 6px; top: 6px;  }
    .radioul li label { padding-left: 20px; height: 20px; line-height: 20px;}
    .contactform textarea {height: 230px; padding: 10px; }
    .contactpritxt { margin-top: 30px; }
    .error_box { padding: 20px 10px; margin-top: 20px;}
    .submitbtn{ width: 240px; height: 50px; margin: 40px auto 0; }
    .submitbtn:after { width: calc(22px * 0.8); height: calc(19px * 0.8); top: calc(50% - 6px); left: calc(50% + 40px); }
    .submitbtn:hover:after { left: calc(50% + 50px); }
}    
 
.thanksmid { line-height: 1.5; margin-bottom: 40px; }
.thankstxt { margin-bottom: 20px; }
@media screen and (max-width: 600px){ 
    .thankstxt br { display: none }
}



/* privacy
==========================================================*/

.privacywrap { padding-bottom: 100px; }
.privacymid { margin: 100px 0 60px; font-weight: bold;border-bottom: 4px solid #F0072B; display: inline-block;}
.privacydl {}
.privacydl dt { margin-bottom: 20px; font-weight: bold;}
.privacydl dd { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dotted #ccc;}
.privacydl dd .bg-g { padding: 20px;} 
.privacyul li { position: relative; padding-left: 1em;}
.privacyul li:after { content: "・"; top: 0; left: 0; position: absolute;}
@media screen and (max-width: 800px){ 
    .privacywrap { padding-bottom: 50px; }
    .privacymid { margin: 50px 0 30px;}
    .privacydl dt { margin-bottom: 10px;}
    .privacydl dd { padding-bottom: 20px; margin-bottom: 20px;}
    .privacydl dd .bg-g { padding: 15px;}
}



/* career
==========================================================*/

.careermidwrap { margin-top: 80px; padding: 30px; border: 1px solid #F0072B; }
.careermidwrap .fs28 { }
.careermidwrap .fs15 { }
.careerflowbottom { margin-top: 50px; padding: 30px;}
@media screen and (max-width: 800px){ 
    .careermidwrap { margin-top: 40px; padding: 20px;}
    .careerflowbottom { margin-top: 25px; padding: 20px;}
}