body{
 margin: 100px 0px 0px 0px;
 padding:0px;
 background-color:#fff;
 text-align:center;
 font-family:Meiryo, Arial, Helvetica, sans-serif;
 font-size: 16px;
 line-height: 1.8;
}

#main{
 margin: 0px auto;
 padding: 0px 0px;
 color: #333;
 text-align:center;

}

a{
 font-family:Meiryo, Arial, Helvetica, sans-serif;
 color:#3377dd;
 text-decoration:none;
}

a:hover{
 color:#ff0000;
 text-decoration:none;
}






/*ロゴ関係
------------------------------------------*/
.logo{
 width: 100%;
 height: 74px;
 position: fixed;
 top: 0px;
 right: 0px;
 margin:0px;
 padding:13px 0px 13px 0px;
 border-bottom: 0px solid #888;
 text-decoration:overline;
 text-align:center;
 z-index: 100;
}

.logo,.copy,.copy_recruit,.globalNavi, .globalNavi ul{
 background-color:#111;
 opacity: 0.85;
}

.logo img{
 zoom: 80%;
-moz-transform:
 scale(0.5,0.5)
 translate(0px,-25px);
 border: 0px;
 padding:15px 0px;
}

/*メニューボタン
------------------------------------------*/

#menuButton {
 display: block;
 width: 40px;
 height:42px;
 position: fixed;
 top: 48px;
 right: 10px;
 z-index: 110;
}

#menuButton:hover {
 cursor: pointer;
}

#menuButton span {
 display: block;
 background: #fff;
 width: 50%;
 height: 2px;
 position: absolute;
 left: 9px;
 transition: all 0.4s;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
}

#menuButton:hover span{
 background: #aaa;
}

#menuButton span:first-child {
 top: 12px;
}

#menuButton span:nth-child(2) {
 margin-top: -1px;
 top: 50%;
}

#menuButton span:last-child {
 bottom: 12px;
}

#menuButton.active span:first-child {
 -webkit-transform: translateY(8px) rotate(45deg);
 -moz-transform: translateY(8px) rotate(45deg);
 -ms-transform: translateY(8px) rotate(45deg);
 transform: translateY(8px) rotate(45deg);
}

#menuButton.active span:nth-child(2) {
 opacity: 0;
}

#menuButton.active span:last-child {
 -webkit-transform: translateY(-8px) rotate(-45deg);
 -moz-transform: translateY(-8px) rotate(-45deg);
 -ms-transform: translateY(-8px) rotate(-45deg);
 transform: translateY(-8px) rotate(-45deg);
}

#aside{
 display: none;
 box-sizing: border-box;
 width: 50%;
 height: 100%;
 margin-left: 0px;
 padding: 100px 0px 0px 0px;
 background: #f4f4f4;
 line-height: 38px;
 text-align: left;
 position: fixed;
 top: 0px;
 left: 0px;
 z-index: 2;
 overflow: auto;
}

#aside ul{
 padding: 20px 20px;
 margin: 0px;
}

#aside ul li{
 list-style-type: none;
 border-bottom: 1px solid #bbb;
}

#aside ul li a{
 color: #8c8c8c;
 padding: 0px 10px;
}

#aside ul li a:hover{
 color: #333;

}


/*INNER
------------------------------------------*/
.inner{
 max-width:1000px;
 margin: 0px auto 0px auto;
 padding: 30px 30px 30px 30px;
 text-align:left;
 min-height: 320px;
}

.inner img{
 zoom: 100%;
}


/*ｈ1
------------------------------------------*/

h1,h2,h3{
 clear: both;
 font-family: Meiryo, Arial, Helvetica, sans-serif;
}

h1{
 font-size: 23px;
 font-weight: normal;
 margin: 60px 0px 40px 0px;
 padding:0px 0px 5px 0px;
 border-top: 0px solid #333;
 border-left: 0px solid #333;
 border-right: 0px solid #333;
 border-bottom: 0px solid #333;
 color:#333;
 letter-spacing: 3px;
}

h3{
 max-width: 310px;
 font-size: 16px;
 line-height: 26px;
 margin: 50px 0px 15px 0px;
 padding: 5px 0px 5px 10px;
 border-top: 0px solid #333;
 border-left: 0px solid #333;
 border-right: 0px solid #333;
 border-bottom: 1px solid #333;
}

h2{
 max-width: 100%px;
 line-height: 22px;
 font-size: 20px;
 line-height: 26px;
 margin: 50px 0px 30px 0px;
 padding: 10px 0px 5px 5px;
 color: #333;
 border-bottom: 1px solid #777;
}

h2:before{
 content:'';
 width: 10px;
 height: 10px;
 line-height: 10px;
 font-size: 10px;
 color: #222;
 margin: 0px 10px 0px 0px;
 padding: 0px;
 display: inline-block;
 float: left;
 position: relative;
 top: 5px;
 left: 0px;
 border: 1px solid #222;
}

h2:after{
 content:'';
 width: 10px;
 height: 10px;
 line-height: 10px;
 font-size: 10px;
 color: #999;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 display: inline-block;
 float: left;
 position: relative;
 top: -1px;
 left: -18px;
 border: 1px solid #999;
}

h1 span,h2 span,h3 span{
 color:#777;
 font-size: 16px;
 line-height: 26px;
 font-weight: normal;
 margin:0px 0px 0px 10px;
}

h1.index{
 padding:17px 0px 2px 10px;
 margin:0px;
 text-align:left;
 color:#777;
 display:none;
}

h1.title{
 color:#fff;
 background-color:#222;
 padding: 9px 0px 0px 15px;
 margin:0px 0px 47px 0px;
 border-radius:16px 0px 0px 0px;
}


/*header,slideshow
------------------------------------------*/

.header{

 margin: 0px 0px 0px 0px;


}

#tween{

aspect-ratio: 3;
 text-align: center;
 margin: 0px auto 0px auto;
 padding: 0px;
 display: block;
 background-size: 100% auto;
 background-repeat: no-repeat;
 background-position: top;
}

.bgImageTweenfader{
 background-size: 100% auto;
 background-repeat: no-repeat;
 background-position: top;
}

.bgImageTweenfaderContent{
aspect-ratio: 3;
}

.bgImageTweenfaderContent{
 display: none;
}

#tween p{
 height: 900px;
 display:block;
 text-align:left;
 font-size: 16px;
 letter-spacing:1px;
 text-indent:20px;
 margin:0px auto 0px auto;
 padding: 0px 0px  0px 0px;
 color:#eee;
 /*背景色*/
 background-color:#333;
 /*半透明*/
 filter:alpha(opacity=70);
 -moz-opacity:0.70;
 -khtml-opacity: 0.70;
 opacity:0.70;
 position:relative;
 top: 0px;
}

#tween p span{
 color:#eee;
 font-family: Impact;
 font-size: 60px;
 line-height: 80px;
 letter-spacing: 2px;
 margin:0px 10px 0px 0px;
}

.cover_logo2{
 position: relative;
 top: 135px;
 right: 10px;
 border: 0px;
}

#tween a{
 text-align: right;
 display: block;
 height: 0;
}

p.recruit-cover {
    position: relative;
    top: -550px;
    font-size: 3rem;
    font-weight: 900;
    color: #fff;



}


/*グローバルナビ
------------------------------------------*/

.globalNavi{
 display: none;
}

.globalNavi,.globalNavi ul{
 color: #fff;
}

.globalNavi ul li a,.gnavi_nopage {
 color: #888;
}

.globalNavi ul li a:hover{
 color:#fff;
}

.globalNavi ul li a:hover {
 background-color:#222;
}

.toolTip span{
 color: #222;
 border-bottom:5px solid #222;
 /*背景色*/
 background-color: #fff;
}

.fixed{
 /*半透明*/
 filter:alpha(opacity=90);
 -moz-opacity:0.90;
 -khtml-opacity: 0.90;
 opacity:0.85;
}

.fixed ul li{
 color: #fff;
}

/*ヘッダー色指定ここまで*/


/*グローバルナビ
------------------------------------------*/
.globalNavi{
 display:block;
 height:40px;
 min-width: 1000px;
 margin:0px auto 100px auto;
 padding:0px 0px 0px 0px;
 clear:both;
/* z-index:100;*/
 border-radius: 0px 0px 0px 0px;
 text-align:center;
}

.globalNavi ul{
 display:inline-block;/*中央寄せ*/
 height:40px;
 line-height: 40px;
 list-style-type: none;
 text-align: center;
 margin: 0px auto 0px auto;
 padding:0px 0px 0px 0px;
}

.globalNavi ul li{
 float: left;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight:bold;
 margin: 0px;
 position:relative;
}

.globalNavi ul li a{
 display: block;
 padding: 0px 13px;
 text-decoration:none;
 transition: .2s;
}

.gnavi_thispage,.gnavi_nopage{
 padding: 0px 0x;
 margin:0px 13px;
}

.globalNavi ul li a:hover {
 text-decoration:none;
}

/*globalNavi-ClearFix*/

.globalNavi ul{
 _height: 1px;
 min-height: 1px;
 /*\*//*/
 height: 1px;
 overflow: hidden;
 /**/
}

.globalNavi ul:after {
 height: 1;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
}

.toolTip{
 position: relative;
}

.toolTip span{
 display: block;
 width: 100%;
 font-size: 16px;
 line-height:40px;
 font-family:Meiryo, HGｺﾞｼｯｸM;
 font-weight:400;
 text-align:center;
 text-decoration: none;
 letter-spacing:1px;
 position: absolute;
 top: 40px;
 left: 0px;
 visibility: hidden;
 padding: 0px 0px;
 margin:0px;
}

a.toolTip:hover,a.toolTip:hover span{
 visibility: visible;
 z-index: 100;
}

/*固定ナビゲーション
--------------------*/
.fixed{
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 min-width:950px;
 margin:0px auto 0px auto;
 border-radius: 0px 0px 0px 0px;
}

.fixed ul li a{
 transition: .2s;
}


/*フッター関係
------------------------------------------*/
.end{
 margin: 0px 0px 0px 0px;
 border-top:1px solid #bbb;
 padding:5px 0px;
 text-align:center;
 clear: both;
 word-spacing: 10px;
}

.copy{
 color:#fff;
 padding: 100px 0px 10px 0px;
 font-weight:normal;
 margin:0px;
 text-align:center;
}

.end,.copy{
 font-size: 14px;
 line-height: 30px;
 min-width: 1000px;
}


/*INDEX
------------------------------------------*/

.h2_coment,
.h3_coment {
 max-width: 725px;
}


/*新着
------------------------------------------*/
ul.news-2{
 margin: 50px 0px 0px 0px;
 padding: 20px 0px 0px 0px;
 list-style-image:none;
 list-style-type:none;
 overflow:auto;
 border-top:1px solid #ddd;
}

ul.news-2 li{
 border-bottom:1px solid #ddd;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 20px 0px;
}

ul.news-2 li p{
 padding: 0px 0px 10px 0px;
 margin:5px 0px 0px 0px;
 max-width: 700px;
}

ul.news-2 li span{
 color: #777;
 font-weight: normal;
 padding: 0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
}

ul.news-2 li span:before{
 content: '◆';
 color: #999;


 padding: 0px 10px 0px 0px;
 margin:0px 0px 0px 0px;
}

/*概要
------------------------------------------*/
.tab-profile{
 padding: 0px;
 margin: 50px 0px 10px 0px;
}

.tab-profile p{
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 20px 0px;
}

.tab-profile p span{
 color:#777;
}

.tab-profile-map{
 display: block;
 float: left;
 margin: 0px 50px 50px 0px;
}

.tab-profile img{
 zoom: 90%;
 margin: 0px 0px 20px 0px;
 padding: 0px;
}










iframe.g-map{
border: solid 1px #ddd;
margin-top: 30px;
}

/*沿革
------------------------------------------*/

.table-history{
 padding: 0px;
 margin: 50px 0px 0px 0px;
}

.td-year,.td-text{
 vertical-align:top;
 padding: 0px 0px 20px 0px;
 margin:0px 0px 0px 0px;
}

.td-year{
 width: 100px;
 color:#777;
 font-weight:normal;
}


.td-text strong{
 font-weight: normal;
}


/*事業
------------------------------------------*/
.business-box1,.business-box2{
 display: block;
}

.business-box1{
 float: left;
 clear: both;
}

.business-box2{
}

.business-die-pic{
 padding:0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}

.business-die-pic img{
 zoom: 80%;
}

p.business{
 padding: 0px 0px 0px 0px;
 margin: 30px 0px 50px 0px;
 max-width: 800px;
}

ul.business-list{

 padding:0px 0px 0px 0px;
 margin: 0px 30px 15px 0px;
 list-style-type: none;
}

ul.business-list li{
 padding:0px 0px 0px 0px;
 margin:0px 0px 5px 0px;
}

ul.business-list li:before{
 content: '■';
 padding:0px 0px 0px 0px;
 margin: 0px 10px 0px 0px;
 color: #999;
}

ul.bm-list2{
 max-width: 300px;
 padding:0px 0px 0px 0px;
 margin:0px 0px 30px 0px;
}

ul.bm-list2 li{
 list-style-type:none;
 padding: 7px 15px;
 margin:0px 0px 0px 0px;
 text-align:center;
}

ul.bm-list2 li img{
 margin:0px 0px -10px 0px;
 zoom: 100%;
}

.bm-list2-text{
 border:1px solid #333;
 border-radius:6px;
 box-shadow:3px 6px 10px 0px #aaa;
}

.bm-list2-text{
 background-color:#fff;
}

.worldmarket2{
 margin: 0px 0px 60px 0px;
 margin: 0px 0px 60px 0px;
 border:1px solid #ccc;
 border-radius:15px;
 text-align:center;
}


/*プレス金型
------------------------------------------*/
.press-die{
 margin: 50px 0px 0px 0px;
 padding: 0px;
}

.press-die p span{
 color: #777;
}

.press-die p span:before{
 content:'■';
 color: #777;
 margin: 0px 10px 0px 0px;
 padding: 0px;
}


/*技術
------------------------------------------*/
ul.design02{
 padding:0px 0px 0px 35px;
 margin:0px 0px 0px 0px;
}

ul.design02 li{
 color:#777;
 list-style-type: decimal-leading-zero;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 20px 0px;
}

ul.design02 li p{
 color:#000;
 margin: 0px 0px 0px -35px;
}

ul.design02 li p span{
 color:#777;
 font-weight: 600;
 display: block;
 margin:0px 0px 0px 35px;
}

.tech{
 padding: 0px;
 margin: 0px 0px 40px 0px;
}

.tech p img{
 zoom:38%;
}

.tech p{
 margin: 15px 0px 0px 0px;
}

p.tech-item{
 margin: 30px 0px 0px 0px;
 color: #777;
}

.tech-item:before{
 content:'■';
 color: #777;
 padding: 0px 10px 0px 0px;
}


/*実績
------------------------------------------*/

p.memo{
 padding: 0px;
 margin:0px;

}

p.movie{
 padding: 0px;
 margin: 10px 0px 30px 0px;
}

.movie a{
 font-size: 16px;
 line-height: 26px;
 letter-spacing:1px;
 padding: 2px 10px;
 margin:0px 0px 10px 0px;
 border-radius:3px;
 color:#888;
 background-color:#eee;
 border:1px solid #aaa;
}

.samp img{
 zoom: 90%;
}

.youtube{
 margin: 30px 0px 0px 0px;
 padding: 0px;
}

.youtube iframe{
 width: 470px;
 height: 353px;
}

.youtube iframe{
 margin: 0px 2% 60px 0px;
}



/*設備
------------------------------------------*/

.table-equipment02{
 width: 100%;
 font-size: 16px;
 line-height: 30px;
 padding: 0px 0px 0px 0px;
 margin: 60px 0px 0px 0px;
 border-top: 1px solid #aaa;
 border-left: 1px solid #aaa;
}

.td-equipment05{
 padding: 3px 10px;
 margin:0px 0px 0px 0px;
 border-bottom: 1px solid #aaa;
 border-right: 1px solid #aaa;
}

p.equipment03{
 height: 40px;
 line-height: 40px;
 padding: 0px 0px;
 margin:0px 0px 0px 0px;
 font-weight:bold;
 text-align:center;
 color:#777;
 background-color:#eee;
 border-bottom: 1px solid #aaa;
 border-right: 1px solid #aaa;
}


/*採用情報
------------------------------------------*/

.table-recruit02{
 width: 100%;
 font-size: 16px;
 line-height: 26px;
 padding: 0px 0px 0px 0px;
 margin: 40px 0px 0px 0px;
}

.table-recruit02 td{
 border-bottom: 1px dotted #ddd;
}

p.td-title0,
p.td-title_recruit,
p.td-title {
width: 86%;
font-size: 18px;
font-weight: bolder;
margin: 20px 0px 10px 0px;
padding-top: 0px;
 color: #0070c0;
}

p.td-title0 {
border-top: 0px dotted #ddd;
}

p.td-title {
border-top: 1px dotted #ddd;
}

p.td-title_recruit {

}

p.td-text {
width: 100%;
margin: 0px 0px 0px 0px;
}

.td-recruit01{
 width:150px;
 color: #777;
 font-weight: normal;
}

.td-recruit01,.td-recruit02{
 padding: 10px 0px;
 margin:0px 0px 0px 0px;
 vertical-align:top;
}

.td-recruit03{
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 vertical-align:top;
}

.td-recruit04{
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 text-align:right;
 vertical-align:top;
}

.recruit01{
 padding:0px 0px 20px 0px;
 margin:0px 0px 0px 0px;
 font-size:20px;
 font-weight:bold;
 color:#060;
}

.recruit02{
 padding:15px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 font-weight:normal;
 color:#000;
}

.btn-recruit01{
margin-top: 50px;
margin-bottom: 50px;
}

a.btn-recruit02 {
    font-family: "Oswald", sans-serif;
    color: #353535;
    background-color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    position: fixed;
    top: 18px;
    right: 60px;
    padding: 8px 8px;
    margin-top: 30px;
    /* max-width: 140px; */
    display: block;
    text-align: center;
    border-radius: 5px;

    z-index: 100;
}



a.btn-recruit02:hover {
 color: #fff;
 background-color: #03A9F4;
 text-decoration:none;
 transition: background-color .4s;
}

/*お問い合わせ
------------------------------------------*/

p.contact{
 line-height:30px;
 margin: 50px 0px 0px 0px;
}

.note{
 color: #777;
 font-size: 16px;
 line-height: 26px;
}


/*SNS関係
------------------------------------------*/

.td-sns{
 display:none;
}

.fb_edge_widget_with_comment iframe {
 width:72px !important;
}

span.fb_edge_comment_widget.fb_iframe_widget iframe {
 width:400px !important;
}

.fb-like{
 margin:0px 0px 20px 0px;
 padding:0px;
}

.update{
 margin:15px 0px 0px 0px;
}


/*goto_top
------------------------------------------*/
.goto_top,.goto_home{
 width: 60px;
 height: 60px;
 margin:0px;
 padding: 0px;
 position: fixed;
 background-attachment: fixed;
 background-repeat:no-repeat;
 background-position: center;
 text-align:center;
 vertical-align:center;
}

.goto_top{
 bottom: 75px;
 right:10px;
}

.goto_home{
 bottom:41px;
 right:15px;
}

.goto_top a,.goto_home a{
 padding: 10px 0px;
 line-height: 20px;
 font-size:14px;
 color: #ddd;
 background-color: #222;
 border-radius: 3px;
 display: block;
 filter:alpha(opacity=80);
 -moz-opacity:0.80;
 -khtml-opacity: 0.80;
 opacity:0.80;
}

.goto_top a span,.goto_home a span{
 line-height: 20px;
 font-size:14px;
}

.goto_top a:hover,.goto_home a:hover{
 color: #fff;
 background-color: #555;
 border-radius: 3px;
 text-decoration: none;
 filter:alpha(opacity=60);
 -moz-opacity:0.60;
 -khtml-opacity: 0.60;
 opacity:0.60;
}

.goto_top img,.goto_home img{
 margin:0px;
 padding: 0px;
 border-radius: 3px;
 border:0px;
 filter:alpha(opacity=80);
 -moz-opacity:0.80;
 -khtml-opacity: 0.80;
 opacity:0.80;
}

.goto_top img:hover,.goto_home img:hover{
 /*半透明*/
 filter:alpha(opacity=60);
 -moz-opacity:0.60;
 -khtml-opacity: 0.60;
 opacity:0.60;
}


/*img_link
------------------------*/
.img_link,
.img_link_recruit,
.img_link_recruit2,
.img_link_recruit_L,
.img_link2,
.img_link_min,
.img_link_min2,
.img_link_min3,
.img_link_min4{
 padding: 0px 0px 0px 0px;
 display:block;
 overflow:hidden;
}

.img_link_recruit,
.img_link_recruit_L{
 overflow:hidden;
}

.img_link,
.img_link_recruit,
.img_link_recruit2,
.img_link_recruit_L,
.img_link2,
.img_link_min,
.img_link_min4{
 margin: 20px auto 0px auto;
}





.img_link_min2,
.img_link_min3{
 margin: 0px auto 0px auto;
}

.img_link a span,
.img_link_recruit a span,
.img_link_recruit2 a span,
.img_link_recruit_L a span,
.img_link2 a span,
.img_link_min a span,
.img_link_min2 a span,
.img_link_min3 a span,
.img_link_min4 a span{
 background-position:center;
 background-repeat: no-repeat;
 background-color:#fefefe;
 font-family:Meiryo ,sans-serif;
 font-weight:normal;
 font-size:16px;
 line-height: 30px;
 text-align:left;
 color:#888;
 float:left;
 page-break-inside:avoid;
}

.img_link a span{
 width:45%;
 height:0px;
 margin: 0px 2% 60px 0%;
 padding: 35% 0px 0px 0px;
 background-size: 100% auto;
 border:1px solid #d5d5d5;
}

.img_link_recruit a span{
 width:46%;
 height:0px;
 margin: 0px 1% 60px 1%;
 padding: 54% 0px 0px 0px;
 background-size: 102% auto;

}

.img_link_recruit2 a span{
 width:99%;
 height:0px;
 margin: 0px 1% 60px 1%;
 padding: 54% 0px 0px 0px;
 background-size: 102% auto;

}

.img_link_recruit_L a span{
 width:100%;
 height:0px;
 margin: 0px 1% 60px 1%;
 padding: 120% 0px 0px 0px;
 background-size: 102% auto;

}

.img_link2 a span{
 width:45%;
 height:0px;
 margin: 0px 2% 60px 0%;
 padding: 30% 0px 0px 0px;
 background-size: 100% auto;
 border:1px solid #d5d5d5;
}

.img_link_min a span{
 width:37.5%;
 height:0px;
 margin: 0px 2% 40px 0px;
 padding: 27.5% 0px 0px 0px;
 background-size: 100% auto;
 border:1px solid #d5d5d5;
}

.img_link_min2 span{
 width:50%;
 height:0px;
 margin: 0px;
 padding: 35% 0px 0px 0px;
 background-size: auto  100%;
}

.img_link_min3 span{
 width: 45%;
 height:0px;
 margin: 0px 2% 40px 0px;
 padding: 30% 0px 0px 0%;
 background-size: 100% auto;
 border:1px solid #d5d5d5;
}

.img_link_min4 a span{
 width: 42%;
 height:0px;
 margin: 0px 2% 40px 0px;
 padding: 32% 0px 0px 0%;
 background-size: auto 100%;
 border:0px solid #d5d5d5;
 background-position: left;
}

.img_link a span:hover,
.img_link2 a span:hover,
.img_link_min a span:hover{
 border: 1px solid #333;
}

.img_link_recruit a span:hover,
.img_link_recruit2 a span:hover,
.img_link_recruit_L a span:hover{

}

.img_link a span:hover,
.img_link_recruit a span:hover,
.img_link_recruit2 a span:hover,
.img_link_recruit_L a span:hover,
.img_link2 a span:hover,
.img_link_min a span:hover{
 background-color:#fefefe;
 color:#000;
 font-weight: bold;
 text-decoration:none;
 filter:alpha(opacity=80);
 -moz-opacity:0.80;
 -khtml-opacity: 0.80;
 opacity:0.80;
 z-index:0;
 background-size: 103% auto;
 transition: background-size .4s;
}

.img_link_min2 a span:hover{
 background-color:#fefefe;
 color:#000;
 font-weight: bold;
 text-decoration:none;
 filter:alpha(opacity=80);
 -moz-opacity:0.80;
 -khtml-opacity: 0.80;
 opacity:0.80;
 z-index:0;


}

.img_link_min3 a span:hover{
 background-color:#fefefe;
 color:#000;
 font-weight: bold;
 border: 1px solid #333;
 text-decoration:none;
 filter:alpha(opacity=80);
 -moz-opacity:0.80;
 -khtml-opacity: 0.80;
 opacity:0.80;
 z-index:0;
 background-size: 102% auto;
 transition: background-size .4s;
}


.img_link_min4 a span:hover{
 background-color:#fefefe;
 color:#000;
 font-weight: bold;
 text-decoration:none;
 filter:alpha(opacity=80);
 -moz-opacity:0.80;
 -khtml-opacity: 0.80;
 opacity:0.80;
 z-index:0;


}

/*img_link_wide
------------------------*/
.img_link_wide,
.img_link_wide2,
.img_link_wide3,
.img_link_wide4,
.img_link_wide5,
.img_link_wide6,
.img_link_wide7{
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 clear:both;
 display:block;
 overflow:hidden;
}

.img_link_wide a span,
.img_link_wide2 a span,
.img_link_wide3 a span,
.img_link_wide4 a span,
.img_link_wide6 a span,
.img_link_wide7 a span{
 background-position:top;
 background-repeat: no-repeat;
 background-color:#fefefe;
 font-family:Meiryo ,sans-serif;
 font-weight:normal;
 line-height:25px;
 float:left;
 text-align:left;
 color:#888;
 page-break-inside:avoid;
 font-size:12px;
}

.img_link_wide5 a span{
 background-position:top;
 background-repeat: no-repeat;
 background-color:#fefefe;
 font-family:Meiryo ,sans-serif;
 font-weight:normal;
 line-height:25px;
 float:left;
 text-align:left;
 color:#888;
 page-break-inside:avoid;
 font-size:12px;
}

.img_link_wide a span{
 background-size: 100% auto;
 width: 100%;
 height: 0px;
 margin: 0px;
 padding: 35% 0px 0px 0px;
}

.img_link_wide2 a span,
.img_link_wide3 a span{
 background-size: 100% auto;
 height: 0px;
 margin: 0px;
 padding: 65% 0px 0px 0px;
}

.img_link_wide2 a span{
 border:1px solid #d5d5d5;
 border-radius: 10px;
 width: 99%;
}

.img_link_wide3 a span{
 width: 100%;
}

.img_link_wide4 a span{
 background-size: 100% auto;
 width: 100%;
 height: 0px;
 margin: 0px;
 padding: 25% 0px 0px 0px;
}

.img_link_wide5 a span{
 background-size: 100% auto;
 width: 50%;
 height: 0px;
 margin: 0px;
 padding: 30% 0px 0px 0px;
}

.img_link_wide6 a span{
 background-size: 100% auto;
 width: 70%;
 height: 30px;
 margin: 0px;
 padding: 38% 0px 40px 0px;
}

.img_link_wide7 a span{
 background-size: 100% auto;
 width: 50%;
 height: 30px;
 margin: 0px;
 padding: 57% 0px 40px 0px;
}

.img_link_wide a span:hover,
.img_link_wide2 a span:hover,
.img_link_wide3 a span:hover,
.img_link_wide4 a span:hover,
.img_link_wide5 a span:hover,
.img_link_wide6 a span:hover,
.img_link_wide7 a span:hover{
 background-color:#fefefe;
 color:#f00;
 text-decoration:none;
 filter:alpha(opacity=80);
 -moz-opacity:0.80;
 -khtml-opacity: 0.80;
 opacity:0.80;
 z-index:0;


}

.img_link_wide2 a span:hover{
 border:1px solid #222;
}


/*img_link_map
------------------------*/
.img_link_map{
 margin:0px auto 20px auto;
 padding:0px 0px 0px 0px;
 clear:both;
 display:block;
 overflow:hidden;
}

.img_link_map a span{
 width: 400px;
 height: 0px;
 margin: 0px;
 padding: 550px 0px 0px 0px;
 background-size: 100% auto;
 background-position:center;
 background-repeat: no-repeat;
 background-color:#fefefe;
 border:1px solid #d5d5d5;
 border-radius: 10px;
 font-family:Meiryo ,sans-serif;
 font-weight:normal;
 font-size:12px;
 line-height:25px;
 float:left;
 text-align:left;
 color:#888;
 page-break-inside:avoid;
}

.img_link_map a span:hover{
 background-color:#fefefe;
 border:1px solid #222;
 color:#f00;
 text-decoration:none;
 filter:alpha(opacity=80);
 -moz-opacity:0.80;
 -khtml-opacity: 0.80;
 opacity:0.80;
 z-index:0;


}


/*file not found
------------------------*/

.top{
 width: 100%;
 text-align: center;
 margin: 0px 0px;
 padding: 50px 0px;



}






/*Google翻訳
------------------------*/
#google_translate_element{
 margin: -15px 0px;
 padding: 0px 0px 0px 20px;
 display: block;
 width: 70%;
 text-align: left;
}

#google_translate_element img{
 zoom: 100%;
}

.goog-te-gadget-simple{
 font-family:Meiryo, Arial, Helvetica, sans-serif;
 font-size: 13px;
 margin: 0px;
 padding-left: 5px;
 line-height: 25px;
}

iframe.goog-te-banner-frame{
 width: 100%;
 top: 60px;
 zoom: 80%;
}

.goog-te-gadget .goog-te-combo{
 padding: 3px;
 width: 125px;
}


/*その他
------------------------*/
.expo_title{
 background-color: #182e72;
 color: #fff;
 margin: 0px;
 padding: 20px 10px 20px 10px;
 font-size: 28px;
}

.back{

}


.inner_contact {
 background-color: #f5f5f5;
 padding: 5px 30px 30px 30px;
}

table.table-contact01 {
margin-top: -10px;
}






input.contact_input {
line-height: 25px;
width: 95%;
}

textarea.contact_text {
width: 95%;
}

input.entry_input {
line-height: 25px;
width: 95%;
}

td.td-contact01 {
height: 50px;
min-width: 100px;
max-width: 135px;
text-align: left;

}

td.td-contact02 {
width: 85%;
}

input.send {
width: 35%;
max-width: 160px;
padding: 5px;
margin-right: 20px;
}



.say {
    margin: 2.5rem 0;
}

.say {
    display: table;
    overflow: hidden;
    width: 100%;
    margin: 1.5em 0;
}

.say p {
    margin: 0;
}

.entry-content p {
    line-height: 2;
    margin: 0 0 2rem;
}

.entry-content p {
    margin: 0 0 1.5em;
}

.faceicon {
    width: 17%;
}

@media only screen and (min-width: 481px)
.faceicon {
    width: 130px;
}

.faceicon {
    display: table-cell;
    width: 160px;
    padding-right: 20px;
    text-align: left;
    vertical-align: top;
}

.faceicon img {
    border: solid 4px #d6bfad;
    margin-bottom: 0;
}
.faceicon img {
    width: 100%;
    height: auto;
    border: solid 3px #eaedf2;
    border-radius: 50%;
}
.entry-content img {
    max-width: 95%;
    height: auto;
}








.faceicon span {
    font-size: .875rem;
}
.faceicon span {
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
    line-height: 1.4;
    display: block;
}


.chatting {
    padding-top: 0;
}
@media only screen and (min-width: 481px)
.chatting {
    padding-top: 15px;
    width: calc(100% - 130px);
}
.chatting {
    display: table-cell;
    position: relative;
    width: calc(100% - 100px);
    font-size: .95em;
    vertical-align: top;
}

.sc,.sc-b {
    font-weight: bold;
    border: none;
    background: #eee;
}

@media only screen and (min-width: 768px)
.sc {
    padding: 20px;
}

.sc,.sc-b {
    display: inline-block;
    text-align: left;
    padding: 13px;
    border-radius: 12px;
    word-break: break-word;
}

.sc {
    border: solid 2px #dbdbdb;
    background: #dbdbdb;
}

.sc-b {
    border: solid 2px #fddada;
    background: #fddada;
}

.sc:before {
    border-right: 1rem solid #eee;
}

@media only screen and (min-width: 481px)
.sc:after, .sc:before,.sc-b:after, .sc-b:before {
    top: 30px;
}
.sc:before,.sc-b:before {
    display: inline-block;
    position: absolute;
    top: 18px;
    left: -23px;
    border: 12px solid transparent;
    content: "";
}
.sc:before {
    border-right: 12px solid #dbdbdb;
}
.sc-b:before {
    border-right: 12px solid #fddada;
}

.entry-content ul, .entry-content ol {
    border-radius: 10px;
}
.list-raw ol, .list-raw ul, .memo ol, .memo ul, .sc ol, .sc ul, .sng-box ol, .sng-box ul {
    margin: 5px 0;
    padding: 0 0 0 1.4em;
    border: none;
    box-shadow: none;
    background: 0 0;
}
.entry-content ul {
    list-style-type: disc;
}

.entry-content li {
    padding: 5px 0;
}

iframe.youtube_message {
width: 100%;
aspect-ratio: 5/3;
}


.inner_recruit {
 min-width:420px;
 width:70%;
 max-width: 990px;
 margin: 0px auto;
 padding: 0px 5%;
 text-align:left;
 min-height: 320px;
 background-image: url(/archive/spn/recruit/img/back_image_scroll.jpg);
 background-size: 100% auto;
}

.inner_recruit img{
 zoom: 100%;
}

.blank {
 background-color: #fff;
 width: 100%;
 margin-top: -10px;
 aspect-ratio: 4/3;
}

#main_recruit {
 margin: 0px auto;
 padding: 0px 0px;
 color: #333;
 text-align: center;
 background-image: url(/archive/spn/recruit/img/back_image_fix.png);
 background-size: auto;
 background-attachment: fixed;


}

.end_recruit {
 margin: 0px 0px 0px 0px;
 border-top:1px solid #bbb;
 padding:5px 0px;
 text-align:center;
 clear: both;
 word-spacing: 10px;
 background-color:#fff;
}

.copy_recruit {
 color:#fff;
 padding: 100px 0px 10px 0px;
 font-weight:normal;
 margin:0px;
 text-align:center;
}

.end_recruit,.copy_recruit {
 font-size: 14px;
 line-height: 30px;
 min-width: 1000px;
 opacity: 0.95;
}

iframe.youtube_message {
 margin-bottom: -10px;
}

.stories_inner {
 background-color: #0070C0;
 padding: 30px 30px 0px 30px;
margin-bottom: 0px;
}

.stories_inner_episode {
 background-color: #fff;
 padding: 30px;
}

.recruit_flow,
.entry_recruit {
 background-color: #fff;
 padding: 20px 5%;
 margin: 0px 0px -20px 0px;
}

.skiptranslate {
 margin-bottom: -40px;
}

iframe#\:1\.container {
 display: none;
}


.button_recruit {
 background-color: #fff;
 margin: 0px 0px;
 padding: 5px 0px;
}

.button_recruit a {
 background-image: url(/archive/spn/recruit/img/button_recruit.jpg);
 background-size: auto 100%;
 background-repeat: no-repeat;
 text-align: center;
 display: inline-block;
 padding: 30px 70px;
 margin: 10px;
 color: #fff;
}

.button_recruit a:hover {
 color: #000;
}

.rikunabi {
 margin: 0px 0px 0px 0px;
 padding: 10px 15px;
 background-color: #fff;
}