@charset "UTF-8";
/* smartphone CSS
******************************************
1 initialize
2 adjust
3 layout
4 common
5 page
6 plugin
7 animation
8 css hack
*****************************************/
.pc { display: none; }
.sp { display: inline-block; }


/* 1 initialize
******************************************/

/* 2 adjust
******************************************/
#LW .ASP1 { display:block;}
#LW .APC1 { display:none;}
#LW .ASP2 { display:inline;}
#LW .APC2 { display:none;}

/* 3 layout
******************************************/
.div01 { word-wrap: break-word;}
.div01 img { width:100%; height:inherit;}
.div_cmn01_body { width:100%;}

/* 3-1 header
-----------------------------------------*/
#LH { height: calc(120 / 750 * 100vw); box-sizing: border-box; position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 9999; }
#LHW1 { padding: 0 calc(40 / 750 * 100vw); }
#LH1W1 { height: calc(120 / 750 * 100vw); display: flex; justify-content: space-between; align-items: center; }
.SHLogo1 { position: relative; z-index: 5000; display:inline-block;}
.SHLogo1 img { width: calc(235 / 750 * 100vw); height:auto;}

.RGlNav1 { display: flex; align-items: center; }
.RGlNav1 li:not(:last-of-type) { margin-right: calc(35 / 750 * 100vw); }
.RGlNav1 .searchBtn { position: relative; top: 0; right: 0; }
.RGlNav1 .searchBtn img { width: calc(80 / 750 * 100vw); height: auto; }
.RGlNav1 .conatctBtn img { width: calc(80 / 750 * 100vw); height: auto; }
.RGlNav1 .headerMenuOpen img { width: calc(57 / 750 * 100vw); height: auto; }

.headerLogo { display: flex; justify-content: flex-start; align-items: center; }
.headerLanguage { margin-left: calc(20 / 750 * 100vw); font-size: calc(20 / 750 * 100vw); font-weight: 300; text-align: left; display: block; position: relative; }
.headerLanguage:before { content: ""; width: calc(16 / 750 * 100vw); height: calc(14 / 750 * 100vw); background: url(../img/base/ArrowRt24.png) 0 0 /contain no-repeat; position: absolute; top: calc(50% - 5 / 750 * 100vw); right: calc(-24 / 750 * 100vw); }
.headerLanguage:link, .headerLanguage:visited { color: #333; }
.headerMenu { opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; transition: all .3s; }
.headerMenu .searchBtn { position: relative; top: 0; right: 0; }
.headerMenu .searchBtn img { width: calc(62 / 750 * 100vw); height: auto; }
.headerMenu.active { opacity: 1; visibility: visible; }
.headerMenuWrap { width: 100%; height: 100vh; overflow: scroll; }
.headerMenuLogo { margin-top: 2px; margin-bottom: 40px; }
.headerMenuClose { position: fixed; top: calc(40 / 750 * 100vw); right: calc(40 / 750 * 100vw); z-index: 10010; }
.headerMenuArea { background: #dd0033; }
.headerMenuAreaSub { background: #a60000; }
.headerMenuArea .headerMenuCont { padding: calc(120 / 750 * 100vw) 0 calc(50 / 750 * 100vw); text-align: center; }
.headerMenuBox { display: flex; justify-content: space-between; flex-wrap: wrap; }
.headerMenuNav li { list-style: none; }
.headerMenuNav >li >a { font-weight: 600; }
.headerMenuNav.Nav1 { text-align:left; width: 100%;}
.headerMenuNav.Nav1 li { width: 100%; position: relative; }
.headerMenuNav.Nav1 li a { padding: calc(30 / 750 * 100vw) calc(40 / 750 * 100vw); font-size: calc(28 / 750 * 100vw); font-weight: 600; color: #fff; line-height: 1; border-bottom: calc(2 / 750 * 100vw) solid rgba(255, 255, 255, .2); display: block; position: relative; }
.headerMenuNav.Nav1 li a:hover, .headerMenuNav.Nav1 li a:focus { text-decoration: none; }
.headerMenuNav.Nav1 li .pullArrow { width: calc(90 / 750 * 100vw); height: calc(90 / 750 * 100vw); position: absolute; top: 0; right: 0; }
.headerMenuNav.Nav1 li .pullArrow:before { content: ""; width: calc(20 / 750 * 100vw); height: calc(19 / 750 * 100vw); background: url(../img/base/ArrowRt26.png) 0 0 /contain no-repeat; position: absolute; top: calc(34 / 750 * 100vw); right: calc(40 / 750 * 100vw); }
.headerMenuNav.Nav1 li .pullArrow.active { transform: rotate(90deg); }
.headerMenuNav.Nav1 li .pullArrow.active.disActive { transform: rotate(0deg); }

.headerMenuNav.Nav2 { margin: calc(50 / 750 * 100vw) 0; display: flex; justify-content: center; align-items: center; }
.headerMenuNav.Nav2 li { list-style: none; text-align: left; }
.headerMenuNav.Nav2 li:not(:last-of-type) { margin-right: calc(35 / 750 * 100vw); }
.headerMenuNav.Nav2 >li >a { font-weight: 300; }

.headerMenuNav.Nav3 { margin: calc(50 / 750 * 100vw) calc(40 / 750 * 100vw) 0; position: relative; }
.headerMenuNav.Nav3 li { margin-bottom: calc(40 / 750 * 100vw); text-align: left; }
.headerMenuNav.Nav3 a { color: #fff; }
.headerMenuNav.Nav3 >li >a { font-weight: 300; }

.headerMenuNav .headerMenuNavSub { padding: 0 calc(40 / 750 * 100vw); display: none; border-bottom: calc(2 / 750 * 100vw) solid rgba(255, 255, 255, .2); }
.headerMenuNav .headerMenuNavSub li { list-style: none; border: none; }
.headerMenuNav .headerMenuNavSub li a { padding: calc(30 / 750 * 100vw) calc(30 / 750 * 100vw); font-size: calc(24 / 750 * 100vw); font-weight: 300; color: #fff; line-height: 1; border-bottom: calc(2 / 750 * 100vw) dotted rgba(255, 255, 255, .2); display: block; position: relative; }
.headerMenuNav .headerMenuNavSub li:last-of-type a { border-bottom: none; }
.headerMenuNav .headerMenuNavSub li a:after { content: ""; width: calc(17 / 750 * 100vw); height: calc(16 / 750 * 100vw); background: url(../img/base/ArrowRt26.png) 0 0 /contain no-repeat; position: absolute; top: calc(50% - 8 / 750 * 100vw); right: calc(30 / 750 * 100vw); }
.headerMenuNav .headerMenuNavSub li a[target="_blank"]:after { content: ""; width: calc(27 / 750 * 100vw); height: calc(27 / 750 * 100vw); background: url(../img/base/iconNewWin2.png) 0 0 /contain no-repeat; position: absolute; top: calc(50% - 14 / 750 * 100vw); right: calc(20 / 750 * 100vw); }

.headerMenuAreaSub .headerMenuCont { padding: calc(35 / 750 * 100vw) 0 calc(150 / 750 * 100vw); }
.headerMenuAreaSub .headerMenuNav { text-align:left; width: 100%;}
.headerMenuAreaSub .headerMenuNav li { width: 100%; position: relative; }
.headerMenuAreaSub .headerMenuNav li a { padding: calc(30 / 750 * 100vw) calc(40 / 750 * 100vw); font-size: calc(28 / 750 * 100vw); font-weight: 300; color: #fff; line-height: 1; border-bottom: calc(2 / 750 * 100vw) solid rgba(255, 255, 255, .2); display: block; position: relative; }
.headerMenuAreaSub .headerMenuNav li a:hover, .headerMenuAreaSub .headerMenuNav li a:focus { text-decoration: none; }
.headerMenuAreaSub .headerMenuNav >li >a { font-weight: 600; }
.headerMenuAreaSub .headerMenuNav li .pullArrow { width: calc(90 / 750 * 100vw); height: calc(90 / 750 * 100vw); position: absolute; top: 0; right: 0; }
.headerMenuAreaSub .headerMenuNav li .pullArrow:before { content: ""; width: calc(20 / 750 * 100vw); height: calc(19 / 750 * 100vw); background: url(../img/base/ArrowRt26.png) 0 0 /contain no-repeat; position: absolute; top: calc(34 / 750 * 100vw); right: calc(40 / 750 * 100vw); }
.headerMenuAreaSub .headerMenuNav li .pullArrow.active { transform: rotate(90deg); }

.headerBtn { padding: calc(20 / 750 * 100vw) calc(80 / 750 * 100vw) calc(20 / 750 * 100vw) calc(55 / 750 * 100vw); font-size: calc(26 / 750 * 100vw); font-weight: 300; line-height: 1; border-radius: calc(32 / 750 * 100vw); border: calc(2 / 750 * 100vw) solid #fff; display: inline-block; position: relative; }
.headerBtn:before { content: ""; width: calc(17 / 750 * 100vw); height: calc(16 / 750 * 100vw); background: url(../img/base/ArrowRt26.png) 0 0 /contain no-repeat; position: absolute; top: calc(50% - 10 / 750 * 100vw); right: calc(20 / 750 * 100vw); }
.headerBtn.Btn1 { color: #fff; background: none; }
.headerBtn.Btn2 { color: #333; background: #ccc; border-color: #ccc; }
.headerBtn.Btn2:before { background: url(../img/base/ArrowRt27.png) 0 0 /contain no-repeat;}

.headeCopyright { font-size: calc(20 / 750 * 100vw);  color: #fff; text-align: center; line-height: 1; }
.modaal-wrapper { z-index: 10030!important; }
.modaal-overlay { z-index: 10020!important; }

/* 3-2 page
-----------------------------------------*/
#Pagetop { margin-top: calc(120 / 750 * 100vw); }
#Page { padding:10px 20px 20px;}

.BTop1 #Page { padding:0 10px 20px;}
.SPPageTtl1 { display:none;}

#RDFunc1 { display:none; position:absolute; top:-100%; width:100%; z-index:500;}
.RSupNav1 { display:none;}
.RPFuncBtn1_1 { position:absolute; top:0; left:0; width:100%; height:60px; background:#fff; z-index:2000;}
.RPFuncBtn1_1 a { display:block; float:right; padding:0; margin:15px; width:30px; height:33px; background:#fff url(../img/base/IconFunc1_1.gif) 50% 50% no-repeat; background-size:25px 23px;}

.RDFunc1ROn { display:block !important;
-webkit-animation: anime1 0.6s ease-out;
top:50px !important;
}

@-webkit-keyframes anime1 {
0% { top:-300px;}
40% { top:20px;}
100% { top:50px;}
}

.RPFuncBtn1_2 { text-align:right; padding-right:20px;}
.RPFuncBtn1_2 a { display:inline-block; width:24px; height:24px; padding:10px; border-top:0; background:rgba(0,0,0,0.8) url(../img/base/IconClose2.png) 50% 50% no-repeat; background-size:24px;}

/* 3-3 main
-----------------------------------------*/
#LM { margin-bottom:30px;}
.SDSocialBtn1 .CL1 li { margin:0 10px 0 0;}

#LS {}
.LSNav1 li { zoom:1; display:block; margin-bottom:5px; line-height:1.5;}

.LSNav1 a.CA1 ,.LSNav1 a.CA1:hover { background:#E6E6E6 url(../img/base/BgLSNav1_1SP.gif) 100% 50% no-repeat; background-size:20px 10px; padding:15px 30px 14px 10px; color:#333;}
.LSNav1 a.CA1ROn ,.LSNav1 a.CA1ROn:hover { background:#E6E6E6 url(../img/base/BgLSNav1_1_f2SP.gif) 100% 50% no-repeat; background-size:20px 10px; padding:15px 30px 14px 10px; color:#333;}
.LSNav1 a.CA1ROnSP ,.LSNav1 a.CA1ROnSP:hover { background:#E6E6E6 url(../img/base/BgLSNav1_2SP.gif) 100% 50% no-repeat; background-size:23px 10px; color:#333;}

.LSNav1 .CL1 { display:none;}
.LSNav1 .CL1ROn { display:block;}

.newicon{ width:33px; height:15px; position:absolute; left:84px;}

/* 3-4 footer
-----------------------------------------*/

#LF { position:relative; clear:both; padding-top:0; text-align:left; background: #555;}
#LFW1 { padding:0; position:relative;}
#LF1 { padding: 0;}
#LF2 { padding:0 calc(40 / 750 * 100vw) calc(60 / 750 * 100vw);}
#LF1 .APkg { display: flex; flex-direction: column; align-items: center; }

.footerNav.Nav1 { text-align:left; width: 100%;}
.footerNav.Nav1 li { width: 100%; list-style: circle; position: relative; }
.footerNav.Nav1 li a { padding: calc(30 / 750 * 100vw) calc(40 / 750 * 100vw); font-size: calc(28 / 750 * 100vw); font-weight: 600; color: #fff; line-height: 1; border-bottom: calc(2 / 750 * 100vw) solid #fff; display: block; position: relative; }
.footerNav.Nav1 li a:focus { text-decoration: none; }
.footerNav.Nav1 li .pullArrow { width: calc(90 / 750 * 100vw); height: calc(90 / 750 * 100vw); position: absolute; top: 0; right: 0; }
.footerNav.Nav1 li .pullArrow:before { content: ""; width: calc(20 / 750 * 100vw); height: calc(19 / 750 * 100vw); background: url(../img/base/ArrowRt26.png) 0 0 /contain no-repeat; position: absolute; top: calc(34 / 750 * 100vw); right: calc(40 / 750 * 100vw); }
.footerNav.Nav1 li .pullArrow.active { transform: rotate(90deg); }
.footerNav.Nav1 li .pullArrow.active.disActive { transform: rotate(0deg); }

.footerNav.Nav2 { margin-left: 20px; }
.footerNav.Nav2 li { font-size:13px; width: 140px; float: left; padding: 10px 0; list-style: circle; color:#fff;}
.footerNav.Nav2 li a { color: #fff;}

.footerNav .footerNavSub { padding: 0 calc(40 / 750 * 100vw); display: none; border-bottom: calc(2 / 750 * 100vw) solid #fff; }
.footerNav .footerNavSub li { list-style: none; border: none; }
.footerNav .footerNavSub li a { padding: calc(30 / 750 * 100vw) calc(30 / 750 * 100vw); font-size: calc(24 / 750 * 100vw); font-weight: 300; color: #fff; line-height: 1; border-bottom: calc(2 / 750 * 100vw) dotted #fff; display: block; position: relative; }
.footerNav .footerNavSub li:last-of-type a { border-bottom: none; }
.footerNav .footerNavSub li a:after { content: ""; width: calc(17 / 750 * 100vw); height: calc(16 / 750 * 100vw); background: url(../img/base/ArrowRt26.png) 0 0 /contain no-repeat; position: absolute; top: calc(50% - 8 / 750 * 100vw); right: calc(30 / 750 * 100vw); }

.footerNav.Nav3 { margin: calc(40 / 750 * 100vw) 0 calc(45 / 750 * 100vw); display: flex; justify-content: center; }
.footerNav.Nav3 >:not(:last-of-type) { margin-right: calc(20 / 750 * 100vw); }
.footerBtn { padding: calc(20 / 750 * 100vw) calc(80 / 750 * 100vw) calc(20 / 750 * 100vw) calc(55 / 750 * 100vw); font-size: calc(26 / 750 * 100vw); font-weight: 300; line-height: 1; border-radius: calc(32 / 750 * 100vw); border: calc(2 / 750 * 100vw) solid #fff; display: inline-block; position: relative; }
.footerBtn:before { content: ""; width: calc(17 / 750 * 100vw); height: calc(16 / 750 * 100vw); background: url(../img/base/ArrowRt26.png) 0 0 /contain no-repeat; position: absolute; top: calc(50% - 10 / 750 * 100vw); right: calc(20 / 750 * 100vw); }
.footerBtn.Btn1 { color: #fff; background: #555; }
.footerBtn.Btn2 { color: #333; background: #fff; }
.footerBtn.Btn2:before { background: url(../img/base/ArrowRt27.png) 0 0 /contain no-repeat;}

.SLPrivacyNav1 { margin: calc(45 / 750 * 100vw) calc(40 / 750 * 100vw) calc(90 / 750 * 100vw); text-align:left; position: relative;}
.SLPrivacyNav1 li a { color: #fff; font-size: calc(24 / 750 * 100vw); line-height:2.5;}

.SPCopyRight1 { text-align:left; color: #fff; font-size: calc(20 / 750 * 100vw);}
.SPCopyRight1_02 { text-align:left; color: #fff; font-size: calc(20 / 750 * 100vw); padding-top: 25PX;}

.SPPagetop1 { position: fixed; bottom: calc(110 / 750 * 100vw); right: calc(30 / 750 * 100vw); z-index: 500; }
.SPPagetop1 a { display: block; width: calc(100 / 750 * 100vw); height: calc(100 / 750 * 100vw); background: rgba(0,0,0,0.6) url(../img/base/iconToTop.png) no-repeat 50% calc(30 / 750 * 100vw); background-size: calc(60 / 750 * 100vw); border-radius: calc(50 / 750 * 100vw); text-indent: -9999px;}


.SLCrumb1 { display:none;}

.SUSocial1 {  position: absolute; top: -30px; right:20px;}
.SUSocial1 li { float:left;}

/* 4 common
******************************************/
.localNavi { width: 100%; background: #f1f1f1; }
.localNaviList li span { padding: calc(20 / 750 * 100vw) 0; font-weight: 600; text-align: center; position: relative; display: block; }
.localNaviList li span:after { content: ""; width: calc(30 / 750 * 100vw); height: calc(28 / 750 * 100vw); display: block; background: url(../img/base/ArrowRt23.png) 0 0 /contain no-repeat; position: absolute; top: calc(50% - 14 / 750 * 100vw); right: calc(40 / 750 * 100vw); transition: all .3s; }
.localNaviList li span.active:after { transform: rotate(90deg); }
.localNaviList ul { padding: 0 calc(40 / 750 * 100vw); display: none; border-top: calc(2 / 750 * 100vw) solid #fff; }
.localNaviList ul li { width: 100%; }
.localNaviList ul li a { padding: calc(30 / 750 * 100vw) calc(90 / 750 * 100vw) calc(30 / 750 * 100vw) calc(40 / 750 * 100vw); font-size: calc(24 / 750 * 100vw); color: #111111; line-height: 1; text-align: left; display: block; position: relative; transition: all .3s; }
.localNaviList ul li a:after { content: ""; width: calc(24 / 750 * 100vw); height: calc(23 / 750 * 100vw); display: block; background: url(../img/base/ArrowRt23.png) 0 0 /contain no-repeat; position: absolute; top: calc(50% - 12 / 750 * 100vw); right: calc(40 / 750 * 100vw); transition: all .3s; }
.localNaviList ul li:not(:last-of-type) a { border-bottom: calc(2 / 750 * 100vw) solid #fff }
.localNaviList ul li a:hover { text-decoration: none; }
.localNaviList.news ul { padding: 0; display: flex; }
.localNaviList.news ul li { width: 33.33%; }
.localNaviList.news ul li:not(:last-of-type) a { border-right: calc(2 / 750 * 100vw) solid #fff; border-bottom: none; }
.localNaviList.news ul li a { padding: calc(30 / 750 * 100vw) 0 calc(30 / 750 * 100vw) calc(10 / 750 * 100vw); }
.localNaviList ul li a.active { background: #e0e0e0; }
.keyVisual .keyTitle { padding-top: calc(90 / 750 * 100vw); margin-bottom: calc(25 / 750 * 100vw); font-size: calc(60 / 750 * 100vw); font-weight: 600; line-height: 1; }
.keyVisual .keyLead { padding-bottom: calc(90 / 750 * 100vw); font-size: calc(32 / 750 * 100vw); font-weight: 300; line-height: 1; }

/* 4-1 text
-----------------------------------------*/
.SH1_1 { font-size:18px; }
.SH1 .CS1 { display:block; font-size:12px; padding-top:5px;}
.SH2 { font-size:14px; font-weight:normal;}
.SH3 { font-size:14px; font-weight:normal;}
.SH4_1 a { background:url(../img/base/BgLSNav1SP.gif) 100% 50% no-repeat; background-size:23px 11px;}
.SH4_1 a:hover { text-decoration:none;}

.RFRt1 { margin-bottom:10px;}
.RFLt1 { margin-bottom:10px;}

/* 4-2 link/button
-----------------------------------------*/
.SLBtn1 { clear:both; text-align:center; padding-bottom:10px; width:100%;}
.SLBtn1 li { display:inline-block; width:30%; margin:0 7px 0 0;}
.SLBtn1 li a { display:block; width:100%; padding:12px 0; background:#333; color:#FFF; font-size:12px;}

a.SABtn1 { display:block; padding:10px; border:2px solid #DD0033; background:url(../img/base/BgSABtn1_sp.gif) 0 0 repeat; background-size:5px 5px; text-align:center; color:#333;}
a.SABtn1 .CS1 { padding-left:20px; background:url(../img/base/BgSABtn1_1_sp.png) 0 50% no-repeat; background-size:8px 6px;}
a.SABtn2 { background:url(../img/base/ArrowRt11.png) no-repeat 0 50%; padding-left:10px;}

.buttonLink1 { text-align: center; }
.buttonLink1 a { margin: 0 auto; padding: calc(16 / 750 * 100vw) calc(75 / 750 * 100vw) calc(16 / 750 * 100vw) calc(40 / 750 * 100vw); font-size: calc(26 / 750 * 100vw); color: #333; line-height: 1; border-radius: calc(32 / 750 * 100vw); border: calc(2 / 750 * 100vw) solid #999999; display: inline-block; position: relative; }
.buttonLink1 a:before { content: ""; width: calc(22 / 750 * 100vw); height: calc(22 / 750 * 100vw); display: block; background: url(../img/base/ArrowRt24.png) 0 0 /contain no-repeat; position: absolute; top: calc(50% - 11 / 750 * 100vw); right: calc(20 / 750 * 100vw); }
.buttonLink1.pdf a:before { width: calc(38 / 750 * 100vw); height: calc(34 / 750 * 100vw); background: url(https://www.aainc.co.jp/pdf.gif) center center /auto no-repeat; position: absolute; top: calc(50% - 17 / 750 * 100vw); }

/* 4-3 data [list/table]
-----------------------------------------*/

/* 4-5 component
-----------------------------------------*/
.SDHead2 { position:relative; padding-bottom:12px;}

/* 4-6 img
-----------------------------------------*/
.RResize1 { width:100%; height:inherit;}
.RResize2LT { width:140px; height:inherit; float:left;}
.RResize2RT { width:140px; height:inherit; float:right;}

/* 4-7 list
-----------------------------------------*/
.RUFit1 li, .RUFit2 li { margin-bottom:20px;}
.RUFit1 li .CP1, .RUFit2 li .CP1 { margin-bottom:10px;}

.RUFit3 li { float:left; width:100%; text-align:center;}
.RUFit3 li.RCenter { width:100%; height:30px; line-height:30px; text-align:center;}

.RUFit4 li { float:left; width:100%; text-align:center;}
.RUFit4 li.RCenter { width:100%; height:80px; line-height:75px; text-align:center;}

.RUFit6 li { float:left; width:100%;}
.RUFit6 li.RCenter { width:100%; height:80px; line-height:75px; text-align:center;}
.RUFit6 li .CP1 { margin-bottom:10px;}
          
/* 4-8 table
-----------------------------------------*/
.RT1 { width:100%; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
.RT1 th, .RT1 td { padding:8px; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; vertical-align:top; font-size:12px;}
.RT1 th { background:#f6f6f6;}
.RT1 td { word-break:break-all;}
.RT1 .CThWid175 { width:67px;}
.RT1 .CThWid180 { width:100px;}/* 20131008 form */

.RT2 { width:100%;  border-top:1px solid #e6e6e6; }
.RT2 th, .RT2 td { padding:5px 0; border-bottom:1px solid #e6e6e6; vertical-align:top;}
.RT2 .CThWid110 { width:85px;}

.RT3 { width:100%; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
.RT3 th, .RT3 td { padding:8px; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; vertical-align:top; font-size:12px;}
.RT3 th { background:#f6f6f6; display: block; width: calc(100% - 16px);}
.RT3 td { word-break:break-all; display: block; width:  calc(100% - 16px);}

.RT3-child1 { width: 100%; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
.RT3-child1 .CThWid185 { width:75px;}
.RT3-child1 th, .RT3-child1 td { display: table-cell; padding: 5px; }

.RT3-child2 { width: 100%; border: none;}
.RT3-child2 th, .RT3-child2 td { display: table-cell; border: none; background-color: #FFF;  padding: 1px 10px; }

.financialNum td { text-align: right; }

/* 20131008 form */
[type="file"]{width: 180px; font-size: 10px;}
.br {display: block;}
.test {max-width: 175px;}

/* メニュー 1
-----------------------------------------*/
.SDMenu1 .CU1 { margin:0; padding:0; list-style:none; text-align:center;}
.SDMenu1 .CU1 li { display:inline-block;}
.SDMenu1 .CU1 li.CLi1 a { margin-right:12px;}
.SDMenu1 .CU1 li.CLi2 a { margin-right:13px;}
.SDMenu1 .CU1 li a { display:inline-block; width:85px; height:60px; margin-bottom:10px; font-size:11px; font-weight:bold; color:#fff; text-decoration:none;}
.SDMenu1 .CU1 li .CS1 { display:inline-block;}
.SDMenu1 .CU1 li .CS2 { display:inline-block; padding-top:38px; text-align:center;}
.SDMenu1 .CU1 li.CLi1 .CS2 { background:url(../img/base/Icon1_1.png) 50% 12px no-repeat; background-size:25px 17px;}
.SDMenu1 .CU1 li.CLi2 .CS2 { background:url(../img/base/Icon1_2.png) 50% 10px no-repeat; background-size:20px 20px;}
.SDMenu1 .CU1 li.CLi3 .CS2 { background:url(../img/base/Icon1_3.png) 50% 11px no-repeat; background-size:17px 20px;}

/* 灰 */
.SDMenu1_1 .CU1 li a {  background:#444; background: -moz-linear-gradient(top, #444, #373737); background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#373737)); }
.SDMenu1_1 .CU1 li a:hover { background:#565656; background: -moz-linear-gradient(top, #565656, #4b4b4b); background: -webkit-gradient(linear, left top, left bottom, from(#565656), to(#4b4b4b));}

/* オレンジ */
.SDMenu1_2 .CU1 li a {  background:#FF7E00; background: -moz-linear-gradient(top, #FF7E00, #F77B00); background: -webkit-gradient(linear, left top, left bottom, from(#FF7E00), to(#F77B00)); }
.SDMenu1_2 .CU1 li a:hover { background:#FF9326; background: -moz-linear-gradient(top, #FF9326, #FF8A15); background: -webkit-gradient(linear, left top, left bottom, from(#FF9326), to(#FF8A15));}

/* メニュー 2
-----------------------------------------*/
.SDMenu2 { margin-bottom:10px;}
.BTop1 .SDMenu2 { padding:0 5px;}
.SDMenu2CD1 { margin:0 0 10px;}
.SDMenu2CD1 .CL1 {}
.SDMenu2CD1 .CL1 img { max-width:100%; height:auto;}
.SDMenu2CD2 { border-bottom:0; margin:0 0 10px;}
.SDMenu2CD2 .CH1 { background:#EFEFEF; padding:7px 10px; border:1px solid #E4E4E4; font-size:11px;}
.SDMenu2CD2 .CL1 { border:1px solid #E4E4E4; border-top:0; border-bottom:0; margin-bottom:10px;}
.SDMenu2CD2 li { border-bottom:1px solid #EBE8E2;}
.SDMenu2CD2 li a { display:block; position:relative; padding:7px 24px 7px 6px; font-size:12px; color:#333; font-size:9px;}
.SDMenu2CD2 li a:after { content:""; width:3.5px; height:5px; background:url(../img/base/ArrowRt1.gif) 0 0 no-repeat; background-size:3.5px 5px; position:absolute; top:50%; right:15px; margin-top:-4px;}
.SDMenu2CD2 li a .CS2 { display:none;}

.SDMenu2Bnr1 { margin-bottom:10px;}
.SDMenu2Bnr1 a { display:block;}
.SDMenu2Bnr1 img { width:100%;}


/* パネル
-----------------------------------------*/
#JUPanelWrap1 { margin:0 4px 60px; clear:both; position:relative;}
#JUPanelWrap1 li.CLiBox1 { width:49.95%; float:left;}
.SDPanel1 { width:100%; display:block; margin:0; background:#fff;}
.SDPanel1W1 { padding:0 5px 10px;}

.SDPanel1 a { display:block; color:#333;}
.SDPanel1 .CSImg1 { display:block; position:relative; border:1px solid #CCC; border-bottom:0; text-align:center;}
.SDPanel1 .CSImg1 img { max-width:100%; height:auto;}

.SDPanel1 .CSTtl1 { font-size:10px; padding:8px 8px 25px; border-bottom:1px solid #CCC;}
.SDPanel1 .CSTxt1 { font-size:10px; padding:8px 10px 25px; border-bottom:1px solid #CCC;}
.SDPanel1 .CSTxt2 { font-size:10px; padding:10px; border-top:1px solid #CCC;}
.SDPanel1 .CSTtl1 ,.SDPanel1 .CSTxt1 ,.SDPanel1 .CSTxt2 { display:block; border-left:1px solid #CCC; border-right:1px solid #CCC;}

/*.SDPanel1 .CLBm1 { display:table; width:100px; font-size:10px; position:absolute; top:1px; left:6px; z-index:500;}*/
.SDPanel1 .CLBm1 { display:table; font-size:10px; position:absolute; bottom:11px; right:6px; z-index:500;}

/*.SDPanel1 .CLBm1 .CLiGenre1 { display:table-cell; color:#fff; padding:3px 0; text-align:center; line-height:1; box-shadow:0 1px 1px #666;}
.SDPanel1 .CLBm1 .CLiGenre1_tw { display:table-cell; color:#fff; padding:0; text-align:center; line-height:1; box-shadow:0 1px 1px #666;}
*/
.SDPanel1 .CLBm1 .CLiGenre1 { display:table-cell; color:#fff; padding:3px 10px; text-align:center; line-height:1;}
.SDPanel1 .CLBm1 .CLiGenre1_tw { display:table-cell; color:#fff; padding:0; text-align:center; line-height:1; display:none;}


/*.SDPanel1 .CLBm1 { border-top:0; display:table; width:100%; border-bottom:1px solid #EBE8E2; font-size:8px;}*/
.SDPanel1 .CLBm1 .CLiGenre1_1 { background:#DB0030;}
.SDPanel1 .CLBm1 .CLiGenre1_2 { background:#FF9D9D;}
.SDPanel1 .CLBm1 .CLiGenre1_3 { background:#B79884;}
.SDPanel1 .CLBm1 .CLiGenre1_4 { background:#666666;}
.SDPanel1 .CLBm1 .CLiGenre1_5 { background:#B5005E;}
.SDPanel1 .CLBm1 .CLiGenre1_6 { background:#1DC5E0;}
.SDPanel1 .CLBm1 .CLiGenre1_7 { background:#3B5998;}
.SDPanel1 .CLBm1 .CLiGenre1_8 { background:#000000;}
.SDPanel1 .CLBm1 .CLiGenre1_9 { background:#AAAAAA;}
.SDPanel1 .CLBm1 .CLiGenre1_10 { background:#3B5998;}
.SDPanel1 .CLBm1 .CLiGenre1_11 { background:#6CB40C;}
/*.SDPanel1 .CLBm1 .CLiGenre1_tw { background:#00ABEC;}
.SDPanel1 .CLBm1 .CLiGenre1_tw img { height:16px; width:16px;}*/
.SDPanel1 .CLBm1 .CLiGenre1_tw { background:#00ABEC; display:none;}
.SDPanel1 .CLBm1 .CLiDate1 { border-right:1px solid #EBE8E2; display:table-cell; padding-top:10px;}
.SDPanel1 .CLBm1 .CLiDate1 a { padding:2px; text-align:right;}

/* twitter */
.SDPanel1 .CDBm1 { display:block; border:1px solid #CCC; border-top:0; padding:0;}
.SDPanel1 .CDBm1 a.CATW1 { display:block; position:relative; font-size:7px; padding:5px 0 5px 30px; border-top:1px dotted #CCC; margin:0;}
.SDPanel1 .CDBm1 a.CATW1:after { content:" "; display:block; position:absolute; top:5px; left:0; width:25px; height:20px; overflow:hidden; background:url(../img/index/icon_mptw.gif) 5px 0 no-repeat; background-size:20px 20px; }
.SDPanel1 .CDBm1 a.CATW2 { display:block; position:relative; font-size:7px; padding:5px 0 5px 30px; border-top:1px dotted #CCC; margin:0;}
.SDPanel1 .CDBm1 a.CATW2:after { content:" "; display:block; position:absolute; top:5px; left:0; width:25px; height:20px; overflow:hidden; background:url(../img/index/icon_find.png) 5px 0 no-repeat; background-size:20px 20px; }
.SDPanel1 .CDBm1 .CSDate1 { font-size:7px; color:#999; padding-top:5px; border-top:1px dotted #EBE8E2; margin:0 3px 2px;}
.SDPanel1 .CDBm1 .CLTW1 { display:table; width:100%; border-top:1px dotted #CCC;}
.SDPanel1 .CDBm1 .CLTW1 li { display:table-cell; width:27px;}
.SDPanel1 .CDBm1 .CLTW1 li a { display:block; width:24px; height:20px; padding:3px; position:relative; text-indent:-9999px; overflow:hidden; margin:0;}
.SDPanel1 .CDBm1 .CLTW1 li a:after { content:" "; display:block; width:28px; height:20px; overflow:hidden; background:url(../img/base/IconTWSet1.gif) 0 0 no-repeat; background-size:112px 20px; position:absolute; top:3px; left:3px;}
.SDPanel1 .CDBm1 .CLTW1 .CLi1 a:after { background-position:0px;}
.SDPanel1 .CDBm1 .CLTW1 .CLi2 a:after { background-position:-28px;}
.SDPanel1 .CDBm1 .CLTW1 .CLi3 a:after { background-position:-58px;}
.SDPanel1 .CDBm1 .CLTW1 .CLi4 a:after { background-position:-86px;}


/* ニュース
-----------------------------------------*/
.SLNews1 { clear:both; padding:0 10px; margin-bottom:10px;}
.BTop1 .SLNews1 { margin:0;}
.SLNews1 li { border-bottom:1px dotted #D7D7D7; padding:10px 0;}
.SLNews1 li .CPDate1 { font-size:8px; margin-bottom:5px;}
.SLNews1 li .CPTxt1 { font-size:11px;}
.SLNews1 li a { color:#333;}

.SUNews1 { margin:20px 0; text-align:center;}
.SUNews1 li { margin-right:10px; float:left;}
.SUNews1 li.Last { margin-right:0;}
.SUNews1 li img { width:135px;}
/* コンタクト
-----------------------------------------*/
.SDContact1 { margin-bottom:25px; padding:8px 10px 7px 5px; border:3px solid #A2A2A2; text-align:center;}
.SDContact1 .CP1 { font-size:14px; font-weight:bold;}
.SDContact1 .CP2_new { padding-left:8px; font-size:12px; font-weight:bold;}
.SDContact1 .CP3_pc { display:none;}
.SDContact1 .CP3_sp a { padding-left:40px; background:url(../img/base/Icon2.gif) 10px 7px no-repeat; background-size:23px 23px; font-size:27px; font-weight:bold; color:#DD0033; text-decoration:none;}

/* スライド
-----------------------------------------*/
.SDSlide1 { margin-bottom:20px; padding:10px; border:1px solid #E6E6E6;}
.SDSlide1 .CP1 { margin-bottom:10px; font-size:16px; font-weight:bold; text-align:center;}
.SDSlide1 .CD1 { position:relative; width:210px; margin:0 auto;}
.SDSlide1 .CD2 { overflow:hidden;}
.SDSlide1 .CD2 .CU1 { display:none;}
.SDSlide1 .CD2 .CU2 { height:60px;}
.SDSlide1 .CD2 .CU2 li { float:left; width:70px; text-align:center;}

.SDSlide1 .CDNav_sp .CPPrev1 { display:none; position:absolute; left:-20px; top:15px; z-index:10; cursor:pointer;}
.SDSlide1 .CDNav_sp .CPNext1 { display:none; position:absolute; right:-20px; top:15px; z-index:10; cursor:pointer;}
.CDNav_pc { display:none;}

/* タブ
-----------------------------------------*/
.SDTab1 { margin-bottom:10px;}
.BTop1 .SDTab1 { padding:0 10px;}
.SDTab1 .CU1 { margin:0 0 20px 0; padding:0; list-style:none; display:table; width:100%;}
.SDTab1 .CU1_1 { margin:0;}
.SDTab1 .CU1 li { display:table-cell;}
.SDTab1 .CU1_1 li:last-child { border-right:1px solid #CCC;}
.SDTab1 .CU1 li a { display:block; height:44px; line-height:46px; overflow:hidden; font-size:11px; color:#333; text-align:center; text-decoration:none;}
.SDTab1 .CU1_1 li a { height:30px; line-height:32px;}
.SDTab1 .CU1 li.CLi1 a { width:100%;}
.SDTab1 .CU1 li.CLi2 a { width:100%;}
.SDTab1 .CU1 li.CLi3 a { width:100%;}

.SDTab1 .CU1 li a .CS1 { display:block; border-top:1px solid #CCC; border-left:1px solid #CCC; background:#efefef;}
.SDTab1 .CU1 li a .CS2 { display:block; border-left:1px solid #fff; border-top:1px solid #efefef;}
.SDTab1 .CU1 li a .CS3 { padding-right:15px; background:url(../img/base/ArrowRt4.gif) 100% 50% no-repeat;}

.SDTab1 .CU1 li.select .CA1 .CS1 { border-top:2px solid #DD0033; background:#fff; color:#DD0033;}
.SDTab1 .CU1 li.select .CA1 .CS2 { border-top:0;}
.SDTab1 .CU1 li.select .CA1 .CS3 { background:url(../img/base/ArrowBm1.gif) 100% 50% no-repeat;}

.SDTab1 .CU1 li a:hover .CS1 { border-top:1px solid #CCC; border-left:1px solid #CCC; background:#f6f6f6;}
.SDTab1 .CU1 li a:hover .CS2 { border-left:1px solid #fff; border-top:1px solid #f6f6f6;}
.SDTab1 .CU1 li a:hover .CS3 { background:url(../img/base/ArrowBm2.gif) 100% 50% no-repeat;}

.SDTab1 .CD1_1 { border:1px solid #CCC; border-top:0;}

.SDTab1 .CU2 { clear:both;}
.SDTab1 .CU2 li {}
.SDTab1 .CU2 .CLi1 .CPTtl1 { border-bottom:1px solid #CCC; padding:10px; font-size:13px; text-align:center;}
.SDTab1 .CU2 .CLi1 .CPTtl1_1 { padding:10px 0 3px; margin:0 10px;}
.SDTab1 .CU2 .CLi1 .CPTtl1 .CS1 { display:none;}
.SDTab1 .CU2 .CLi1 .CPLead1 { padding:5px 10px 10px;}
.SDTab1 .CU2 .CLi1 .CPLead1 .CS1 { display:block;}
.SDTab1 .CU2 .CLi1 .CPLink1 { border-bottom:1px solid #CCC;}
.SDTab1 .CU2 .CLi1 .CPLink1 a { display:block; position:relative; padding:10px 30px 10px 10px; font-size:12px; color:#333;}
.SDTab1 .CU2 .CLi1 .CPLink1 a:after { content:""; width:7px; height:10px; background:url(../img/base/ArrowRt1.gif) 0 0 no-repeat; background-size:7px 10px; position:absolute; top:50%; right:15px; margin-top:-4px;}
.SDTab1 .CU2 .CLi1 .CPLink1 a .CS2 { display:none;}

.SDTab1 .CU3 .CLiTtl1 { background:#EFEFEF; padding:10px 5px; border-bottom:1px solid #CFCDC7; border-top:1px solid #CCC; margin-top:-2px; font-weight:bold;}
.SDTab1 .CU3 h3 { font-size:11px; font-weight:normal; line-height:1.3;}
.SDTab1 .CU3 .CS1 { font-weight:bold;}
.SDTab1 .CU3 .CS2 { font-size:13px; font-weight:bold;}
.SDTab1 .CU3 .CS3 { display:block; font-size:11px;}
.SDTab1 .CU3 a { display:block; position:relative; padding:5px 20px 5px 50px; font-size:12px; color:#333; border-bottom:1px solid #CCC;}
.SDTab1 .CU3 a:after { content:" "; width:7px; height:10px; background:url(../img/base/ArrowRt1.gif) 0 0 no-repeat; background-size:7px 10px; position:absolute; top:50%; right:10px; margin-top:-4px;}
.SDTab1 .CU3 a:before { content:" "; width:35px; height:35px; background:url(../img/base/icon/IconSet1.gif) 0 0 no-repeat; background-size:245px 35px; position:absolute; top:50%; left:5px; margin-top:-18px;}
.SDTab1 .CU3 li a { display:block; min-height:35px;}
.SDTab1 .CU3 li:last-child a { border-bottom:0;}
.SDTab1 .CU3_1 li a h3 { font-size:12px; font-weight:bold;}
.SDTab1 .CU3_1 li a h3 .CS2 { font-size:10px; font-weight:normal;}


.SDTab1 .CU3 .CLSmm1 a:before { background-position:0 0;}
.SDTab1 .CU3 .CLiMP1 a:before { background-position:-35px 0;}
.SDTab1 .CU3 .CLiMPB1 a:before { background-position:-70px 0;}
.SDTab1 .CU3 .CLiFind1 a:before { background-position:-105px 0;}
.SDTab1 .CU3 .CLiS-In1 a:before { background-position:-140px 0;}
.SDTab1 .CU3 .CLiConnectall1 a:before { background-position:-210px 0;}

.SDTab1 .CU3 .CLiMP2 a:before { background-position:-35px 0;}
.SDTab1 .CU3 .CLiMPB2 a:before { background-position:-70px 0;}
.SDTab1 .CU3 .CLiFind2 a:before { background-position:-105px 0;}
.SDTab1 .CU3 .CLiPtic2 a:before { background-position:-175px 0;}

.SDTab1 .CU4 .CLiTtl1 { background:#EFEFEF; padding:10px 5px; border-bottom:1px solid #CFCDC7; border-top:1px solid #CFCDC7; margin-top:-2px; font-weight:bold;}
.SDTab1 .CU4 .CS1 { font-size:14px;}
.SDTab1 .CU4 .CS2 { font-size:11px;}
.SDTab1 .CU4 a { display:block; position:relative; padding:10px 30px 10px 45px; font-size:12px; color:#333; border-bottom:1px solid #EBE8E2;}
.SDTab1 .CU4 a:after { content:" "; width:7px; height:10px; background:url(../img/base/ArrowRt1.gif) 0 0 no-repeat; background-size:7px 10px; position:absolute; top:50%; right:15px; margin-top:-4px;}
.SDTab1 .CU4 a:before { content:" "; width:25px; height:25px; background:url(../img/base/icon/IconSet1.gif) 0 0 no-repeat; background-size:200px 25px; position:absolute; top:50%; left:10px; margin-top:-13px;}
.SDTab1 .CU4 .CLiBlog1 a:before { background-position:0 0;}
.SDTab1 .CU4 .CLiFB1 a:before { background-position:-25px 0;}
.SDTab1 .CU4 .CLiTW1 a:before { background-position:-50px 0;}
.SDTab1 .CU4 .CLiMX1 a:before { background-position:-75px 0;}
.SDTab1 .CU4 .CLiFind1 a:before { background-position:-100px 0;}
.SDTab1 .CU4 .CLiSI1 a:before { background-position:-125px 0;}
.SDTab1 .CU4 .CLiPtic1 a:before { background-position:-150px 0;}
.SDTab1 .CU4 .CLiAF1 a:before { background-position:-175px 0;}

.SDTab1 .CLBnr1 {}
.SDTab1 .CLBnr1 li { width:260px; margin:5px auto 5px;}
.SDTab1 .CLBnr1 li img { max-width:100%; height:auto;}

.SDTab1 .CDNews1 .CPNewsLink1 { text-align:right; padding:10px 10px 10px; font-size:11px;}
.SDTab1 .CDNews1 .CPNewsLink1 a { color:#333;}

/* ソーシャルアカウント
-----------------------------------------*/
.SDSocial1 { margin-bottom:20px; border:1px solid #DFDFDF; background:#F6F6F6; padding:15px;}
.SDSocial1 p { float:left; height:11px; line-height:11px; margin-right:20px; font-size:10px;}
.SDSocial1 .CP1 { display:none;}
.SDSocial1 .CP2_new a { display:block; padding-left:17px; background:url(../img/base/Icon3_1.gif) 0 0 no-repeat; background-size:11px, 11px; color:#333;}
.SDSocial1 .CP3 a { display:block; padding-left:17px; background:url(../img/base/Icon3_2.gif) 0 0 no-repeat; background-size:11px, 11px; color:#333;}

.SDBusiness2 .CT1 { display:none;}

.SDBusiness2 .CU1 { margin-bottom:10px;}
.SDBusiness2 .CU1 li .CS1 { position:relative; display:block; padding:14px 12px; background:#333; font-size:16px; font-weight:bold; color:#fff;}
.SDBusiness2 .CU1 li .CS3 { position:absolute; left:110px; top:11px; z-index:10; display:block; font-size:10px; font-weight:bold; color:#fff;}
.SDBusiness2 .CU1 a.CA1 { position:relative; display:block; padding:12px; border:1px solid #CECECE; border-top:none; font-size:14px; color:#333; background:#EFEFEF url(../img/base/ArrowRt6.png) 100% 50% no-repeat; background-size:20px 11px; text-decoration:none;}
.SDBusiness2 .CU1 a.CA1 .CS2 { font-size:10px;}
.SDBusiness2 .CU1 a.CA1_1 { padding:12px 12px 12px 25px; background:url(../img/base/ArrowRt6.png) 100% 50% no-repeat; background-size:20px 11px;}
.SDBusiness2 .CU1 a.CA1_1:after { position:absolute; left:12px; top:18px; z-index:10; content:''; width:7px; height:7px; background:url(../img/base/Icon4.gif) no-repeat; background-size:7px 7px;}
.SDBusiness2 .CU1 a.CA1_on { background-image:url(../img/base/ArrowBm3.png); background-size:22px 7px;}
.SDBusiness2 .CU1 .CP1 { display:none; padding:12px; border:1px solid #CECECE; border-top:none; background:#EFEFEF; font-size:12px;}
.SDBusiness2 .CU1 .CP1_1 { background:#fff;}

.SDBusiness2 .CD1 { padding:14px; border:2px solid #DD0033;}
.SDBusiness2 .CD1 .CP1 { padding-left:1em; text-indent:-1em; font-size:11px;}
.SDBusiness2 .CD1 .CP1 .CS1 { font-size:14px; color:#DD0033;}

/* お問合せフォーム・個人情報
-----------------------------------------*/
.SDPInfo { overflow-y: scroll; height: 100px; width: 94%; padding: 10px; border: 1px solid #E6E6E6;}
.txt01 { width:180px; height:130px; padding:2px;}
.ipt01{width:160px; padding:2px;}
.ipt02{width:160px; padding:2px;}
.ipt03{width:160px; padding:2px;}
.ipt04{width:160px; padding:2px;}
.ipt05{width:160px; padding:2px;}/* 20131008 form */

/* 20131008 form */
.SDPInfotitle {width:95%; padding: 8px; background:#f6f6f6; text-align: center; font-weight: bold; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6;}

/* 5 page
******************************************/


/* 5-1 top
-----------------------------------------*/
.SDVa1 { width:280px; margin:0 auto 10px; overflow:hidden; position:relative;}
.SDVa1 img { max-width:100%; height:auto;}
.SDVa1 .CPImg1 { width:280px; height:110px; padding:0; margin:0;}
.SDVa1 .CPTxt1 { font-size:15px; line-height:1.2;}
.SDVa1 li { width:280px; overflow:hidden; float:left;}

.SDVa1 .CDInd1 { display:none;}

.SDVa1 .CPIR { padding:0; margin:0;}
.SDVa1 .CPIR a { width:280px; height:110px; display:block; background:url(../img/index/VaSP_20131129.png) no-repeat; background-size:280px auto;}
.SDVa1 .CPIR a img { display:none;}               
               
.SDVa2 { width:100%; margin:0 auto;}
.SDVa2 img { max-width:100%; height:auto;}

.SDVa3 { width:100%; margin-bottom:20px; background:#DD0033;}
.SDVa3 .CPImg1 {}
.SDVa3 .CPTxt1 { font-size:12px; color:#fff; padding:12px 10px;}
.SDVa3 .CT1 { display:inline !important;}
.SDVa3 .CT1 tr { display:inline !important;}
.SDVa3 .CT1 td { display:inline !important; height:inherit !important;}

.SDVa4 { padding-top:10px; margin-bottom:20px;}
.SDVa4 a { display:block; position:relative; width:100%; height:66px; background:#DD0033 url(../img/base/ArrowRt13.png) 100% 50% no-repeat; background-size:20px 10px;}
.SDVa4 .CSTxt1 { display:block; position:absolute; left:15px; top:16px; z-index:10; font-size:23px; color:#fff;}
.SDVa4 .CSImg1 { display:table-cell; padding:22px 30px 0 70px; vertical-align:middle;}



/* 5-2 business
-----------------------------------------*/
.SDBusiness1 { margin-bottom:40px;}
.SDBusiness1 .CD1 { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #999;}
.SDBusiness1 .CT1 { width:100%;}
.SDBusiness1 .CT1 td { vertical-align:top;}
.SDBusiness1 .CT1 .CTd1 { width:85px;}
.SDBusiness1 .CT1 .CTd2 { vertical-align:bottom;}
.SDBusiness1 .CH1 { font-size:15px; font-weight:bold;}
.SDBusiness1 .CP1 { padding-top:10px;}
.SDBusiness1 .CImg1 { width:75px; height:75px;}

.SDBusiness1 .CDBtn1 { float:left; margin:5px 0 0 5px;}
.SDBusiness1 .CDBtn1 a { display:block; width:65px; height:21px; padding-left:24px; line-height:21px; border:1px solid #C8C8C8; font-size:11px; color:#333;}

.SDBusiness1 .CDBtn1_1 a { background:url(../img/business/Icon2_1_sp.gif) 3px 50% no-repeat; background-size:16px 16px;}
.SDBusiness1 .CDBtn1_2 a { background:url(../img/business/Icon2_2_sp.gif) 3px 50% no-repeat; background-size:16px 16px;}
.SDBusiness1 .CDBtn1_3 a { background:url(../img/business/Icon2_3_sp.gif) 3px 50% no-repeat; background-size:16px 16px;}
.SDBusiness1 .CDBtn1_4 a { background:url(../img/business/Icon2_4_sp.gif) 3px 50% no-repeat; background-size:16px 16px;}

/* 5-3 company
-----------------------------------------*/
.SDCompany1 .CU1 { margin:0 0 30px 0; padding:0; list-style:none;}
.SDCompany1 .CU1 li { border:1px solid #d7d7d7; margin:0 0 10px 0;}
.SDCompany1 .CU1 li a { display:block; font-size:14px; color:#212121; background:#F0F0F0 url(../img/base/ArrowRt9.gif) 100% 50% no-repeat; background-size:22px 13px; text-decoration:none;}
.SDCompany1 .CU1 li a img { vertical-align:middle; width:135px; height:60px;}
.SDCompany1 .CU1 li a .CS1 { display:inline-block; padding:10px; vertical-align:middle;}
.SDCompany1 .CU1 li a .CS2 { display:inline-block; padding:0 10px; vertical-align:middle; line-height:1.2;}
.SDCompany1 .CU1 li.RRight { margin-right:0;}

.SDCompany1 .CU2 { margin:0; padding:0; list-style:none; text-align:center;}
.SDCompany1 .CU2 li { display:inline-block; float:left;}
.SDCompany1 .CU2 li a { display:inline-block; border:1px solid #d7d7d7; width:133px; height:43px; line-height:43px; font-size:13px; color:#212121; background:#F0F0F0 url(../img/base/ArrowRt10.png) 100% 50% no-repeat; text-align:left; text-decoration:none;}
.SDCompany1 .CU2 li.CLi1 { margin:0 10px 10px 0;}
.SDCompany1 .CU2 li.CLi2 { margin:0 0 10px 0;}
.SDCompany1 .CU2 li.CLi3 { margin:0 10px 10px 0;}
.SDCompany1 .CU2 li.CLi4 { margin:0 0 10px 0;}
.SDCompany1 .CU2 li.CLi5 { margin:0 10px 10px 0;}
.SDCompany1 .CU2 li.CLi1 a .CS1 { display:block; padding-left:30px; background:url(../img/company/Btn2_5_sp.gif) 10px 50% no-repeat; background-size:12px 23px;}
.SDCompany1 .CU2 li.CLi2 a .CS1 { display:block; padding-left:40px; background:url(../img/company/Btn2_6_sp.gif) 10px 50% no-repeat; background-size:25px 15px;}
.SDCompany1 .CU2 li.CLi3 a .CS1 { display:block; padding-left:30px; background:url(../img/company/Btn2_7_sp.gif) 10px 50% no-repeat; background-size:13px 19px; font-size:11px;}
.SDCompany1 .CU2 li.CLi4 a .CS1 { display:block; padding-left:40px; background:url(../img/company/Btn2_8_sp.gif) 15px 50% no-repeat; background-size:15px 18px;}
.SDCompany1 .CU2 li.CLi5 a .CS1 { display:block; padding:7px 0 0 32px; background:url(../img/company/Btn2_9_sp.gif) 8px 12px no-repeat; background-size:18px 18px; color:#212121; font-size:11px; line-height:1.3;}

.SDCompany4 { margin-bottom:30px; width:100%;}
.SDCompany4 .CU1 { width:105%; overflow:visible; margin-bottom:30px;}
.SDCompany4 .CU1 li { float:left; width:113px; height:190px; padding: 10px; border:1px solid #E4E4E4; margin:0 10px 10px 0; line-height:1.4;}
.SDCompany4 .CU1 .CLi1 { float:left; width:258px; height:175px; padding: 10px; border:1px solid #E4E4E4;}
.SDCompany4 .CPImgLogo { text-align:center; margin-bottom:10px;}
.SDCompany4 .CH1 { margin-bottom:10px; text-align:center; font-size:11px; }
.SDCompany4 .CP1 { font-size:11px; }

.SDCompany5 .CImgNM { width:140px; height:inherit; float:right;}

.SDCompany6 { margin-bottom: 40px; }
.SDCompany6 .CU1 li:not(:last-of-type) { margin-bottom: 5px; }
.SDCompany6 .CU1 li a { padding: 3px; width: 100%; border: 1px solid #d7d7d7; box-sizing: border-box; display: flex; align-items: center; background: #ffffff url(../img/base/ArrowRt20.png) calc(100% - 10px) 50% no-repeat; text-decoration: none; color: #cb2b3a; }
.SDCompany6 .CU1 li a:hover { border-color: #cb2b3a; }
.SDCompany6 .CS1, .SDCompany6 .CS2 { margin-left: 15px; font-size: 15px; letter-spacing: -.05em; }

.SDCompanyTtl1 { margin-bottom:20px;}
.SDCompanyTtl1 a { display:block; padding:10px; background:#DD0033 url(../img/base/ArrowDw1.png) 97% 12px no-repeat; background-size:18px 10px; line-height:1.3;}
.SDCompanyTtl1 a.ROnVis { display:block; padding:10px; background:#DD0033 url(../img/base/ArrowUp1.png) 97% 12px no-repeat; background-size:18px 10px; line-height:1.3;}
.SDCompanyTtl1 .CP1 { margin-bottom:3px;}
.SDCompanyTtl1 .CP1 img { width:51px; height:12px;}
.SDCompanyTtl1 .CH1 { font-size:20px; font-weight:bold; color:#fff;}

.SDCompanyTtl2 { margin-bottom:20px;}
.SDCompanyTtl2 a { display:block; padding:10px; background:#888 url(../img/base/ArrowDw1.png) 97% 12px no-repeat; background-size:18px 10px; line-height:1.3;}
.SDCompanyTtl2 a.ROnMis { display:block; padding:10px; background:#888 url(../img/base/ArrowUp1.png) 97% 12px no-repeat; background-size:18px 10px; line-height:1.3;}
.SDCompanyTtl2 a:hover { text-decoration:none;}
.SDCompanyTtl2 .CP1 { display:block; margin-bottom:8px;}
.SDCompanyTtl2 .CP1 img { width:66px; height:13px;}
.SDCompanyTtl2 .CH1 { font-size:19px; font-weight:bold; color:#fff;}

.SDCompanyTtl3 { margin-bottom:20px;}
.SDCompanyTtl3 a { display:block; padding:10px; background:#DDD url(../img/base/ArrowDw2.png) 97% 12px no-repeat; background-size:18px 10px; line-height:1.3;}
.SDCompanyTtl3 a.ROnVal { display:block; padding:10px; background:#DDD url(../img/base/ArrowUp2.png) 97% 12px no-repeat; background-size:18px 10px; line-height:1.3;}
.SDCompanyTtl3 a:hover { text-decoration:none;}
.SDCompanyTtl3 .CS1 { display:block; margin-bottom:8px;}
.SDCompanyTtl3 .CS1 img { width:60px; height:13px;}
.SDCompanyTtl3 .CS2 { display:block; font-size:16px; font-weight:bold; color:#8B8989;}

.SDCompanyTtl4 { margin:40px 0;}
.SDCompanyTtl4 .CH1 { font-size:16px; }

.SDCompanyVal .CP1 { margin-bottom:10px; padding:10px; border:1px solid #CCC;}

.SDCompanyVal .CDBaseValue { margin-bottom:20px; border:1px solid #DD0033; padding:10px 0 10px 10px;}
.SDCompanyVal .CPBaseValue { color:#DD0033; font-size:34px; line-height:1; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; text-align:center;}
.SDCompanyVal .CPBaseValueDetail { color:#DD0033; font-size:10px;}
.SDCompanyVal .CPValue { font-size:24px; line-height:1.25; margin-bottom:-5px; border-left:1px solid #DD0033; padding-left:10px;}
.SDCompanyVal .CPValueTxt { margin:0 0 25px 0;}

.SPVisEng { font-size:13px; margin:0 0 25px 10px; font-weight:normal;}

/* 5-4 sitemap
-----------------------------------------*/
.SDSmap { font-size:12px;}
.SDSmap .CD1 { width:95%; float:left;}
.SDSmap .CD1 a { background:url(../img/base/ArrowRt11.png) no-repeat 0 50%; padding-left:15px; color:#333;}
.SDSmap .CD1 h3 { margin:0 0 10px 10px; border-bottom: 1px #E8E8E8 dotted;}
.SDSmap .CD1 .SU1 { margin:0 0 20px 20px;}
.SDSmap .CD1 .SU2 { margin:0 0 20px 30px;}
.SDSmap .CD1 .SU1 li, .SDSmap .CD1 .SU2 li { margin:0 0 10px;}

/* 6 media queries
******************************************/


/* 7 plugin
******************************************/

/* 7-1 top plugin
-----------------------------------------*/
#JDPanelWrap1 { position:relative;}
.masonry, .masonry .masonry-brick { -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;}
.masonry { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;}
.masonry .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -ms-transition-property: left, right, top;  -o-transition-property: left, right, top; transition-property: left, right, top;}
/* 8 css hack
******************************************/

/* 9 for IR 2013/11/27
******************************************/
#download { margin-top:40px !important;}
#divSelect {margin:10px 0 30px 0 !important;}
#ir_library .SUTop1 li p { font-size:13px !important;}

/* 10 for IR 2015/02/13
******************************************/
.SDIRMovie {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  margin-bottom:30px;
  height: 0;
  overflow: hidden;
  background:#EEE;
}
.SDIRMovie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* recruit 131120
******************************************/
/* 4 layout
******************************************/
.floatBox1 {
    margin: 20px 0;
}
.floatBox1 .disc1 {
    padding: 12px;
    margin-top: 25px;
}
.floatBox1 .grafImg img,.floatBox1 .welfareImg img  {
    width: 100%;
}
.floatBox1 .leftBox {
    float: none;
}
.floatBox1 .welfareImg+.rightBox {
    margin-left: 0;
    margin-top: 20px;
}
.floatBox1 .grafImg+.rightBox {
    margin-left: 0;
    margin-top: 30px;
}

.recruitMenu1 li {
    margin-right: 0;
}
.recruitMenu1 img {
    width: 100%;
}
/* member */
.memberImg1 img {
    width: 100%;
}
.memberImg1 { border:1px solid #ccc; }
.memberImg2 { width: 100%; position: relative; border:1px solid #ccc; }
.memberImg2.member1 { background:none;}
.memberImg2 .memberTitle {color: #333333; font-weight: bold; font-size: 12px; letter-spacing: -0.1em; position: absolute; top: 35px; left: 8px;}
.memberImg2 .memberPf { margin: 0 0 24px 0; padding: 5px 10px; color: #C1C1C1;  font-size: 11px; background:#C1C1C1; color:#333; }
.memberImg2 .memberText { line-height: 1.4; margin-left:0; padding: 0 10px 10px 10px; font-size: 10px;}
.memberQA { width: 100%;}

.memberGroup{ display: table; width: 100%; }
.memberQA { display:table-header-group; }

/* culture */
.floatBox1 .grafImg02 img {
    width: 100%;
}
.cultureBg { background:#FEFDF8; border: 1px solid #DDDDDD; padding: 18px; border-radius: 5px;}
.grafImg p span,.grafImg02 p span { font-size: 18px; font-weight: bold; margin: 15px 0; display: block;}
.section01 p span { color: #99C526; }
.section02 p span { color: #0097DF; }
.section03 p span { color: #FF1176; }
.section04 p span { color: #CCA500; }
.section05 p span { color: #D64C2D; }
.section06 p span { color: #1B98FD; }
.section07 p span { color: #A92CB9; }


/*sato20131111*/
.RUFit5 { margin:0 0 30px 0; padding:0; list-style:none;}
.RUFit5 li { margin:0 0 10px 0;}
.RUFit5 li .CP1 { margin-bottom:12px;}
.RUFit5 li a .CS1 { display:inline-block; padding:10px; vertical-align:middle;}
.RUFit5 li a .CS3 { display:inline-block; margin-top: -18px; padding:0px 10px 10px 10px; vertical-align:middle;}
.RUFit5 li a .cap { font-size:10px; color:red; line-height: 1.1; position: absolute;padding-right: 60px;}
.RUFit5 li a .cap.black { font-size:10px; color:#787878; position:absolute;}
.RUFit5 li a img { vertical-align:middle; width:135px; height:60px;}

.RUFit5 li a { display:block; font-size:14px; color:#212121; background:#F0F0F0 url(../img/base/ArrowR.png) 97% 50% no-repeat; background-size:4px 7px; text-decoration:none;}
.RUFit5 li.CBK a  { display:block; font-size:16px; color:#212121; background:#CFCFCF url(../img/base/ArrowR.png) 97% 50% no-repeat; background-size:4px 7px;}

.SDCompany1 .CU1 li a .CS3 { display:inline-block; padding:0 10px; vertical-align:middle; line-height:1.1; font-size:14px;}/* 20131008 form */


.SDCompany1 .CU2 li.CLi6 a .CS1 { display:block; padding: 5px 0 0 40px;line-height: 1.3; background:url(../img/company/Btn2_10_sp.gif) 10px 50% no-repeat; background-size:17px 13px;}
/* 20131008 form */
.SDCompany1 .CU3 { margin:0; padding:0; list-style:none;}
.SDCompany1 .CU3 li { float:left; margin:0 11px 11px 0; width:100%;}
.SDCompany1 .CU3 li a { display:block; border:1px solid #d7d7d7; line-height:80px; font-size:15px; color:#212121; background:#F0F0F0 url(../img/base/ArrowRt10.png) 100% 50% no-repeat;}
.SDCompany1 .CU3 li a:hover { background:#f5f5f5 url(../img/base/ArrowRt10.png) 100% 50% no-repeat; text-decoration:none; color:#bcbcbc;}
.SDCompany1 .CU3 li .CS1 {
     display:inline-block; padding-left:15px; vertical-align:middle; line-height:1.2;
}
.SDCompany1 .CU3 li .CS2 {
     display:inline-block; padding-left:15px; vertical-align:middle; line-height:1.2;
}
.SDCompany1 .CU3 li .CS2 span {font-size: 14px; display: block; padding-right: 40px;}
.SDCompany1 .CU3 li.RRight { margin-right:0;}
/* =============== */
/* 20131111 recruit */
.SDCompany1 .CU4 { width:100%; margin:0; padding:0; list-style:none;}
.SDCompany1 .CU4 li { border:5px solid #d7d7d7; width:98%; height:auto; float:left; margin:10px 0px 10px -0px; padding: 0; height: 260px;}
.SDCompany1 .CU4 li a:hover img,
.SDCompany1 .CU4 li:hover img { opacity: 0.3;}
.SDCompany1 .CU4 li iframe {margin: 5%;}
.SDCompany1 .CU4 img { width: 100%; height: auto;}

.SDCompany1 .CU4 li.RRight { margin-right:0; height: auto;}

.SDCompany0 { margin-bottom:30px;}
.SDCompany0 .CP1 { margin-bottom:10px;}


/*20131112 recruit
-----------------------------------------*/
.SDRec1 { background: url(../img/recruit/title_01.jpg) no-repeat; background-position: 0px -30px;}
.SDRec2 { background: url(../img/recruit/title_02.jpg) no-repeat; background-position: 0px -25px;}
.SDRec1,
.SDRec2 { position: relative; color: #fff; font-size: 25px; font-weight: bold;  text-shadow:1px 1px 12px #64AEEC;}
.SDRec1 { height: 110px;}
.SDRec2 { height: 55px;}
.SDRec1 .CS1 { position:absolute; top: 35px; left: 15px;}
.SDRec2 .CS2 { position:absolute; top: 11px; left: 10px; font-size:20px;}

/*20140124 recruit social-in
-----------------------------------------*/
#JUPanelWrap2 { margin:0 4px 60px; clear:both; position:relative;}
#JUPanelWrap2 li.CLiBox1 { width:49.95%; float:left;}
#JUPanelWrap2 .SDPanel1 { width:100%; display:block; margin:0; background:#fff;}
#JUPanelWrap2 .SDPanel1W1 { padding:0 5px 10px;}

/*20140428 English
-----------------------------------------*/
.SHEngVis { font-size:20px; margin-bottom:20px; line-height:1.25;}
.SHEngVis .SSTtl { font-size:11px; background: #DD0033; padding:3px 7px; color:#FFF;}
.SPVision {margin:15px 0 40px 30px;}

/*20140730 Release
-----------------------------------------*/
.SPRefule4 { }
.SPRefule4Logo { margin: 20px 0 0 0;}

/*201409 BRANDCo
-----------------------------------------*/
.MV2014Sep {
  width:100%;
  background:url(../img/index/maincopybgSP_201409.png) center bottom no-repeat;
  background-size:260px;
  height:390px;
}
.MV2014Sep h2{
  background:url(../img/index/maincopySP_201409.png) no-repeat 50% center;
  background-size:50%;
  width:100%;
  height:150px;
  text-indent:-9999px;
}
.MV2014Sep ul {
  width:280px;
  margin:10px auto;
}
.MV2014Sep ul li {
  float:left;
  width:136px;
  height:129px;
  margin:0 8px 8px 0;
}
.MV2014Sep ul li.BnrAASev, .MV2014Sep ul li.BnrBC {
  margin-right:0px;
}
.MV2014Sep ul li img {
  width:136px;
  height:auto;
}
.BizMV2014Sep {
  width:100%;
  padding:0;
}
.BizHd {
  color:#333;
  padding:2px 5px;
  margin-bottom:10px;
  border:1px solid #333;
  font-size:16px;
}
.BizLink {
}
.BizLink li {
  display:inline-block;
  margin:0 10px 10px 0;
}
.BizLink li a {
  background:#DD0033 url(../img/base/ArrowRt5.gif) no-repeat 10px 8px;
  padding:5px 10px 5px 22px;
  color:#FFF;
  text-decoration:none;
}

.SDCompany3 { margin-bottom:30px;}
/*201411 Biz
-----------------------------------------*/
.BizMV2014Nov {
}

.BizHd2 {
  color:#333;
  padding:10px;
  margin:15px 0 20px 0;
  border:2px solid #cecece;
  font-size:14px;
  line-height:1em;
}
.BizHd3 {
  color:#333;
  padding:10px;
  margin-bottom:15px;
  background:#f0f0f0;
  font-size:12px;
  font-weight:bold;
}
.BizHd4 {
  color:#333;
  margin:0 0 10px 0;
  font-weight:bold;
  font-size:16px;
  line-height:1.2;
}
.BizHd4 small {
  font-size:12px;
}
.BizHd5 {
  color:#333;
  margin:0;
  font-weight:bold;
  font-size:16px;
  line-height:1.2;
}
.BizWrap {
  margin-bottom:40px;
}
.BizInner, .BizInnerL1, .BizInnerLR1 {
  width: 100%;
  margin-bottom:30px;
}

.RelService {
  background:#f0f0f0;
  padding:10px 15px 5px;
  margin-bottom:20px;
}

.RelService ul {
  margin:5px 0 0 0;
}
.RelService ul li {
  background:url(../img/base/ArrowRt11.png) no-repeat 10px 50% #FFF;
  margin: 0 0 10px;
  padding:7px 10px 7px 20px;
  box-shadow: 1px 1px 0 #DDD;
}
.RelService ul li a {
  display:block;
  width:100%;
}

.LinkLP {
  background:#666 url(../img/base/Icon_NewWin_w.png) no-repeat 10px 50%;
  width:235px;
  margin:0 auto;
}
.LinkLP a {
  color:#FFF;
  background:url(../img/base/ArrowRt16.png) no-repeat 95% 50%;
  display:block;
  padding: 7px 0 7px 30px;
}
.LinkCont {
  width:235px;
  margin:10px auto 0 auto;
}
.LinkCont a {
  border:1px solid #666;
  color:#333;
  background:url(../img/base/ArrowRt18.png) no-repeat 95% 50%;
  padding:7px 0 7px 10px;
  display:block;
}
.LinkContRed {
  width:235px;
  margin:10px auto 0 auto;
}
.LinkContRed a {
  border:1px solid #DD0033;
  color:#DD0033;
  background:url(../img/base/ArrowRt17.png) no-repeat 95% 50%;
  padding:7px 0 7px 10px;
  display:block;
}
.LinkOthServ {
  width:235px;
  margin:0 auto 45px auto;
}

.LinkOthServ a {
  border-left:1px solid #666;
  background:url(../img/base/ArrowRt18.png) no-repeat 95% 50% #f0f0f0;
  padding:7px 25px 7px 15px;
  color:#333;
  font-size:12px;
  display:block;
}
.LinkService a {
  background:url(../img/base/ArrowRt11.png) no-repeat 10px 50% #F8F8F8;
  margin: 0 auto 10px auto;
  padding:7px 10px 7px 20px;
  box-shadow: 1px 1px 0 #EDEDED;
  width:205px;
  display:block;
 }
.LinkService2 a {
  background:url(../img/base/ArrowRt11.png) no-repeat 10px 50% #FFF;
  margin: 0 auto 10px auto;
  padding:7px 10px 7px 20px;
  box-shadow: 1px 1px 0 #EDEDED;
  display:block;
 }
a .LinkNW {
   background:url(../img/base/Icon_NewWin.gif) no-repeat 5px 50%;
   padding-left:20px;
 }

.OthBizOvSe {
  margin-bottom:10px;
}
.OthBizSMMLab {
  margin-bottom:10px;
}
.ImgMP {
  background:url(../img/business/Img_MP02_sp.jpg) no-repeat;
  background-size:100% auto;
  width:100%;
  min-height:90px;
  display:block;
}
.ImgBC {
  background:url(../img/business/Img_BC02_sp.jpg) no-repeat;
  background-size:100%;
  width:100%;
  min-height:77px;
  display:block;
}
.ImgRF4 {
  background:url(../img/business/Img_ReF4_sp.jpg) no-repeat;
  background-size:100%;
  width:100%;
  min-height:77px;
  display:block;
}
.ImgMP img, .ImgBC img, .ImgRF4 img {
  display:none;
}
.AttentionRF4 {
  text-align:center;
  margin:-20px 0 10px 0;
 }
 .UESMMLead {
   margin-bottom:20px;
 }
 .UEMPBlog{
    margin-bottom:20px;
 }
/*201501 NYC
-----------------------------------------*/
.MV2015Jun {
  width:100%;
  background:url(../img/index/maincopybgSP_201501.png) center top no-repeat;
  background-size:100%;
  height:407px;
}
.MV2015Jun h2{
  text-align:center;
  font-size:20px;
  line-height:1;
  color:#DD0033;
  padding:30px 0 15px 0;
  
}
.MV2015Jun ul {
  width:100%;
  margin:0 0 0 10px;
}
.MV2015Jun ul li {
  float:left;
  width:46%;
  height:auto;
  margin:0 8px 8px 0;
}
.MV2015Jun ul li.BnrAASev, .MV2015Junp ul li.BnrBC {
  margin-right:0px;
}
.MV2015Jun ul li img {
  width:100%;
  height:auto;
}
.MV2015Jun .SPBtnNYC {
  width:150px;
  height:36px;
  margin:0 auto 40px auto;
}
.MV2015Jun .SPBtnNYC a {
  width:150px;
  height:36px;
  line-height:36px;
  box-shadow: 0 3px 0 0 #CA2043;
  background:#FFF;
  display:block;
  text-align:center;
  font-size:13px;
  border-radius:3px;
  border:1px solid #EFEFEF;
}
.MV2015Jun .SPBtnNYC a:hover {
  background:#F8F8F8;
  text-decoration:none;
  box-shadow: 0 3px 0 0 #CA2043;
}
.MV2015Jun .SPBtnNYC a:active {
  background:#F8F8F8;
  box-shadow: 0 1px 0 0 #CA2043;
  text-decoration:none;
  margin-top:2px;
}
.MV2015Jun .SPBtnNYC a span {
}

/*PR 20150326*/
.ImgTitlePR {
  padding:3px;
  text-align:center;
  border:1px solid #666;
  width: clac (100% -6px);
  margin-bottom:10px;
}

/*Library 20150406*/
.LibryHd {
  margin: 20px 0 10px 0;
  font-weight: bold;
  line-height: 1.3;
}
.LibryWrap {
  margin-top: 20px;
}
.LibryInner {
  width: 100%;
  margin-bottom: 20px;
}
.BizWrap {
  margin-bottom: 0px;
}
/*Biz 20150518*/
.LinkServiceDoc a {
  border:1px solid #666;
  color:#333;
  background:url(../img/base/ArrowRt18.png) no-repeat 95% 50%;
  padding:5px 0 5px 10px;
  width:222px;
  margin:10px auto 0 auto;
  display:block;
  text-decoration:none;
}
.LinkService {
  width:235px;
  margin:10px auto 0 auto;
  padding:15px 0;
  border-top:1px solid #F1EEEA;
  border-bottom:1px solid #F1EEEA;
}
.LinkService a {
  border:1px solid #DD0033;
  color:#FFF;
  font-size:15px;
  line-height:50px;
  background:#DD0033 url(../img/base/ArrowRt16.png) no-repeat 95% 50%;
  padding:0 0 0 10px;
  width:350px;
  display:block;
  text-decoration:none;
}
.LinkService a:hover {
  opacity:0.7;
}

/*20150620 MainVisual
-----------------------------------------*/
.mainVisualSP { position:relative;}
.flex-direction-nav a {margin-top:-30px; width:20px; height:40px; overflow:hidden; color:#FFF; border:1px solid #FFF; text-indent:-9999px;}
.flex-direction-nav .flex-prev { position:absolute; top:50%; left:0; background:url(../img/index/mainv/sp/left.png) no-repeat 50% 50%; background-size:4px;}
.flex-direction-nav .flex-next { position:absolute; top:50%; right:0; background:url(../img/index/mainv/sp/right.png) no-repeat 50% 50%; background-size:4px;}

/*20150620 TopNavigation
-----------------------------------------*/
.navBiz { width:100%; margin:0 0 10px 0; padding:12px 0; background:#F1F1F1;}
.navBiz ul { margin:0 20px; border:1px solid #DD0033;}
.navBiz ul li { margin:0;}
/*.navBiz ul li a { border-bottom:1px solid #C3C3C3; background:#FFF; color:#333; width: 100%; height:35px; line-height:35px; display:block; text-align:center; font-size:13px;}*/
.navBiz ul li a { border-bottom:1px solid #DD0033; background:#FFF; color:#DD0033; width: 100%; height:35px; line-height:35px; display:block; text-align:center; font-size:13px;}
.navBiz ul li:last-child a { border-bottom:none;}
.navBiz ul li a:hover { text-decoration:none; background:#FAFAFA;}

/*20150925 関連リンク
-----------------------------------------*/
.SDRelatedLink { background: #333; font-size: calc(22 / 750 * 100vw);}
.SDRelatedLinkW1 { margin: 0 auto; padding: calc(40 / 750 * 100vw);}
.SDRelatedLink ul li { display: inline-block; border-right: calc(2 / 750 * 100vw) dotted #fff; line-height: 1em; padding: 0 calc(20 / 750 * 100vw) 0 0; margin: 0 calc(20 / 750 * 100vw) calc(20 / 750 * 100vw) 0; }
.SDRelatedLink ul li:last-child { border-right: none; }
.SDRelatedLink ul li a { color: #fff; }

/*conversion tag対応
-----------------------------------------*/
iframe[name=google_conversion_frame] { position: absolute; bottom: 0;}

/*20151001 プレスリリースお問い合わせ用
-----------------------------------------*/
.linkContactPR { margin: 50px 20px 50px 0; text-align: center;}
.linkContactPR a { width: 100%; color: #FFF; padding: 10px; background:url(../img/base/ArrowRt16.png) no-repeat 80% 50% #DD0033; display: inline-block; text-decoration: none;}

/*20151007 メルマガ登録用ボタン
-----------------------------------------*/
.linkMailMagazine { width:100%; line-height: 1.2; margin: 0 auto calc(60 / 750 * 100vw) auto;}
.linkMailMagazine a { text-align: left; padding: 10px 20px 10px 10px; border: 2px solid #DDD; color: #333; display: block; background:url(../img/base/ArrowRt18.png) no-repeat 98% 50%; text-decoration: none;}

/*20151021 事例用テンプレート
-----------------------------------------*/
.caseStudy{ margin-bottom: 40px;}
.caseStudy h4{ font-weight:bold;}
.caseStudy .probremWrap { border: 1px solid #999; padding:10px;}
.caseStudy .solutionWrap { border: 3px double #CC0000; padding:10px;}

.caseStudy .mainWrap { margin: 30px 0 40px 0;}
.caseStudy .mainWrap ul li { margin: 0;}
.caseStudy .mainWrap ul li.clientLogo { width: 100%; margin-bottom: 20px; text-align:center; font-size: 14px; font-weight: bold;}
.caseStudy .mainWrap ul li.clientLogo img { width: 120px; margin-bottom: 10px;}
.caseStudy .mainWrap ul li.caseStudyImg { width: 100%;}

/*20151104 Top
-----------------------------------------*/
.sectionWrap a { text-decoration: none; color: #333;}
.sectionWrap a:hover { text-decoration: none; color:#999;}
.sectionWrap a:active { text-decoration: none; color: #999;}

.btnSet{ text-align: center; font-size: 0;}

.btn1{ display: inline-block; vertical-align: middle; }
.btn1> *{ position: relative; display: inline-block; margin: auto; vertical-align: middle; text-align: center; font-size: 14px; }
.btn1> .btn, .btn1> a{ background-color: #FFF; color: #333; }
.btn1> .btn:hover, .btn1> a:hover{ opacity: 0.8; text-decoration: none; cursor: pointer; }
.btn1> *{ width: 260px; height: 40px; line-height: 40px; box-shadow: 0 0 1px 0 #DDD;}
.btn1 a:before{display: inline-block; width: 21px; height: 20px; content: url(../img/index2015Nov/iconArrowR1.png); position: absolute; top: 5px; left: 20px;}

.btn1 a.btnMvNav:before{display: inline-block; width: 15px; height: 15px; content:""; background: url(../img/index2015Nov/iconArrowR1SP.png) no-repeat; background-size:contain; position: absolute; top: 12px; left: 20px;}
.btn1 a.btnMvNav { width: calc(100% - 20px);  height: 30px; padding:7px 0 2px 0; line-height: 15px; font-size: 14px;}
.btn1 a.btnMvNav small { display: block; color: #DD3300; font-size: 10px; letter-spacing: 0.1em;}

.btn2{ display: inline-block; vertical-align: middle; }
.btn2> *{ position: relative; display: inline-block; margin: auto; vertical-align: middle; text-align: center; font-size: 14px; }
.btn2> .btn, .btn2> a{ background-color: #DD0033; color: #FFF; font-weight: bold;}
.btn2> .btn:hover, .btn2> a:hover{ opacity: 0.8; color: #FFF; text-decoration: none; cursor: pointer; }
.btn2> *{ width: 170px; height: 40px; line-height: 40px;}

.link1 {}
.link1:before { display: inline-block; width: 6px; height: 9px; content:""; background: url(../img/index2015Nov/iconArrowR2SP.png) no-repeat; background-size:contain; margin-right: 7px; position: relative;}
.link2 { color: #DD3300 !important; text-decoration: underline !important;}
.link2:hover { opacity: 0.8;}

.mainVisual h2, .sectionWrap h2, .btn1 a.btnMvNav small { font-family: 'Oswald', sans-serif;}

.mainVisual { position:relative; height: 415px; display: block; background: url(../img/index2015Nov/imgMV01SP.jpg) no-repeat top center; background-size: cover;}
.mainVisual .slides li { display: none; }
.mainVisual .slides li { width: 100%; height: 415px; text-align: center;}
.mainVisual .slides li.slideSnsAdt { background: url(../img/index2015Nov/imgMV01SNSSP.png),url(../img/index2015Nov/imgMV01SP.jpg); background-repeat: no-repeat, no-repeat; background-position: center 10px, center top; background-size:335px, cover;}
.mainVisual .slides li.slideMonipla { background: url(../img/index2015Nov/imgMV02SP.jpg) no-repeat top center; background-size: cover;}
.mainVisual .slides li.slideLibrary { background: url(../img/index2015Nov/imgMV03SP.jpg) no-repeat top center; background-size: cover;}
.mainVisual .slides li.slidePartnership { background: url(../img/index2015Nov/imgMV04SP.jpg) no-repeat top center; background-size: cover;}
.mainVisual .slides li.overseasBusiness { background: url(../img/index2015Nov/imgMV05SP.jpg) no-repeat top center; background-size: cover;}
.mainVisual .slides li.slideRecruit { background: url(../img/index2015Nov/imgMV06SP.jpg) no-repeat top center; background-size: cover;}
.mainVisual .flex-direction-nav {width: 100%; margin: 0 auto; position: relative;}
.mainVisual .flex-direction-nav a {margin-top:-30px; width:20px; height:25px; overflow:hidden; text-indent:-9999px; border: none;}
.mainVisual .flex-direction-nav .flex-prev { position:absolute; top:140px; left:10px; z-index: 20; background:url(../img/index2015Nov/btnMVPrevSP.png) no-repeat 50% 50%; background-size:10px;}
.mainVisual .flex-direction-nav .flex-next { position:absolute; top:140px; right:10px; z-index: 20; background:url(../img/index2015Nov/btnMVNextSP.png) no-repeat 50% 50%; background-size:10px;}
.mainVisual .mvNav { background: rgba(0,0,0,0.20); position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; height: 160px; text-align: center;}
.mainVisual .mvNav ul { width: calc(100% - 10px); margin: 15px auto; }
.mainVisual .mvNav li { width: 100%; height: 40px; margin-bottom: 5px;}

.mainVisual h2 { padding: 55px 0 15px 0; font-size: 34px; line-height: 1em; color: #FFF;  text-shadow: 0 0 10px rgba(0,0,0,0.3);}
.mainVisual .lead { padding-bottom: 20px; font-size: 13px; color: #FFF;  text-shadow: 0 0 10px rgba(0,0,0,0.3);}
.mainVisual .slideSnsAdt h2 { padding: 50px 0 25px 0; }
.mainVisual .slideMonipla h2 { padding: 50px 0 25px 0;}
.mainVisual .slideMonipla h2 img { height: 36px;}
.mainVisual .slideLibrary h2 { padding: 50px 0 30px 0; }
.mainVisual .slidePartnership h2 { padding: 35px 0 35px 0; }
.mainVisual .overseasBusiness h2 { padding: 50px 0 30px 0; }
.mainVisual .slideSnsAdt .lead { padding-bottom: 21px; }
.mainVisual .slideMonipla .lead { padding-bottom: 37px; }
.mainVisual .slideLibrary .lead { padding-bottom: 37px; }
.mainVisual .slidePartnership .lead { padding-bottom: 30px; }
.mainVisual .slidePartnership .partnerBadge { padding-bottom: 30px; }
.mainVisual .slidePartnership .partnerBadge .gadw img { width: 54px;}
.mainVisual .slidePartnership .partnerBadge .fmp img { width: 82px; padding: 0 20px;}
.mainVisual .slidePartnership .partnerBadge .instp img { width: 45px;}
.mainVisual .overseasBusiness .lead { padding-bottom: 37px; }

.sectionWrap { width: 100%; padding: 35px 0 40px 0; }
.bglightGray { background: #F1F1F1;}
.bgLibrary { background: url(../img/index2015Nov/imgMV03SP.jpg) no-repeat top center; background-size: cover;}
.sectionWrap .sectionNewsEvent, .sectionWrap .sectionService, .sectionWrap .sectionSMMLab, .sectionWrap .sectionLibrary { width: calc(100% - 40px); margin: 0 auto; }

.sectionWrap h2 { font-size: 29px; text-align: center; margin-bottom: 10px;}
.sectionWrap .sectionNewsEvent h2 { font-size: 22px; border-bottom:1px solid #DDD; text-align: left; margin-bottom: 15px;}
.sectionWrap .sectionNewsEvent ul { margin-bottom: 40px;}
.sectionWrap .lead { font-size: 14px; text-align: center; margin-bottom:20px;}
.sectionWrap .viewAll, .sectionWrap .topic { text-align: center; margin-top: 30px;}
.sectionWrap .topic a img { width: 280px;  margin-bottom:5px; }

.sectionNews, .sectionEvent { width: 100%; margin: 0 auto; position: relative;}
.sectionNews .link1, .sectionEvent .link1 { font-size:12px; position: absolute; top: 10px; right: 0;}
.sectionNews ul li, .sectionEvent ul li { margin-bottom: 16px; font-size: 14px;}
.sectionNews .newsDate, .sectionEvent .eventDate { color: #999; font-size: 12px;}

.sectionService { }
.sectionService ul { margin-top: 30px;}
.sectionService ul li { width: 100%; height: 220px; padding-top: 110px; text-align: center; margin-bottom: 20px;}
.sectionService h3 { font-size: 18px; font-weight: bold; margin: 20px 0;}
.sectionService ul li .lead { font-size: 12px; margin: 0 20px 10px 20px;}
.sectionService ul li .acount img { height: 21px; margin-bottom: 20px;}
.sectionService ul li.monipla { background: #FFF url(../img/index2015Nov/imgMoniplaTitle.jpg) no-repeat top center; background-size: 100%;}
.sectionService ul li.adu { background: #FFF url(../img/index2015Nov/imgAduTitle.jpg) no-repeat top center; background-size: 100%;}
.sectionService ul li.adu small { font-size: 12px; color: #999; display: block; margin-top: -5px; font-weight: normal;}
.sectionService ul li .link2 { font-size: 15px;}

.sectionSMMLab {}
.sectionSMMLab h2 img { width: 140px;}
.sectionSMMLab ul { margin-top: 30px;}
.sectionSMMLab ul li:after { display: block; clear: both; content: "";}
.sectionSMMLab ul li { width: 100%; margin-bottom: 20px;}
.sectionSMMLab ul li .articleImg, .sectionSMMLab ul li .articleTitle { float: left;}
.sectionSMMLab ul li .articleImg { width: 110px; height: 73px; text-align: center; background: #EEE; box-shadow: 0 0 0 1px #DDD; overflow: hidden; margin-right: 10px;}
.sectionSMMLab ul li .articleImg img { height: 100%;}
.sectionSMMLab ul li .articleTitle { width: calc(100% - 120px); font-size: 13px; line-height: 1.5;}

.sectionLibrary {}
.sectionLibrary h2, .sectionLibrary .lead { color: #FFF;}
.sectionLibrary ul { margin: 30px auto 0 auto; text-align: center;}
.sectionLibrary ul li { width: 49%; display: inline-block; text-align: center; margin:0;}
.sectionLibrary ul li h3 img { width: 140px;}
.sectionLibrary ul li:nth-child(even) { margin-right: 0;}

 /*20151210 Recruit
-----------------------------------------*/
.recruit2015 { margin:0 0 30px 0; padding:0; list-style:none;}
.recruit2015 li { width: 48.4%; display: inline-block; margin-right: 5px;}
.recruit2015 li:nth-child(even) { margin-right: 0;}
.recruit2015 li a img { width:100%; display: block;}
.recruit2015 li a { display:block; font-size:13px; padding: 0; color:#212121;}
.recruit2015 li a .CS1 { display: block; padding: 5px;  background:#F0F0F0 url(../img/base/ArrowR_sp.png) 95% 50% no-repeat; background-size: 4px 7px;}

.recruitMember {width: 100%; min-height: 180px; max-height: 200px;}
.recruitMember h3 { color: #333; font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight: 400;}
.recruitMember h3 span { background: rgba(255,255,255,0.8); padding: 10px; display: block; width: 42%;}

.recruitProfile { padding: 10px; border: 1px solid #DDD; margin-bottom: 30px;}
.recruitProfile h4 {font-family: 'Oswald', sans-serif; color: #999; font-size: 16px; float: left; width: 60px; display: block;}
.recruitProfile img { display: none;}
.recruitProfile p { width: calc(100%-60px); margin-left: 60px; font-size: 11px;}

.recruitInterview .question {margin-bottom: 10px; display: block; min-height: 35px; font-size: 14px; font-weight: bold;}
.recruitInterview .answer  {margin-bottom: 30px;}
.recruitInterview .question span, .recruitInterview .answer span {font-size: 20px; font-family: 'Oswald', sans-serif; width: 1.2em; display: inline-block; text-align: center; margin: 0 15px 3px 0; border-radius: 3px;}
.recruitInterview .question span {float: left; color: #DD0033; border: 1px solid #DDD;}
.recruitInterview .answer span {float: left; background: #DD0033; color: #FFF;}
.recruitInterview .photo {margin-bottom: 50px;}

.newgradBiz1 { background: url(../img/recruit/photo_newgrad_biz1B.jpg) no-repeat top right; background-size: cover;}
.newgradBiz2 { background: url(../img/recruit/photo_newgrad_biz2B.jpg) no-repeat top right; background-size: cover;}
.newgradBiz3 { background: url(../img/recruit/photo_newgrad_biz3B.jpg) no-repeat top right; background-size: cover;}
.newgradDirect { background: url(../img/recruit/photo_newgrad_director1B.jpg) no-repeat top right; background-size: cover;}
.newgradEngineer { background: url(../img/recruit/photo_newgrad_engineer1B.jpg) no-repeat top right; background-size: cover;}
.newgradPR { background: url(../img/recruit/photo_newgrad_pr1B.jpg) no-repeat top right; background-size: cover;}

.careerBiz1 { background: url(../img/recruit/photo_career_biz1B.jpg) no-repeat top right; background-size: cover;}
.careerBiz2 { background: url(../img/recruit/photo_career_biz2B.jpg) no-repeat top right; background-size: cover;}
.careerBiz3 { background: url(../img/recruit/photo_career_biz3B.jpg) no-repeat top right; background-size: cover;}
.careerEngineer { background: url(../img/recruit/photo_career_engineer1B.jpg) no-repeat top right; background-size: cover;}
.careerDesigner { background: url(../img/recruit/photo_career_desiner1B.jpg) no-repeat top right; background-size: cover;}

.recruitMemberLink { margin-bottom: 50px;}
.recruitMemberLink li { width: 32%; font-size:12px; display: inline-block; margin-bottom: 5px; text-align: center; background: #EEE;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} 
.recruitMemberLink li img { width: 100%; }
.recruitMemberLink li a { text-decoration: none; color: #333;} 
.recruitMemberLink li a:hover { opacity: 0.8;} 

/* gallery */
.rg-view {display: none;}
                         
/*20160402 Top
-----------------------------------------*/
.sectionWrap .sectionSolutions { width: calc(100% - 40px); margin: 0 auto; }
.sectionSolutions ul { margin-top: 20px;}
.sectionSolutions ul li { width: calc(50% - 5px); height: 65px; display: inline-block; margin: 0 5px 50px 0; text-align: center;}
.sectionSolutions ul li img { width: 100%;}
.sectionSolutions ul li:nth-child(2n) { margin-right: 0;}
.sectionSolutions h3 { font-size: 13px; margin: 10px 0;}
.sectionWrap .sectionSolutions .viewAll { text-align: center; margin-top: 10px;}

/*20160608 overseas
-----------------------------------------*/
.bizOverseas{}
.bizOverseas .keyVisual{ background: url(../img/business/global/bgKeyVisual.jpg) no-repeat center; background-size: cover;}
.bizOverseas .keyVisual .keyTitle { padding-top: 71px; }

.bizOverseas .totalSupportWrap {}
.bizOverseas .totalSupportWrap .listPurpose { }
.bizOverseas .totalSupportWrap .listPurpose li { padding: 10px; border: 3px solid #DDD; border-radius: 6px; font-size: 15px; margin: 10px 0; }

.bizOverseas .totalSupportMessage .message {padding-top:45px;  background-size:60px; }
.bizOverseas .totalSupportMessage .message span { margin:10px;  line-height: 1.5;}

.bizOverseas .totalSupportWrap .listGraph {margin-bottom: 30px;}
.bizOverseas .totalSupportWrap .listGraph h3, .bizOverseas .totalSupportWrap h3.facebook { font-size: 13px; text-align: center; background: url(../img/business/global/bgSection.png); margin-bottom: 10px; line-height: 20px; padding: 5px 0 3px 0; }
.bizOverseas .totalSupportWrap .listGraph h3.weibo:before { content:url("../img/business/global/iconWeibo.png"); margin-right: 5px; vertical-align: middle;}
.bizOverseas .totalSupportWrap .listGraph h3.wechat:before { content:url("../img/business/global/iconWechat.png"); margin-right: 5px; vertical-align: middle;}
.bizOverseas .totalSupportWrap h3.facebook:before { content:url("../img/business/global/iconFB.png"); margin-right: 5px; vertical-align: middle;}
.bizOverseas .totalSupportWrap .listGraph li { margin: 0 5px 0 0; display: inline-block; text-align: center;}

.bizOverseas .totalSolutionWrap { background: url(../img/business/global/bgSection.png); border-top: 1px solid #EEE; border-bottom: 1px solid #EEE;}
.bizOverseas .totalSolutionWrap .solutionChina, .bizOverseas .totalSolutionWrap .solutionFB, .bizOverseas .totalSolutionWrap .solutionApac { border: 1px solid #EEE; padding: 10px; background: #FFF; margin-bottom: 20px;}

.bizOverseas .totalSolutionWrap .solutionChina h2, .bizOverseas .totalSolutionWrap .solutionFB h2, .bizOverseas .totalSolutionWrap .solutionApac h2 { font-size: 13px; font-weight: bold; margin-bottom: 15px;}
.bizOverseas .totalSolutionWrap .solutionChina h2:after{ content:url("../img/business/global/flagChina.png"); margin-left: 10px;}
.bizOverseas .totalSolutionWrap .solutionApac h2:after{ content:url("../img/business/global/flagApc2.png"); margin-left: 10px;}
.bizOverseas .totalSolutionWrap .solutionChina h3, .bizOverseas .totalSolutionWrap .solutionFB h3, .bizOverseas .totalSolutionWrap .solutionApac h3 { font-size: 13px; font-weight: bold; margin-bottom: 10px;}
.bizOverseas .totalSolutionWrap .solutionChina h3 span, .bizOverseas .totalSolutionWrap .solutionFB h3 span, .bizOverseas .totalSolutionWrap .solutionApac h3 span { font-size: 13px;}

.bizOverseas .totalSolutionWrap .partner h4 { font-weight: bold; font-size: 13px;}
.bizOverseas .totalSolutionWrap .serviceImg { display: none; }
.bizOverseas .totalSolutionWrap .service { border-bottom:1px dotted #CCC;  padding-bottom: 20px;}
.bizOverseas .totalSolutionWrap .service .serviceArea { margin-bottom: 20px; }
.bizOverseas .totalSolutionWrap .service .serviceArea li { border: 1px solid #DDD; margin:0 0 5px 0;  border-radius: 15px; padding:2px 8px;  display: inline-block; background:#EEE; font-size: 11px;}
.bizOverseas .totalSolutionWrap .partner { margin-top: 20px; }
.bizOverseas .totalSolutionWrap .partner .logo { width: 80px; margin-bottom: 5px;}
.bizOverseas .totalSolutionWrap .partner .logoIMS { width: 65px; margin-bottom: 5px;}
.bizOverseas .totalSolutionWrap .partner p { font-size: 11px; }

.bizOverseas .totalSupportMessage{ background-size: 80px; margin-bottom: 0;}
.bizOverseas .proWrap{ background: url(../img/business/global/bgWorldMap.png) no-repeat center 55%; background-size: contain;}
                                                          
/*20160711 JPX
-----------------------------------------*/
.iconJPX { position: absolute; top: calc(10 / 750 * 100vw); right: 0; width: calc(105 / 750 * 100vw); }
.iconJPX { }
.iconJPX02 { position: absolute; right: 10px; width: calc(105 / 750 * 100vw);  top: 10px; }
.iconJPX02 { }

/*１カラム　共通-----------------------------------------*/
#Page1C h2 { margin-bottom: calc(25 / 750 * 100vw); font-weight: bold; font-size: calc(44 / 750 * 100vw); line-height: 1.2; text-align: center; position: relative;}
#Page1C h2 small { font-weight: 300; font-size: calc(28 / 750 * 100vw); }
#Page1C h3 { font-size: 16px; border-bottom: 1px solid #dd0033; padding-bottom: 5px; margin-bottom: 20px;}
#Page1C .SDSocialBtn1 {padding-left:20px;}
#Page1C .bizOverseas h2, #Page1C .bizOverseas h3 { border-bottom:none !important;}

/*１カラム　サービス一覧-----------------------------------------*/
.serviceList .keyVisual { background: url(../img/business/bgMV_service.jpg) no-repeat center; background-size: cover;}
.serviceList .keyVisual h1, .keyLead { text-shadow: 0 0 10px rgba(0,0,0,0.4);}

.serviceListNavi { margin: -10px 0 40px 0;}
.serviceListNavi li { margin: 0 0 5px 0; padding: 0;}
.serviceListNavi li a { display: block; border: 1px solid #DDD; padding: 5px 0; text-align: center; font-size: 14px; background: #FEFEFE url(../img/index2015Nov/iconArrowR1PC.png) no-repeat 5% 50%; background-size: 14px; color: #333;}

.serviceListWrap { margin: 20px 20px 40px 20px;}
.serviceListWrap .description { font-size: 13px; margin-bottom: 20px;}
.serviceListWrap .serviceListDetail { }
.serviceListWrap .serviceListDetail li { width: calc(100% - 10px); margin: 0 0 40px 0;}
.serviceListWrap .serviceListDetail li .imgService { margin-bottom: 10px;}
.serviceListWrap .serviceListDetail li .imgService img { width: 100%;}
.serviceListWrap .serviceListDetail li h3 { font-weight: bold; font-size: 18px;}
.serviceListWrap .serviceListDetail li .descriptionService { font-size: 13px; margin: 10px 0; }
.serviceListWrap .serviceListDetail li .btnApp img{ height: 30px; padding: 10px 10px 0 0; }

.LinkLP1 {  background:#999 url(../img/base/Icon_NewWin_w.png) no-repeat 10px 50%; width:240px; margin: 0 auto;}
.LinkLP1 a {  background:url(../img/base/ArrowRt16.png) no-repeat 95% 50%; color:#FFF; display:block; padding: 5px 10px 5px 30px;}
.LinkLP2 {  background:#999;  width:240px; margin: 0 auto;}
.LinkLP2 a {  background:url(../img/base/ArrowRt16.png) no-repeat 95% 50%; color:#FFF; display:block; padding: 5px 10px;}
.LinkServiceDoc1 a { width:228px; border: 1px solid #999;}

/*１カラム　企業情報-----------------------------------------*/
.companyOutline .keyVisual { background: url(../img/company/bgMV_companyTop.jpg) no-repeat center 50%; background-size: cover;}
.companyOutline .keyVisual h1, .companyOutline .keyVisual .keyLead { text-shadow: 0 0 10px rgba(0,0,0,0.4);}
.companyOutlineWrap { margin: calc(50 / 750 * 100vw) 0 calc(130 / 750 * 100vw);}
.companyOutline .companyOutlineWrap { margin: calc(50 / 750 * 100vw) 0 calc(130 / 750 * 100vw); }

.companyOutlineNavi { margin: 0 calc(40 / 750 * 100vw); display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.companyOutlineNavi li a { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: calc(669 / 750 * 100vw); height: calc(336 / 750 * 100vw); font-size: calc(44 / 750 * 100vw); font-weight: 600; color: #fff; line-height: 1.25; background-position: center center; background-size: 100%; background-repeat: no-repeat;  position: relative; transition: all .3s; }
.companyOutlineNavi li a:before { content: ""; display: block; position: absolute; top: 0; left: 0; margin: auto; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); }
.companyOutlineNavi li a:after { content: ""; display: block; position: absolute; bottom: calc(25 / 750 * 100vw); right: calc(25 / 750 * 100vw); margin: auto; width: calc(44 / 750 * 100vw); height: calc(40 / 750 * 100vw); background: url(../img/base/ArrowRt22.png) 0 0 /contain no-repeat; z-index: 1; transition: all .3s; }
.companyOutlineNavi li a span { width: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.companyOutlineNavi li a span small { font-size: calc(28 / 750 * 100vw); font-weight: 300; }
.companyOutlineNavi li:not(:last-of-type) { margin-bottom: calc(4 / 750 * 100vw); }
.companyOutlineNavi li:nth-of-type(1) a { background-image: url(../img/company/listNav1_sp.png); }
.companyOutlineNavi li:nth-of-type(2) a { background-image: url(../img/company/listNav2_sp.png); }
.companyOutlineNavi li:nth-of-type(3) a { background-image: url(../img/company/listNav3_sp.png); }
.companyOutlineNavi li:nth-of-type(4) a { background-image: url(../img/company/listNav5_sp.png); }
.companyOutlineNavi li:nth-of-type(5) a { background-image: url(../img/company/listNav4_sp.png); }

.companyOutlinePages .keyVisual { background: url(../img/company/bgMV_companyTop.jpg) no-repeat center 0; background-size: cover;}
.companyOutlinePages .keyVisual h1 { margin-bottom: 0; padding: 20px 0; font-size: 30px;}
.companyOutlineInner { margin: 0 calc(40 / 750 * 100vw);}
.companyHeadline { margin-top: calc(50 / 750 * 100vw); margin-bottom: calc(30 / 750 * 100vw)!important; padding-top: calc(20 / 750 * 100vw)!important; font-size: calc(36 / 750 * 100vw)!important; font-weight: 600!important; color: #333!important; text-align: center!important; }
.companyAccessMap { width: 100%; height: calc(290 / 750 * 100vw); filter: grayscale(1); overflow: hidden; }
.companyAccessMap iframe { width: 100%; height: calc(640 / 750 * 100vw); margin-top: calc(-150 / 750 * 100vw); }
.companyMenuHeadline { margin-top: calc(120 / 750 * 100vw); margin-bottom: calc(60 / 750 * 100vw)!important; padding-bottom: calc(20 / 750 * 100vw)!important; font-size: calc(36 / 750 * 100vw)!important; font-weight: 600!important; color: #333!important; line-height: 1!important; text-align: center!important; border-bottom: 1px solid #dbdbdb; }
.companyMenuNavi { display: flex; justify-content: center; align-items: flex-start; }
.companyMenuNavi li:not(:last-of-type) { margin-right: calc(60 / 750 * 100vw); }
.companyMenuNavi li a { font-size: calc(26 / 750 * 100vw); font-weight: 600; color: #333333; text-align: center; display: block; transition: all .3s; }
.companyMenuNavi li a small { font-size: calc(18 / 750 * 100vw); font-weight: 300; }
.companyMenuNavi li a:hover { text-decoration: none; }
.companyMenuNavi li a .companyMenuImg { width: calc(170 / 750 * 100vw); height: calc(170 / 750 * 100vw); display: block; background-position: center center; background-size: 100%; background-repeat: no-repeat; }
.companyMenuNavi li:nth-of-type(1) { border-bottom: 2px solid #fff; }
.companyMenuNavi li:nth-of-type(2) { border-bottom: 2px solid #fff; }
.companyMenuNavi li:nth-of-type(1) a .companyMenuImg { background-image: url(../img/company/menuNav1.png); }
.companyMenuNavi li:nth-of-type(2) a .companyMenuImg { background-image: url(../img/company/menuNav2.png); }
.companyMenuNavi li:nth-of-type(3) a .companyMenuImg { background-image: url(../img/company/menuNav3.png); }
#Page1C .visionLead figure { margin-bottom: 30px; }
#Page1C .visionLead figure img { width: 100%;}
#Page1C .visionTitle h3 { font-size: 40px; font-family: oswald; border-bottom: none; position: relative;}
#Page1C .visionTitle h3 span { position: relative; z-index: 2; display: inline-block; margin: 0; padding-right: 0.5em; background-color: #fff; text-align: left;}
#Page1C .visionTitle h3:before {position: absolute; top: 50%; z-index: 1; content: ""; display: block; width: 100%; height: 1px; background-color: #BBB; }
#Page1C .visionTitle h3.vision { color: #DD0033; }
#Page1C .visionTitle h3.mission { color: #333; }
#Page1C .visionTitle h3.value { color: #999; }
#Page1C .vision h4 { font-size: 24px; font-family: serif; line-height: 1.4; margin-bottom: 20px;}
#Page1C .vision h4 span { font-size: 16px; display: block; font-family: oswald; color: #999;}
#Page1C .visionInner { margin-bottom: 50px;}
#Page1C .visionInner p { margin-bottom: 1em;}
.valueSubTitle { margin: 0 0 30px 0; padding: 10px; color: #666; background: #EEE; border-radius: 3px;}
.valueSubTitle h4 { float: left; margin-right: 20px;}
.valueLead { margin-bottom: 40px !important; }
.valueInner { margin:0 0 40px 0 !important;}

/*グローバルメニューサブ化-----------------------------------------*/
ul.RGlNav1Sub {display: none !important;}

/*１カラム　採用情報-----------------------------------------*/
.recruit .keyVisual { height: 300px; background: none; position: relative; }
.recruit .keyTitle { width: calc(700 / 750 * 100vw); position: absolute; bottom: 12px; left: calc(50% - 350 / 750 * 100vw); }
.recruit .slides { position: absolute; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.recruit .slides:not(:first-child) { display: none }
.recruitPages .keyVisual { background: url(../img/recruit/bgMV_recruit_sp.jpg) no-repeat center 45%; background-size: cover;}

.recruitWrap { margin: 20px 20px 40px 20px;}

.recruitNavi  { margin: -10px 0 20px 0;}
.recruitNavi li { margin: 0 0 5px 0; padding: 0;}
.recruitNavi li.fresh2018 a { width: 100%; display: block; border: 1px solid #DDD; padding: 5px 0; text-align: center; font-size: 14px; background: #DD0033 url(../img/index2015Nov/iconArrowW1PC.png) no-repeat 5% 50%; color: #FFF;}
.recruitNavi li a { width: 100%; display: block; border: 1px solid #DDD; padding: 5px 0; text-align: center; font-size: 14px; background: #FEFEFE url(../img/index2015Nov/iconArrowR1PC.png) no-repeat 5% 50%; color: #333;}
.recruitNavi li a small { font-size: 11px;}
.recruitNavi2 { margin: 10px 0;}
.recruitNavi2 li { display: inline-block; width:49%; margin:0 10px 5px 0; background:#F0F0F0; }
.recruitNavi2 li:nth-child(n) { margin-right: 0; }
.recruitNavi2 li a .CS1 { display: block; vertical-align:middle; padding: 10px 0 10px 10px;}
.recruitNavi2 li a { display:block; font-size:13px; color:#212121; background:#F0F0F0 url(../img/base/ArrowR.png) 95% 85% no-repeat;}
.recruitNavi2 li a:hover { opacity:0.7;}
.recruitNavi2 li a img { width: 100%;}
.bnrPartTime { text-align: center; margin: 30px auto; }

/* member */
#Page1C .recruitMember h3 { font-weight: bold; font-size: 14px;}
.recruit2017 { font-size: 0; width: 100%; margin: 0 auto;}
.recruit2017 li { display: inline-block; width:47%; border: 1px solid #F2F2F2; margin:0 10px 10px 0; position: relative; overflow: hidden;}
.recruit2017 li:nth-child(2n+2) { margin-right:0;}
.recruit2017 li a .CS1 { display: block; vertical-align:middle; padding: 10px 0 10px 10px; margin-bottom: 0;}
.recruit2017 li a .CS2 { display: block; vertical-align:middle; padding: 1px 15px 0 10px; margin-bottom: 0;}
.recruit2017 li a { display:block; font-size:13px; color:#212121; background:#F0F0F0 url(../img/base/ArrowR.png) 95% 92% no-repeat;}
.recruit2017 li a:hover { opacity:0.8; text-decoration: none; background:#F0F0F0 url(../img/base/ArrowR_f2.png) 95% 92% no-repeat;}
.newGrad { background: #FFF; color: #DD0033; font-size: 10px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.2); padding: 2px 50px; position: absolute; top: 5px; right: -35px; transform: rotate(25deg);}
.recruitWrap h3 { margin-bottom: 5px !important; border-bottom: none !important; }
.sessionList li { list-style: circle; margin: 0 0 5px 20px; }

.SPBtn1{ text-align: center; }
.SPBtn1 a{ background: #DD0033 url("../img/common/Icon5.jpg") no-repeat scroll 17px 10px; border-radius: 5px 5px 5px 5px; color: #FFFFFF; display: inline-block; padding: 5px 20px 5px 35px; }
.SPBtn1_1 a{ padding: 10px 40px 10px 55px; background: #DD0033 url("../img/common/Icon5.jpg") no-repeat scroll 27px 18px; font-size:16px; }
.SPBtn1 a:hover { background: url("../img/common/Icon5_f2.jpg") no-repeat scroll 17px 10px #FF2828; color: #FFC9C9; text-decoration: none; }
.SPBtn1_1 a:hover { background: url("../img/common/Icon5_f2.jpg") no-repeat scroll 27px 18px #FF2828; color: #FFC9C9; text-decoration: none; }

/*management -----------------------------------------*/
#Page1C .president h3, #Page1C .director h3, #Page1C .executiveOfficer h3 { border-bottom: none;}
#Page1C .director h3, #Page1C .executiveOfficer h3 { font-weight: normal; font-size: 14px; border-bottom: 1px solid #CCC;}
#Page1C .president h3, #Page1C .director h4, #Page1C .executiveOfficer h4 { border-bottom: none; font-weight: normal; margin-bottom: 0;}
#Page1C .director h5 span, #Page1C .executiveOfficer h5 span { font-size: 13px;}
.president, .director, .executiveOfficer { position: relative; z-index: 0; margin-bottom: 40px;}
.president .nameWrap { position: absolute; top:10px; left: 10px; z-index: 10;}
#Page1C .president .nameWrap h3 { font-size: 14px; margin-bottom: 10px!important;}
.president .nameWrap h4 { font-size: 28px; line-height: 26px; font-family: serif;}
.president .nameWrap h4 span { font-size: 11px; font-family: sans-serif; padding-left: 0.4em; color: #555;}
.president .description { margin: 20px auto 0 auto; font-size: 13px; line-height: 1.8; }
.director .nameWrap { }
.director figure, .executiveOfficer figure { width: 100%; text-align:center; margin-bottom: 15px;}
.director figure img, .executiveOfficer figure img { width: 80%; }
.director ul li { margin-bottom: 30px;}
#Page1C .director ul li h4 { font-size: 14px;}
.director ul li h5 { margin: 0 0 10px 0; font-size: 22px; font-family: serif;}
.director ul li h5 span { font-family: sans-serif;}
.executiveOfficer ul li { width: 100%; margin:0 0 20px 0;}
.executiveOfficer ul li h4 { margin-top: 10px; font-size: 14px;}
.executiveOfficer ul li h5 { font-size: 22px; font-family: serif; }
#Page1C .executiveOfficer ul li h5 span { font-size: 11px; font-family: sans-serif;}

/*history -----------------------------------------*/
.history { position: relative; }
.history tr { display: flex; flex-direction: column; }
.history tr:not(:last-of-type) td { border-bottom: none; }
.history th, .history td { padding: 18px 10px 15px; width: 100%; font-size: 12px; color: #333; line-height: 1; border: 1px solid #ccc; }
.history th { width: 100%; border-bottom: none; background: #eee; box-sizing: border-box; }
.history td { padding-top: 45px; width: 100%; line-height: 1.4; line-height: calc(34 / 18); position: relative; box-sizing: border-box; }
.history .all { margin-top: -1px; width: 90px; height: 20px; font-size: 12px; font-weight: 600; color: #fff; line-height: 20px; text-align: center; display: inline-block; background: #404040; position: absolute; top: 18px; left: 10px; }
.history .service { margin-top: -1px; width: 90px; height: 20px; font-size: 12px; font-weight: 600; color: #fff; line-height: 20px; text-align: center; display: inline-block; background: #DD0033; position: absolute; top: 18px; left: 10px; }
.history .note { font-size: 11px; margin-top: 20px; color: #333; text-align: left; }

/*recruit -----------------------------------------*/
#Page1C .newgradBiz4 { background: url(../img/recruit/2017/member/photo_newgrad_1B.jpg) no-repeat top right; background-size: cover;}
#Page1C .newgradBiz5 { background: url(../img/recruit/2017/member/photo_newgrad_2B.jpg) no-repeat top right; background-size: cover;}
#Page1C .newgradBiz6 { background: url(../img/recruit/2017/member/photo_newgrad_5B.jpg) no-repeat top right; background-size: cover;}
#Page1C .newgradBiz7 { background: url(../img/recruit/2017/member/photo_newgrad_8B.jpg) no-repeat top right; background-size: cover;}
#Page1C .newgradPla1 { background: url(../img/recruit/2017/member/photo_newgrad_3B.jpg) no-repeat top right; background-size: cover;}
#Page1C .newgradADU1 { background: url(../img/recruit/2017/member/photo_newgrad_4B.jpg) no-repeat top right; background-size: cover;}
#Page1C .newgradEng1 { background: url(../img/recruit/2017/member/photo_newgrad_6B.jpg) no-repeat top right; background-size: cover;}
#Page1C .newgradEng2 { background: url(../img/recruit/2017/member/photo_newgrad_7B.jpg) no-repeat top right; background-size: cover;}
#Page1C .recruitMemberList { margin:0 20px; padding:20px 0;}
#Page1C .recruitMemberList li { position: relative; }
#Page1C .recruitMemberList .labelNewGr { background: #FFF; color: #DD0033; font-size: 10px; box-shadow: 0 0 01px 0 rgba(0,0,0,0.1); padding: 1px 35px; position: absolute; top: 0; right: -27px; transform: rotate(25deg);}

/*business Report -----------------------------------------*/
.businessReport { margin: 50px 0 50px 0; }
.businessReport li { margin-bottom: 10px;}
.businessReport li .date { color: #666; padding-right: 20px; display:block; font-size:12px;}

/*１カラム　ライブラリ-----------------------------------------*/
#Page1C .library .keyVisual { background: url(../img/index2015Nov/imgMV03SP.jpg) no-repeat center 50%; background-size: cover;}
#Page1C .library .keyVisual h1, #Page1C .library .keyVisual .keyLead { text-shadow: 0 0 10px rgba(0,0,0,0.4);}
#Page1C .libraryWrap { margin: 20px auto 40px auto; padding: 0 20px;}
#Page1C .libraryWrap .caseStudy li, #Page1C .libraryWrap .libraryDLDocs li { width: calc(100% - 10px);margin: 0 0 50px 0;}
#Page1C .libraryWrap .caseStudy li .imgService, #Page1C .libraryWrap .libraryDLDocs li .imgService { margin-bottom: 10px;}
#Page1C .libraryWrap .caseStudy li img, #Page1C .libraryWrap .libraryDLDocs li h3 img { width: 100%; }
#Page1C .libraryWrap .caseStudy li .descriptionService, #Page1C .libraryWrap .libraryDLDocs li .descriptionService { font-size: 13px; margin: 10px 0;}
#Page1C .libraryWrap .caseStudy li .btnApp img, #Page1C .libraryWrap .libraryDLDocs li .btnApp img { height: 40px; padding: 10px 10px 0 0; }
#Page1C .libraryWrap .caseStudy li h3, #Page1C .libraryWrap .libraryDLDocs li h3 { font-size: 18px; border: none; margin-bottom: 10px;}
#Page1C .libraryWrap .caseStudy li .descriptionService { min-height: 4.5em; }
#Page1C .libraryWrap .libraryDLDocs li h3 { border: none; margin-bottom: 10px; min-height: 3em;}

/* 20170623 top Media section-----------------------------------------*/
.sectionWrap .sectionMedia { width: calc(100% - 20px); margin: 0 auto;}
.sectionMedia .lead { margin: 0 20px; }
.sectionMedia ul { margin-top: 20px; text-align: center;}
.sectionMedia ul li { width: calc(100% - 40px); height: auto; margin: 0 0 30px 0; padding: 0 20px; text-align: left;}
.sectionMedia ul li  h3 { font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: bold; text-align: center; margin: 10px 0 0 0; }
.sectionMedia ul li img { width: 100%; }
.sectionMedia ul li  .subTitle { font-size: 11px; color: #999; text-align: center; margin-bottom: 10px;}


/* 20171028 IR BizOverview
******************************************/
.SDIRMovie2 {
  position: relative;
  padding-bottom: 47%;
  padding-top: 30px;
  margin-bottom:30px;
  height: 0;
  overflow: hidden;
  background:#EEE;
}
.SDIRMovie2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.companyOutlineIRNavi li { width: 100%; display: inline-block; margin: 0 0 20px 0; background: url(../img/base/ArrowRt18.png) 95% 27px no-repeat;}
.companyOutlineIRNavi li:last-child { margin-right: 0; }
.companyOutlineIRNavi li a h3 { font-size: 14px; color: #666; line-height: 40px;}
.companyOutlineIRNavi li a .iconBizOverview  img { width: 40px; margin-right: 10px; float: left;}
.companyOutlineIRNavi li a.domeSNS, .companyOutlineIRNavi li a.eXEC, .companyOutlineIRNavi li a.crTec {  height: 40px; display: block;  border: 1px solid #DDD; padding: 10px; background: #FEFEFE:}
.companyOutlineIRNavi li a:hover { text-decoration: none; opacity: 0.8; }
.companyOutlineIRNavi li a { display: none; }
.companyOutlineIRNavi li p { margin-top: 10px; font-size:12px; color: #666; text-align: left;}
.irR4NEWS {margin: 20px 0 50px 0; }
.irR4NEWS li { margin-bottom: 20px; }
.irR4NEWS li a span { color: #999; display: block; }

.irR4Movie { margin-bottom: 30px; }
.irR4Movie li { width: 100%; margin-bottom: 20px;}
.irR4Movie li .irR4Moviethumb { position: relative;  padding-bottom: 47%;  padding-top: 30px;  margin-bottom:10px;  height: 0;  overflow: hidden;  background:#EEE;}
.irR4Movie li .irR4Moviethumb iframe {   position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
.irR4Movie li p { margin-bottom: 1em; }


/*１カラム　お問い合わせポータル-----------------------------------------*/

.contactPortal .keyVisual { background: url(../img/company/bgMV_company.jpg) no-repeat center 45%; background-size: cover;}
.contactPortal .keyVisual h1 { font-size: 2.8rem; text-shadow: 0 0 10px rgba(35,80,140,0.45);}
.contactPortalWrap { margin: 20px 20px 40px 20px;}
.contactSolution, .contactSaaS, .contactMedia, .contactOthers {
  font-size: 0;
}
.contactSolution li, .contactSaaS li, .contactMedia li, .contactOthers li {
  font-size: 14px;
  width: 100%;
  border: 1px solid #DDD;
  border-radius: 6px;
  margin: 0 0 10px 0;
  vertical-align: top;
}
.contactSolution li a, .contactOthers li a {
  background: #FDFDFD url(../img/index2015Nov/iconArrowR1PC.png) no-repeat 5% 50%;
  border-radius: 6px;
  padding: 20px 15px 20px 45px;
  display: block;
  vertical-align: middle;
  color: #333;
}
.contactSaaS li a, .contactMedia li a {
  background: #FDFDFD;
  padding: 0 15px 0 0;
  border-radius: 6px;
  display: block;
  vertical-align: bottom;
  color: #666;
  font-size: 11px;
  display: flex;
}
.contactSaaS li a img, .contactMedia li a img {
  width: 150px;
  height:54px;
}
/*.contactSaaS li.mp a {
  background: url(../img/contact/contactLogo_mp.png) no-repeat -20px 50%;
  background-size: 150px;
}
.contactSaaS li.mpjp a {
  background: url(../img/contact/contactLogo_mpjp.png) no-repeat -20px 50%;
  background-size: 150px;
}
.contactSaaS li.btm a {
  background: url(../img/contact/contactLogo_BTM.png) no-repeat -20px 50%;
  background-size: 150px;
}
.contactSaaS li.sin a {
  background: url(../img/contact/contactLogo_SIn.png) no-repeat -20px 50%;
  background-size: 150px;
}
.contactSaaS li.letro a {
  background: url(../img/contact/contactLogo_Letro.png) no-repeat -20px 50%;
  background-size: 150px;
}
.contactSaaS li.weiq a {
  background: url(../img/contact/contactLogo_WEIQ.png) no-repeat -20px 50%;
  background-size: 150px;
}*/
.contactSaaS li.others a {
  padding: 20px 15px 20px 15px;
}
.contactSaaS li.others span {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin-right: 1em;
}
.contactMedia li.smmlab a {
  background: url(../img/contact/contactLogo_SMMLab.png) no-repeat -20px 50%;
  background-size: 150px;
}
.contactMedia li.cnmlab a {
  background: url(../img/contact/contactLogo_CNMLab.png) no-repeat -20px 50%;
  background-size: 150px;
}
.contactMedia li.forBiz a {
  background: url(../img/contact/contactLogo_forBiz.png) no-repeat -20px 50%;
  background-size: 150px;
}

/* top reNew
-----------------------------------------*/
.mainVisual { position:relative; height: 65vh; display: block; background: url(../img/index2018Mar/bg2MV_menber.jpg) no-repeat 70% top; background-size: cover; animation: fadeIn 1s ease 0s 1 normal;}
.mainVisualwrap {  position:relative; height: 100%; text-align: center; background: url(../img/index2018Mar/bg1MV_globalNetwork.png) no-repeat top left; background-size: 100%; animation: fadeIn 3s ease 0s 1 normal;}
.mainVisualwrap h2 { font-size: 32px; height: 120px; line-height: 1.5; color: #FFF; text-shadow: 0 0 6px rgba(0,0,0,0.4); position: absolute; top: 50px; left: 0; right: 0; z-index: 100;}
.mainVisualwrap .logoSNS { position: absolute; top: 220px; left: 0; right: 0; z-index: 100;}
.mainVisualwrap .logoSNS img { height: 20px;}
.mainVisualwrap .btn2> *{ width: 260px; height: 50px; line-height: 50px; position: absolute; top: 280px;  left: 0; right: 0; z-index: 100;}

#particle { position: absolute; top:0; left: 0; z-index: 1; width: 100%; height:65vh; animation: fadeIn 10s ease 0s 1 normal;}

@keyframes fadeIn {    0% {opacity: 0}    100% {opacity: 1}}
@-webkit-keyframes fadeIn {    0% {opacity: 0}    100% {opacity: 1}}

.sectionBusiness { text-align: center;}
.sectionBusiness h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.sectionBusiness h3 span { font-size: 13px; font-weight: normal; font-family: oswald; display: block; }
.sectionBusiness p { font-size: 12px; text-align: left;}
.sectionBusiness ul { width: calc(100% - 60px); margin: 20px auto 40px; font-size: 0; text-align: center;}
.sectionBusiness ul li { width: calc(100% - 40px); padding: 20px; font-size: 1em; color: #FFF;}
.sectionBusiness .bizDomesticSNS { background: url(../img/index2018Mar/bgBiz_domeSNS.jpg) no-repeat 50% 50%; background-size: cover;}
.sectionBusiness .bizCrossBorder { background: url(../img/index2018Mar/bgBiz_crossBord.jpg) no-repeat 50% 50%; background-size: cover;}
.sectionBusiness .bizCreativeTech { background: url(../img/index2018Mar/bgBiz_creativTec.jpg) no-repeat 50% 50%; background-size: cover;}
.sectionPartnership .logoPartners { text-align: center; margin: 30px 0;}
.sectionPartnership .partnerShipBadge { width: calc(100% - 40px); margin: 40px auto 0 auto; text-align: center;  }
.sectionPartnership .partnerShipBadge li { display: inline-grid; margin: 0 5px;}
.sectionPartnership .partnerShipBadge li img { height: 50px; }
.sectionBusiness .lead, .sectionPartnership .lead { margin: 0 20px; }

@keyframes topBgAnime { 0% { opacity: 0; } 5% { opacity: 1; } 25% { opacity: 1; } 30% { opacity: 0; } 100% { opacity: 0; } }
.top { margin-top: calc(120 / 750 * 100vw); }
.topMainvisual { width: calc(750 / 750 * 100vw); height: calc(490 / 750 * 100vw); display: block; position: relative; }
.topMainvisual.pc { display: none; }
.topMainvisualBg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; background-position: center; background-repeat: no-repeat; background-size: 100%; animation: topBgAnime 20s infinite; }
.topMainvisualBg.Bg01 { background-image : url(../img/top/bgMV_top1_sp.jpg); }
.topMainvisualBg.Bg02 { background-image : url(../img/top/bgMV_top2_sp.jpg); animation-delay: 5s; }
.topMainvisualBg.Bg03 { background-image : url(../img/top/bgMV_top3_sp.jpg); animation-delay: 10s; }
.topMainvisualBg.Bg04 { background-image : url(../img/top/bgMV_top4_sp.jpg); animation-delay: 15s; }
.topMainvisualTextArea { min-width: calc(520 / 750 * 100vw); position: absolute; top: 68%; left: 45%; transform: translate(-50%, -50%); z-index: 100; }
.topMainvisualTitle { margin-bottom: calc(20 / 750 * 100vw); font-size: calc(22 / 750 * 100vw); font-weight: 300; color: #fff; line-height: 1; text-align: left; letter-spacing: .08em; }
.topMainvisualLead { margin-bottom: calc(25 / 750 * 100vw); font-size: calc(50 / 750 * 100vw); font-weight: 600; color: #fff; line-height: 1.33; text-align: left; letter-spacing: .1em; }
.topContainer { padding: calc(80 / 750 * 100vw) 0; width: 100%; }
.topContainer:nth-of-type(2n) { background: #f1f1f1; }
.topContainer:nth-of-type(2n) .topListBox a { border: calc(2 / 750 * 100vw) solid #eaeaea; background: #f1f1f1; }
.topContainer .topArea { padding: 0; position: relative; }
.topContainer .topArea:not(:last-of-type) { margin-bottom: calc(80 / 750 * 100vw); }
.topContainer#serch { padding: calc(30 / 750 * 100vw) 0 calc(40 / 750 * 100vw); }
.topContainer#news { padding-top: calc(60 / 750 * 100vw); }
.topContainer#news .topArea { margin: 0; }
.topContainer#news .newsReleaseTop { display: block; text-align: center; }
.topContainer#news .newsReleaseTop.pc { display: none; }
.topContainer#news .newsReleaseTop a { display: inline-block; }
.topContainer#news .newsReleaseWrap { margin-top: 0; }
.topContainer#news .newsReleaseWrap .newsReleaseHeadline { margin-bottom: calc(30 / 750 * 100vw)!important; display: flex; flex-direction: column; color: #333; text-align: center; position: relative; }
.topContainer#news .newsReleaseWrap .newsReleaseHeadline:after { content: ""; width: calc(31 / 750 * 100vw); height: calc(27 / 750 * 100vw); display: block; background: url(../img/base/ArrowRt23.png) 0 0 /contain no-repeat; position: absolute; top: calc(15 / 750 * 100vw); left: calc(50% + 115 / 750 * 100vw); }
.topContainer#news .newsReleaseWrap .newsReleaseGenre { display: none; }
.topArea { margin: 0 calc(40 / 750 * 100vw); padding-top: calc(100 / 750 * 100vw); position: relative; }
.topArea#irNews { padding-top: calc(80 / 750 * 100vw); }
.topHeadline { margin-bottom: calc(30 / 750 * 100vw); font-size: calc(44 / 750 * 100vw); font-weight: 600; color: #333; line-height: 1.1; text-align: center; }
.topHeadline small { font-size: calc(28 / 750 * 100vw); font-weight: 300; }
.topNewsList { margin: calc(40 / 750 * 100vw); }
.topNewsList a:hover { text-decoration: none; }
.topNewsList .eventDate { margin-bottom: calc(10 / 750 * 100vw); font-size: calc(26 / 750 * 100vw); font-weight: 300; color: #999; line-height: 1; }
.topNewsList .eventTitle { font-size: 16px; font-weight: 300; color: #333; line-height: 1; }
.topNewsList li:not(:last-of-type) { margin-bottom: 30px; }
.topNewsBtn { margin: 0 auto; padding: calc(18 / 750 * 100vw) calc(70 / 750 * 100vw) calc(18 / 750 * 100vw) calc(50 / 750 * 100vw); width: calc(256 / 750 * 100vw); height: calc(64 / 750 * 100vw); font-size: calc(26 / 750 * 100vw); font-weight: 300; line-height: 1; color: #333; text-align: center; border-radius: calc(32 / 750 * 100vw); border: calc(2 / 750 * 100vw) solid #cccccc; display: block; position: relative; transition: all .3s; box-sizing: border-box; }
.topNewsBtn:link, .topNewsBtn:visited { color: #333; }
.topNewsBtn:before { content: ""; width: calc(17 / 750 * 100vw); height: calc(16 / 750 * 100vw); background: url(../img/base/ArrowRt28.png) 0 0 /contain no-repeat; position: absolute; top: calc(50% - 8 / 750 * 100vw); right: calc(23 / 750 * 100vw); transition: all .3s; }
.topNewsBtn:hover { text-decoration: none; }
.topSearchTitle { margin-bottom: calc(20 / 750 * 100vw); font-size: calc(28 / 750 * 100vw); font-weight: 600; text-align: center; }
.topSearchDialog { display: flex; justify-content: center; align-items: center; }
.topSearchDialog input[type="search"] { width: calc(474 / 750 * 100vw); text-align: left; font-size: calc(32 / 750 * 100vw); padding: calc(20 / 750 * 100vw); border: calc(2 / 750 * 100vw) solid #999; border-radius: calc(43 / 750 * 100vw); outline: 0; box-shadow: none; box-sizing: border-box; }
.topSearchDialog button { border: none; background: none; outline: none; -webkit-appearance: none; }
.topCompanyNavi { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.topCompanyNavi li a { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: calc(669 / 750 * 100vw); height: calc(336 / 750 * 100vw); font-size: calc(28 / 750 * 100vw); font-weight: 600; color: #fff; line-height: 1.5; background-position: center center; background-size: 100%; background-repeat: no-repeat;  position: relative; transition: all .3s; }
.topCompanyNavi li a:before { content: ""; display: block; position: absolute; top: 0; left: 0; margin: auto; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); }
.topCompanyNavi li a:after { content: ""; display: block; position: absolute; bottom: calc(25 / 750 * 100vw); right: calc(25 / 750 * 100vw); margin: auto; width: calc(31 / 750 * 100vw); height: calc(27 / 750 * 100vw); background: url(../img/base/ArrowRt22.png) 0 0 /contain no-repeat; z-index: 1; transition: all .3s; }
.topCompanyNavi li a span { width: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.topCompanyNavi li a span small { margin-bottom: calc(20 / 750 * 100vw); font-size: calc(23 / 750 * 100vw); font-weight: 300; display: inline-block; }
.topCompanyNavi li:not(:last-of-type) { margin-bottom: calc(4 / 750 * 100vw); }
.topCompanyNavi li:nth-of-type(1) a { background-image: url(../img/top/listNav1_sp.png); }
.topCompanyNavi li:nth-of-type(2) a { background-image: url(../img/top/listNav2_sp.png); }
.topCompanyNavi li:nth-of-type(3) a { background-image: url(../img/top/listNav3_sp.png); }
.topCompanyNavi li:nth-of-type(4) a { background-image: url(../img/top/listNav4_sp.png); }
.topCompanyNavi li:nth-of-type(5) a { background-image: url(../img/top/listNav5_sp.png); }
.topGroupNavi { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.topGroupNavi li a { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: calc(670 / 750 * 100vw); height: calc(393 / 750 * 100vw); font-size: calc(28 / 750 * 100vw); font-weight: 600; color: #fff; line-height: 1.5; background-position: center center; background-size: 100%; background-repeat: no-repeat;  position: relative; transition: all .3s; }
.topGroupNavi li a:after { content: ""; display: block; position: absolute; bottom: calc(25 / 750 * 100vw); right: calc(25 / 750 * 100vw); margin: auto; width: calc(34 / 750 * 100vw); height: calc(34 / 750 * 100vw); background: url(../img/base/iconNewWin1.png) 0 0 /contain no-repeat; z-index: 1; transition: all .3s; }
.topGroupNavi li a span { width: 100%; display: block; position: absolute; top: calc(215 / 750 * 100vw); left: 50%; transform: translateX(-50%); text-align: center; }
.topGroupNavi li a span small { margin-top: calc(18 / 750 * 100vw); font-family: 'Oswald', sans-serif; font-size: calc(24 / 750 * 100vw); font-weight: 400; display: inline-block; }
.topGroupNavi li:not(:last-of-type) { margin-bottom: calc(4 / 750 * 100vw); }
.topGroupNavi li:nth-of-type(1) a { color: #333; background-image: url(../img/top/groupNav1_sp.png); }
.topGroupNavi li:nth-of-type(2) a { color: #333; background-image: url(../img/top/groupNav2_sp.png); }
.topGroupNavi li:nth-of-type(3) a { color: #fff; background-image: url(../img/top/groupNav4_sp.png); }
.topGroupNavi li:nth-of-type(4) a { color: #333; background-image: url(../img/top/groupNav5_sp.png); }
.topGroupNavi li:nth-of-type(3) a:after { background-image: url(../img/base/iconNewWin2.png); }
.topListCont { margin-bottom: calc(-20 / 750 * 100vw); display: flex; flex-wrap: wrap; justify-content: space-between; }
.topListCont >:not(:last-of-type) { margin-bottom: calc(30 / 750 * 100vw); }
.topListBox { margin-right: calc(20 / 750 * 100vw); margin-bottom: calc(20 / 750 * 100vw); width: calc(325 / 750 * 100vw); height: calc(375 / 750 * 100vw); background: #f1f1f1; position: relative; }
.topListBox:nth-of-type(2n) { margin-right: 0; }
.topListBox:nth-of-type(3) .topListTitle { margin-top: calc(15 / 750 * 100vw); }
.topListBox a { padding: calc(235 / 750 * 100vw) calc(20 / 750 * 100vw) 0; width: 100%; height: 100%; display: block; transition: all .3s; position: relative; box-sizing: border-box; }
.topListBox a:after { content: ""; display: block; position: absolute; bottom: calc(20 / 750 * 100vw); right: calc(20 / 750 * 100vw); margin: auto; width: calc(31 / 750 * 100vw); height: calc(27 / 750 * 100vw); background: url(../img/base/ArrowRt23.png) 0 0 /contain no-repeat; z-index: 1; transition: all .3s; }
.topListBox.bgSoftware a:before { content: ""; display: block; position: absolute; top: calc(40 / 750 * 100vw); right: calc(50% - 109 / 750 * 100vw); margin: auto; width: calc(219 / 750 * 100vw); height: calc(169 / 750 * 100vw); background: url(../img/top/iconSoftware.png) 0 0 /contain no-repeat; z-index: 1; }
.topListBox.bgSolution a:before { content: ""; display: block; position: absolute; top: calc(38 / 750 * 100vw); right: calc(50% - 111 / 750 * 100vw); margin: auto; width: calc(222 / 750 * 100vw); height: calc(163 / 750 * 100vw); background: url(../img/top/iconSolution.png) 0 0 /contain no-repeat; z-index: 1; }
.topListBox.bgCrossborder a:before { content: ""; display: block; position: absolute; top: calc(40 / 750 * 100vw); right: calc(50% - 107 / 750 * 100vw); margin: auto; width: calc(214 / 750 * 100vw); height: calc(170 / 750 * 100vw); background: url(../img/top/iconCrossborder.png) 0 0 /contain no-repeat; z-index: 1; }
.topListBox.bgCreative a:before { content: ""; display: block; position: absolute; top: calc(35 / 750 * 100vw); right: calc(50% - 87 / 750 * 100vw); margin: auto; width: calc(174 / 750 * 100vw); height: calc(176 / 750 * 100vw); background: url(../img/top/iconCreative.png) 0 0 /contain no-repeat; z-index: 1; }
.topListInner { display: none; }
.topListTitle { font-size: calc(28 / 750 * 100vw); font-weight: 600; color: #000; line-height: 1.2; text-align: center; }
.topMediaCont { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; }
.topMediaBox { margin-bottom: calc(6 / 750 * 100vw); width: 100%; background: #fff; position: relative; box-sizing: border-box; }
.topMediaBox:last-of-type { margin-bottom: 0; }
.topMediaBox a { padding: calc(200 / 750 * 100vw) calc(55 / 750 * 100vw) calc(80 / 750 * 100vw) calc(40 / 750 * 100vw); width: 100%; height: 100%; display: block; transition: all .3s; position: relative; box-sizing: border-box; }
.topMediaBox a:before { content: ""; display: block; position: absolute; }
.topMediaBox a:after { content: ""; display: block; position: absolute; bottom: calc(20 / 750 * 100vw); right: calc(20 / 750 * 100vw); margin: auto; width: calc(34 / 750 * 100vw); height: calc(34 / 750 * 100vw); background: url(../img/base/iconNewWin1.png) 0 0 /contain no-repeat; z-index: 1; transition: all .3s; }
.topMediaBox.bgSmmlab a:before { width: calc(420 / 750 * 100vw); height: calc(290 / 750 * 100vw); background: url(../img/index2020Jul/logo_smmlab.png) 0 0 /contain no-repeat; top: 0; left: calc(50% - 210 / 750 * 100vw); }
.topMediaBox.bgCmmlab a:before { width: calc(420 / 750 * 100vw); height: calc(296 / 750 * 100vw); background: url(../img/index2020Jul/logo_cnmlab.png) 0 0 /contain no-repeat; top: 0; left: calc(50% - 210 / 750 * 100vw); }
.topMediaBox.bgLetro a:before { width: calc(480 / 750 * 100vw); height: calc(180 / 750 * 100vw); background: url(../img/index2020Jul/logo_letro.png) 0 0 /contain no-repeat; top: calc(20 / 750 * 100vw); left: calc(50% - 240 / 750 * 100vw); }
.topMediaBox.bgLetroStudio a:before { width: calc(394 / 750 * 100vw); height: calc(148 / 750 * 100vw); background: url(../img/index2020Jul/logo_letroStudio.png) 0 0 /contain no-repeat; top: 20px; left: calc(50% - 196 / 750 * 100vw); }
.topMediaBox.bgMonipla a:before { width: calc(420 / 750 * 100vw); height: calc(158 / 750 * 100vw); background: url(../img/index2020Jul/logo_mpjp.png) 0 0 /contain no-repeat; top: calc(40 / 750 * 100vw); left: calc(50% - 210 / 750 * 100vw); }
.topMediaBox.bgEchoes a:before { width: calc(420 / 750 * 100vw); height: calc(158 / 750 * 100vw); background: url(../img/index2020Jul/logo_echoes.png) 0 0 /contain no-repeat; top: calc(36 / 750 * 100vw); left: calc(50% - 210 / 750 * 100vw); }
.topMediaBox.bgEchoesonInstagram a:before { width: calc(420 / 750 * 100vw); height: calc(158 / 750 * 100vw); background: url(../img/index2023add/logo_echoesonInstagram.png) 0 0 /contain no-repeat; top: calc(36 / 750 * 100vw); left: calc(50% - 210 / 750 * 100vw); }
.topMediaTitle { margin-bottom: calc(15 / 750 * 100vw); font-size: calc(36 / 750 * 100vw); font-weight: 600; color: #000; line-height: 1; text-align: center; position: relative; }
.topMediaText { font-size: calc(28 / 750 * 100vw); font-weight: 300; color: #000; text-align: left; position: relative; }
.topPartnerShipBadge { margin-top: calc(10 / 750 * 100vw); text-align: center; display: flex; flex-wrap: wrap; justify-content: center;  }
.topPartnerShipBadge li { width: 33.33%; display: inline-block; }
.topPartnerShipBadge li:first-of-type { margin-left: calc(-40 / 750 * 100vw); }
.topPartnerShipBadge li:nth-of-type(3) { margin-right: calc(-40 / 750 * 100vw); }
.topPartnerShipBadge li img { height: calc(100 / 750 * 100vw); }
.topPartnerShipLead { font-size: calc(24 / 750 * 100vw); text-align: center; }

/* mission */
.mission .keyVisual h1 span { font-size: 2rem; font-weight: normal; }
.mission .keyVisual .keyLead { line-height: 1.2; }
.missionWrap { width: calc(100% - 40px); margin: 20px auto 40px auto; font-size: 13px;}
.missionLangage { margin-bottom: calc(40 / 750 * 100vw); text-align: right; display: flex; justify-content: flex-end; }
.missionLangage ul { padding: calc(10 / 750 * 100vw) calc(50 / 750 * 100vw) calc(10 / 750 * 100vw) calc(40 / 750 * 100vw); display: flex; background: #eee; border-radius: calc(30 / 750 * 100vw); }
.missionLangage ul li:not(:last-of-type) { margin-right: calc(50 / 750 * 100vw); }
.missionLangage ul li a { padding-right: calc(14 / 750 * 100vw); font-size: calc(20 / 750 * 100vw); font-weight: 300; color: #333; line-height: 1; text-align: left; position: relative; transition: all .3s; }
.missionLangage ul li a:before { content: ""; width: calc(20 / 750 * 100vw); height: calc(14 / 750 * 100vw); display: block; background: url(../img/base/ArrowRt23.png) 0 0 /contain no-repeat; position: absolute; top: calc(50% - 7 / 750 * 100vw); right: calc(-20 / 750 * 100vw); transition: all .3s; }
.missionLangage ul li a:hover { text-decoration: none; }
#Page1C .missionInner h3 { font-family: oswald; border-bottom: none; line-height: 1; margin-bottom: -10px; font-size: 36px;}
#Page1C .missionInner h3.mission { color: #DD0033; }
#Page1C .missionInner h3.value { color: #333; }
#Page1C .missionInner h4 { font-size:22px; font-family: serif; line-height: 1.2; margin-bottom: 30px;}
#Page1C .missionInner h4 span { font-size: 16px; margin-top: 20px; display: block; font-family: oswald; color: rgba(255,255,255,0.7);}
#Page1C .missionInner h4.mission { background: #DD0033; color: #FFF; padding: 20px; border-radius: 3px;}
#Page1C .missionInner h4.value { background: #333; color: #FFF; padding: 20px; border-radius: 3px;}
#Page1C .missionInner { width: 100%; margin: 0 auto 50px auto;}
#Page1C .missionInner p { margin-bottom: 1em; padding: 0 20px;}
.valueSubTitle { margin: 0 45px 0 0; padding: 10px; color: #666; background: #EEE; border-radius: 3px;}
.valueSubTitle h4 { margin-bottom: 5px !important;}
.valueLead { margin-bottom: 40px !important; }
.valueInner { margin:0 0 40px 40px !important;}

/* businessOutline */
.businessOutlineWrap { width: calc(100% - 40px); margin: 20px auto 40px auto; font-size: 13px;}
.businessOutlineWrap h2 { font-size: 16px !important; text-align: center; border-bottom: none!important; margin: 30px 0 30px 0;}
.businessOutlineWrap .note { font-size: 11px; margin-top: 20px; color: #999; text-align: right; }
.businessOutlineWrap .diagram { text-align: center; margin: 20px 0 40px 0;}
.businessOutlineWrap .diagram img { width: 100%;}
.businessOutlineWrap ul { margin-bottom: 80px; }
.businessOutlineWrap ul li { width: 100%; margin-bottom: 50px;}
.businessOutlineWrap ul li h3 { color: #FFF; border-bottom: none!important; height: 80px; line-height: 80px; text-align: center; margin-bottom: 10px!important; font-size: 18px!important;}
.businessOutlineWrap ul li h3.domesticSNS { background: url(../img/index2018Mar/bgBiz_domeSNS.jpg) no-repeat 50% 50%; background-size: cover;}
.businessOutlineWrap ul li h3.transborady { background: url(../img/index2018Mar/bgBiz_crossBord.jpg) no-repeat 50% 50%; background-size: cover;}
.businessOutlineWrap ul li h3.creativetech { background: url(../img/index2018Mar/bgBiz_creativTec.jpg) no-repeat 50% 50%; background-size: cover;}
.businessOutlineWrap ul li h3 i { font-family: oswald; font-weight: bold; font-size: 22px; padding: 0 10px; border: 1px solid #FFF; border-radius: 6px; font-style: normal; margin-right: 10px;}
.businessOutlineWrap ul li .description { font-size: 13px; padding: 0 0 10px 0;}
.businessOutlineWrap ul li .LinkLP2 { width: 230px; margin: 20px auto;}

/* businessCreativeTech */
.bizCreativeTech .keyVisual { background: url(../img/business2018Mar/bgKV_creativeTec.jpg) no-repeat 50% 50%; background-size: cover; text-shadow: 0 0 6px rgba(0,0,0,0.4);}
.bizCreativeTech h1.keyTitle { padding-top: 77px!important;}
.bizCreativeTechWrap { width: calc(100% - 40px); margin: 20px auto 40px auto; font-size: 13px;}
.bizCreativeTechWrap h2 { font-size: 16px!important; text-align: center; border-bottom: none!important; margin-bottom: 30px;}
.bizCreativeTechWrap .btn2> * { width: 300px;}
.bizCreativeTechWrap .note { font-size: 12px; color: #999; text-align: right; }
.bizCreativeTechWrap .diagram { text-align: center; margin: 30px 0 60px 0;}
.bizCreativeTechWrap .diagram img { width: 800px; margin-bottom: 60px;}
.bizCreativeTechWrap .valueProposition { margin-bottom:60px; }
.bizCreativeTechWrap { margin-bottom: 30px; }
.bizCreativeTechWrap li { width: 100%;}
.bizCreativeTechWrap li:last-child { margin-right: 0; }
.bizCreativeTechWrap li .thumbMovie { width: 100%; border:1px solid #DDD;}
.bizCreativeTechWrap li .thumbMovie:hover { opacity: 0.6; transition-duration:0.3s;}
.bizCreativeTechWrap li p { margin-bottom: 1em; }

/* adjust old design */
.domesticSNS h1.keyTitle { padding-top: 71px!important;}
.domesticSNS .keyVisual .keyLead { padding-bottom: 58px!important;}
.domesticSNS .wrap h1, .bizOverseas .wrap h1 { font-size: 16px !important; text-align: center; border-bottom: none!important; margin: 0!important;}
.domesticSNS .keyVisual { background: url(../img/business2018Mar/bgKV_SNSMarketing.jpg) 50% center no-repeat!important; background-size: cover; text-shadow: 0 0 6px rgba(0,0,0,0.4);}
.bizOverseas h1.keyTitle { padding-top: 71px!important;}
.bizOverseas .keyVisual .keyLead { padding-bottom: 58px!important;}
.bizOverseas .keyVisual { background: url(../img/business2018Mar/bgKV_crossborder.jpg) 50% center no-repeat!important; background-size: cover; text-shadow: 0 0 6px rgba(0,0,0,0.4);}


/* contactForm */
.formTable { width: calc(100% - 10px); margin: 0 10px;}
.formTable th { display: block; width: 100%; padding: 30px 0 5px 0; font-weight: bold;}
.formTable td { display: block; width: 100%; border-bottom: 2px solid #EEE; padding-bottom: 20px;}
.formTable input[type="text"], .formTable textarea { margin-bottom: 5px; padding: 10px; border:1px solid #CCC; border-radius: 6px; font-size:18px; color: #000; width: calc(100% - 30px);}
.formTable .noteMessage { font-size: 11px; color: #666; }
.formTable .validate { background: #DD0033; padding: 2px 5px; border-radius: 10px; color: #FFF; font-size: 11px; margin-left: 10px; font-weight: normal;}
.formTable .errorMessage {color: #DD0033; }
.SDPInfo { width: calc(100% - 40px); margin: 0 10px 40px 10px; border-radius: 6px;}
.contactBTN { height: 42px; margin: 10px;}
.contactHome a { display: block; width: calc(100% - 60px); height: 42px; line-height: 42px; margin: 80px auto 100px auto; font-size: 14px; border: 1px solid #CCC; color: #333; text-align: center;}

/* freeSpace */
.topTopicBunner { text-align: center; }
.topTopicBunner img { width: 280px; }

/* newsReleaseList */
.newsRelease .keyVisual { background: url(../img/news-release/bgMV_newsReleases.jpg) no-repeat center 50%; background-size: cover;}
.seminarEvent .keyVisual { background: url(../img/news-release/mvSeminar.jpg) no-repeat center 50%; background-size: cover;}
.media .keyVisual { background: url(../img/news-release/mvMedia.jpg) no-repeat center 50%; background-size: cover;}
.info .keyVisual { background: url(../img/news-release/bgMV_info.jpg) no-repeat center 50%; background-size: cover;}
.publicity .keyVisual { background: url(../img/news-release/bgMV_publicity.jpg) no-repeat center 50%; background-size: cover;}

.newsReleasePages .keyVisual h1, .infoPages .keyVisual h1, .publicityPages .keyVisual h1 { margin-bottom: 0; padding: 20px 0; font-size: 30px;}
.newsReleasePages .keyVisual { background: url(../img/news-release/bgMV_newsReleases.jpg) no-repeat center 45%; background-size: cover;}
.infoPages .keyVisual { background: url(../img/news-release/bgMV_info.jpg) no-repeat center 45%; background-size: cover;}
.publicityPages .keyVisual { background: url(../img/news-release/bgMV_publicity.jpg) no-repeat center 45%; background-size: cover;}

.seminarEventPages .keyVisual h1, .mediaPages .keyVisual h1 { padding: 20px 0; font-size: 30px;}
.seminarEventPages .keyVisual { background: url(../img/news-release/mvSeminar.jpg) no-repeat center 45%; background-size: cover;}
.mediaPages .keyVisual { background: url(../img/news-release/mvMedia.jpg) no-repeat center 45%; background-size: cover;}

.newsReleasePages h2 { text-align: center; border-bottom: none!important;}
.newsReleaseWrap { margin-top: calc(30 / 750 * 100vw); width: 100%; }
.newsReleaseWrap .newsReleaseTop { margin-bottom: calc(25 / 750 * 100vw); }
.newsReleaseWrap .newsReleaseHeadline { margin: 0!important; margin-bottom: calc(40 / 750 * 100vw)!important; padding: 0!important; font-size: calc(44 / 750 * 100vw)!important; font-weight: 600!important; color: #333333!important; line-height: 1.4!important; display: none; }
.newsReleaseWrap .newsReleaseHeadline { display: none; }
.newsReleaseWrap .newsReleaseHeadline small { font-size: calc(28 / 750 * 100vw); font-weight: 300; }
.newsReleaseWrap .articleList { font-size: 0; width: calc(100% - 80 / 750 * 100vw); margin: 0 auto; }
.newsReleaseWrap .articleList li { width: 100%; /*calc(50% - 10px); vertical-align: top; display: inline-block;*/ margin-bottom: 20px; margin-right: 20px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);}
.newsReleaseWrap .articleList li:nth-child(even) { margin-right:0;}
.newsReleaseWrap .articleList li a .newsThumb { margin-bottom: 10px; }
.newsReleaseWrap .articleList li a .CPDate1 { font-size: 11px; color: #999; padding: 0 15px 5px 15px;}
.newsReleaseWrap .articleList li a .CP1 { font-size: 12px; color: #333; padding: 0 15px 20px 15px;}
.newsReleaseWrap .archiveList { border-bottom: 3px solid #EEE; font-size: 0; margin-bottom: 10px;}
.newsReleaseWrap .archiveList li { width: 33.333333%; display: inline-block; margin: 0; font-size: 12px; text-align: center;}
.newsReleaseWrap .archiveList li a {  padding: 10px 0; display: block; color: #333;}
.newsReleaseWrap .archiveList li a.current { border-bottom: 3px solid #DD0033; margin-bottom: -3px; color: #DD0033;}
.newsReleaseWrap .SULst1 { margin: 0 20px; }
.newsReleaseWrap .seminar4Biz { text-align: center; }
.newsReleaseWrap .seminar4Biz img { width: calc(100% - 40px);}
.newsReleaseWrap .linkMailMagazine { width: calc(100% - 40px); }

.newsReleaseWrap .archiveYearList { font-size: 0;}
.newsReleaseWrap .archiveYearList li { float: left; font-size: 13px;}
.newsReleaseWrap .archiveYearList li a { display: block; padding: 5px 18px; color: #333;}
.newsReleaseWrap .archiveYearList li a.current { background: #DD0033; color: #FFF; }

/* Search */
.searchBtn {position: absolute; top:15px; right: 60px; z-index: 1001;}
.searchBtn a img { width: 34px; }
.searchDialog  { text-align: center; }
.searchDialog input[type="search"]  { width: calc(100% - 50px); text-align: left; font-size: 16px; padding: 10px 0; border: none; border-bottom:3px solid #CCC; -webkit-appearance: none; border-radius: 0; outline: none;}
.searchDialog button { border: none; background: none;outline: none; width: 44px; height: 44px;}
.searchDialog button img { width: 32px; height: auto; }
.searhResultWrap { margin: 20px; }
.searhResultWrap ul li { margin-bottom: 10px; display: block; position: relative; padding: 10px; min-height: 50px; border-radius: 6px;}
.searhResultWrap ul li:nth-child(2n) { background: #F7F7F7; }
.searhResultWrap ul li a { color: #333; }
.searhResultWrap ul li a:hover { text-decoration: none; color: #DD0033; transition-duration:0.3s; }
.searhResultWrap ul li a .datetime { color: #999; font-size: 10px; }
.searhResultWrap ul li a h3, .searhResultWrap ul li a .datetime, .searhResultWrap ul li a .desctiption { margin-left: 115px;}
.searhResultWrap ul li a h3 { font-weight:  normal!important; font-size: 12px!important; border-bottom: none!important; margin-bottom: 0!important; }
.searhResultWrap ul li a .thumbImg { position: absolute; top:10px; left:10px; width: 100px;}
.searhResultWrap ul li a .thumbImg img { width: 100%; border-radius: 6px;}
#search-results .title { margin: 20px; }
#search-results h2 .tagTitle { color: #DD0033; margin-right: 5px;}
#search-results h2 .tagTitle img { width: 16px; padding-top: 4px; border: 2px solid #DD0033; padding: 5px; border-radius: 20px; margin-right: 5px;}


.pagecount { margin: 20px auto 10px auto; text-align: center; font-size: 14px;}
.pagination { margin: 10px auto 40px auto; text-align: center; font-size: 14px;}
.pagination ul li { display: inline-block; margin: 0 30px; }
.searchInitial { margin: 30px 20px; }

/* tag */
.tagCont { margin-bottom: calc(40 / 750 * 100vw); display: none; background: #f1f1f1; }
.tagPickUp { padding: calc(30 / 750 * 100vw) calc(20 / 750 * 100vw); width: calc(50% - 1 / 750 * 100vw); box-sizing: border-box; }
.tagPickUp:not(:last-of-type) { border-right: calc(2 / 750 * 100vw) solid #fff; }
.tagPickUp h2 { margin: 0!important; font-size: calc(28 / 750 * 100vw)!important; font-weight: 600; line-height: 1!important; text-align: left!important; padding: 0!important; position: relative;}
.tagPickUp h2:before { content: ""; width: calc(30 / 750 * 100vw); height: calc(28 / 750 * 100vw); display: block; background: url(../img/base/ArrowRt23.png) 0 0 /contain no-repeat; position: absolute; top: calc(50% - 14 / 750 * 100vw); right: calc(10 / 750 * 100vw); }
.tagGroups { margin-top: calc(30 / 750 * 100vw); margin-bottom: calc(30 / 750 * 100vw); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
.tagGroups li { display: inline-block; margin: 0 calc(10 / 750 * 100vw) calc(15 / 750 * 100vw) 0; }
.tagGroups li a { padding: calc(14 / 750 * 100vw) calc(56 / 750 * 100vw) calc(15 / 750 * 100vw) calc(56 / 750 * 100vw); height: calc(55 / 750 * 100vw); font-size: calc(20 / 750 * 100vw); color: #333; line-height: 1; text-align: center; display: inline-block; border: calc(2 / 750 * 100vw) solid #999999; border-radius: calc(27 / 750 * 100vw); background: #FFF; box-sizing: border-box; }
.tagModal { opacity: 0; visibility: hidden; transition: all .3s; }
.tagModal.active { opacity: 1; visibility: visible; }
.tagModal a:hover, .tagModal a:focus { text-decoration: none; }
.tagModalBtn { margin: 0 calc(40 / 750 * 100vw); margin-bottom: calc(40 / 750 * 100vw); text-align: right; }
.tagModalBtn a { padding: calc(14 / 750 * 100vw) calc(75 / 750 * 100vw) calc(16 / 750 * 100vw); font-size: calc(20 / 750 * 100vw); font-weight: 300; color: #333; line-height: 1; display: inline-block; border: calc(2 / 750 * 100vw) solid #999; border-radius: calc(27 / 750 * 100vw); background: #fff; position: relative; }
.tagModalBtn a:before { content: ""; width: calc(19 / 750 * 100vw); height: calc(16 / 750 * 100vw); display: block; background: url(../img/base/ArrowRt23.png) 0 0 /contain no-repeat; position: absolute; top: calc(50% - 9 / 750 * 100vw); right: calc(20 / 750 * 100vw); }
.tagModalBtn a:hover { text-decoration: none; }
.tagModalCont { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10010; transition: all .3s; }
.tagModalCont.active { opacity: 1; visibility: visible; }
.tagModalTitle { margin-top: calc(50 / 750 * 100vw)!important; margin-bottom: 0!important; font-size: calc(30 / 750 * 100vw)!important; font-weight: 900!important; color: #333!important; }
.tagModalClose { font-size: calc(20 / 750 * 100vw); font-weight: 300; color: #333; position: relative; }
.tagModalClose:before { content: ""; width: calc(24 / 750 * 100vw); height: calc(24 / 750 * 100vw); display: block; background: url(../img/base/IconClose4.png) 0 0 /contain no-repeat; position: absolute; top: calc(50% - 12 / 750 * 100vw); left: calc(-30 / 750 * 100vw); }
.tagOverlay { opacity: 0; visibility: hidden; background: rgba(255, 255, 255, .8); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; transition: all .3s; }
.tagOverlay.active { opacity: 1; visibility: visible; }

/* artcileArchiveNavi */
.artcileArchiveNavi { width:  100%; border-top: 1px solid #EEE; margin: 20px 0 30px 0;}
.artcileArchiveNavi a { color: #666; }
.artcileArchiveNavi h2 a { width: 100%; display: block; padding: 15px 0 13px 0; border-bottom: 1px solid #EEE; background: url(../img/base/ArrowR_sp.png) 97% 20px no-repeat; background-size: 5px;}
.artcileArchiveNavi ul { margin-bottom: 20px; display: none;}
.artcileArchiveNavi ul li { list-style: circle; margin-left: 30px; line-height: 2;}
.artcileArchiveNavi ul li a { color: #999;}


/* ArchiveNaviaccordion */
.oldPagesList {display: none; margin-left: -10px;}
.oldPagesList li { list-style: disc!important; }
.archiveYearList li a { font-size: 11px; }
.archiveYearOlderList {display: none; float: left;}
.archiveYearOlderList li a { padding: 5px; font-size: 11px; }


/* businessCrossOver */
.bizCrossBorder .keyVisual { background: url(../img/business2018Mar/bgKV_crossborder.jpg) no-repeat 50% 50%; background-size: cover;}
.bizCrossBorderWrap { width: calc(100% - 40px); margin: 20px auto 40px auto; font-size: 13px;}
.bizCrossBorderWrap h2 { font-size: 16px!important; text-align: center; border-bottom: none!important; margin-bottom: 30px;}
.bizCrossBorderWrap h3 { font-size: 16px!important; text-align: center; font-weight: bold; border-bottom: none!important; margin-bottom: 10px!important;}
.bizCrossBorderWrap ul { margin: 60px 0 20px 0; }
.bizCrossBorderWrap ul li { position: relative; margin-bottom: 60px; padding-bottom: 40px; border-bottom: 1px solid #DDD;}
.bizCrossBorderWrap ul li:last-child { margin-bottom: 10px; padding-bottom: 0; border-bottom: none;}
.bizCrossBorderWrap ul li .serviceImg { text-align: center;}
.bizCrossBorderWrap ul li .serviceImg img { width: 200px; }
.bizCrossBorderWrap ul li .description { margin: 30px 0;  }
.bizCrossBorderWrap ul li .ctaWrap { margin-bottom: 30px; }
.bizCrossBorderhWrap .note { font-size: 12px; color: #999; text-align: right; margin-top: 1em;}
.bizCrossBorderWrap .diagram { text-align: center; margin: 40px 0 0 0;}
.bizCrossBorderWrap ul li .LinkLP, .bizCrossBorderWrap ul li .LinkServiceDoc { }
.bizCrossBorderWrap ul li .partner h4 { background: #EEE; padding: 3px;}
.bizCrossBorderWrap ul li .partner h5 { margin-top: 20px;}
.bizCrossBorderWrap ul li .partner { padding: 10px; font-size: 12px;}
.bizCrossBorderWrap ul li .partner img { width: 110px; margin: 20px 20px 40px 0; float: left;}
.bizCrossBorderWrap .btn2> * { width: 300px!important; margin: 20px auto 80px auto;}


/* businessDomesticSNS */
.bizDomesticSNS .keyVisual { background: url(../img/business2018Mar/bgKV_SNSMarketing.jpg) no-repeat 50% 50%; background-size: cover;}
.bizDomesticSNSWrap {width: calc(100% - 40px); margin: 20px auto 40px auto; font-size: 13px;}
.bizDomesticSNSWrap h2 { font-size: 16px; text-align: center; border-bottom: none!important; margin-bottom: 30px;}
.bizDomesticSNSWrap h3 { font-size: 16px!important; text-align: left; border-bottom: none!important; margin-bottom: 10px!important;}
.bizDomesticSNSWrap .note { font-size: 10px!important; color: #999; margin-bottom: 30px;}
.bizDomesticSNSWrap .clientWish { background: url(../img/business2018Mar/domSNS/img_SNSMarketing.png) no-repeat center bottom; background-size: 70%; padding-bottom: 170px; margin: 10px 0 60px 0;}
.bizDomesticSNSWrap .clientWish li {display: inline-block; border: 3px double rgba(0,0,0,0.2); margin-bottom: 5px; border-radius: 6px; padding:15px; color: #666;}
.bizDomesticSNSWrap .clientWish li:nth-child(2n) { background: rgba(0,0,0,0.4); border: 3px double rgba(255,255,255,0.8); color: #FFF;}
.bizDomesticSNSWrap .clientList { text-align: center; margin: 30px 0 60px 0;}
.bizDomesticSNSWrap .clientList li { display: inline-block; height: 40px; margin: 20px 10px;}
.bizDomesticSNSWrap .clientList li img { height: 100%; }
.bizDomesticSNSWrap .solutionList { margin: 10px 0 30px 0; display: flex; flex-wrap: wrap; width:100%;}
.bizDomesticSNSWrap .solutionList li { width:  100%; margin-bottom: 10px; padding: 5px 20px 20px 20px; vertical-align: top; text-align: center; box-shadow: 0 0 0 1px rgba(0,0,0,0.1);}
.bizDomesticSNSWrap .solutionList figure { height: 60px; margin-bottom: 10px;}
.bizDomesticSNSWrap .solutionList figure img { height:  100%;}
.bizDomesticSNSWrap .solutionList h3 { text-align: center; font-size: 16px!important;}
.bizDomesticSNSWrap .solutionList .description { font-size: 12px; text-align: left; color: #888;}
.bizDomesticSNSWrap .solutionList .ctaWrap { text-align: center; margin-top: 30px; }
.bizDomesticSNSWrap .solutionList .ctaWrap .btn3 a { border: 1px solid #DD3300; padding: 8px 15px; font-size: 12px; }
.bizDomesticSNSWrap .solutionList .ctaWrap .btn3 a:hover { text-decoration: none; opacity: 0.7; }
.bizDomesticSNSWrap .partners{ margin: 10px 0 30px 0; display: flex; flex-wrap: wrap; width:100%;}
.bizDomesticSNSWrap .partners li { width: 100%; margin-bottom: 20px; padding: 20px; vertical-align: top; text-align: center; box-shadow: 0 0 0 1px rgba(0,0,0,0.1);}
.bizDomesticSNSWrap .partners li img { width: 85%;}

/* 2019Jul reNew
-----------------------------------------*/
.mainVisual2019Jul { position:relative; height: 70vh; display: block; background: url(../img/index2019Jul/bgSP_KV2019Jul.jpg) no-repeat; background-size: cover; animation: fadeIn 1s ease 0s 1 normal;}
.mainVisual2019Julwrap { color: #FFF; position: relative; height: 100%; text-align: center;}
.mainVisual2019Julwrap { background: url(../img/index2019Jul/bg2_topSP_KV2019Jul.png), url(../img/index2019Jul/bg2_btmSP_KV2019Jul.png); animation: fadeIn 3s ease 0s 1 normal;}
.mainVisual2019Julwrap { background-position: center top, center bottom; background-repeat: no-repeat, no-repeat; background-size: 100%;}
.mainVisual2019Julwrap .mainVisual2019JulwrapInner { position: relative; top:  50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.mainVisual2019Julwrap .mainVisual2019JulwrapInner h2 { line-height: 1.3; margin-bottom: 60px;}
.mainVisual2019Julwrap .mainVisual2019JulwrapInner h2 span { display: block;}
.mainVisual2019Julwrap .mainVisual2019JulwrapInner h2 .jpn { font-size: 16px; margin-bottom: 25px;}
.mainVisual2019Julwrap .mainVisual2019JulwrapInner h2 .eng { font-size: 36px; font-family: oswald;}
.mainVisual2019Julwrap .mainVisual2019JulwrapInner .description { display: none; }

.sectionWrap h2 { font-size:22px; font-weight: 700; margin-bottom: 30px;}
.sectionWrap h2 span { font-size:16px; font-family: oswald; display: block; font-weight:  400; color: #DD0033;}

.aaJpnBusiness { background: none; box-sizing: border-box;}
.sectionWrap .aaJpnBusinesswrap { text-align: left; margin: 0;}
.sectionWrap .aaJpnBusinesswrap .description { font-size: 14px; padding: 0 20px; margin-bottom: 30px;}
.sectionWrap .aaJpnBusinesswrap .img_aaDomeBiz img { width: 100%;}
.sectionWrap .aaJpnBusinesswrap ul { margin-top: 40px;}
.sectionWrap .aaJpnBusinesswrap ul li { margin-bottom: 10px;}
.sectionWrap .aaJpnBusinesswrap ul li a { width: 280px; height: 40px; margin: 0 auto; display: block; text-align: center; line-height: 40px; color: #FFF;}
.sectionWrap .aaJpnBusinesswrap ul li a.aaJpn {background: #DD0033;}
.sectionWrap .aaJpnBusinesswrap ul li a.aaChina {background: #356a9b;}

.sectionWrap .sectionNews h2, .sectionWrap .sectionEvent h2 { font-size:24px; font-weight: 700;}
.sectionWrap .sectionNews h2 span, .sectionWrap .sectionEvent h2 span { font-size:16px; font-family: oswald; display: inline-block; font-weight:  400; padding-left: 15px; color: #333;}

.sectionWrap .sectionGroup { text-align: left; margin: 0 auto 40px auto; padding: 0 20px;}
.sectionWrap .sectionGroup ul li { box-sizing: border-box; width: 100%; background: #FFF; border: 1px solid #e5e5e5; margin: 0 20px 20px 0; padding: 25px;}
.sectionWrap .sectionGroup ul li h3 { font-size: 18px; font-weight: 700; position: relative;}
.sectionWrap .sectionGroup ul li h3:after { content: ""; position: absolute; left: 0; right: 0; top: 38px; width: 80px; border-bottom: 3px solid #DD0033; }
.sectionWrap .sectionGroup ul li .logo {text-align: center; margin: 30px 0;}
.sectionWrap .sectionGroup ul li .logo img { width: 100%;}
.sectionWrap .sectionGroup ul li .LinkLP1 { max-width: 280px; margin: 20px 0 0 0;}
.sectionWrap .sectionGroup ul li .LinkLP1:hover { opacity: 0.7; }
.sectionWrap .sectionGroup ul li .LinkLP1:hover a { color: #FFF; }

/* mission 2019July */
.mission .keyVisual { background: url(../img/vision/bgKV_mission2022Jun.jpg) no-repeat center center; background-size: cover; text-shadow: 0 0 6px rgba(0,0,0,0.4);}

/* recruit エンジニアサイトリンク */
.btn_engineer-site {text-align: center; margin: 10px 0 20px 0;}
.btn_engineer-site img { width: 100%; }

/* 201912 Recruit
-----------------------------------------*/
.recruit2019 { width: 100%; }
#Page1C .recruit2019 img {vertical-align: baseline;}

#Page1C .recruit2019 .recurit-mainVisual-inner h2 { width: 100%; height: 400px; display: flex; justify-content: center; align-items: center;}
#Page1C .recruit2019 .recurit-mainVisual-inner h2 img { width: 80%; padding-bottom: 15px;}
#Page1C .recruit2019 .recurit-news-inner h3 {font-size: 13px; font-weight: 400; text-align: left; border-bottom: none; padding: 0; line-height: 1.4; margin: 0 13px 5px 0; color: #FFF;} 
#Page1C .recruit2019 .recurit-news-inner h3:before { content: none; }
#Page1C .recruit2019 .recurit-news-inner p {font-size: 12px;} 
#Page1C .recruit2019  h3 { color: #dd0033; font-family: oswald; font-size: 34px; font-weight: 400; padding-top: 50px; text-align: center; border-bottom: none; position: relative;}
#Page1C .recruit2019  h3 span { display: block; font-size: 11px; margin: 0 30px;}
#Page1C .recruit2019  h3:before { display: block; height: 50px; content: ""; width: 1px; border-left: 2px solid #DD0033; position: absolute; top: 0; left: 50%;}

#Page1C .recruit2019 .recruit-entry-wrap h3 { background: #DD0033; color: #FFF; width: 180px; height: 180px; box-sizing: border-box;}
#Page1C .recruit2019 .recruit-entry-wrap h3:before { display: block; height: 50px; content: ""; width: 1px; border-left: 2px solid #FFF; position: absolute; top: 0; left: 50%;}
#Page1C .recruit2019 .recruit-about-wrap h3 { background: #DD0033; color: #FFF; width: 180px; height: 180px; box-sizing: border-box;}
#Page1C .recruit2019 .recruit-about-wrap h3:before { display: block; height: 50px; content: ""; width: 1px; border-left: 2px solid #FFF; position: absolute; top: 0; left: 50%;}
#Page1C .recruit2019 .recruit-about-inner h4  { color: #000; display: block; font-size: 16px; font-weight: 700; line-height: 2.2;}
#Page1C .recruit2019 .recruit-about-inner h4 span  { color: #dd0033; font-family: oswald; display: block; font-size: 12px; font-weight: 400; text-align: left; border-bottom: none; position: relative; padding-left: 37px;}
#Page1C .recruit2019 .recruit-about-inner h4 span:before  { display: inline-block; position: absolute; top: 50%; left: 0; height: 1px; width: 30px; content: ""; background: #DD0033;}
#Page1C .recruit-engineer-recruit-inner .recruit-engineer-recruit-body h3 { font-size: 34px; color: #FFF; margin-bottom: 15px; line-height: 1; padding-top: 60px;}
#Page1C .recruit-engineer-recruit-inner .recruit-engineer-recruit-body h3:before { display: block; height: 50px; content: ""; width: 1px; border-left: 2px solid #FFF; position: absolute; top: 0; left: 50%;}

.recruit2019 .recurit-mainVisual { background: url(../img/recruit2019/img_KVbackground_SP.jpg) no-repeat top center; background-size: cover; height:400px;}

.recruit2019 .recurit-news-inner a { margin: -45px 10px 10px 10px; display: flex; align-items: center; justify-content: space-between;}
.recruit2019 .recurit-news-inner a div { color: #FFF; background: #DD0033; box-sizing: border-box; height: 90px; padding: 16px;}
.recruit2019 .recurit-news-inner a figure { background: #DD0033; height: 90px; width: 90px;}
.recruit2019 .recurit-news-inner a figure img { width: 70px; height: 70px; padding: 10px 16px 10px 10px;}
.recruit2019 .recurit-news-inner a .recurit-linkArrowR { background: #c4022f; width: 40px; height: 90px; display: flex; align-items: center; justify-content: center; }
.recruit2019 .recurit-news-inner a .recurit-linkArrowR img { width: 20px; }
.recruit2019 .recurit-news-inner a .recurit-news-body { width: calc(100% - 130px); }

.recruit2019 .recruit-message-wrap { padding: 40px 20px 80px 20px; background: url(../img/recruit2019/img_bgMessage_SP.png) no-repeat top right; background-size: 100%;}
.recruit2019 .recruit-message-inner { max-width: 1100%; margin: 0 auto; }
.recruit2019 .recruit-message-inner .recruit-message-photo { display: none;}
.recruit2019 .recruit-message-inner .recruit-message-photo-sp { margin-bottom: 45px;}
.recruit2019 .recruit-message-inner .recruit-message-photo-sp img { width: 100%; }
.recruit2019 .recruit-message-inner .recruit-message-body-inner { margin-bottom: 70px;}
.recruit2019 .recruit-message-inner .recruit-message-body-inner p { font-size:13px; line-height: 1.8; margin-bottom: 2rem;}
.recruit2019 .recruit-message-inner .recruit-message-management { text-align: right; margin-bottom: 13px; }
.recruit2019 .recruit-message-inner .recruit-message-management p { font-size: 13px; position: relative; display: inline-block; padding: 0 0 0 60px;}
.recruit2019 .recruit-message-inner .recruit-message-management p:before { display: inline-block; position: absolute; top: 50%; left: 0; height: 1px; width: 40px; content: ""; background: #DD0033;}

.recruit2019 .recruit-about-wrap { padding: 0; background: url(../img/recruit2019/img_bgAbout_SP.png) no-repeat 99% top;}
.recruit2019 .recruit-about-mainVisual {background: url(../img/recruit2019/img_AboutBackground.jpg) no-repeat bottom center; background-size: cover; height: 280px;}
.recruit2019 .recruit-about-inner { max-width: 100%; margin: 0 auto 110px auto;}

.recruit2019 .recruit-about-inner { width: 100%; margin-top: -110px; padding: 0 20px; box-sizing: border-box;}
.recruit2019 .recruit-about-inner div { box-sizing: border-box; font-size: 13px; margin-bottom: 45px;}
.recruit2019 .recruit-about-inner div figure {  }
.recruit2019 .recruit-about-inner div figure img { width: 100%;}
.recruit2019 .recruit-about-inner .recruit-about-body-inner {position: relative;}
.recruit2019 .recruit-about-inner div .recruit-about-inner-linkWdly {width: 50px; height: 50px; background: #dd0033; display: block; line-height: 50px; text-align: center; position: absolute; right: 20px; top: -32px;}
.recruit2019 .recruit-about-inner div .recruit-about-inner-linkWdly img { width: 20px;}
.recruit2019 .recruit-about-inner div.recruit-about-body-vision { padding-left: 70px;}
.recruit2019 .recruit-about-inner div.recruit-about-body-people { padding-right: 70px;}
.recruit2019 .recruit-about-inner div.recruit-about-body-event { padding-left: 70px;}
.recruit2019 .recruit-about-inner div.recruit-about-body-blog { padding-right: 70px;}
.recruit2019 .recruit-about-inner div.recruit-about-body-engineer { padding-left: 70px;}

.recruit2019 .recruit-engineer-recruit-wrap { background: url(../img/recruit2019/img_bgEngineer.png) repeat-y 24% top; }
.recruit2019 .recruit-engineer-recruit-inner { max-width: 100%; margin: 0 auto; padding: 30px;}
.recruit2019 .recruit-engineer-recruit-inner .recruit-engineer-recruit-banner img { width: 100%; }
.recruit2019 .recruit-engineer-recruit-inner .recruit-engineer-recruit-linkSite a { background: #FFF; display: block; margin: 0 auto; max-width: 260px; height: 44px; line-height: 44px; text-align: center; font-size: 13px; }
.recruit2019 .recruit-engineer-recruit-inner .recruit-engineer-recruit-linkSite a img { padding-left: 15px; width: 20px; }
 
.recruit2019 .recruit-benefit-wrap { background: url(../img/recruit2019/img_bgBenefit_SP.png) no-repeat right top; background-size: 90%; margin-top: 60px;}
.recruit2019 .recruit-benefit-inner { max-width: 100%x; margin: 0 auto; padding: 0 20px 80px 20px;}
.recruit2019 .recruit-benefit-inner ul { display: flex; width: 100%; flex-wrap:wrap; margin-top: 60px;}
.recruit2019 .recruit-benefit-inner ul li { width: 50%; padding: 20px 20px 40px 20px; box-sizing: border-box; background: #FFF; position: relative; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; font-size: 13px;}
.recruit2019 .recruit-benefit-inner ul li:nth-child(5), .recruit2019 .recruit-benefit-inner ul li:nth-child(6) { border-bottom: none;}
.recruit2019 .recruit-benefit-inner ul li:nth-child(even) { border-right: none;}
.recruit2019 .recruit-benefit-inner ul li h4 { font-size: 14px; width: 100%; text-align: center; line-height: 1.3; border-bottom: 1px solid #EEE; margin-bottom: 20px; padding-bottom: 20px; min-height: 3.6rem;  font-weight: 700;}
.recruit2019 .recruit-benefit-inner ul li h4 span { font-size: 30px; color: #DD0033; display: block; position: absolute; top: -20px; left: 20px; font-family: oswald; font-weight: 400;}

.recruit2019 .recruit-entry-mainVisual {background: url(../img/recruit2019/img_Entrybackground.jpg) no-repeat top center; background-size: cover; height: 280px;}
.recruit2019 .recruit-entry-inner { max-width: 100%; margin: -120px auto 30px auto; padding: 0 20px;}
.recruit2019 .recruit-entry-inner ul {}
.recruit2019 .recruit-entry-inner ul li a { width:100%px; height: 70px; background: #FFF; border-bottom: 1px solid #EEE; font-size:14px; line-height: 70px; color: #333; display: block;}
.recruit2019 .recruit-entry-inner ul li a { background: url(../img/recruit2019/icon_ArowRight_red.svg) no-repeat 99% center; background-size: 20px; }

.recruit2019 .recruit-footer-wrap { background: #DD0033; text-align: center; padding: 35px 0; }
.recruit2019 .recruit-footer-wrap img { width: 220px;}


#Page1C .visionLead figure { margin-bottom: 30px; }
#Page1C .visionLead figure img { width: 100%;}
#Page1C .visionTitle h3 { font-size: 40px; font-family: oswald; border-bottom: none; position: relative;}
#Page1C .visionTitle h3 span { position: relative; z-index: 2; display: inline-block; margin: 0; padding-right: 0.5em; background-color: #fff; text-align: left;}
#Page1C .visionTitle h3:before {position: absolute; top: 50%; z-index: 1; content: ""; display: block; width: 100%; height: 1px; background-color: #BBB; }
#Page1C .visionTitle h3.vision { color: #DD0033; }
#Page1C .visionTitle h3.mission { color: #333; }
#Page1C .visionTitle h3.value { color: #999; }
#Page1C .vision h4 { font-size: 24px; font-family: serif; line-height: 1.4; margin-bottom: 20px;}
#Page1C .vision h4 span { font-size: 16px; display: block; font-family: oswald; color: #999;}
#Page1C .visionInner { margin-bottom: 50px;}
#Page1C .visionInner p { margin-bottom: 1em;}
.valueSubTitle { margin: 0 0 30px 0; padding: 10px; color: #666; background: #EEE; border-radius: 3px;}
.valueSubTitle h4 { float: left; margin-right: 20px;}
.valueLead { margin-bottom: 40px !important; }
.valueInner { margin:0 0 40px 0 !important;}

/* Recruit renewal
-----------------------------------------*/
.recruit { width: 100%; }
#Page1C .recruit img {vertical-align: baseline;}

#Page1C .recruit .recurit-mainVisual-inner h2 { width: 100%; height: 400px; display: flex; justify-content: center; align-items: center;}
#Page1C .recruit .recurit-mainVisual-inner h2 img { width: 80%; padding-bottom: 15px;}
#Page1C .recruit .recurit-news-inner h3 {font-size: 13px; font-weight: 400; text-align: left; border-bottom: none; padding: 0; line-height: 1.4; margin: 0 13px 5px 0; color: #FFF;} 
#Page1C .recruit .recurit-news-inner h3:before { content: none; }
#Page1C .recruit .recurit-news-inner p {font-size: 12px;} 
#Page1C .recruit  h3 { color: #dd0033; font-family: oswald; font-size: 34px; font-weight: 400; padding-top: 50px; text-align: center; border-bottom: none; position: relative;}
#Page1C .recruit  h3 span { display: block; font-size: 11px; margin: 0 30px;}
#Page1C .recruit  h3:before { display: block; height: 50px; content: ""; width: 1px; border-left: 2px solid #DD0033; position: absolute; top: 0; left: 50%;}

#Page1C .recruit .recruit-entry-wrap h3 { background: #DD0033; color: #FFF; width: 180px; height: 180px; box-sizing: border-box;}
#Page1C .recruit .recruit-entry-wrap h3:before { display: block; height: 50px; content: ""; width: 1px; border-left: 2px solid #FFF; position: absolute; top: 0; left: 50%;}
#Page1C .recruit .recruit-about-wrap h3 { background: #DD0033; color: #FFF; width: 180px; height: 180px; box-sizing: border-box;}
#Page1C .recruit .recruit-about-wrap h3:before { display: block; height: 50px; content: ""; width: 1px; border-left: 2px solid #FFF; position: absolute; top: 0; left: 50%;}
#Page1C .recruit .recruit-about-inner h4  { color: #000; display: block; font-size: 16px; font-weight: 700; line-height: 2.2;}
#Page1C .recruit .recruit-about-inner h4 span  { color: #dd0033; font-family: oswald; display: block; font-size: 12px; font-weight: 400; text-align: left; border-bottom: none; position: relative; padding-left: 37px;}
#Page1C .recruit .recruit-about-inner h4 span:before  { display: inline-block; position: absolute; top: 50%; left: 0; height: 1px; width: 30px; content: ""; background: #DD0033;}
#Page1C .recruit-engineer-recruit-inner .recruit-engineer-recruit-body h3 { font-size: 34px; color: #FFF; margin-bottom: 15px; line-height: 1; padding-top: 60px;}
#Page1C .recruit-engineer-recruit-inner .recruit-engineer-recruit-body h3:before { display: block; height: 50px; content: ""; width: 1px; border-left: 2px solid #FFF; position: absolute; top: 0; left: 50%;}

.recruit .recurit-mainVisual { background: url(../img/recruit2019/img_KVbackground_SP.jpg) no-repeat top center; background-size: cover; height:400px;}

.recruit .recurit-news-inner a { margin: -45px 10px 10px 10px; display: flex; align-items: center; justify-content: space-between;}
.recruit .recurit-news-inner a div { color: #FFF; background: #DD0033; box-sizing: border-box; height: 90px; padding: 16px;}
.recruit .recurit-news-inner a figure { background: #DD0033; height: 90px; width: 90px;}
.recruit .recurit-news-inner a figure img { width: 70px; height: 70px; padding: 10px 16px 10px 10px;}
.recruit .recurit-news-inner a .recurit-linkArrowR { background: #c4022f; width: 40px; height: 90px; display: flex; align-items: center; justify-content: center; }
.recruit .recurit-news-inner a .recurit-linkArrowR img { width: 20px; }
.recruit .recurit-news-inner a .recurit-news-body { width: calc(100% - 130px); }

.recruit .recruit-lead-wrap { padding: 35px 25px 85px 20px; }
.recruit .recruit-lead-text { font-size: 13px; line-height: 1.67; text-align: left; }
.recruit .recruit-lead-text:not(:last-of-type) { margin-bottom: 25px; }

.recruit .recruit-message-wrap { padding: 40px 20px 80px 20px; background: url(../img/recruit2019/img_bgMessage_SP.png) no-repeat top right; background-size: 100%;}
.recruit .recruit-message-inner { max-width: 1100%; margin: 0 auto; }
.recruit .recruit-message-inner .recruit-message-photo { display: none;}
.recruit .recruit-message-inner .recruit-message-photo-sp { margin-bottom: 45px;}
.recruit .recruit-message-inner .recruit-message-photo-sp img { width: 100%; }
.recruit .recruit-message-inner .recruit-message-body-inner { margin-bottom: 70px;}
.recruit .recruit-message-inner .recruit-message-body-inner p { font-size:13px; line-height: 1.8; margin-bottom: 2rem;}
.recruit .recruit-message-inner .recruit-message-management { text-align: right; margin-bottom: 13px; }
.recruit .recruit-message-inner .recruit-message-management p { font-size: 13px; position: relative; display: inline-block; padding: 0 0 0 60px;}
.recruit .recruit-message-inner .recruit-message-management p:before { display: inline-block; position: absolute; top: 50%; left: 0; height: 1px; width: 40px; content: ""; background: #DD0033;}

.recruit .recruit-about-wrap { padding: 0; padding-bottom: 10px; background: url(../img/recruit2019/img_bgAbout_SP.png) no-repeat 99% top;}
.recruit .recruit-about-mainVisual {background: url(../img/recruit/2022/img_AboutBackground.jpg) no-repeat bottom center; background-size: cover; height: 280px;}
.recruit .recruit-about-inner { max-width: 100%; margin: 0 auto;}

.recruit .recruit-about-inner { width: 100%; margin-top: -110px; padding: 0 20px; box-sizing: border-box;}
.recruit .recruit-about-inner div { box-sizing: border-box; font-size: 13px; margin-bottom: 45px;}
.recruit .recruit-about-inner div figure {  }
.recruit .recruit-about-inner div figure img { width: 100%;}
.recruit .recruit-about-inner .recruit-about-body-inner {position: relative;}
.recruit .recruit-about-inner div .recruit-about-inner-linkWdly {width: 50px; height: 50px; background: #dd0033; display: block; line-height: 50px; text-align: center; position: absolute; right: 20px; top: -32px;}
.recruit .recruit-about-inner div .recruit-about-inner-linkWdly img { width: 20px;}
.recruit .recruit-about-inner div.recruit-about-body-message { padding-right: 70px;}
.recruit .recruit-about-inner div.recruit-about-body-vision { padding-left: 70px;}
.recruit .recruit-about-inner div.recruit-about-body-people { padding-right: 70px;}
.recruit .recruit-about-inner div.recruit-about-body-report { padding-left: 70px;}
.recruit .recruit-about-inner div.recruit-about-body-event { padding-left: 70px;}
.recruit .recruit-about-inner div.recruit-about-body-blog { padding-right: 70px;}
.recruit .recruit-about-inner div.recruit-about-body-engineer { padding-left: 70px;}

.recruit .recruit-engineer-recruit-wrap { background: url(../img/recruit2019/img_bgEngineer.png) repeat-y 24% top; }
.recruit .recruit-engineer-recruit-inner { max-width: 100%; margin: 0 auto; padding: 30px;}
.recruit .recruit-engineer-recruit-inner .recruit-engineer-recruit-banner img { width: 100%; }
.recruit .recruit-engineer-recruit-inner .recruit-engineer-recruit-linkSite a { background: #FFF; display: block; margin: 0 auto; max-width: 260px; height: 44px; line-height: 44px; text-align: center; font-size: 13px; }
.recruit .recruit-engineer-recruit-inner .recruit-engineer-recruit-linkSite a img { padding-left: 15px; width: 20px; }
 
.recruit .recruit-benefit-wrap { background: url(../img/recruit2019/img_bgBenefit_SP.png) no-repeat right top; background-size: 90%; margin-top: 60px;}
.recruit .recruit-benefit-inner { max-width: 100%; margin: 0 auto; padding: 0 20px 80px 20px;}
.recruit .recruit-benefit-inner ul { display: flex; width: 100%; flex-wrap:wrap; margin-top: 60px;}
.recruit .recruit-benefit-inner ul li { width: 50%; padding: 20px 20px 40px 20px; box-sizing: border-box; background: #FFF; position: relative; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; font-size: 13px;}
.recruit .recruit-benefit-inner ul li:nth-child(5), .recruit2019 .recruit-benefit-inner ul li:nth-child(6) { border-bottom: none;}
.recruit .recruit-benefit-inner ul li:nth-child(even) { border-right: none;}
.recruit .recruit-benefit-inner ul li h4 { font-size: 14px; width: 100%; text-align: center; line-height: 1.3; border-bottom: 1px solid #EEE; margin-bottom: 20px; padding-bottom: 20px; min-height: 3.6rem;  font-weight: 700;}
.recruit .recruit-benefit-inner ul li h4 span { font-size: 30px; color: #DD0033; display: block; position: absolute; top: -20px; left: 20px; font-family: oswald; font-weight: 400;}

.recruit .recruit-entry-mainVisual {background: url(../img/recruit/2021/img_Entrybackground.jpg) no-repeat top center; background-size: 100%; height: 280px;}
.recruit .recruit-entry-inner { max-width: 100%; margin: -120px auto 30px auto; padding: 0 20px;}
.recruit .recruit-entry-inner .recruit-entry-list ul { margin-bottom: 40px; }
.recruit .recruit-entry-inner ul li a { width:100%px; height: 70px; background: #FFF; border-bottom: 1px solid #EEE; font-size:13px; line-height: 70px; color: #333; display: block;}
.recruit .recruit-entry-inner ul li a { background: url(../img/recruit2019/icon_ArowRight_red.svg) no-repeat 99% center; background-size: 20px; }
.recruit .recruit-entry-inner .recruit-entry-list h4 { font-size: 12px; font-weight: 600; color: #333; }
.recruit .recruit-entry-inner .recruit-entry-list h4 strong { font-size: 16px; font-weight: 600; color: #DD0033; }
.recruit .recruit-entry-inner .recruit-entry-list h4 small { font-size: 11px; font-weight: 300; color: #666; }
.recruit-entry-fix-button { width: 110px; position: fixed; bottom: calc(280 / 750 * 100vw); right: calc(30 / 750 * 100vw); z-index: 500; }

.recruit .recruit-footer-wrap { background: #DD0033; text-align: center; padding: 35px 0; }
.recruit .recruit-footer-wrap img { width: 220px;}


/*１カラム　早わかりアライドアーキテクツ-----------------------------------------*/
.projectHeadline.SH2 { margin-bottom: 10px; padding-bottom: 7px; font-size: 13px; font-weight: 600; color: #333333; line-height: 1; border-bottom: 1px solid #333333; }
.projectHeadline.SH2:first-of-type { margin-top: 10px; }
.projectHeadline.SH3 { padding: 0; font-size: 13px; color: #bc6c74; line-height: 1; border: none; }
.projectGraph { margin-bottom: 25px; padding: 5px; box-sizing: border-box; background: linear-gradient(-117deg, #e8e8e8, #f5f5f5);}
.projectGraphInner { position: relative; }
.projectGraphInner .img1 { position: absolute; top: 0; left: 0; }
.projectGraphInner .img2 { position: absolute; top: 0; right: 0; }
.projectGraphInner .img3 { position: absolute; bottom: 1px; left: 0; }
.projectGraphInner .img4 { position: absolute; bottom: 1px; right: 0; }
.projectGraphInner a:hover { opacity: .7 }
.projectTable { margin-bottom: 30px; }
.projectGroup { margin-bottom: 35px; }
.projectGroupCategoryList { margin-bottom: 20px; }
.projectGroupCategoryList img { width: calc(607 / 750 * 100vw); }
.projectGroupCategoryCont { margin-bottom: 18px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.projectGroupCategoryCont >*:nth-of-type(n+3) { margin-top: 10px; }
.projectGroupTable a:hover { opacity: .7 }
.projectDetail {  margin-bottom: 40px; text-align: center; }
.projectDetail a { padding-right: 20px; padding-left: 5px; padding-bottom: 13px; font-size: 15px; font-weight: 300; color: #dd0033; line-height: 1; border-bottom: 1px solid #dd0033; display: inline-block; position: relative; }
.projectDetail a:before { content: ""; width: 7px; height: 11px; display: block; background: url(../img/base/ArrowRt21.png) 0 0 /contain no-repeat; position: absolute; top: 2px; right: 5px; }


/*IR*/
.irOutline .keyVisual { background: url(../img/iR/bgMV_ir.jpg) no-repeat center 50%; background-size: cover; }
.irOutline .irOutlinePages .keyVisual { background: url(../img/iR/bgMV_ir.jpg) no-repeat center 25%;  background-size: cover; }
.irOutline .irOutlinePages .keyVisual h1 { padding: calc(20 / 750 * 100vw) 0; font-size: calc(60 / 750 * 100vw); }
.irContainer { padding: calc(60 / 750 * 100vw) 0; width: 100%; }
.irContainer:nth-of-type(2n) { background: #f1f1f1; }
.irContainer:nth-of-type(2n) .irListBox a { border: calc(2 / 750 * 100vw) solid #eaeaea; background: #f1f1f1; }
.irContainer#irLibrary { padding-bottom: calc(50 / 750 * 100vw); }
.irContainer .irArea { padding: 0; position: relative; }
.irArea { margin: 0 calc(40 / 750 * 100vw); padding-top: calc(100 / 750 * 100vw); position: relative; }
.irArea#irNews { padding-top: calc(80 / 750 * 100vw); }
.irMovie .irOutlineWrap { margin-top: calc(-35 / 750 * 100vw); width: 100%; }
.irMovieCont { margin-bottom: calc(35 / 750 * 100vw); text-align: center; }
.irMovieCont iframe { margin-bottom: calc(25 / 750 * 100vw); width: calc(670 / 750 * 100vw); height: calc(375 / 750 * 100vw); }
.irMovieTitle { margin-bottom: calc(25 / 750 * 100vw); font-size: calc(36 / 750 * 100vw); font-weight: 600; }
.irMovieNote { font-size: calc(22 / 750 * 100vw); }
.irMovieList { font-size: 0; width: 100%; margin: 0 auto; }
.irMovieListInner { display: none; }
.irMovieListInner.active { display: block; }
.irMovieList .irMovieListItem { margin: 0; margin-bottom: calc(25 / 750 * 100vw); font-size: calc(28 / 750 * 100vw); vertical-align: top; display: inline-block; }
.irMovieList .irMovieListItem a { display: block; color: #333; border-radius: calc(8 / 750 * 100vw); box-shadow: 0 0 calc(4 / 750 * 100vw) 0 rgba(0,0,0,0.3); position: relative; }
.irMovieList .irMovieListItem a[target="_blank"]:before { content: ""; width: calc(26 / 750 * 100vw); height: calc(24 / 750 * 100vw); display: block; background: url(../img/base/Icon_NewWin.gif) 0 0 /contain no-repeat; position: absolute; bottom: calc(66 / 750 * 100vw); right: calc(66 / 750 * 100vw); }
.irMovieList .irMovieListItem a .movieThumb { margin-bottom: calc(10 / 750 * 100vw); }
.irMovieList .irMovieListItem a .movieThumb img { border-radius: calc(8 / 750 * 100vw) calc(8 / 750 * 100vw) 0 0; }
.irMovieList .irMovieListItem a .CPDate1 { padding: calc(45 / 750 * 100vw) calc(66 / 750 * 100vw) calc(5 / 750 * 100vw) calc(60 / 750 * 100vw); font-size: calc(28 / 750 * 100vw); color: #999; }
.irMovieList .irMovieListItem a .CP1 { padding: 0 calc(66 / 750 * 100vw) calc(30 / 750 * 100vw) calc(60 / 750 * 100vw); font-size: calc(34 / 750 * 100vw); font-weight: 600; color: #333; height: 7em; overflow: hidden; }
.irMovieListButton.active { display: none; }
.irOutlineWrap { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 calc(80 / 750 * 100vw); }
.irOutlineNavi { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.irOutlineNavi li { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: center; width: calc(669 / 750 * 100vw); height: calc(128 / 750 * 100vw); font-size: calc(36 / 750 * 100vw); font-weight: 600; color: #333; line-height: 1.25; background-position: center center; background-size: 100%; background-repeat: no-repeat;  position: relative; transition: all .3s; }
.irOutlineNavi li a { font-size: calc(36 / 750 * 100vw); font-weight: 600; color: #333; line-height: 1.25; }
.irOutlineNavi li:after { content: ""; display: block; position: absolute; bottom: calc(25 / 750 * 100vw); right: calc(25 / 750 * 100vw); margin: auto; width: calc(31 / 750 * 100vw); height: calc(27 / 750 * 100vw); background: url(../img/base/ArrowRt23.png) 0 0 /contain no-repeat; z-index: 1; transition: all .3s; }
.irOutlineNavi li p span, .irOutlineNavi li a span { width: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.irOutlineNavi li span small { font-size: calc(24 / 750 * 100vw); font-weight: 300; }
.irOutlineNavi li:not(:last-of-type) { margin-bottom: calc(4 / 750 * 100vw); }
.irOutlineNavi li:nth-of-type(1) { background-image: url(../img/iR/listNav1_sp.png); }
.irOutlineNavi li:nth-of-type(2) { background-image: url(../img/iR/listNav1_sp.png); }
.irOutlineNavi li:nth-of-type(2):after { content: none; }
.irOutlineNavi li:nth-of-type(3) { background-image: url(../img/iR/listNav1_sp.png); }
.irHeadline { margin-bottom: calc(40 / 750 * 100vw)!important; padding-bottom: 0!important; font-weight: 600!important; }
.irNewsLink { position: absolute; right: 0; z-index: 1; }
.irNewsLink.text { bottom: -9.33333vw; }
.irNewsLink.text a { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding-left: 10px; font-size: 12px !important; color: #555; background: none; position: relative; }
.irNewsLink.text a:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 5px; height: 10px; background: url(../img/iR/arrow.png) center 0/auto no-repeat; }
.irNewsLink.image { top: 0; }
ul.irnews { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
ul.irnews li { float: none !important; }
.lidate { width: 80px; }
.lilink { margin-top: 1.33333vw; padding-bottom: 1.33333vw; }
#ir_library { margin-bottom: calc(30 / 750 * 100vw); -webkit-box-sizing: border-box; box-sizing: border-box; float: none !important; }
.irListCont { margin-bottom: calc(30 / 750 * 100vw); display: flex; flex-direction: column; align-items: center; }
.irListCont >:not(:last-of-type) { margin-bottom: calc(30 / 750 * 100vw); }
.irListBox { width: 100%; background: #f1f1f1; position: relative; }
.irListBox a { padding: calc(40 / 750 * 100vw); width: 100%; height: 100%; display: block; transition: all .3s; position: relative; box-sizing: border-box; }
.irListBox a:after { content: ""; display: block; position: absolute; bottom: calc(20 / 750 * 100vw); right: calc(20 / 750 * 100vw); margin: auto; width: calc(31 / 750 * 100vw); height: calc(27 / 750 * 100vw); background: url(../img/base/ArrowRt23.png) 0 0 /contain no-repeat; z-index: 1; transition: all .3s; }
.irListBox.bgHighlight a:before { content: ""; display: block; position: absolute; top: 50%; left: calc(20 / 750 * 100vw); margin: auto; width: calc(116 / 750 * 100vw); height: calc(69 / 750 * 100vw); background: url(../img/iR/iconHighlight.png) center center /contain no-repeat; z-index: 1; transform: translateY(-50%); }
.irListBox.bgStockInformation a:before { content: ""; display: block; position: absolute; top: 50%; left: calc(20 / 750 * 100vw); margin: auto; width: calc(92 / 750 * 100vw); height: calc(75 / 750 * 100vw); background: url(../img/iR/iconStockInformation.png) center center /contain no-repeat; z-index: 1; transform: translateY(-50%); }
.irListBox.bgStockPriceInformation a:before { content: ""; display: block; position: absolute; top: 50%; left: calc(30 / 750 * 100vw); margin: auto; width: calc(77 / 750 * 100vw); height: calc(79 / 750 * 100vw); background: url(../img/iR/iconStockPriceInformation.png) center center /contain no-repeat; z-index: 1; transform: translateY(-50%); }
.irListBox.bgStockPriceInformation a:after { bottom: calc(20 / 750 * 100vw); right: calc(20 / 750 * 100vw); width: calc(34 / 750 * 100vw); height: calc(34 / 750 * 100vw); background: url(../img/base/iconNewWin1.png) 0 0 /contain no-repeat; }
.irListBox.bgCalendar a:before { content: ""; display: block; position: absolute; top: 50%; left: calc(35 / 750 * 100vw); margin: auto; width: calc(84 / 750 * 100vw); height: calc(75 / 750 * 100vw); background: url(../img/iR/iconCalendar.png) center center /contain no-repeat; z-index: 1; transform: translateY(-50%); }
.irListInner { height: calc(130 / 750 * 100vw); }
.irListTitle { margin-bottom: calc(5 / 750 * 100vw); font-size: calc(32 / 750 * 100vw); font-weight: 600; color: #333333; line-height: 1; text-align: center; }
.irListDate { margin-bottom: calc(14 / 750 * 100vw); font-size: calc(24 / 750 * 100vw); color: #999999; line-height: 1; }
.irListText { font-size: calc(28 / 750 * 100vw); color: #333333; line-height: 1.625; position: relative; }
.irListText:after { content: ""; display: inline-block; margin: auto; width: calc(38 / 750 * 100vw); height: calc(34 / 750 * 100vw); background: url(https://www.aainc.co.jp/pdf.gif) center center /auto no-repeat; position: relative; top: calc(8 / 750 * 100vw); left: calc(4 / 750 * 100vw); }
.irLinkNavi { margin-top: calc(25 / 750 * 100vw); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.irLinkNavi li:not(:last-of-type) { margin-right: calc(35 / 750 * 100vw); }
.irLinkNavi li a { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: calc(15 / 750 * 100vw); font-size: calc(26 / 750 * 100vw); color: #333; position: relative; }
.irLinkNavi li a:before { content: ""; display: block; position: absolute; top: calc(50% - 14 / 750 * 100vw); left: calc(-10 / 750 * 100vw); margin: auto; width: calc(16 / 750 * 100vw); height: calc(28 / 750 * 100vw); background: url(../img/base/ArrowRt25.png) center 0/auto no-repeat; }
.irMenuHeadline { margin-top: calc(70 / 750 * 100vw); margin-bottom: calc(60 / 750 * 100vw)!important; padding-bottom: calc(20 / 750 * 100vw)!important; font-size: calc(36 / 750 * 100vw)!important; font-weight: 600!important; color: #333!important; line-height: 1!important; text-align: center!important; border-bottom: 1px solid #dbdbdb; }
.irMenuNavi { margin-bottom: calc(80 / 750 * 100vw); display: flex; justify-content: center; align-items: flex-start; }
.irMenuNavi li:not(:last-of-type) { margin-right: calc(60 / 750 * 100vw); }
.irMenuNavi li a { font-size: calc(26 / 750 * 100vw); font-weight: 600; color: #333333; text-align: center; display: block; transition: all .3s; }
.irMenuNavi li a small { font-size: calc(18 / 750 * 100vw); font-weight: 300; }
.irMenuNavi li a:hover { text-decoration: none; }
.irMenuNavi li a .irMenuImg { width: calc(170 / 750 * 100vw); height: calc(170 / 750 * 100vw); display: block; background-position: center center; background-size: 100%; background-repeat: no-repeat; }
.irMenuNavi li:nth-of-type(1) { border-bottom: 2px solid #fff; }
.irMenuNavi li:nth-of-type(2) { border-bottom: 2px solid #fff; }
.irMenuNavi li:nth-of-type(1) a .irMenuImg { background-image: url(../img/iR/menuNav1.png); }
.irMenuNavi li:nth-of-type(2) a .irMenuImg { background-image: url(../img/iR/menuNav2.png); }
.irMenuNavi li:nth-of-type(3) a .irMenuImg { background-image: url(../img/iR/menuNav3.png); }
.irModal { overflow-y: scroll; opacity: 0; visibility: hidden; width: calc(700 / 750 * 100vw); height: calc(1250 / 750 * 100vw); position: fixed; top: 50%; left: 50%; z-index: 10010; transform: translate(-50%, -50%); }
.irModal.active { opacity: 1; visibility: visible; }
.irModalClose { cursor: pointer; position: fixed; top: calc(40 / 750 * 100vw); right: 0; z-index: 10020; }
.irModalClose span { display: block; position: absolute; top: 0; right: 0; }
.irModalClose span:before { content: ""; width: calc(60 / 750 * 100vw); height: calc(2 / 750 * 100vw); display: block; background: #fff; }
.irModalClose span:nth-of-type(2n-1) { transform: rotate(45deg); }
.irModalClose span:nth-of-type(2n) { transform: rotate(135deg); }
.irModal .irModalPlayer { margin: 0 auto; margin-top: calc(100 / 750 * 100vw); width: calc(700 / 750 * 100vw); height: calc(390 / 750 * 100vw); display: block; position: relative; }
.irModal h2.irModalTitle { padding: 0!important; margin-top: calc(30 / 750 * 100vw)!important; font-size: calc(40 / 750 * 100vw)!important; font-weight: 600!important; color: #fff!important; line-height: 1.2!important; text-align: center!important; border: none!important; }
.irModal h2.irModalTitle small { margin-top: calc(20 / 750 * 100vw); font-size: calc(24 / 750 * 100vw)!important; font-weight: 300!important; line-height: 1.2!important; display: inline-block; }
.irModal h3.irModalTitle { padding: 0!important; margin-top: calc(50 / 750 * 100vw)!important; margin-bottom: 0!important; font-size: calc(36 / 750 * 100vw)!important; font-weight: 600!important; color: #fff!important; line-height: 1.2!important; text-align: center!important; border: none!important; }
.irModal h3.irModalTitle small { font-size: calc(32 / 750 * 100vw)!important; font-weight: 300!important; }
.irModal .irModalList { margin-top: calc(30 / 750 * 100vw); }
.irModal .irModalList li:not(:last-of-type) { margin-bottom: calc(30 / 750 * 100vw); }
.irModal .irModalList li { padding-left: 1em; text-indent: -1em; padding-bottom: calc(16 / 750 * 100vw); border-bottom: calc(2 / 750 * 100vw) solid #fff; }
.irModal .irModalList li a { font-size: calc(24 / 750 * 100vw); color: #fff; font-weight: 300; line-height: 1; text-align: left; }
.irModal .irModalList li a[target="_blank"] { padding-right: calc(44 / 750 * 100vw); position: relative; }
.irModal .irModalList li a[target="_blank"]:before { content: ""; width: calc(28 / 750 * 100vw); height: calc(24 / 750 * 100vw); display: block; background: url(../img/base/iconNewWin2.png) 0 0 /contain no-repeat; position: absolute; bottom: calc(2 / 750 * 100vw); right: 0; }
.irOverlay { opacity: 0; visibility: hidden; background: rgba(0, 0, 0, .8); position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 10000; }
.irOverlay.active { opacity: 1; visibility: visible; }
div#jqir { margin: 0 auto; }

/* 関係会社 */
.alliedArchitextsGroup { padding-top: calc(120 / 750 * 100vw);  }
.alliedArchitextsGroup .title { text-align: center; font-size: calc(44 / 750 * 100vw); font-weight: bold; color: #333; }
.alliedArchitextsGroup ul { margin: calc(30 / 750 * 100vw) auto 0; padding: 0 calc(46 / 750 * 100vw); max-width: 100%; }
.alliedArchitextsGroup ul li { position: relative }
.alliedArchitextsGroup ul li:nth-of-type(1) a:before { width: calc(22 / 750 * 100vw); height: calc(20 / 750 * 100vw); background-image: url(../img/base/ArrowRt23.png); }
.alliedArchitextsGroup ul li:not(:nth-of-type(1)) a:before { width: calc(21 / 750 * 100vw); height: calc(21 / 750 * 100vw); background-image: url(../img/base/iconNewWin1.png); }
.alliedArchitextsGroup ul li a:before { content: ""; display: block; position: absolute; top: calc(60 / 750 * 100vw); right: 0; -webkit-transition: all .3s; transition: all .3s; background: center 0 / 100% no-repeat; background-size: 100%; }
.alliedArchitextsGroup ul li a:hover { opacity: .8; }
.alliedArchitextsGroup ul li a:hover:before { right: -5px; }
.alliedArchitextsGroup ul li picture img { vertical-align: bottom; }

/*  management  */
.executive h4 { font-size: 14px; margin-bottom: 10px;}
.executive ul {display: flex; gap: 40px 0; flex-direction: column;}
.executive ul li figure { width: 100%; text-align: center;}
.executive ul li figure img { width: 80%;}    
.executive ul li h5 { font-size: 22px; font-family: serif; line-height: 1; margin: 20px 0 10px 0;}
.executive ul li h5 span { font-size: 13px; font-family:sans-serif;}
.executive ul li .division { font-size: 13px;}