@charset "utf-8";
/* CSS Document */



/* ==============================================
font
============================================== */

@font-face {
font-family: "BebasNeue";
font-style: normal;
src: url('../font/BebasNeue-Regular.woff') format('woff');
font-weight: 300;
}



/* ==============================================
setting
============================================== */

body{
}
* {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,p,table,th,td,dl,dt,dd,ul,li {
font-family:"SST W55 Regular";
font-size: 14px;
line-height: 28px;
font-weight: normal;
letter-spacing: 1px;
margin:0;
padding:0;
color:#000;
}
h1,h2,h3,h4,h5,div,table,th,td,dl,dt,dd,ul,li,p,a,strong,span {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.en h1,.en h2,.en h3,.en h4,.en h5,.en p,.en th,.en td,.en dt,.en dd,.en li,.en a {
letter-spacing: 0!important;
}
img {
border:none;
vertical-align:top;
width: 100%;
height: auto;
}
table {
border-collapse:collapse;
border-spacing:0;
}
ul {
list-style:none;
}
ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html ul { display:inline-block; }
*:first-child+html ul { display:inline-block; }

a:link {color:#3c64ff; text-decoration:underline;}
a:visited {color:#3c64ff; text-decoration:none;}
a:hover {color:#3c64ff; text-decoration:none;}
a:active {color:#3c64ff; text-decoration:none;}



.center{
text-align: center;
}
.left{
text-align: left;
}
.right{
text-align: right;
}



.pc{
display:none!important;
}



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

header{
background: #000000;
position: relative;
}
header div{
}
header a{
text-decoration: none!important;
}
header h1{
color: #FFF;
}
header h1 span{
display: block;
font-size: 13px;
letter-spacing: 0;
color: #FFF;
margin: -4px 0 0 0;
}
header p{
color: #FFF;
text-align: center;
height: 50px;
}
header p img{
width: auto;
height: 12px;
margin: 19px 0 0 0;
}
header p:nth-child(2){
font-size: 13px;
line-height: 13px;
letter-spacing: 0;
text-align: left;
border-top: 1px solid #323232;
}
.en header p:nth-child(2){
font-size: 15px;
line-height: 15px;
padding: 7px 0 0 0;
}
header p span{
display: block;
font-size: 10px;
line-height: 10px;
color: #FFF;
margin: 5px 0 0 0;
}
header p a{
color: #FFF!important;
display: block;
padding: 9px 0 12px 10px;
}



header .menu{
position: fixed;
top:0;
right: 0;
z-index: 9999;
display: block;
text-indent: -9999px;
}
header .menu a{
width: 50px;
height: 50px;
display: block;
}
header .menu span{
width: 20px;
display: block;
border-top: 1px solid #ccc;
position: absolute;
top:19px;
left: 15px;
}
header .menu span::before{
content: " ";
width: 20px;
display: block;
border-top: 1px solid #ccc;
position: absolute;
top:-7px;
left: 0;
}
header .menu span::after{
content: " ";
width: 20px;
display: block;
border-top: 1px solid #ccc;
position: absolute;
top:5px;
left: 0;
}



header .menu.on span{
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
header .menu.on span::before{
top:-1px;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}
header .menu.on span::after{
display: none;
}



header .menu .open{
display: block;
}
header .menu .close{
display: none;
}
header .menu.on .open{
display: none;
}
header .menu.on .close{
display: block;
}



header nav{
width: 300px;
height: 100%;
position: fixed;
top:0;
right: -150%;
background: #FFF;
z-index: 9998;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
overflow-y: scroll;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
header nav.on{
right: 0;
}
header nav p{
color: #FFF;
text-align: left;
height: 50px;
}
header nav p img{
width: 230px;
height: auto;
margin: 0 0 0 0;
}
header nav p a{
padding: 19px 0 4px 20px;
}
header nav ul li{
border-top: 1px solid #f5f5f5;
}
header nav ul li:first-child{
display: none;
}
header nav ul li a{
font-size: 15px;
display: block;
padding: 12px 20px 15px 20px;
color: #000!important;
text-decoration: none!important;
}
header nav ul li.menu-99{
text-align: right;
}



header nav ul li ul{
display: inherit!important;
margin: -8px 0 0 0;
padding: 0 0 14px 0;
}
header nav ul li ul li{
border-top: none;
line-height: 28px;
}
header nav ul li ul li:first-child{
display: inherit;
}
header nav ul li ul li a{
font-size: 13px;
padding: 0 0 0 36px;
}



/* ==============================================
main
============================================== */

main{
border-bottom: 1px solid #ebebeb;
padding: 0 0 70px 0;
}
main .inner{
padding: 0 20px;
position: relative;
}
main .inner:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html main .inner { display:inline-block; }
*:first-child+html main .inner { display:inline-block; }

#site-root{
display: none;
}



section.common h2{
font-size: 18px;
line-height: 24px;
text-align: center;
background: #fafafa;
padding: 16px 0 20px 0;
margin: 50px 0 0 0;
border: 1px solid #ebebeb;
}
section.common h3{
font-size: 18px;
line-height: 24px;
border-top: 1px solid #ebebeb;
letter-spacing: 2px;
margin: 50px 0 0 0;
padding: 35px 0 0 0;
}
section.common h4{
font-family: "SST W55 Bold";
font-size: 16px;
line-height: 24px;
padding: 40px 0 0 0;
margin: 0 0 -15px 0;
}
section.common h5{
}
section.common p{
padding: 25px 0 0 0;
}
section.common ul{
padding: 25px 0 0 0;
}
section.common ul li{
text-indent: -20px;
margin: 0 0 0 20px;
}
section.common ol{
padding: 25px 0 0 20px;
}
section.common ol li{
}
section.common ol li ol{
padding: 0 0 0 20px;
}
section.common ol li ol li{
}
section.common ol li ol li ol{
padding: 0 0 0 20px;
}
section.common ol li ol li ol li{
list-style-type: upper-alpha;
}
section.common ol li ol li ol li ol li{
list-style-type: lower-alpha;
}
section.common table{
margin: 20px 0 20px 0;
border-top: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
width: 100%;
}
section.common table th{
font-size: 14px;
line-height: 22px;
border-right: 1px solid #e6e6e6;
text-align: left;
vertical-align: top;
padding: 8px 13px 10px 13px;
display: block;
background: #fafafa;
}
section.common table td{
font-size: 14px;
line-height: 22px;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
padding: 8px 13px 10px 13px;
display: block;
}



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

footer{
padding: 0 20px 60px 20px;
position: relative;
}
footer a{
color: #000!important;
text-decoration: none!important;
}
footer p{
padding: 60px 0 20px 0;
}
footer p img{
width: 290px;
}



footer nav{
border-bottom: 1px solid #f5f5f5;
}
footer nav ul{
}
footer nav ul li{
border-top: 1px solid #f5f5f5;
}
footer nav ul li span{
display: block;
}
footer nav ul li a{
font-size: 15px;
display: block;
padding: 12px 0 15px 0;
}
footer nav ul li ul{
float: left;
margin: -12px 20px 0 0;
padding: 0 0 14px 0;
}
footer nav ul li ul:last-child{
margin: -12px 0 0 0;
}
footer nav ul li ul li{
border-top: none;
line-height: 32px;
}
footer nav ul li ul li a{
font-size: 13px;
padding: 0;
}
footer nav:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html footer nav { display:inline-block; }
*:first-child+html footer nav { display:inline-block; }



footer nav ul.menu-01{
}
footer nav ul.menu-02{
}
footer nav ul.menu-02 li ul{
}
footer nav ul.menu-03{
}
footer nav ul.menu-04{
}
footer nav ul.menu-02{
}
footer nav ul.menu-02 li ul{
}
footer nav ul.menu-03{
}
footer nav ul.menu-02 li ul{
}



footer .bottom{
padding: 20px 0 0 0;
}
footer .bottom li{
margin: 5px 0 0 0;
}
footer .bottom li a{
font-size: 12px;
line-height: 12px;
display: block;
background: #000000;
color: #FFF!important;
border-radius: 50px;
padding: 6px 15px 7px 15px;
}
footer .bottom li a img{
width: 6px;
vertical-align: middle;
margin: -2px 4px 0 0;
}
footer .bottom li:first-child a{
background: #f0f0f0;
color: #000!important;
}



footer .copy{
font-size: 10px;
line-height: 10px;
letter-spacing: 0;
padding: 40px 0 0 0;
text-align: center;
}
footer .page-top{
position: fixed;
bottom:0;
right: 0;
padding: 0;
}
footer .page-top a{
display: block;
background: #fafafa;
width: 40px;
height: 40px;
text-align: center;
}
footer .page-top a img{
width: 15px;
margin: 15px 0 0 0;
}



/* ==============================================
#page-index
============================================== */

#page-index{
}



#page-index #introduction{
overflow: hidden;
position: relative;
}

#page-index #introduction .bg{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
background: url(../../images/tp_intr_bg_sp.jpg) bottom;
background-size: 100% auto;
}

#page-index #introduction div{
padding: 0 30px 35px 30px;
position: relative;
z-index: 101;
}
#page-index #introduction h2{
font-family:"SST W55 Light";
font-size: 24px;
line-height: 40px;
letter-spacing: 2px;
padding: 50px 0 0 0;
}
#page-index.en #introduction h2{
font-size: 20px;
line-height: 40px;
}
#page-index #introduction .button{
padding: 102% 0 0 0;
}
#page-index #introduction .button a{
font-size: 16px;
line-height: 16px;
text-decoration: none;
border: solid 2px #3c64ff;
border-radius: 4px;
padding: 10px 0 15px 0;
display: block;
text-align: center;
background: #FFF;
}
#page-index #introduction .button a img{
vertical-align: middle;
margin: -4px 0 0 10px;
width: 8px;
}



#page-index #information{
position: relative;
padding: 0 0 20px 0;
}
#page-index #information h2{
font-size: 13px;
line-height: 13px;
color: #FFF;
background: #000000;
padding: 20px 0 23px 20px;
}
#page-index #information ul{
padding: 18px 20px 10px 20px;
}
#page-index #information ul li{
font-size: 13px;
line-height: 24px;
}
#page-index #information ul li a{
color: #000;
display: block;
}
#page-index #information p{
text-align: right;
padding: 0 20px 0 0;
}
#page-index #information p a{
font-size: 13px;
line-height: 28px;
text-decoration: none;
}
#page-index #information p a img{
vertical-align: middle;
margin: -2px 0 0 7px;
width: 6px;
}



#page-index #contents{
margin: 0 0 -70px 0;
}
#page-index #contents div{
position: relative;
height: 375px;
}
#page-index #contents div a{
}



#page-index #business{
background: url(../../images/tp_cnt_img_01.jpg) center top;
background-size: 220% auto;
position: relative;
}
#page-index #business p{
font-family:"SST Japanese W55 UltraLight";
font-size: 32px;
line-height: 32px;
font-weight: 100;
letter-spacing: 20px;
position: absolute;
bottom:50px;
width: 100%;
text-align: center;
}
#page-index #business p span{
font-family:"SST W55 Light";
font-size: 12px;
line-height: 12px;
letter-spacing: 2px;
display: block;
margin: 0 0 25px 0;
}
#page-index #business p img{
vertical-align: middle;
margin: -6px 0 0 6px;
width: 28px;
}
#page-index #business a{
}



#page-index #recruit{
background: url(../../images/tp_cnt_img_02.jpg) center top;
background-size: 220% auto;
position: relative;
}
#page-index #recruit h2{
font-family:"SST Japanese W55 UltraLight";
font-size: 32px;
line-height: 32px;
font-weight: 100;
letter-spacing: 20px;
color: #FFF;
position: absolute;
bottom:50px;
width: 100%;
text-align: center;
}
#page-index #recruit h2 span{
font-family:"SST W55 Light";
font-size: 12px;
line-height: 12px;
letter-spacing: 2px;
display: block;
margin: 0 0 25px 0;
}
#page-index #recruit h2 img{
vertical-align: middle;
margin: -6px 0 0 6px;
width: 28px;
}
#page-index #recruit p{
font-family:"SST Japanese W55 UltraLight";
font-weight: 100;
font-size: 24px;
letter-spacing: 8px;
color: #FFF;
padding: 30px 0 0 0;
border-right: 1px solid #FFF;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 38px;
margin: auto;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#page-index #recruit a{
}



#page-index #contact{
background: url(../../images/tp_cnt_img_03.jpg) center top;
background-size: 220% auto;
position: relative;
}
#page-index #contact h2{
font-family:"SST Japanese W55 UltraLight";
font-size: 32px;
line-height: 32px;
font-weight: 100;
letter-spacing: 5px;
position: absolute;
bottom:50px;
width: 100%;
text-align: center;
}
#page-index #contact h2 span{
font-family:"SST W55 Light";
font-size: 12px;
line-height: 12px;
letter-spacing: 2px;
display: block;
margin: 0 0 25px 0;
}
#page-index #contact h2 img{
vertical-align: middle;
margin: -6px 0 0 6px;
width: 28px;
}
#page-index #contact p{
text-align: center;
padding: 80px 0 0 0;
}
#page-index #contact a{
text-decoration: none;
}




/* ==============================================
#page-company
============================================== */

#page-company main{
padding: 0;
}
#page-company main .inner{
}



#page-company #introduction{
background: #000 url(../../company/images/cmpn_intr_bg_sp.jpg) center bottom no-repeat;
background-size: 100% auto;
padding: 0 0 64% 0;
}
#page-company #introduction h1{
font-family: "SST W55 Light";
padding: 50px 0 0 0;
font-size: 24px;
line-height: 42px;
color: #FFF;
letter-spacing: 2px;
}
#page-company #introduction p{
padding: 20px 0 0 0;
font-weight: 100;
color: #FFF;
letter-spacing: 2px;
}
#page-company #introduction p strong{
font-size: 20px;
line-height: 20px;
margin: 5px 0 0 0;
font-weight: normal;
display: block;
}



#page-company #concept{
}
#page-company #concept h2{
font-size: 25px;
line-height: 25px;
letter-spacing: 2px;
padding: 60px 0 0 0;
text-align: center;
}
#page-company #concept p{
padding: 30px 0 0 0;
}



#page-company #profile{
}
#page-company #profile h2{
font-size: 25px;
line-height: 25px;
letter-spacing: 2px;
padding: 50px 0 0 0;
text-align: center;
}
#page-company #profile table{
margin: 40px 0 0 0;
border-top: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
width: 100%;
}
#page-company #profile table th{
font-size: 14px;
line-height: 22px;
border-right: 1px solid #e6e6e6;
text-align: left;
vertical-align: top;
padding: 8px 13px 10px 13px;
display: block;
background: #fafafa;
}
#page-company #profile table td{
font-size: 14px;
line-height: 22px;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
padding: 8px 13px 10px 13px;
display: block;
}



#page-company #access{
}
#page-company #access h2{
font-size: 25px;
line-height: 25px;
letter-spacing: 2px;
padding: 60px 0 0 0;
text-align: center;
}
#page-company #access p{
padding: 30px 0 0 0;
}
#page-company #access ul{
padding: 20px 0 0 0;
}
#page-company #access ul li{
}
#page-company #access iframe{
width: 100%;
height: 300px;
vertical-align: middle;
margin: 30px 0 0 0;
}



#page-company #contact{
background: #fafafa;
padding: 0 0 50px 0;
}
#page-company #contact h2{
font-size: 17px;
line-height: 17px;
letter-spacing: 2px;
padding: 40px 0 5px 0;
text-align: center;
border-bottom: 4px solid #000000;
display: table;
margin: auto;
}
#page-company #contact h3{
font-family: "BebasNeue";
font-weight: 300;
font-size: 30px;
line-height: 30px;
letter-spacing: 2px;
padding: 24px 0 0 0;
text-align: center;
}
#page-company #contact p{
padding: 20px 0 0 0;
}



/* ==============================================
#page-pv
============================================== */

#page-pv{
}


#page-pv #introduction{
}
#page-pv #introduction h1{
font-size: 40px;
line-height: 40px;
font-family: "BebasNeue";
font-weight: 300;
padding: 100px 0 0 0;
text-align: center;
}



#page-pv #purpose{
}
#page-pv #purpose h2{
font-size: 40px;
line-height: 40px;
font-family: "BebasNeue";
font-weight: 300;
padding: 100px 0 0 0;
text-align: center;
}
#page-pv #purpose p{
font-size: 15px;
line-height: 28px;
text-align: center;
position: relative;
padding: 55px 0 0 0;
margin: 25px 0 0 0;
}
#page-pv #purpose p strong{
font-family: "SST W55 Light";
font-size: 25px;
line-height: 35px;
color: #3c64ff;
display: block;
margin: 5px auto 5px auto;
font-weight: normal;
letter-spacing: 2px;
}
#page-pv #purpose p::before{
content: " ";
display: block;
position: absolute;
top:0;
left: 0;
right: 0;
margin: auto;
width: 1px;
height: 30px;
background: #e6e6e6;
}



#page-pv #values{
}
#page-pv #values h2{
font-size: 40px;
line-height: 40px;
font-family: "BebasNeue";
font-weight: 300;
padding: 100px 0 0 0;
text-align: center;
}
#page-pv #values p{
font-size: 15px;
line-height: 28px;
text-align: center;
position: relative;
padding: 55px 0 0 0;
margin: 25px 0 0 0;
}
#page-pv #values p strong{
font-family: "SST W55 Light";
font-size: 25px;
line-height: 35px;
color: #3c64ff;
display: block;
margin: 5px auto 5px auto;
font-weight: normal;
letter-spacing: 2px;
}
#page-pv #values p::before{
content: " ";
display: block;
position: absolute;
top:0;
left: 0;
right: 0;
margin: auto;
width: 1px;
height: 30px;
background: #e6e6e6;
}



/* ==============================================
#page-solution
============================================== */

#page-solution{
}



#page-solution #introduction{
background: url(../../solution/images/sltn_intr_bg.png) center no-repeat;
background-size: 50% auto;
padding: 0 0 110px 0;
}
#page-solution #introduction h1{
font-size: 20px;
line-height: 30px;
text-align: center;
padding: 60px 0 0 0;
letter-spacing: 2px;
}
#page-solution #introduction p{
padding: 40px 0 0 0;
}
#page-solution #introduction p br{
display: none;
}



#page-solution #security{
}
#page-solution #security h2{
font-size: 20px;
line-height: 28px;
text-align: center;
margin: -64px 0 0 0;
}
#page-solution #security .inner div{
margin: 35px 0 0 0;
padding: 0 30px 35px 30px;
border: solid 1px #e6e6e6;
background: #FFF;
}
#page-solution #security div h3{
font-size: 18px;
line-height: 24px;
text-align: center;
padding: 30px 0 0 0;
}
#page-solution #security div p{
padding: 15px 0 0 0;
}
#page-solution #security div p br{
display: none;
}
#page-solution #security div .button{
padding: 25px 0 0 0;
}
#page-solution #security div .button a{
font-size: 15px;
line-height: 15px;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
border: solid 1px #3c64ff;
border-radius: 4px;
text-align: center;
}
#page-solution #security div .button a img{
width: 6px;
vertical-align: middle;
margin: -3px 0 0 8px;
}



#page-solution #development{
}
#page-solution #development h2{
font-size: 20px;
line-height: 28px;
text-align: center;
padding: 60px 0 0 0;
}
#page-solution #development .inner div{
margin: 35px 0 0 0;
padding: 0 30px 35px 30px;
border: solid 1px #e6e6e6;
background: #FFF;
}
#page-solution #development .inner div:last-child{
margin: -1px 0 0 0;
}
#page-solution #development div h3{
font-size: 18px;
line-height: 24px;
text-align: center;
padding: 30px 0 0 0;
}
#page-solution #development div p{
padding: 15px 0 0 0;
}
#page-solution #development div p br{
display: none;
}
#page-solution #development div .button{
padding: 25px 0 0 0;
}
#page-solution #development div .button a{
font-size: 15px;
line-height: 15px;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
border: solid 1px #3c64ff;
border-radius: 4px;
text-align: center;
}
#page-solution #development div .button a img{
width: 6px;
vertical-align: middle;
margin: -3px 0 0 8px;
}



/* ==============================================
#page-scc
============================================== */

#page-scc{
}
#page-scc main{
padding: 0;
}
#page-scc.en main{
padding: 0 0 70px 0;
}



#page-scc #introduction .inner{
padding: 0;
}
#page-scc #introduction h1{
}
#page-scc #introduction h1 img{
}
#page-scc #introduction .button{
padding: 20px 20px 0 20px;
}
#page-scc #introduction .button a{
font-size: 15px;
line-height: 15px;
color: #FFF;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
background: #3c64ff;
border-radius: 4px;
text-align: center;
margin: 0 0 10px 0;
}
#page-scc #introduction .button a img{
width: 6px;
vertical-align: middle;
margin: -3px 0 0 8px;
}



#page-scc #menu{
padding: 15px 0 0 0;
}
#page-scc #menu ul{
border-top: 1px solid #e6e6e6;
}
#page-scc #menu ul li{
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
#page-scc #menu ul li a{
color: #000;
text-decoration: none;
display: block;
padding: 6px 0 8px 10px;
position: relative;
}
#page-scc #menu ul li a img{
width: 10px;
vertical-align: middle;
position: absolute;
top:0;
bottom:0;
right: 15px;
margin: auto;
}



#page-scc #service{
}
#page-scc #service h2{
font-size: 20px;
line-height: 20px;
padding: 60px 0 0 0;
text-align: center;
}



#page-scc #service #about{
position: relative;
margin: 50px 0 0 0;
}
#page-scc #service #about h3{
font-size: 18px;
line-height: 28px;
}
#page-scc #service #about h3 strong{
}
#page-scc #service #about p{
padding: 30px 0 0 0;
}
#page-scc #service #about ul{
padding: 20px 0 0 0;
}
#page-scc #service #about ul li{
padding: 10px 0 0 0;
}
#page-scc #service #about ul li a{
font-size: 15px;
line-height: 15px;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
border: solid 1px #3c64ff;
border-radius: 4px;
text-align: center;
}
#page-scc #service #about ul li a img{
width: 10px;
vertical-align: middle;
margin: -3px 0 0 8px;
}
#page-scc #service #about .movie{
padding: 30px 0 0 0;
}
#page-scc #service #about .movie img{
}
#page-scc #service #about div{
background: #fafafa;
margin: 40px 0 0 0;
padding: 0 30px 35px 30px;
position: relative;
}
#page-scc #service #about div h4{
font-size: 16px;
line-height: 24px;
padding: 25px 0 0 0;
}
#page-scc #service #about div p{
font-size: 13px;
line-height: 24px;
padding: 20px 0 0 0;
}
#page-scc #service #about div .image{
padding: 25px 0 0 0;
text-align: center;
}
#page-scc #service #about div .image img{
width: 80px;
}



#page-scc #service .service{
}
#page-scc #service .service h3{
font-size: 20px;
line-height: 20px;
text-align: center;
padding: 60px 0 0 0;
letter-spacing: 2px;
}
#page-scc #service .service h3 img{
width: 30px;
display: block;
margin: 0 auto 15px auto;
}
#page-scc #service .service h3 span{
font-size: 12px;
line-height: 20px;
letter-spacing: 0;
display: block;
margin: 10px auto 0 auto;
}
#page-scc #service .service h4{
font-size: 18px;
line-height: 28px;
margin: 50px 0 0 0;
padding: 0 0 0 30px;
position: relative;
}
#page-scc #service .service h4 span{
font-size: 15px;
line-height: 23px;
color: #fff;
position: absolute;
top:2px;
left: -2px;
margin: auto;
background: #000000;
border-radius: 50px;
width: 24px;
height: 24px;
text-align: center;
display: block;
}
#page-scc #service .service p{
padding: 15px 0 0 30px;
}
#page-scc #service .service .image{
border: solid 1px #e6e6e6;
margin: 20px 0 0 30px;
text-align: center;
padding: 30px;
}
#page-scc #service .service .image img{
}
#page-scc #service .service div{
background: #fafafa;
position: relative;
padding: 30px 30px 35px 30px;
margin: 20px 0 0 0;
}
#page-scc #service .service div h4{
font-size: 16px;
line-height: 24px;
position: relative;
margin: 0;
padding: 30px 0 0 0;
text-align: center;
}
#page-scc #service .service div h4 span{
font-size: 14px;
line-height: 14px;
color: #fff;
position: absolute;
top:0;
left: 0;
right: 0;
margin: auto;
background: #000000;
border-radius: 50px;
width: 80px;
height: inherit;
padding: 3px 0;
}
#page-scc #service .service div p{
font-size: 13px;
line-height: 24px;
padding: 20px 0 0 0;
}
#page-scc #service .service div .image{
font-size: 12px;
line-height: 12px;
border: none;
margin: 0;
padding: 25px 0 0 0;
text-align: center;
}
#page-scc #service .service div .image img{
display: block;
margin: 0 auto 8px auto;
width: 100px;
}



#page-scc #spec{
}
#page-scc #spec h2{
font-size: 20px;
line-height: 20px;
text-align: center;
padding: 60px 0 0 0;
letter-spacing: 2px;
}
#page-scc #spec h3{
font-size: 18px;
line-height: 18px;
padding: 40px 0 0 0;
}
#page-scc #spec table{
margin: 20px 0 0 0;
border-top: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
width: 100%;
}
#page-scc #spec table th{
font-size: 14px;
line-height: 22px;
border-right: 1px solid #e6e6e6;
text-align: left;
vertical-align: top;
padding: 8px 13px 10px 13px;
display: block;
background: #fafafa;
}
#page-scc #spec table td{
font-size: 14px;
line-height: 22px;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
padding: 8px 13px 10px 13px;
display: block;
}
#page-scc #spec table:nth-child(5) th{
display: table-cell;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
#page-scc #spec table:nth-child(5) td{
display: table-cell;
}
#page-scc #spec ul{
padding: 35px 0 0 0;
}
#page-scc #spec ul li{
font-size: 14px;
line-height: 24px;
text-indent: -20px;
margin: 0 0 0 20px;
}



#page-scc #case{
background: #fafafa;
margin: 55px 0 0 0;
padding: 0 0 60px 0;
}
#page-scc #case h2{
font-size: 20px;
line-height: 20px;
text-align: center;
letter-spacing: 2px;
padding: 40px 0 0 0;
}
#page-scc #case .inner{
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
#page-scc #case .inner div{
float: left;
width: 50%;
}
#page-scc #case div a{
text-decoration: none;
}
#page-scc #case div h3{
text-align: center;
padding: 40px 0 0 0;
}
#page-scc #case div h3 img{
width: auto;
height: 120px;
}
#page-scc #case div p{
font-size: 13px;
line-height: 20px;
letter-spacing: 0;
padding: 15px 15px 0 15px;
}
#page-scc #case div p br{
display: none;
}
#page-scc #case div p strong{
color: #3c64ff;
display: block;
font-weight: normal;
padding: 10px 0 0 0;
}



#page-scc #faq{
}
#page-scc #faq h2{
font-size: 20px;
line-height: 20px;
text-align: center;
letter-spacing: 2px;
padding: 60px 0 40px 0;
border-bottom: 1px solid #e6e6e6;
}
#page-scc #faq .inner div{
border: 1px solid #e6e6e6;
border-top: none;
position: relative;
padding: 0 30px 30px 45px;
}
#page-scc #faq div h3{
font-size: 16px;
line-height: 24px;
padding: 25px 0 0 0;
}
#page-scc #faq div h3::before{
content: "Q";
font-size: 30px;
line-height: 30px;
font-family: "BebasNeue";
font-weight: 300;
display: block;
position: absolute;
top:23px;
left: 20px;
}
#page-scc #faq div p{
font-size: 14px;
line-height: 28px;
padding: 15px 0 0 0;
}
#page-scc #faq div .button{
padding: 0;
}
#page-scc #faq div .button a{
color: #000;
text-align: center;
text-decoration: none;
display: block;
padding: 6px 0 8px 0;
border: 1px solid #e6e6e6;
border-top: none;
}
#page-scc #faq div .button a img{
width: 8px;
vertical-align: middle;
margin: -3px 0 0 8px;
}
#page-scc #faq div .banner{
padding: 20px 0 0 0;
}
#page-scc #faq div .banner img{
width: 100%;
}



#page-scc #contact{
}
#page-scc #contact h2{
font-size: 20px;
line-height: 30px;
text-align: center;
padding: 55px 0 0 0;
}
#page-scc #contact h3{
font-family: "SST W55 Bold";
font-size: 16px;
line-height: 28px;
text-align: center;
padding: 25px 0 0 0;
}
#page-scc #contact p{
padding: 10px 0 0 0;
}
#page-scc #contact .inner div{
border: solid 1px #e6e6e6;
margin: 30px 0 0 0;
padding: 0 20px 20px 20px;
overflow-y: scroll;
height: 100px;
}
#page-scc #contact div h4{
font-family: "SST W55 Bold";
font-size: 14px;
line-height: 24px;
padding: 15px 0 0 0;
}
#page-scc #contact div ol{
padding: 10px 0 0 15px;
}
#page-scc #contact div ol li{
font-size: 12px;
line-height: 20px;
}
#page-scc #contact .offer{
margin: 20px 0 0 0;
font-size: 12px;
line-height: 20px;
}
#page-scc #contact .offer a{
font-size: 15px;
line-height: 20px;
color: #FFF;
text-decoration: none;
display: block;
padding: 15px 10px 12px 10px;
background: #3c64ff;
border-radius: 4px;
text-align: center;
margin: 0 0 10px 0;
}
#page-scc #contact .offer a img{
width: 6px;
vertical-align: middle;
margin: -3px 0 0 8px;
}
#page-scc #contact .offer a span{
font-size: 12px;
line-height: 20px;
letter-spacing: 0;
display: block;
border: solid 1px #FFF;
padding: 1px 0 3px 0;
border-radius: 50px;
margin: 15px 0 0 0;
}
#page-scc #contact .button{
margin: 20px 0 0 0;
}
#page-scc #contact .button a{
font-size: 15px;
line-height: 15px;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
border: solid 1px #3c64ff;
border-radius: 4px;
text-align: center;
}
#page-scc #contact .button a img{
width: 6px;
vertical-align: middle;
margin: -3px 0 0 8px;
}



#page-scc #links{
background: #fafafa;
margin: 60px 0 0 0;
}
#page-scc #links .inner{
padding: 25px 20px 25px 20px;
}
#page-scc #links .inner div{
background: #FFF;
margin: 0 0 10px 0;
padding: 0 30px 30px 30px;
}
#page-scc #links .inner div:last-child{
margin: 0;
}
#page-scc #links div a{
text-decoration: none;
}
#page-scc #links div h2{
font-size: 16px;
line-height: 22px;
color: #3c64ff;
text-align: center;
text-decoration: none;
padding: 30px 0 0 0;
}
#page-scc #links div h2 img{
display: block;
margin: 0 auto 15px auto;
width: 80px;
}
#page-scc #links div p{
font-size: 14px;
line-height: 24px;
color: #000;
padding: 10px 0 0 0;
}
#page-scc #links div p br{
display: none;
}



#page-scc #list{
}
#page-scc #list h2{
font-size: 25px;
line-height: 25px;
text-align: center;
padding: 60px 0 70px 0;
letter-spacing: 2px;
border-bottom: 1px solid #e6e6e6;
}
#page-scc #list .inner{
padding: 0;
}
#page-scc #list .inner div{
border-bottom: 1px solid #e6e6e6;
padding: 0 20px 50px 20px;
}
#page-scc #list div h3{
font-size: 18px;
line-height: 28px;
padding: 35px 0 0 0;
letter-spacing: 2px;
}
#page-scc #list div h4{
font-family: "SST W55 Bold";
font-size: 16px;
line-height: 24px;
padding: 30px 0 0 0;
}
#page-scc #list div p{
padding: 6px 0 0 0;
}
#page-scc #list div ul{
padding: 6px 0 0 0;
}
#page-scc #list div ul li{
}
#page-scc #list div img{
margin: 16px 0;
}
#page-scc #list .button{
padding: 60px 20px 0 20px;
}
#page-scc #list .button a{
font-size: 15px;
line-height: 15px;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
border: solid 1px #3c64ff;
border-radius: 4px;
letter-spacing: 0;
text-align: center;
}
#page-scc #list .button a img{
width: 6px;
vertical-align: middle;
margin: -3px 0 0 8px;
}



#page-scc #case-detail{
}
#page-scc #case-detail h2{
font-size: 20px;
line-height: 30px;
text-align: center;
padding: 60px 0 0 0;
letter-spacing: 2px;
}
#page-scc #case-detail h2 span{
font-size: 15px;
line-height: 15px;
display: block;
margin: 0 auto 10px auto;
letter-spacing: 1px;
}
#page-scc #case-detail #profile{
position: relative;
margin: 50px 0 0 0;
}
#page-scc #case-detail #profile h3{
font-size: 18px;
line-height: 28px;
}
#page-scc #case-detail #profile p{
padding: 30px 0 0 0;
}
#page-scc #case-detail #profile .movie{
padding: 30px 0 0 0;
}
#page-scc #case-detail #profile .movie img{
}
#page-scc #case-detail #profile div{
border-top: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
margin: 30px 0 0 0;
}
#page-scc #case-detail #profile div dl{
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
padding: 0 0 30px 0;
}
#page-scc #case-detail #profile div dl dt{
font-size: 18px;
line-height: 18px;
text-align: center;
padding: 30px 0 0 0;
}
#page-scc #case-detail #profile div dl dt img{
display: block;
margin: 0 auto 20px auto;
width: 100px;
}
#page-scc #case-detail #profile div dl dd{
line-height: 24px;
text-align: center;
padding: 15px 0 0 0;
}



#page-scc #case-detail #article{
}
#page-scc #case-detail #article h3{
font-size: 18px;
line-height: 28px;
padding: 50px 0 0 0;
}
#page-scc #case-detail #article p{
padding: 25px 0 0 0;
}
#page-scc #case-detail #article .image{
padding: 35px 0 10px 0;
}
#page-scc #case-detail #article .image img{
}
#page-scc #case-detail  .button{
margin: 40px 0 0 0;
}
#page-scc #case-detail  .button a{
font-size: 15px;
line-height: 15px;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
letter-spacing: 0;
border: solid 1px #3c64ff;
border-radius: 4px;
text-align: center;
}
#page-scc #case-detail  .button a img{
width: 6px;
vertical-align: middle;
margin: -3px 0 0 8px;
}



#page-scc #banner{
padding: 60px 0 0 0;
}



#page-scc #inquiry{
}
#page-scc #inquiry h2{
font-size: 21px;
line-height: 32px;
text-align: center;
padding: 50px 0 0 0;
}
#page-scc #inquiry h3{
font-size: 18px;
line-height: 28px;
padding: 25px 0 0 0;
text-align: center;
}
#page-scc #inquiry p{
padding: 20px 0 0 0;
}
#page-scc #inquiry h4{
font-size: 16px;
line-height: 24px;
padding: 25px 0 0 0;
text-align: center;
}
#page-scc #inquiry .inner div{
border: solid 1px #e6e6e6;
margin: 15px 0 0 0;
padding: 0 20px 20px 20px;
overflow-y: scroll;
height: 100px;
}
#page-scc #inquiry div ol{
padding: 20px 0 0 20px;
}
#page-scc #inquiry div ol li{
font-size: 12px;
line-height: 20px;
}
#page-scc #inquiry .button{
padding: 20px 0 0 0;
font-size: 12px;
line-height: 20px;
}
#page-scc #inquiry .button a{
font-size: 15px;
line-height: 24px;
color: #FFF;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
background: #3c64ff;
border-radius: 4px;
text-align: center;
margin: 0 0 10px 0;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out;
}
#page-scc #inquiry .button a:hover{
background: #365ae6;
opacity: 1;
}
#page-scc #inquiry .button a img{
width: 6px;
vertical-align: middle;
margin: -3px 0 0 8px;
}



/* ==============================================
#page-ux
============================================== */

#page-ux{
}



#page-ux #introduction{
}
#page-ux #introduction h1{
font-family: "SST W55 Light";
font-size: 25px;
line-height: 25px;
letter-spacing: 2px;
text-align: center;
padding: 60px 0 0 0;
}
#page-ux #introduction .inner div{
background: #2472a9;
margin: 35px 0 0 0;
padding: 1px;
}
#page-ux #introduction div h2{
font-size: 21px;
line-height: 32px;
background: #FFF;
text-align: center;
padding: 16px 0 20px 0;
color: #0d6baf;
}
#page-ux #introduction div ul{
padding: 20px 20px 20px 20px;
}
#page-ux #introduction div ul li{
color: #FFF;
text-indent: -14px;
margin: 0 0 0 14px;
}




#page-ux #feature{
margin: 60px 0 0 0;
}
#page-ux #feature .inner{
padding: 0 0 60px 0;
border-top: solid 1px #eee;
background: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
}
#page-ux #feature h2{
font-size: 21px;
line-height: 32px;
background: #FFF;
text-align: center;
padding: 16px 0 20px 0;
color: #0d6baf;
}
#page-ux #feature p{
padding: 15px 20px 0 20px;
}
#page-ux #feature .inner .set{
padding: 0 20px;
}
#page-ux #feature .inner .set div{
background: #f3f3f3;
position: relative;
margin: 20px 0 0 0;
}
#page-ux #feature .inner .set div h3{
font-size: 16px;
line-height: 24px;
letter-spacing: 2px;
padding: 42% 20px 0 20px;
}
#page-ux #feature .inner .set div h3 img{
display: block;
width: 100%;
position: absolute;
top:0;
left: 0;
}
#page-ux #feature .inner .set div p{
font-size: 14px;
line-height: 28px;
letter-spacing: 0;
padding: 5px 20px 20px 20px;
}



#page-ux #target{
}
#page-ux #target .inner{
padding: 0 0 50px 0;
border-bottom: solid 1px #eee;
background: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
}
#page-ux #target h2{
font-size: 21px;
line-height: 32px;
background: #FFF;
text-align: center;
padding: 16px 0 20px 0;
color: #0d6baf;
}
#page-ux #target ul{
padding: 0 20px 0 20px;
}
#page-ux #target ul li{
background: #f3f3f3;
text-align: center;
padding: 0 0 7px 0;
margin: 20px 0 0 0;
}
#page-ux #target ul li img{
display: block;
width: 100%;
margin: 0 0 3px 0;
}
#page-ux #target p{
padding: 15px 20px 0 20px;
}



#page-ux #case{
}
#page-ux #case .inner{
padding: 0 0 60px 0;
background: -moz-linear-gradient(top, #f7f5f6, #f7f5f6);
background: -webkit-gradient(linear, left top, left bottom, from(#f7f5f6), to(#f7f5f6));
}
#page-ux #case h2{
font-size: 21px;
line-height: 32px;
background: #FFF;
text-align: center;
padding: 16px 0 20px 0;
color: #0d6baf;
}
#page-ux #case .inner div{
margin: 20px 20px 0 20px;
background: #fdfcfc;
position: relative;
padding: 0 20px 20px 20px;
}
#page-ux #case .inner div:nth-child(2){
min-height: 240px;
}
#page-ux #case .inner div h3{
font-size: 16px;
line-height: 24px;
padding: 20px 0 0 0;
}
#page-ux #case .inner div h3 img{
width: 100%;
margin: 0 0 13px 0;
}
#page-ux #case .inner div p{
font-size: 14px;
line-height: 24px;
padding: 10px 0 0 0;
}



#page-ux #service{
}
#page-ux #service .inner{
padding: 0 0 60px 0;
background: -moz-linear-gradient(top, #fbf9fa, #e5e5e5);
background: -webkit-gradient(linear, left top, left bottom, from(#fbf9fa), to(#e5e5e5));
}
#page-ux #service h2{
font-size: 21px;
line-height: 32px;
background: #FFF;
text-align: center;
padding: 16px 0 20px 0;
color: #0d6baf;
}
#page-ux #service p{
padding: 15px 20px 0 20px;
}
#page-ux #service p img{
width: 100%;
}
#page-ux #service h3{
font-size: 18px;
line-height: 28px;
text-align: center;
padding: 30px 0 0 0;
}
#page-ux #service .inner div{
margin: 20px 20px 0 20px;
background: #FFF;
border: solid 1px #e0e0e0;
padding: 0 0 20px 0;
position: relative;
}
#page-ux #service .inner div:nth-child(6){
border: solid 1px #75cac7;
}
#page-ux #service .inner div:nth-child(7){
border: solid 1px #62b3e0;
}
#page-ux #service .inner div:nth-child(8){
border: solid 1px #62b3e0;
}
#page-ux #service .inner div:nth-child(9){
border: solid 1px #3974b8;
}
#page-ux #service .inner div:nth-child(10){
border: solid 1px #3974b8;
}
#page-ux #service .inner div h4{
font-size: 17px;
line-height: 28px;
padding: 20px 20px 0 20px;
font-weight: bold;
}
#page-ux #service .inner div h4 span{
position: absolute;
top:0;
right: 0;
display: block;
width: 120px;
padding: 6px 0 8px 0;
background: #75cac7;
font-size: 13px;
line-height: 13px;
color: #FFF;
text-align: center;
font-weight: normal;
}
#page-ux #service .inner div:nth-child(6) h4 span{
background: #75cac7;
color: #000000;
}
#page-ux #service .inner div:nth-child(7) h4 span{
background: #62b3e0;
color: #000000;
}
#page-ux #service .inner div:nth-child(8) h4 span{
background: #62b3e0;
color: #000000;
}
#page-ux #service .inner div:nth-child(9) h4 span{
background: #3974b8;
}
#page-ux #service .inner div:nth-child(10) h4 span{
background: #3974b8;
}
#page-ux #service .inner div h4 img{
}
#page-ux #service .inner div p{
text-align: left;
line-height: 28px;
padding: 10px 20px 0 20px;
}



#page-ux #information{
}
#page-ux #information .inner{
background: -moz-linear-gradient(top, #f8f8f8, #e5e5e5);
background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e5e5e5));
}
#page-ux #information h2{
font-size: 21px;
line-height: 32px;
background: #FFF;
text-align: center;
padding: 16px 0 20px 0;
color: #0d6baf;
}
#page-ux #information ul{
}
#page-ux #information ul li{
position: relative;
padding: 30px 20px 35px 20px;
line-height: 28px;
border-top: 1px solid #FFF;
}
#page-ux #information ul li span{
display: block;
}



#page-ux #inquiry{
}
#page-ux #inquiry h2{
font-size: 21px;
line-height: 32px;
text-align: center;
padding: 50px 0 0 0;
}
#page-ux #inquiry h3{
font-size: 18px;
line-height: 28px;
padding: 25px 0 0 0;
text-align: center;
}
#page-ux #inquiry p{
padding: 20px 0 0 0;
}
#page-ux #inquiry h4{
font-size: 16px;
line-height: 24px;
padding: 25px 0 0 0;
text-align: center;
}
#page-ux #inquiry .inner div{
border: solid 1px #e6e6e6;
margin: 15px 0 0 0;
padding: 0 20px 20px 20px;
overflow-y: scroll;
height: 100px;
}
#page-ux #inquiry div ol{
padding: 20px 0 0 20px;
}
#page-ux #inquiry div ol li{
font-size: 12px;
line-height: 20px;
}
#page-ux #inquiry .button{
padding: 20px 0 0 0;
font-size: 12px;
line-height: 20px;
}
#page-ux #inquiry .button a{
font-size: 15px;
line-height: 24px;
color: #FFF;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
background: #3c64ff;
border-radius: 4px;
text-align: center;
margin: 0 0 10px 0;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out;
}
#page-ux #inquiry .button a:hover{
background: #365ae6;
opacity: 1;
}
#page-ux #inquiry .button a img{
width: 6px;
vertical-align: middle;
margin: -3px 0 0 8px;
}



/* ==============================================
#page-ls
============================================== */

#page-ls{
}



#page-ls #introduction{
}
#page-ls #introduction h1{
font-family: "SST W55 Light";
font-size: 25px;
line-height: 25px;
letter-spacing: 2px;
text-align: center;
padding: 55px 0 0 0;
background: url(../../solution/images/sltn_lclz_intr_icn.png) center top no-repeat;
background-size: 40px auto;
margin: 40px 0 0 0;
}
#page-ls #introduction h1 span{
font-family: "SST W55 Regular";
display: block;
font-size: 18px;
line-height: 28px;
color: #187fc4;
margin: 10px 0 0 0;
}
#page-ls #introduction p{
padding: 30px 0 0 0;
}



#page-ls #about{
margin: 50px 0 0 0;
}
#page-ls #about .inner{
padding: 0 20px 30px 20px;
border-top: solid 1px #004b70;
border-bottom: solid 1px #004b70;
background: -moz-linear-gradient(top, #0974b9, #004a96);
background: -webkit-gradient(linear, left top, left bottom, from(#0974b9), to(#004a96));
background: -ms-linear-gradient(top, #0974b9, #004a96);
}
#page-ls #about h2{
font-size: 21px;
line-height: 32px;
color: #FFF;
padding: 30px 0 0 0;
text-align: center;
}
#page-ls #about .inner div{
}
#page-ls #about .inner div:nth-child(3){
background: #004a96;
margin: 32px 0 0 0;
border-radius: 6px;
}
#page-ls #about .inner div h3{
color: #FFF;
text-align: center;
font-size: 16px;
line-height: 24px;
padding: 30px 0 0 0;
font-weight: bold;
}
#page-ls #about .inner div:nth-child(3) h3{
text-align: left;
font-size: 16px;
line-height: 24px;
padding: 20px 20px 0 20px;
}
#page-ls #about .inner div p{
color: #FFF;
text-align: center;
}
#page-ls #about .inner div p img{
padding: 15px 0 0 0;
}
#page-ls #about .inner div:nth-child(3) p{
text-align: left;
padding: 10px 20px 0 20px;
font-size: 13px;
line-height: 24px;
}
#page-ls #about .inner div ul{
padding: 0 20px 20px 20px;
}
#page-ls #about .inner div ul li{
color: #FFF;
font-size: 13px;
line-height: 24px;
text-indent: -13px;
margin: 0 0 0 13px;
}
#page-ls #about .inner div.note{
clear: both;
width: 100%;
border-top: 1px solid #71a0d4;
margin: 30px 0 0 0;
}
#page-ls #about .inner div.note h3{
text-align: left;
padding: 25px 0 0 0;
font-weight: normal;
}
#page-ls #about .inner div.note p{
font-size: 12px;
line-height: 24px;
text-align: left;
padding: 10px 0 0 0;
}



#page-ls #feature{
}
#page-ls #feature h2{
font-size: 18px;
line-height: 28px;
padding: 60px 0 35px 0;
}
#page-ls #feature h2 br{
display: none;
}
#page-ls #feature h2 span{
display: block;
margin: 0 auto 15px auto;
background: #595757;
font-size: 16px;
line-height: 16px;
color: #FFF;
padding: 10px 0 12px 0;
border-radius: 50px;
width: 180px;
text-align: center;
}
#page-ls #feature .inner div{
border: solid 1px #e6e6e6;
border-bottom: none;
}
#page-ls #feature .inner div:last-child{
border-bottom: solid 1px #e6e6e6;
}
#page-ls #feature .inner div h3{
font-size: 16px;
line-height: 24px;
text-align: center;
padding: 35px 0 0 0;
}
#page-ls #feature .inner div p{
padding: 20px 0 0 0;
text-align: center;
}
#page-ls #feature .inner div p img{
width: 100%;
max-width: 302px;
}
#page-ls #feature .inner div ul{
padding: 20px 0 35px 0;
}
#page-ls #feature .inner div ul li{
line-height: 24px;
text-align: center;
}



#page-ls #process{
}
#page-ls #process h2{
font-size: 21px;
line-height: 32px;
text-align: center;
padding: 50px 0 0 0;
}
#page-ls #process .inner p{
padding: 20px;
background: #f7f7f7;
margin: 35px 0 0 0;
}
#page-ls #process .inner p img{
width: 100%;
}
#page-ls #process .inner .process{
margin: 20px 0 0 0;
background: #e5ebf7;
padding: 0 0 15px 0;
}
#page-ls #process .inner .process h3{
background: #646464;
font-size: 18px;
line-height: 18px;
letter-spacing: 2px;
color: #FFF;
padding: 15px 15px 15px 15px;
text-align: center;
}
#page-ls #process .inner .process h3 span{
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
margin: 10px 0 0 0;
display: block;
}
#page-ls #process .inner .process div{
border: solid 1px #004b70;
background: -moz-linear-gradient(top, #0974b9, #004a96);
background: -webkit-gradient(linear, left top, left bottom, from(#0974b9), to(#004a96));
background: -ms-linear-gradient(top, #0974b9, #004a96);
margin: 10px 10px 0 10px;
padding: 0 20px 25px 20px;
border-radius: 6px;
}
#page-ls #process .inner .process p{
padding: 10px 0 0 0;
background: none;
margin: 0;
text-align: center;
font-size: 30px;
line-height: 30px;
color: #646464;
font-family: "SST W55 Bold";
}
#page-ls #process .inner .process ul{
padding: 10px 10px 0 10px;
}
#page-ls #process .inner .process ul li{
background: #FFF;
text-align: center;
padding: 10px 0 13px 0;
}
#page-ls #process .inner .process ul li:last-child{
margin: 1px 0 0 0;
}
#page-ls #process .inner .process div h4{
font-family: "SST W55 Bold";
color: #FFF;
font-size: 16px;
line-height: 24px;
letter-spacing: 2px;
padding: 20px 0 0 0;
text-align: center;
}
#page-ls #process .inner .process div h4 span{
}
#page-ls #process .inner .process div ul{
padding: 10px 0 0 0;
}
#page-ls #process .inner .process div ul li{
color: #FFF;
font-size: 12px;
line-height: 20px;
text-indent: -12px;
margin: 0 0 0 12px;
background: none;
float: none;
width: 100%;
text-align: left;
padding: 0;
}
#page-ls #process .inner .process div ul li:last-child{
text-indent: -14px;
margin: 0 0 0 14px;
}



#page-ls #inquiry{
}
#page-ls #inquiry h2{
font-size: 21px;
line-height: 32px;
text-align: center;
padding: 50px 0 0 0;
}
#page-ls #inquiry p{
padding: 20px 0 0 0;
}
#page-ls #inquiry h3{
font-size: 18px;
line-height: 28px;
padding: 25px 0 0 0;
text-align: center;
}
#page-ls #inquiry .inner div{
border: solid 1px #e6e6e6;
margin: 20px 0 0 0;
padding: 0 20px 20px 20px;
overflow-y: scroll;
height: 100px;
}
#page-ls #inquiry div ol{
padding: 20px 0 0 20px;
}
#page-ls #inquiry div ol li{
font-size: 12px;
line-height: 20px;
}
#page-ls #inquiry .button{
padding: 20px 0 0 0;
font-size: 12px;
line-height: 20px;
}
#page-ls #inquiry .button a{
font-size: 15px;
line-height: 24px;
color: #FFF;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
background: #3c64ff;
border-radius: 4px;
text-align: center;
margin: 0 0 10px 0;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out;
}
#page-ls #inquiry .button a:hover{
background: #365ae6;
opacity: 1;
}
#page-ls #inquiry .button a img{
width: 6px;
vertical-align: middle;
margin: -3px 0 0 8px;
}



/* ==============================================
#page-download
============================================== */

#page-download main{
background: #fafafa;
}



#page-download #introduction{
}
#page-download #introduction h1{
font-family: "SST W55 Light";
font-size: 25px;
line-height: 25px;
text-align: center;
padding: 60px 0 10px 0;
letter-spacing: 2px;
}
#page-download #introduction p{
padding: 40px 0 0 0;
}



#page-download #list{
}
#page-download #list .inner div{
background: #FFF;
margin: 20px 0 0 0;
padding: 0 20px 40px 20px;
}
#page-download #list div h2{
font-size: 16px;
line-height: 24px;
padding: 35px 0 0 0;
text-align: center;
}
#page-download #list div .image{
padding: 20px 0 0 0;
text-align: center;
}
#page-download #list div .image img{
}
#page-download #list div p{
padding: 20px 0 0 0;
}



#page-download #download{
}
#page-download #download p{
padding: 35px 0 0 0;
}
#page-download #download h2{
font-size: 16px;
line-height: 24px;
padding: 25px 0 0 0;
}
#page-download #download .inner div{
border: solid 1px #e6e6e6;
margin: 15px 0 0 0;
padding: 0 20px 20px 20px;
overflow-y: scroll;
height: 100px;
}
#page-download #download div ol{
padding: 20px 0 0 20px;
}
#page-download #inquiry div ol li{
font-size: 12px;
line-height: 20px;
}
#page-download #download .button{
padding: 20px 0 0 0;
font-size: 12px;
line-height: 20px;
}
#page-download #download .button a{
font-size: 15px;
line-height: 24px;
color: #FFF;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
background: #3c64ff;
border-radius: 4px;
text-align: center;
margin: 0 0 10px 0;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out;
}
#page-download #download .button a:hover{
background: #365ae6;
opacity: 1;
}
#page-download #download .button a img{
width: 6px;
vertical-align: middle;
margin: -3px 0 0 8px;
}



/* ==============================================
#page-article
============================================== */

#page-article main{
}


#page-article #introduction{
}
#page-article #introduction .inner{
padding: 0;
}
#page-article #introduction h1{
}



#page-article #article{
}
#page-article #article h2{
font-size: 18px;
line-height: 32px;
padding: 40px 0 0 0;
}
#page-article #article p{
padding: 30px 0 0 0;
}
#page-article #article .inner div{
margin: 50px auto 0 auto;
padding: 0 20px 30px 20px;
border: 1px solid #e6e6e6;
}
#page-article #article div h3{
font-size: 16px;
line-height: 24px;
padding: 26px 0 0 0;
text-align: center;
}
#page-article #article div p{
padding: 20px 0 0 0;
}



#page-article #download{
}
#page-article #download p{
padding: 35px 0 0 0;
}
#page-article #download h2{
font-size: 16px;
line-height: 24px;
padding: 25px 0 0 0;
}
#page-article #download .inner div{
border: solid 1px #e6e6e6;
margin: 15px 0 0 0;
padding: 0 20px 20px 20px;
overflow-y: scroll;
height: 100px;
}
#page-article #download div ol{
padding: 20px 0 0 20px;
}
#page-article #inquiry div ol li{
font-size: 12px;
line-height: 20px;
}
#page-article #download .button{
padding: 20px 0 0 0;
font-size: 12px;
line-height: 20px;
}
#page-article #download .button a{
font-size: 15px;
line-height: 24px;
color: #FFF;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
background: #3c64ff;
border-radius: 4px;
text-align: center;
margin: 0 0 10px 0;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out;
}
#page-article #download .button a:hover{
background: #365ae6;
opacity: 1;
}
#page-article #download .button a img{
width: 6px;
vertical-align: middle;
margin: -3px 0 0 8px;
}



/* ==============================================
#page-topics
============================================== */

#page-topics{
}
#page-topics main .inner{
}



#page-topics #introduction{
background: url(../../topics/images/tpcs_intr_bg.jpg) right -80px top no-repeat;
background-size: auto 100%;
}
#page-topics #introduction h1{
font-family: "SST W55 Light";
font-size: 25px;
line-height: 25px;
text-align: left;
padding: 40px 0 40px 20px;
letter-spacing: 2px;
}
#page-topics #introduction p{
font-family: "SST W55 Light";
font-size: 25px;
line-height: 25px;
text-align: left;
padding: 40px 0 40px 0;
letter-spacing: 2px;
}



#page-topics main .list{
}
#page-topics main .list h2{
font-size: 30px;
line-height: 30px;
font-family: "BebasNeue";
font-weight: 300;
text-align: center;
padding: 55px 0 0 0;
}
#page-topics main .list ul{
border-top: 1px solid #ebebeb;
margin: 35px 0 0 0;
}
#page-topics main .list ul li{
font-size: 14px;
line-height: 22px;
border-bottom: 1px solid #ebebeb;
padding: 45px 0 22px 0px;
position: relative;
}
#page-topics main .list ul li a{
color: #000;
text-decoration: none;
display: block;
padding: 45px 0 22px 0px;
margin: -45px 0 -22px 0;
}
#page-topics main .list ul li span:nth-child(1){
font-size: 11px;
line-height: 11px;
color: #3c64ff;
text-align: center;
border: solid 1px #3c64ff;
display: block;
position: absolute;
top:20px;
left: 0;
width: 60px;
padding: 3px 0 4px 0;
letter-spacing: 0;
}
#page-topics main .list ul li span:nth-child(2){
position: absolute;
top:19px;
left: 70px;
}



#page-topics main .button{
padding: 60px 20px 0 20px;
}
#page-topics main .button a{
font-size: 15px;
line-height: 15px;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
border: solid 1px #3c64ff;
border-radius: 4px;
text-align: center;
}
#page-topics main .button a img{
width: 6px;
vertical-align: middle;
margin: -3px 8px 0 8px;
}



#page-topics #pressrelease{
}
#page-topics #pressrelease h1{
font-size: 20px;
line-height: 32px;
padding: 60px 0 0 0;
}
#page-topics #pressrelease h1 span{
font-size: 14px;
line-height: 14px;
display: block;
margin: 0 0 5px 0;
}

#page-topics #pressrelease h2{
font-size: 18px;
line-height: 24px;
border-top: 1px solid #ebebeb;
letter-spacing: 2px;
margin: 50px 0 0 0;
padding: 35px 0 0 0;
}
#page-topics #pressrelease h3{
font-family: "SST W55 Bold";
font-size: 16px;
line-height: 24px;
padding: 25px 0 10px 0;
}
#page-topics #pressrelease .inner-01{
margin: -25px 0 0 0;
padding: 0 0 0 20px;
}
#page-topics #pressrelease .image{
padding: 30px 0 10px 0;
}
#page-topics #pressrelease .image img{
}
#page-topics #pressrelease p{
padding: 25px 0 0 0;
}
#page-topics #pressrelease .button{
}
#page-topics #pressrelease .button a{
width: auto;
padding: 15px 20px 19px 20px;
}
#page-topics #pressrelease .button a strong{
display: block;
color: #FFF;
background: #3c64ff;
margin: -15px -20px -19px -20px;
padding: 15px 20px 19px 20px;
font-weight: normal;
border-radius: 2px;
}
#page-topics #pressrelease hr{
border: none;
border-top: 1px solid #ebebeb;
margin: 50px 0 0 0;
}
#page-topics #pressrelease .back{
display: table;
margin: 40px auto 0 auto;
}
#page-topics #pressrelease .back a{
font-size: 15px;
line-height: 15px;
text-decoration: none;
display: block;
padding: 15px 50px 19px 50px;
border: solid 1px #3c64ff;
border-radius: 4px;
text-align: center;
}
#page-topics #pressrelease .back a img{
width: 6px;
vertical-align: middle;
margin: -3px 8px 0 0;
}



#page-topics #seminar{
}
#page-topics #seminar h1{
font-size: 20px;
line-height: 32px;
padding: 50px 0 0 0;
}
#page-topics #seminar h1 span{
font-size: 15px;
line-height: 24px;
display: block;
margin: 5px 0 0 0;
}
#page-topics #seminar h1 strong{
display: block;
font-size: 15px;
line-height: 24px;
color: #ce0000;
margin: 5px 0 0 0;
font-weight: normal;
}
#page-topics #seminar #about{
}
#page-topics #seminar #about h2{
font-size: 20px;
line-height: 24px;
border-top: 1px solid #ebebeb;
letter-spacing: 2px;
margin: 50px 0 0 0;
padding: 35px 0 0 0;
text-align: center;
}
#page-topics #seminar #about table{
margin: 40px 0 0 0;
border-top: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
width: 100%;
}
#page-topics #seminar #about table th{
font-size: 14px;
line-height: 22px;
border-right: 1px solid #e6e6e6;
text-align: left;
vertical-align: top;
padding: 8px 13px 10px 13px;
display: block;
background: #fafafa;
}
#page-topics #seminar #about table td{
font-size: 14px;
line-height: 22px;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
padding: 8px 13px 10px 13px;
display: block;
}
#page-topics #seminar #about table td iframe{
border: none;
width: 100%;
height: 200px;
margin: 10px 0 0 0;
}
#page-topics #seminar #agenda{
border-top: 1px solid #e6e6e6;
margin: 60px 0 0 0;
}
#page-topics #seminar #agenda h2{
font-size: 25px;
line-height: 32px;
text-align: center;
}
#page-topics #seminar #agenda div{
border-bottom: 1px solid #e6e6e6;
padding: 0 30px 35px 30px;
background: #fafafa;
position: relative;
}
#page-topics #seminar #agenda div:nth-child(even){
background: #fff;
}
#page-topics #seminar #agenda div h3{
font-size: 16px;
line-height: 24px;
padding: 30px 0 0 0;
}
#page-topics #seminar #agenda div h3 span{
font-size: 14px;
line-height: 14px;
display: block;
margin: 0 0 10px 0;
}
#page-topics #seminar #agenda div p{
font-size: 14px;
line-height: 24px;
padding: 20px 0 0 0;
}
#page-topics #seminar #profile{
}
#page-topics #seminar #profile h2{
font-size: 20px;
line-height: 24px;
border-bottom: 1px solid #ebebeb;
letter-spacing: 2px;
padding: 60px 0 35px 0;
text-align: center;
}
#page-topics #seminar #profile div{
border: 1px solid #e6e6e6;
padding: 0 30px 30px 30px;
position: relative;
}
#page-topics #seminar #profile div h3{
font-size: 16px;
line-height: 24px;
padding: 25px 0 0 0;
}
#page-topics #seminar #profile div p{
font-size: 14px;
line-height: 24px;
padding: 15px 0 0 0;
}
#page-topics #seminar #profile div .image{
padding: 30px 80px 0 80px;
}
#page-topics #seminar #profile div .image img{
}
#page-topics #seminar .back{
padding: 60px 0 0 0;
}
#page-topics #seminar .back a{
font-size: 15px;
line-height: 15px;
text-decoration: none;
display: block;
padding: 15px 50px 19px 50px;
border: solid 1px #3c64ff;
border-radius: 4px;
text-align: center;
}
#page-topics #seminar .back a img{
width: 6px;
vertical-align: middle;
margin: -3px 8px 0 0;
}



/* ==============================================
#page-recruit
============================================== */

#page-recruit{
}



#page-recruit #door{
background: url("../../recruit/images/rcrt_tp_bg.jpg") center;
background-size: cover;
position: relative;
margin: 0 0 -71px 0;
}
#page-recruit #door::before{
content: "";
display: block;
position: absolute;
top:0;
left: 0;
background: url("../../recruit/images/rcrt_cmn_ttl.png") left top no-repeat;
background-size: 100% auto;
width: 50%;
padding: 20% 0 0 0;
}
#page-recruit #door::after{
content: "";
display: block;
position: absolute;
bottom:-60px;
right: 0;
background: url("../../recruit/images/rcrt_cmn_grd.png") no-repeat;
background-size: 100% auto;
width: 335px;
height: 60px;
}
#page-recruit #door .inner{
padding: 0 20px 22px 20px;
}
#page-recruit #door .inner::before{
content: "";
position: absolute;
top:0;
left: 0;
right: 0;
margin: auto;
background: #FFF;
width: 1px;
height: 180px;
}
#page-recruit #door h1{
font-size: 40px;
line-height: 40px;
letter-spacing: 20px;
color: #FFF;
text-align: center;
padding: 80px 0 0 20px;
-moz-text-shadow: 0 0 4px rgba(0, 30, 90, 1.0);
-webkit-text-shadow: 0 0 4px rgba(0, 30, 90, 1.0);
text-shadow: 0 0 4px rgba(0, 30, 90, 1.0);
}
#page-recruit #door p{
font-size: 16px;
line-height: 16px;
letter-spacing: 8px;
color: #FFF;
position: absolute;
top:20px;
right: 0;
text-align: center;
width: 46%;
-moz-text-shadow: 0 0 4px rgba(0, 30, 90, 1.0);
-webkit-text-shadow: 0 0 4px rgba(0, 30, 90, 1.0);
text-shadow: 0 0 4px rgba(0, 30, 90, 1.0);
}
#page-recruit #door p br{
display: none;
}
#page-recruit #door ul{
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
border: solid 8px #FFF;
margin: 60px 0 0 0;
}
#page-recruit #door ul li{
}
#page-recruit #door ul li a{
font-size: 14px;
line-height: 14px;
text-align: center;
text-decoration: none;
color: #FFF;
display: block;
background: rgba(0,0,0,0.2);
padding: 50px 0 60px 0;
}
#page-recruit #door ul li a strong{
font-size: 20px;
line-height: 20px;
letter-spacing: 2px;
font-weight: normal;
display: block;
margin: 0 0 15px 0;
}
#page-recruit #door ul li a img{
width: 7px;
vertical-align: middle;
margin: -3px 0 0 4px;
}
#page-recruit #door ul li a br{
display: none;
}
#page-recruit #door ul li:nth-child(1) a{
font-size: 18px;
line-height: 18px;
padding: 35px 0 40px 0;
}
#page-recruit #door ul li:nth-child(1) a strong{
font-size: 36px;
line-height: 36px;
margin: 0 0 20px 0;
}
#page-recruit #door ul li:nth-child(1) a strong span{
font-size: 14px;
line-height: 14px;
display: block;
margin: 0 0 5px 0;
}
#page-recruit #door ul li:nth-child(1) a img{
width: 10px;
margin: -5px 0 0 8px;
}
#page-recruit #door ul li:nth-child(1){
border-bottom: 8px solid #FFF;
}
#page-recruit #door ul li:nth-child(2){
float: left;
width: 50%;
border-right: 4px solid #FFF;
}
#page-recruit #door ul li:nth-child(3){
float: left;
width: 50%;
border-left: 4px solid #FFF;
}



#page-recruit #introduction{
background: url("../../recruit/images/rcrt_intr_bg_01.jpg") right 40% center no-repeat;
background-size: cover;
position: relative;
}
#page-recruit.recruit-02 #introduction{
background: url("../../recruit/images/rcrt_intr_bg_02.jpg") center;
background-size: cover;
}
#page-recruit.recruit-03 #introduction{
background: url("../../recruit/images/rcrt_intr_bg_03.jpg") center;
background-size: cover;
}
#page-recruit #introduction::before{
content: "";
display: block;
position: absolute;
top:0;
left: 0;
background: url("../../recruit/images/rcrt_cmn_ttl.png") left top no-repeat;
background-size: 100% auto;
width: 50%;
padding: 10% 0 0 0;
}
#page-recruit #introduction::after{
content: "";
display: block;
position: absolute;
bottom:-60px;
right: 0;
background: url("../../recruit/images/rcrt_cmn_grd.png") no-repeat;
background-size: 100% auto;
width: 335px;
height: 60px;
}
#page-recruit #introduction .inner{
position: relative;
padding: 0 20px 22px 20px;
}
#page-recruit #introduction .inner::before{
content: "";
position: absolute;
top:0;
left: 0;
right: 0;
margin: auto;
background: #FFF;
width: 1px;
height: 120px;
}
#page-recruit #introduction h1{
font-size: 30px;
line-height: 30px;
letter-spacing: 12px;
text-align: center;
color: #FFF;
padding: 60px 0 0 10px;
-moz-text-shadow: 0 0 4px rgba(0, 30, 90, 1.0);
-webkit-text-shadow: 0 0 4px rgba(0, 30, 90, 1.0);
text-shadow: 0 0 4px rgba(0, 30, 90, 1.0);
}
#page-recruit #introduction h1 span{
font-size: 16px;
line-height: 16px;
letter-spacing: 8px;
color: #FFF;
position: absolute;
top:20px;
right: 11%;
text-align: right;
display: block;
}
#page-recruit #introduction ul{
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
border: solid 6px #FFF;
border-left: none;
margin: 30px 0 0 0;
}
#page-recruit #introduction ul li{
float: left;
width: 33.33333%;
background: rgba(0,0,0,0.2);
}
#page-recruit #introduction ul li a{
font-size: 16px;
line-height: 16px;
text-align: center;
text-decoration: none;
color: #FFF;
display: block;
padding: 16px 0 20px 0;
border-left: solid 6px #FFF;
}
#page-recruit #introduction ul li.here a{
color: #000;
background: #FFF;
font-weight: bold;
}



#page-recruit #message{
}
#page-recruit #message .inner{
}
#page-recruit #message h2{
font-size: 24px;
line-height: 24px;
letter-spacing: 2px;
text-align: center;
position: relative;
padding: 60px 0 0 0;
}
#page-recruit #message h2::before{
content: "";
position: absolute;
top:0;
left: 0;
right: 0;
margin: auto;
background: #ecb2ff;
width: 1px;
height: 40px
}
#page-recruit #message h3{
font-size: 16px;
line-height: 28px;
font-weight: bold;
text-align: center;
padding: 30px 0 10px 0;
}
#page-recruit #message p{
font-size: 14px;
line-height: 28px;
padding: 20px 0 0 0;
}
#page-recruit #message .movie{
position: relative;
padding-bottom: 56%;
height: 0;
overflow: hidden;
background: #ddd;
max-width: 800px;
margin: 40px auto 0 auto;
}
#page-recruit #message .movie iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#page-recruit #message ul{
padding: 30px 0 0 0;
}
#page-recruit #message ul li{
margin: 10px 0 0 0;
}
#page-recruit #message ul li a{
font-size: 16px;
line-height: 16px;
letter-spacing: 4px;
text-align: center;
text-decoration: none;
color: #FFF;
background: #3c64ff;
border-radius: 4px;
display: block;
padding: 20px 0 24px 0;
}
#page-recruit #message ul li a strong{
}
#page-recruit #message ul li a img{
width: 7px;
vertical-align: middle;
margin: -4px 0 0 6px;
}



#page-recruit #menu{
}
#page-recruit #menu .inner{
padding: 40px 20px 0 20px;
}

#page-recruit #menu .inner div{
position: relative;
margin: 22px 0 0 0;
}
#page-recruit #menu .inner div::after{
content: "";
position: absolute;
top:0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
background: -moz-linear-gradient(left, #ccfcff, #ffccff); 
background: -webkit-linear-gradient(left, #ccfcff, #ffccff); 
background: linear-gradient(to left, #ccfcff, #ffccff); 
-ms-filter: blur(8px);
filter: blur(8px);
}
#page-recruit #menu div a{
display: block;
text-decoration: none;
background: #FFF;
position: relative;
z-index: 100;
padding: 30px 0 40px 0;
}
#page-recruit #menu div a h3{
font-size: 24px;
line-height: 24px;
letter-spacing: 4px;
text-align: center;
}
#page-recruit #menu div a h3 img{
display: block;
width: auto;
height: 60px;
margin: 0 auto 22px auto;
}
#page-recruit #menu div a p{
font-size: 14px;
line-height: 24px;
text-align: center;
padding: 25px 0 0 0;
}
#page-recruit #menu div a .link{
font-size: 16px;
line-height: 16px;
text-align: center;
color: #3c64ff;
}
#page-recruit #menu div a .link img{
width: 7px;
vertical-align: middle;
margin: -4px 0 0 6px;
}



#page-recruit #interview{
padding: 60px 0 0 0;
}
#page-recruit #interview .inner{
max-width: 100%;
padding: 0;
background: url("../../recruit/images/rcrt_intv_bg.jpg") center no-repeat;
background-size: cover;
padding: 0 0 70px 0;
}
#page-recruit #interview h2{
font-size: 30px;
line-height: 30px;
letter-spacing: 10px;
text-align: center;
color: #FFF;
padding: 60px 0 0 20px;
}
#page-recruit #interview .button{
padding: 40px 0 0 0;
}
#page-recruit #interview .button a{
font-size: 16px;
line-height: 16px;
letter-spacing: 2px;
text-align: center;
text-decoration: none;
color: #FFF;
background: #3c64ff;
border-radius: 4px;
display: block;
width: 320px;
padding: 20px 0 24px 0;
margin: auto;
}
#page-recruit #interview .button a img{
width: 9px;
vertical-align: middle;
margin: -6px 0 0 10px;
}
#page-recruit #interview ul{
}
#page-recruit #interview ul li{
width: 50%;
float: left;
position: relative;
}
#page-recruit #interview ul li::after{
content: "";
background: url("../../recruit/images/rcrt_intv_grd.png");
background-size: 100% 100%;
position: absolute;
top:0;
left: 0;
width: 100%;
height: 240px;
display: block;
}
#page-recruit #interview ul li img{
width: 100%;
height: 240px;
object-fit: cover;
}
#page-recruit #interview ul li a{
font-size: 16px;
line-height: 16px;
text-align: center;
text-decoration: none;
color: #FFF;
position: absolute;
top:0;
left: 0;
right: 0;
width: 100%;
height: 100%;
display: block;
z-index: 100;
padding: 130px 0 0 0;
}
#page-recruit #interview ul li a span{
font-size: 12px;
line-height: 12px;
font-weight: bold;
display: block;
margin: 10px 0 10px 0;
}
#page-recruit #interview ul li a strong{
font-size: 12px;
line-height: 20px;
letter-spacing: 0;
display: block;
}



#page-recruit #event{
background: #f8f8f8;
}
#page-recruit #event h2{
font-size: 24px;
line-height: 24px;
letter-spacing: 2px;
text-align: center;
padding: 60px 0 0 0;
}
#page-recruit #event .inner{
padding: 20px 20px 60px 20px;
}
#page-recruit #event .inner div{
background: #FFF;
padding: 8px;
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
margin: 22px 0 0 0;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
#page-recruit #event .inner div:hover{
background: #3c64ff;
}
#page-recruit #event .inner div:last-child{
margin: 0;
}
#page-recruit #event div a{
text-decoration: none;
border: solid 1px #3c64ff;
background: #FFF;
display: block;
padding: 0 0 44px 0;
}
#page-recruit #event div a h3{
font-size: 24px;
line-height: 24px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
padding: 40px 0 0 0;
}
#page-recruit #event div a h3 img{
width: auto;
height: 14px;
display: block;
margin: 0 auto 15px auto;
}
#page-recruit #event div a h3 span{
font-size: 14px;
line-height: 14px;
font-weight: normal;
letter-spacing: 0;
display: table;
margin: 20px auto 0 auto;
border: solid 1px #000;
padding: 7px 8px 8px 8px;
}
#page-recruit #event div a p{
font-size: 14px;
line-height: 24px;
text-align: center;
padding: 25px 0 0 0;
}
#page-recruit #event div a .link{
font-size: 16px;
line-height: 16px;
text-align: center;
color: #3c64ff;
}
#page-recruit #event div a .link img{
width: 7px;
vertical-align: middle;
margin: -4px 0 0 6px;
}



#page-recruit #outline{
}
#page-recruit #outline .inner{
padding: 0;
}
#page-recruit #outline h2{
font-size: 24px;
line-height: 24px;
letter-spacing: 2px;
text-align: center;
position: relative;
padding: 60px 0 0 0;
}
#page-recruit #outline h2::before{
content: "";
position: absolute;
top:0;
left: 0;
right: 0;
margin: auto;
background: #ecb2ff;
width: 1px;
height: 40px
}
#page-recruit #outline p{
padding: 30px 0 0 0;
text-align: center;
}
#page-recruit #outline table{
border-top: solid 1px #ebebeb;
border-left: solid 1px #ebebeb;
margin: 40px 20px 0 20px;
width: calc(100% - 40px);
}
#page-recruit #outline table th{
border-right: solid 1px #ebebeb;
border-bottom: solid 1px #ebebeb;
background: #f8f8f8;
padding: 8px 0 10px 0;
width: 90px;
}
#page-recruit #outline table td{
border-right: solid 1px #ebebeb;
border-bottom: solid 1px #ebebeb;
padding: 8px 15px 10px 15px;
}
#page-recruit #outline #howto{
background: #f8f8f8;
margin: 22px 0 0 0;
padding: 0 20px 40px 20px;
}
#page-recruit #outline #howto h3{
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
padding: 35px 0 20px 0;
}
#page-recruit #outline #howto div{
background: #FFF;
padding: 0 20px 22px 20px;
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
margin: 20px 0 0 0;
}
#page-recruit #outline #howto:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #page-recruit #outline #howto { display:inline-block; }
*:first-child+html #page-recruit #outline #howto { display:inline-block; }

#page-recruit #outline #howto h4{
font-size: 18px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
padding: 25px 0 0 0;
}
#page-recruit #outline #howto p{
font-size: 14px;
line-height: 24px;
text-align: center;
padding: 10px 0 0 0;
}
#page-recruit #outline #howto .button{
padding: 20px 0 0 0;
}
#page-recruit #outline #howto .button a{
font-size: 16px;
line-height: 16px;
text-align: center;
text-decoration: none;
color: #FFF;
background: #3c64ff;
border-radius: 4px;
display: block;
padding: 20px 0 24px 0;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
margin: auto;
}
#page-recruit #outline #howto .button a:hover{
opacity: 0.7;
}
#page-recruit #outline #howto .button a img{
width: 7px;
vertical-align: middle;
margin: -4px 0 0 6px;
}



#page-recruit #article{
}
#page-recruit #article .inner{
}
#page-recruit #article p{
position: relative;
padding: 55px 0 0 0;
}
#page-recruit #article ul{
}
#page-recruit #article ul li{
font-size: 14px;
line-height: 24px;
margin: 35px 0 0 0;
}
#page-recruit #article ul li img{
margin: 0 0 15px 0;
}
#page-recruit #article ul li span{
display: block;
text-indent: -14px;
margin: 0 0 20px 14px;
}
#page-recruit #article .inner div{
border: solid 1px #ebebeb;
margin: 25px 0 0 0;
padding: 0 0 30px 0;
}
#page-recruit #article .inner div h3{
font-size: 18px;
font-weight: bold;
text-align: center;
padding: 25px 0 0 0;
}
#page-recruit #article .inner div p{
padding: 15px 0 0 0;
text-align: center;
}



#page-recruit #links{
}
#page-recruit #links .inner{
padding: 0 20px;
}
#page-recruit #links ul{
padding: 12px 0 0 0;
}
#page-recruit #links ul li{
margin: 10px 0 0 0;
}
#page-recruit #links ul li a{
font-size: 20px;
line-height: 20px;
letter-spacing: 4px;
text-align: center;
text-decoration: none;
color: #FFF;
display: block;
background: #3c64ff;
border-radius: 4px;
padding: 26px 0 30px 0;
}
#page-recruit #links ul li a strong{
font-weight: bold;
}
#page-recruit #links ul li a img{
width: 11px;
vertical-align: middle;
margin: -5px 0 0 10px;
}
#page-recruit #links ul:last-child li a{
font-size: 16px;
line-height: 16px;
letter-spacing: 0;
text-align: center;
text-decoration: none;
color: #3c64ff;
display: block;
background: #FFF;
border: solid 1px #3c64ff;
border-radius: 4px;
padding: 20px 0 24px 0;
}
#page-recruit #links ul:last-child li a img{
width: 7px;
vertical-align: middle;
margin: -4px 0 0 6px;
}



/* ==============================================
#page-support
============================================== */

#page-support{
}
#page-support main{
background: #fafafa;
padding: 0;
}



#page-support #introduction{
background: url(../../support/images/spt_intr_bg.jpg) center top no-repeat;
padding: 0 0 35px 0;
}
#page-support #introduction h1{
font-family: "SST W55 Light";
font-size: 25px;
line-height: 25px;
text-align: center;
padding: 40px 0 0 0;
letter-spacing: 2px;
}
#page-support #introduction p{
padding: 30px 0 0 0;
}



#page-support #solution{
}
#page-support #solution h2{
font-size: 20px;
line-height: 28px;
text-align: center;
padding: 50px 0 0 0;
}
#page-support #solution .inner div{
background: #FFF;
margin: 35px 0 0 0;
padding: 0 30px 35px 30px;
}
#page-support #solution div h3{
font-size: 18px;
line-height: 24px;
text-align: center;
padding: 30px 0 0 0;
}
#page-support #solution div h3 img{
margin: 0 auto 15px auto;
display: block;
width: 60px;
}
#page-support #solution div p{
padding: 10px 0 0 0;
}
#page-support #solution div p br{
display: none;
}
#page-support #solution div .button{
padding: 25px 0 0 0;
}
#page-support #solution div .button a{
font-size: 15px;
line-height: 15px;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
border: solid 1px #3c64ff;
border-radius: 4px;
text-align: center;
}
#page-support #solution div .button a img{
width: 6px;
vertical-align: middle;
margin: -3px 0 0 8px;
}


#page-support #development{
}
#page-support #development h2{
font-size: 20px;
line-height: 28px;
text-align: center;
padding: 60px 0 0 0;
}
#page-support #development .inner{
}
#page-support #development .inner div{
background: #FFF;
margin: 35px 0 0 0;
padding: 0 30px 35px 30px;
}
#page-support #development .inner div:last-child{
margin: 10px 0 0 0;
}
#page-support #development div h3{
font-size: 18px;
line-height: 24px;
text-align: center;
padding: 30px 0 0 0;
}
#page-support #development div p{
padding: 10px 0 0 0;
}
#page-support #development div .button{
padding: 25px 0 0 0;
}
#page-support #development div .button a{
font-size: 15px;
line-height: 15px;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
border: solid 1px #3c64ff;
border-radius: 4px;
text-align: center;
}
#page-support #development div .button a img{
width: 6px;
vertical-align: middle;
margin: -3px 0 0 8px;
}



#page-support #recruit{
}
#page-support #recruit h2{
font-size: 20px;
line-height: 28px;
text-align: center;
padding: 60px 0 0 0;
}
#page-support #recruit .inner div{
background: #FFF;
margin: 35px 0 0 0;
padding: 0 30px 35px 30px;
}
#page-support #recruit div p{
padding: 25px 0 0 0;
}
#page-support #recruit div .button a{
font-size: 15px;
line-height: 22px;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
border: solid 1px #3c64ff;
border-radius: 4px;
text-align: center;
}
#page-support #recruit div .button a img{
width: 6px;
vertical-align: middle;
margin: -3px 0 0 8px;
}



#page-support #discontinued .button{
padding: 60px 50px 0 50px;
}
#page-support #discontinued .button a{
font-size: 15px;
line-height: 22px;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
border: solid 1px #3c64ff;
border-radius: 4px;
text-align: center;
background: #FFF;
}
#page-support #discontinued .button a img{
width: 6px;
vertical-align: middle;
margin: -3px 0 0 8px;
}



#page-support #contact{
background: #FFF;
padding: 0 0 60px 0;
margin: 60px 0 0 0;
}
#page-support #contact h2{
font-size: 17px;
line-height: 17px;
letter-spacing: 2px;
padding: 40px 0 5px 0;
text-align: center;
border-bottom: 4px solid #000000;
display: table;
margin: auto;
}
#page-support #contact h3{
font-family: "BebasNeue";
font-weight: 300;
font-size: 30px;
line-height: 30px;
letter-spacing: 2px;
padding: 24px 0 0 0;
text-align: center;
}
#page-support #contact p{
padding: 20px 0 0 0;
}



/* ==============================================
#page-discontinued
============================================== */

#page-discontinued{
}
#page-discontinued main{
background: #fafafa;
}



#page-discontinued #introduction{
background: url(../../support/images/spt_intr_bg.jpg) center top no-repeat;
padding: 0 0 35px 0;
}
#page-discontinued #introduction h1{
font-family: "SST W55 Light";
font-size: 25px;
line-height: 25px;
text-align: center;
padding: 40px 0 0 0;
letter-spacing: 2px;
}
#page-discontinued #introduction p{
padding: 30px 0 0 0;
}



#page-discontinued main .button{
padding: 60px 20px 0 20px;
}
#page-discontinued main .button a{
font-size: 15px;
line-height: 15px;
text-decoration: none;
display: block;
padding: 15px 0 19px 0;
border: solid 1px #3c64ff;
border-radius: 4px;
text-align: center;
background: #FFF;
}
#page-discontinued main .button a img{
width: 6px;
vertical-align: middle;
margin: -3px 0 0 8px;
}



#page-discontinued main .list{
}
#page-discontinued main .list .inner{
padding: 20px 20px 0 20px;
}
#page-discontinued main .list h2{
font-size: 20px;
line-height: 28px;
text-align: center;
padding: 50px 0 0 0;
}
#page-discontinued main .list .inner div{
background: #FFF;
margin: 10px 0 0 0;
padding: 0 20px 20px 20px;
border-right: 5px solid #fafafa;
}
#page-discontinued main .list div h3{
font-size: 16px;
line-height: 20px;
padding: 18px 0 0 0;
}
#page-discontinued main .list div p{
font-size: 12px;
line-height: 20px;
padding: 8px 0 0 0;
}
#page-discontinued main .list .inner:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #page-discontinued main .list .inner { display:inline-block; }
*:first-child+html #page-discontinued main .list .inner { display:inline-block; }



/* ==============================================
#page-csr
============================================== */

#page-csr{
}
#page-csr main .inner{
}
#page-csr #introduction h1{
font-family: "SST W55 Light";
font-size: 25px;
line-height: 25px;
text-align: center;
padding: 60px 0 10px 0;
letter-spacing: 2px;
}



/* ==============================================
#page-privacy
============================================== */

#page-privacy{
}
#page-privacy main .inner{
}
#page-privacy #introduction h1{
font-family: "SST W55 Light";
font-size: 25px;
line-height: 25px;
text-align: center;
padding: 60px 0 30px 0;
letter-spacing: 2px;
}
#page-privacy #introduction p{
padding: 25px 0 0 0;
}



/* ==============================================
#page-about
============================================== */

#page-about{
}
#page-about main .inner{
}
#page-about #introduction h1{
font-family: "SST W55 Light";
font-size: 25px;
line-height: 25px;
text-align: center;
padding: 60px 0 30px 0;
letter-spacing: 2px;
}
#page-about #introduction p{
padding: 25px 0 0 0;
}



/* ==============================================
#movie
============================================== */

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box;
}
.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
	display: none;
}
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}
.mfp-ajax-cur {
	cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
	cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.mfp-loading.mfp-figure {
	display: none;
}
.mfp-hide {
	display: none !important;
}
.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}
.mfp-preloader a {
	color: #CCC;
}
.mfp-preloader a:hover {
	color: #FFF;
}
.mfp-s-ready .mfp-preloader {
	display: none;
}
.mfp-s-error .mfp-content {
	display: none;
}
button.mfp-close, button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	touch-action: manipulation;
}
 button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
	opacity: 1;
}
.mfp-close:active {
	top: 1px;
}
.mfp-close-btn-in .mfp-close {
	color: #333;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}
.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
}
.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;

	height: 110px;
	-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
	margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
	opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}
.mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}
.mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}
.mfp-arrow-left {
	left: 0;
}
.mfp-arrow-left:after {
	border-right: 17px solid #FFF;
	margin-left: 31px;
}
.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
	right: 0;
}
.mfp-arrow-right:after {
	border-left: 17px solid #FFF;
	margin-left: 39px;
}
.mfp-arrow-right:before {
	border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
	top: -40px;
}
.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
}
.mfp-figure {
	line-height: 0;
}
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444;
}
.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px;
}
.mfp-figure figure {
	margin: 0;
}
.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}
.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #F3F3F3;
	word-wrap: break-word;
	padding-right: 36px;
}
.mfp-image-holder .mfp-content {
	max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
	padding-left: 0;
	padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
	padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
	top: 0;
	bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
	display: inline;
	margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	margin: 0;
	top: auto;
	padding: 3px 5px;
	position: fixed;
	box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
	padding: 0;
}
.mfp-img-mobile .mfp-counter {
	right: 5px;
	top: 3px;
}
.mfp-img-mobile .mfp-close {
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	text-align: center;
	padding: 0;
}
}

@media all and (max-width: 900px) {
.mfp-arrow {
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
}
.mfp-arrow-left {
	-webkit-transform-origin: 0;
	transform-origin: 0;
}
.mfp-arrow-right {
	-webkit-transform-origin: 100%;
	transform-origin: 100%;
}
.mfp-container {
	padding-left: 6px;
	padding-right: 6px;
}
}
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.5;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}