@charset "utf-8";

/** |READ ME| **********************************************************************************************************

"Common"

Cascading Style Sheet Setting File

Ver.20160904

------------------------------------------------------------------------------------------------------------------------

01. Reset
02. Common
03. Header
04. PageTop
05. Footer
06. Print
07. MainVisual
08. Content

********************************************************************************************************** |READ ME| **/

/** |01. Reset | >> ********************************************************************************* >> START **/

*{margin:0;padding:0;list-style:none;}
table {border-collapse:collapse;border-spacing:0;border:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
em{font-style:normal;font-weight:bold;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a img {border:none;outline:none;}
a.blank:before{content:" ";display:inline-block;margin:0 5px 0 0;width:10px;height:10px;background-image:url(/recruit/midcareer/img/common/ico_cmn_blank.png);background-size:10px 10px;background-repeat:no-repeat;}
img {border:none;font-size:0;line-height:0;vertical-align:bottom;}
iframe{margin:0px;padding:0px;border:none;}
html{width:100%;height:100%;}
body{width:100%;height:100%;text-align:center;letter-spacing:.1em;font-size:14px;line-height:150%;color:#333333;font-family:"游ゴシック体", "Yu Gothic",'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ,arial, helvetica, sans-serif;}
.triger{width:1px;height:1px;position:absolute;top:0;left:50%;}
.triger.full{height:100%;}
.slideup{opacity:0;transform:translateY(30px);transition:0.6s ease-in-out;}
.slideup.animate{opacity:1;transform:translateY(0);}
.slideleft{opacity:0;transform:translateX(-30px);transition:0.6s ease-in-out;}
.slideleft.animate{opacity:1;transform:translateX(0);}
.slideright{opacity:0;transform:translateX(30px);transition:0.6s ease-in-out;}
.slideright.animate{opacity:1;transform:translateX(0);}
.opneSans{font-family:'Open Sans', sans-serif;font-weight:bold;}

/** |01. Reset | << ********************************************************************************* << END **/

/** |02. Common | >> ********************************************************************************* >> START **/

a{color:#333333;text-decoration:none;}
a:hover{text-decoration:none;opacity:0.7;transition:0.3s ease-in-out;}
.frame{position:relative;margin:0 auto;padding:0;text-align:left;}
.frame:after{content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.frame.full{padding:0 20px;width:1140px;}
.bgClr{min-width:1180px;}
.pcBlock{display:block !important;}
.spBlock{display:none !important;}
.pcInline{display:inline !important;}
.spInline{display:none !important;}
#Analytics{width:0;height:0;overflow:hidden;visibility:hidden;}
.subcatch{letter-spacing:0.1em;}
@media (max-width:640px) {
	body{padding:60px 0 0;}
	.frame.full{padding:0;width:auto;}
	.bgClr{min-width:0;}
	.pcBlock{display:none !important;}
	.spBlock{display:block !important;}
	.pcInline{display:none !important;}
	.spInline{display:inline !important;}
}

/** |02. Common | << ********************************************************************************* << END **/

/** |03. Header | >> ********************************************************************************* >> START **/

#Header{position:relative;z-index:100;}
#Header .headerWrap{position:fixed;top:0;left:0;width:100%;z-index:1000;}
#Header .logo{position:absolute;top:45px;left:30px;z-index:1001;letter-spacing:-0.4em;}
#Header .logo .log{line-height:29px;display: inline-block;letter-spacing:0;}
#Header .logo .jp{color:#000;line-height:29px;font-size:13px;display: inline-block;padding:0 0 0 20px;letter-spacing:0;}
#Header .logo img{width:100%;height:auto;;display: block;margin: auto;}
#Header .logo a{color:#333;position: relative;display: block;}
#Header .logo a .log {
padding: 0px 30px 0 0;
height: auto;
width: 130px;
border-right: 1px #ccc solid;
display: block;
box-sizing: border-box;
float: left;
}
#Header .logo a img.pc-log {}
#Header .logo a img.sp-log {display: none!important;}
#Header .logo a .jp {
height: auto;
display: block;
font-size: 16px;
font-weight: bold;    
display: block;
float: left;
padding: 10px 0 0 30px;
box-sizing: border-box;
}
#Header .logo a .jp.pc-whi {color: #fff;}
#Header .logo a .jp.pc-bla {color: #333;}
#Header .menuBtn{position:absolute;top:20px;right:20px;background:#FF0000;width:80px;height:80px;transition:opacity 0.3s ease-in-out;z-index:1003;}
#Header .menuBtn:hover{opacity:0.7;}
#Header .menuBtn .menuBtnIco{position:absolute;top:27px;left:20px;width:40px;height:25px;}
#Header .menuBtn .menuBtnIco .menuBtnIcoLine01{position:absolute;top:0;left:0;width:100%;height:2px;display:block;background:#fff;transition:0.3s ease-in-out;}
#Header .menuBtn .menuBtnIco .menuBtnIcoLine02{position:absolute;top:50%;left:50%;width:100%;height:2px;display:block;background:#fff;transform:translate(-50%,-50%);transition:0.3s ease-in-out;}
#Header .menuBtn .menuBtnIco .menuBtnIcoLine03{position:absolute;bottom:0;left:0;width:100%;height:2px;display:block;background:#fff;transition:0.3s ease-in-out;}
#Header .menuBtn.close .menuBtnIco .menuBtnIcoLine01{transform:rotate(45deg);top:11px;}
#Header .menuBtn.close .menuBtnIco .menuBtnIcoLine02{width:0;}
#Header .menuBtn.close .menuBtnIco .menuBtnIcoLine03{transform:rotate(-45deg);bottom:11px;}
#Header .form{position:absolute;top:20px;right:100px;z-index:1004;}
#Header .form a{display:block;width:180px;height:80px;line-height:80px;background-color:#222222;text-align:center;color:#fff;font-size:18px; font-weight: bold; letter-spacing: 0.2em;}
#Header .globalNavi .pulldown{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffffff;z-index:1002;display:none;opacity:0;}
#Header .globalNavi .pulldownImg{width:45%;height:100vh;position:absolute;top:0;left:0;}
#Header .globalNavi .scrollWrap{width:55%;min-width:600px;height:100vh;position:absolute;top:0;right:0;background:#fff;}
#Header .globalNavi .pulldown .categoryWrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;}
#Header .globalNavi .pulldown .categoryList{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 0 20px;}
#Header .globalNavi .pulldown .categoryList li:first-child{width:100%;}
#Header .globalNavi .pulldown .categoryList li{width:30%;padding:30px 0;}
#Header .globalNavi .pulldown .categoryList li:nth-child(2n){width:70%;}
#Header .globalNavi .pulldown .linkList{text-align:left;}
#Header .globalNavi .pulldown .linkList .toppage{font-weight:bold;font-size:24px;letter-spacing:0.1em;}
#Header .globalNavi .pulldown .linkList .toppage .en{color:#ED1B23;display:block;font-size:12px;padding:0 0 10px;letter-spacing:0.08em;line-height:1;}
#Header .globalNavi .pulldown .linkList dt{font-weight:bold;font-size:24px;letter-spacing:0.1em;}
#Header .globalNavi .pulldown .linkList dt .en{color:#ED1B23;display:block;font-size:12px;padding:0 0 10px;letter-spacing:0.08em;line-height:1;}
#Header .globalNavi .pulldown .linkList dd{display:none;}
#Header .globalNavi .pulldown .categoryFot{border-top:#ccc solid 1px;padding:40px 0 0 0;text-align: left;}
#Header .globalNavi .pulldown .categoryFot li{padding:0 0 20px;}
@media  (max-width:640px) {
	#Header .headerWrap{height:60px;background:#fff;box-sizing: border-box;border-bottom: 1px #ccc solid;}
	#Header.top .headerWrap{background:transparent;border-bottom:none;}
	#Header .logo{position:absolute;top:0;left:0;z-index:1001;width:calc(100% - 150px);padding:12px 0 0;}
	#Header .logo img{width:160px;height:auto;}
	#Header .logo .log{display:block;line-height: 1;}
	#Header .logo .jp{font-size:10px;display:block;padding:0;line-height:15px;}
    #Header .logo img{width:90px;}
#Header .logo a .log {
padding: 0px 20px 0 10px;
height: auto;
width: 120px;
border-right: 1px #ccc solid;
display: block;
box-sizing: border-box;
float: left;
}
#Header .logo a img.pc-log {display: none!important;}
#Header .logo a img.sp-log {display: block!important;}
#Header .logo a .jp {
font-size: 12px;
padding: 15px 0 0 20px;
}
#Header .logo a .jp.sp-whi {color: #fff!important;}
#Header .logo a .jp.sp-bla {color: #333!important;}

	#Header .menuBtn{width:60px;height:60px;top:0;right:0;}
	#Header .menuBtn .menuBtnIco{position:absolute;top:20px;left:16px;width:28px;height:18px;}
	#Header .menuBtn.close .menuBtnIco .menuBtnIcoLine01{transform:rotate(45deg);top:8px;}
	#Header .menuBtn.close .menuBtnIco .menuBtnIcoLine03{transform:rotate(-45deg);bottom:8px;}
	#Header .form{right:60px;top:0px;}
	#Header .form a{width:90px;height:60px;line-height:60px;font-size:13px;}
	#Header .globalNavi .pulldownImg{display:none;}
	#Header .globalNavi .scrollWrap{width:100%;overflow-y:auto;min-width:0;height:100vh;}
	#Header .globalNavi .pulldown .categoryWrap{position:relative;top:auto;left:auto;transform:none;width:100%;box-sizing:border-box;padding:60px 30px 30px 30px;}
	#Header .globalNavi .pulldown .categoryList li{width:100%;padding:15px 0;}
	#Header .globalNavi .pulldown .categoryList li:nth-child(2n){width:100%;}
	#Header .globalNavi .pulldown .linkList .toppage{font-size:20px;letter-spacing:0.02em;}
	#Header .globalNavi .pulldown .linkList .toppage .en{font-size:10px;padding:0 0 5px;letter-spacing:0.08em;}
	#Header .globalNavi .pulldown .linkList dt{font-size:20px;letter-spacing:0.02em;}
	#Header .globalNavi .pulldown .linkList dt .en{font-size:10px;padding:0 0 5px;letter-spacing:0.08em;}
	#Header .globalNavi .pulldown .categoryFot{padding:30px 0 20px;}
	#Header .globalNavi .pulldown .categoryFot li{padding:0 0 10px;font-size:13px;}
}
/** |03. Header | << ********************************************************************************* << END **/

/** |04. PageTop | >> ********************************************************************************* >> START **/

#PageTop{position:relative;width:100%;z-index:3;opacity:0;}
#PageTop.fix{position:fixed;bottom:0;right:0;}
#PageTop a{position:absolute;display:block;bottom:10px;right:0;width:50px;height:50px;}
#PageTop .frame.full{width:auto;padding:0;margin:0 10px;}
@media  (max-width:640px) {
	#PageTop{position:fixed;bottom:0;right:0;}
	#PageTop a{right:10px;}
	#PageTop .frame.full{width:auto;padding:0;margin:auto;}
}

/** |04. PageTop | << ********************************************************************************* << END **/

/** |05. Footer | >> ********************************************************************************* >> START **/

#Footer{min-width:1180px;}
#Footer .pankuzu{background:#F7F7F7;}
#Footer .pankuzuList{text-align:left;padding:30px 0;line-height:1;}
#Footer .pankuzuList li{position:relative;padding:0 30px 0 0;letter-spacing:-0.4em;letter-spacing:0;display:inline-block;line-height:1;}
#Footer .pankuzuList li::after{content:">";display:block;position:absolute;top:0;right:8px;}
#Footer .pankuzuList li:last-child::after{content:none}
#Footer .pankuzuList li a{text-decoration:underline;opacity:1;}
#Footer .pankuzuList li a:hover{text-decoration:none;opacity:1;}
#Footer .entry{background:#ED1B23;background-size:cover;padding:120px 0 90px;}
#Footer .entry .btn{position:relative;padding:28px 0 0;width:450px;height:80px;margin:0 auto;display:block;color:#fff;font-size:24px;font-weight:bold;box-sizing:border-box;background:#222;}
#Footer .entry .btn::before{content:" ";display:block;position:absolute;right:30px;top:50%;width:6px;height:6px;border-top:2px solid #ffffff;border-right:2px solid #ffffff;transform:rotate(45deg);margin:-4px 0 0 0;}
#Footer .entry .btn::after{content:" ";display:block;position:absolute;right:30px;top:50%;margin:-1px 0 0 0;height:2px;width:10px;background:#ffffff;}
#Footer .entryList{letter-spacing:-0.4em;padding:40px 0 0;color:#fff;}
#Footer .entryList .text{display:block;letter-spacing:0.01em;text-align:center;font-weight:bold;font-size:14px;line-height:1.7;padding:0 0 15px 0;}
#Footer .entryList .text .txt01{display:inline-block;vertical-align:top;padding:0 10px;}
#Footer .entryList .text .txt02{display:inline-block;vertical-align:top;padding:0 10px;}
#Footer .entryList .tel{display:block;letter-spacing:0.01em;font-size:30px;font-weight:bold;line-height:1;}
#Footer .entryList .tel a{pointer-events:none;}
#Footer .entryList .tel img{width:340px;height:auto;}
#Footer .navi{padding:30px 0;}
#Footer .navi .tit{float:left;padding:30px 0 0;width:350px;height:100px;border-right:1px #ccc solid;box-sizing:border-box;}
#Footer .navi .tit img{width:170px;height:auto;}
#Footer .navi .tit .log{display:block;text-align:center;display:block;width:170px;}
#Footer .navi .tit .jp{display:block;text-align:center;font-size:12px;display:block;width:170px;}

#Footer .navi .tit .log{padding:0 30px 0 0;height:auto;width: 160px;border-right:1px #ccc solid;display:block;box-sizing:border-box;float:left;}
#Footer .navi .tit img{width:130px;height:auto;display:block;}
#Footer .navi .tit .jp{height:auto;display:block;font-size: 16px;font-weight: bold;display:block;float:left;padding:17px 0 0 30px;box-sizing:border-box;}

#Footer .navi .naviList{float:left;width:calc(100% - 350px);box-sizing:border-box;padding:40px 0 0 50px;text-align:left;}
#Footer .navi .naviList li{display:inline-block;padding:0 30px 0 0;font-weight:bold;}
#Footer .subFooter{background-color:#f5f5f5;letter-spacing:-0.4em;}
#Footer .subFooter,#Footer .subFooter a,#Footer .subFooter a:hover{text-decoration:none;}
#Footer .subFooter ul{padding:30px 15px;text-align:center;}
#Footer .subFooter li{display:inline-block;position:relative;padding:0 40px;font-size:13px;font-weight:normal;letter-spacing:0.1em;}
#Footer .subFooter li:nth-child(2)::before{content:" ";display:block;position:absolute;top:0;left:0;background:#E6E6E6;height:24px;width:1px;}
#Footer .subFooter li:nth-child(3)::before{content:" ";display:block;position:absolute;top:0;left:0;background:#E6E6E6;height:24px;width:1px;}
#Footer .subFooter li:nth-child(4)::before{content:" ";display:block;position:absolute;top:0;left:0;background:#E6E6E6;height:24px;width:1px;}
#Footer .corpFooter .corpList{padding:30px 0;}
#Footer .corpFooter .corpList::after{content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#Footer .corpFooter .corpList li:nth-child(1){float:left;font-size:12px;margin:0 40px 0 0;}
#Footer .corpFooter .corpList li:nth-child(2){float:left;font-size:12px;}
#Footer .corpFooter .corpList li:nth-child(3){display:none;}
#Footer .corpFooter .corpList li:nth-last-child(1){float:right;font-size:12px;}
@media  (max-width:640px) {
	#Footer{min-width:0;}
	#Footer .pankuzuList{text-align:left;padding:15px 15px 10px;}
	#Footer .pankuzuList li{font-size:12px;padding:0 20px 5px 0;}
	#Footer .pankuzuList li::after{right:4px;}
	#Footer .entry{padding:40px 15px;}
	#Footer .entry .btn{padding:20px 0;width:100%;max-width:280px;height:auto;font-size:16px;}
	#Footer .entry .btn::before{right:15px;}
	#Footer .entry .btn::after{right:15px;}
	#Footer .entryList{padding:20px 0 0;}
	#Footer .entryList .text{display:block;text-align:center;padding:0 0 5px;font-size:13px;}
	#Footer .entryList .text .txt01{display:block;padding:0;}
	#Footer .entryList .text .txt02{display:block;padding:0;}
	#Footer .entryList .tel img{max-width:220px;width:100%;height:auto;}
	#Footer .entryList .tel a{pointer-events:auto;}
	#Footer .navi{padding:0;}
    
    #Footer .navi .tit{float:none;padding:30px 0 0;width:auto;height:auto;border-right:none;text-align:center;display: table;margin: auto;}
	#Footer .navi .tit img{width:100%;height:auto;}
	#Footer .navi .tit .log{margin:auto;text-align:center;display:block;width:170px;height:auto;float:none;border-right:none;padding:0;}
	#Footer .navi .tit .jp{margin:auto;float:none;width:170px;height:auto;padding:0;}
    #Footer .navi .tit .log{padding:0 20px 0 0;height:auto;width: 120px;border-right:1px #ccc solid;display:block;box-sizing:border-box;float:left;}
    #Footer .navi .tit img{width:100px;height:auto;display:block;}
    #Footer .navi .tit .jp{height:auto;display:block;font-size: 12px;font-weight: bold;display:block;float:left;padding:14px 0 0 20px;box-sizing:border-box;width: auto;}
    
	#Footer .navi .naviList{float:none;width:auto;padding:0;text-align:left;padding:40px 30px 15px;}
	#Footer .navi .naviList li{position:relative;display:block;padding:0 0 0 25px;font-weight:bold;font-size:16px;font-weight:bold;margin:0 0 25px;letter-spacing:0;}
	#Footer .navi .naviList li::before{content:" ";display:block;width:12px;height:2px;background:#333;position:absolute;top:50%;left:0;margin:-1px 0 0;}
	#Footer .navi .naviList li a{display:block;padding:0;line-height:1;}
	#Footer .navi .corpList{position:relative;;bottom:auto;right:auto;text-align:left;padding:15px 15px 10px;}
	#Footer .navi .corpList li{display:block;padding:0 0 5px 0;font-size:12px;}
	#Footer .subFooter ul{padding:20px 0;display:flex;flex-direction:row;flex-wrap:wrap;}
	#Footer .subFooter li{margin:0;font-size:10px;width:33.33%;padding:0;box-sizing:border-box;font-size:13px;}
	#Footer .subFooter li a{color:#555;}
	#Footer .subFooter li a:hover{color:#555;}
	#Footer .subFooter li:nth-child(2)::before{height:40px;}
	#Footer .subFooter li:nth-child(3)::before{height:40px;}
	#Footer .corpFooter .corpList{padding:20px;}
	#Footer .corpFooter .corpList li:nth-child(1){float:none;font-size:12px;margin:0 0 5px 0;}
	#Footer .corpFooter .corpList li:nth-child(2){float:none;font-size:12px;margin:0 0 30px 0;}
	#Footer .corpFooter .corpList li:nth-child(3){display:none;}
	#Footer .corpFooter .corpList li:nth-child(3) .log{display:block;text-align:center;display:block;}
	#Footer .corpFooter .corpList li:nth-child(3) .log img{width:170px;height:auto;margin:auto;}
	#Footer .corpFooter .corpList li:nth-child(3) .jp{text-align:center;font-size:12px;display:block;color:#000;}
	#Footer .corpFooter .corpList li:nth-last-child(1){float:none;font-size:12px;text-align:center;padding:30px 0 0;}
}

/** |07. Footer | << ********************************************************************************* << END **/

/** |06. Print | >> ********************************************************************************* >> START **/

@media print{
	#Header,#Footer{display:none;}
}

/** |06. Print | << ********************************************************************************* << END **/

/** |07. MainVisual | >> ********************************************************************************* >> START **/

#MainVisual{min-width:1180px;background-repeat:no-repeat;background-position:center;background-size:cover;}
#MainVisual .frame{min-height:420px;}
#MainVisual .MainVisualTit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;line-height:1.3;text-align: center;color:#ffffff;font-weight:bold;letter-spacing:0.15em;line-height:1;text-shadow:0px 0px 6px rgba(0,0,0,0.8);white-space:nowrap;}
@media (max-width:640px){
	#MainVisual{min-width:0;min-height:200px;}
	#MainVisual .frame{min-height:200px;}
	#MainVisual .MainVisualTit{font-size:25px;}
}

/** |07. MainVisual | << ********************************************************************************* << END **/

/** |08. Content | >> ********************************************************************************* >> START **/
.dl-loc-list li {margin-bottom: 10px;}
#ContentMain{min-width:1180px;position:relative;overflow:hidden;}
#ContentMain .ballAnime{z-index:0;position:absolute;top:100px;left:-80px;width:560px;height:500px;border-radius:0;animation-name:verticalAct;animation-duration:15s;animation-iteration-count:infinite;animation-timing-function:swing;}
#ContentMain .ballAnime.right{left:auto;right:-80px;}
#ContentMain .ballAnime.right.mt-100{left:auto;right:-80px;top:-100px;animation-name:verticalMt-100Act;animation-duration:15s;animation-iteration-count:infinite;animation-timing-function:swing;}
#ContentMain .ballAnime.right.btm{left:auto;right:-80px;top:auto;bottom:0;animation-name:verticalBtmAct;animation-duration:15s;animation-iteration-count:infinite;animation-timing-function:swing;}
#ContentMain .ballAnimeInner{position:absolute;top:0;left:0;width:560px;height:500px;animation-name:circleAct;animation-duration:8s;animation-iteration-count:infinite;animation-timing-function:linear;}
#ContentMain .ballAnimeInner::before{position:absolute;top:0;left:0;width:500px;height:500px;content:" ";display:block;background-color:#ED1B23;border-radius:50%;}
@keyframes verticalAct{0% {top:100px;}50%{top:150px;}100%{top:100px;}}
@keyframes verticalActSp{0% {top:20px;}50%{top:40px;}100%{top:20px;}}
@keyframes verticalBtmAct{0% {bottom:0;}50%{bottom:50px;}100%{bottom:0;}}
@keyframes verticalBtmActSp{0% {bottom:20px;}50%{bottom:40px;}100%{bottom:20px;}}
@keyframes verticalMt-100Act{0% {top:-100px;}50%{top:-150px;}100%{top:-100px}}
@keyframes verticalMt-100ActSp{0% {top:-40px;}50%{top:-20px;}100%{top:-40px;}}
@keyframes circleAct{0% {transform:rotate(0);}100%{transform:rotate(360deg);}}
#ContentMain .subcatch{padding:80px 0;text-align:center;font-size:30px;line-height:180%;font-weight:bold;letter-spacing:0.1em;}
#ContentMain .subtext{padding:80px 0;text-align:center;font-size:15px;line-height:2;}
#ContentMain .subcatch + .subtext{margin:-160px auto 0;}
#ContentMain .bnrTopInner{text-align:center;padding:0 0 120px;}
#ContentMain .bnrTopInner.bnrTopIntro{padding:80px 0 0;}
#ContentMain .bnrTopInner.bnrTopFot{padding:0 0 120px;}
#ContentMain .bnrTopInner .bnrTopPc{display:inline;max-width:760px;width:100%;}
#ContentMain .bnrTopInner .bnrTopSp{display:none;max-width:640px;width:100%;}
@media (max-width:640px){
	#ContentMain{min-width:0;}
	#ContentMain .ballAnime{min-width:0;top:20px;left:-40px;width:170px;height:150px;animation-name:verticalActSp;animation-duration:15s;animation-iteration-count:infinite;animation-timing-function:swing;}
	#ContentMain .ballAnime.right{left:auto;right:-40px;}
	#ContentMain .ballAnime.right.mt-100{left:auto;right:-40px;top:auto;top:-40px;animation-name:verticalMt-100ActSp;animation-duration:15s;animation-iteration-count:infinite;animation-timing-function:swing;}
	#ContentMain .ballAnime.right.btm{left:auto;right:-40px;top:auto;bottom:0;animation-name:verticalBtmActSp;animation-duration:15s;animation-iteration-count:infinite;animation-timing-function:swing;}
	#ContentMain .ballAnimeInner{width:170px;height:150px;}
	#ContentMain .ballAnimeInner::before{width:150px;height:150px;}
	#ContentMain .subcatch{padding:30px 15px;font-size:20px;}
	#ContentMain .subtext{padding:30px 15px;line-height:180%;font-size:13px;}
	#ContentMain .subcatch + .subtext{margin:-60px auto 0;}
	#ContentMain .bnrTopInner{padding:0 15px 60px;}
	#ContentMain .bnrTopInner.bnrTopIntro{padding:30px 15px 0;}
	#ContentMain .bnrTopInner.bnrTopFot{padding:0 15px 30px;}
	#ContentMain .bnrTopInner .bnrTopPc{display:none ;}
	#ContentMain .bnrTopInner .bnrTopSp{display: inline;}
}

/** |08. Content | << ********************************************************************************* << END **/