.txt_c {text-align:center}
/*---------------------top_menu-----------------------*/
.fixed {
position: fixed;
top: 0;
z-index: 1000;
border-bottom:1px solid #ccc;
}
* html .fixed {
position: absolute;
top: expression(eval(document.documentElement.scrollTop-55));
z-index: 9000;
}
#top_menu{
background:white;
width:100%;
}
#top_menu ul {
width:85%;
max-width: 1280px;
margin: 0 auto;
overflow: hidden;
_zoom: 1;
}
@media only screen and (max-width: 1280px){
#top_menu ul{width:100%;max-width: 1100px;}
}
#top_menu ul li {
list-style-type: none;
float: left;
width:9.090909090909091%;
}
a #top_menu ul li {
display: block;
overflow: hidden;
position: relative;
}
#top_menu li p img{width:100% !important;margin:0;}
#top_menu li{position:relative;}
.bton img{
position: absolute;
z-index:50;
}
.btoff img{
position:relative;
z-index:10;
display: block !important;
opacity:1 !important;
}
a .bton{display: none}
a:hover .bton{opacity:1}
a:hover .bton{display: block !important;}
@media only screen and (max-width: 767px){
#top_menu{display:none}
}

/*-------------202010--------------*/

.telop {
margin:0.4em 0.5em;
overflow:hidden;
}
@media only screen and (max-width: 640px){
.telop {
margin:0.9em 0.5em 0.3em;
overflow:hidden;
}
}
.telop p {
margin:0;
animation: flowing 30s linear infinite; 
transform:translateX(100%);/*最初の位置*/
}
.telop ul {
margin:0;
padding-left:100%;
display : inline-block;
white-space : nowrap;
animation :flowing 40s linear infinite;
transform:translateX(0);
}

.telop ul li {
display:inline;
margin:0 50px 0 0;
font-size:14px;
color:#333;
}
.telop a:visited,.telop a:link {
text-decoration: none;
color: #113aaf;
}
@keyframes flowing {
100% {
transform:translateX(-100%);/*終了の位置*/
}
}
/*-------------201904--------------*/
a:visited,a:link{color:#113aaf}


#btn,#btn2,#btn3,#btn4{display:block;cursor: pointer;}
#btn3 img:hover,#btn4 img:hover{opacity:0.8}
#overlay,#overlay2{
display: none;
width: 100%;
height:100%;
text-align: center;
position: fixed;
top: 0;
z-index:10020;
}
#overlay div.txt{
display: none;
position:absolute;
z-index:10030;
width:50%;
width:60%\9;
height:100%;
height:90%\9;
top:0;
background: url(/top_n2/brand_txt.png) no-repeat;
background-size:cover;
background-size:auto \9;
background-position:center center;
animation: AnimationTxt 3s ease;
}
@keyframes AnimationTxt{ 0% {opacity: 0;} 100% {opacity: 1;}}
#overlay div.ash{
position:absolute;
z-index:10025;
width:60%;
width:80%\9;
height:100%;
height:150%\9;
top:0;
left:40%;
background: url(/top_n2/ashida2021.png) no-repeat;
background-size:cover;
background-position:center center;
-webkit-transition: all 3s ease-out;
-moz-transition: all 3s ease-out;
-ms-transition: all 3s ease-out;
transition: all 3s ease-out;
}
@media only screen and (max-width:1024px){
#overlay div.ash{left:45%}
}
@media only screen and (max-width:980px){
#overlay div.ash{left:50%}
}
@media only screen and (max-width:768px){
#overlay div.txt{top:25%;width:100%;
background: url(/top_n2/brand_txt2.png) no-repeat;
background-size:contain}
#overlay div.ash{width:80%;left:45%}
}

#overlay div.bak{
z-index:10000;
width:100%;
height:100%;
background: #abd6f2;
background: -moz-linear-gradient(top,#abd6f2 0%, #f7f7f7 100%);
background: -webkit-linear-gradient(top,#abd6f2 0%,#f7f7f7 100%);
background: linear-gradient(to bottom,#abd6f2 0%,#f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abd6f2', endColorstr='#f7f7f7',GradientType=0 );
background:url(/top_n2/brand2021.jpg) no-repeat;
background-size:cover;
-webkit-transition: all 3s ease-out;
-moz-transition: all 3s ease-out;
-ms-transition: all 3s ease-out;
transition: all 3s ease-out;
}
#overlay2{
background: url(/top_n2/ashida_2021s2.jpg) no-repeat;
background-size:cover;
background-position:center center;
}
@media (max-width: 600px){
#overlay2{
background: url(/top_n2/ashida_2021s.jpg) no-repeat;
background-size:cover;
background-position:center center;
}
}

#overlay div.ash:hover{
-moz-transform: scale(1.04);
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}

#close{text-align:right;
background:url(/top_n2/close.png) no-repeat 10px center;
width: 60px;
height:60px;
top:0;
float:right;
margin:1em 1.6em;
cursor: pointer;
z-index:16000;
}
#close2{text-align:right;
background:url(/top_n2/close.png) no-repeat center;
background-size:100%;
width: 40px;
height:40px;
top:0;
float:right;
margin:0.6em 0.6em;
cursor: pointer;
}
#close:hover,#close2:hover{opacity:0.6}
/*----------------------------*/

body{width:100%;max-width:100%}
img, .icon {margin:0}
#container,#imageDataContainer{
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","Helvetica",sans-serif !important;
}
.site-header-fixture{width:100%;border-top:1px solid #ccc}
/*--------------------------------*/
img {-webkit-backface-visibility: hidden;}
.cell{margin:6px 10px}
/*--------------------------------*/
.m_top05{padding-top:0.5em !important}.m_top1{padding-top:1em !important}
.m_bot05{padding-bottom:0.5em !important}.m_bot1{padding-bottom:1em !important}

.bg_white{background:white !important}
.bg_gray{background:#666;color:white}

a h2{-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border-radius: 6px;}

/*--------------------------------*/
/*#top_bg{line-height:0;
background:#f2f2f2;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f3f3));
background-image: linear-gradient(to bottom, #fcfcfc 0%, #f3f3f3 100%);
background-repeat: repeat-x;
background-position: left top;
box-sizing:border-box;
padding:0 !important;
border-bottom: 1px solid #eee;
height:auto;
max-height:none}*/
/*--------------------menu-top----------------------*/

.bg-corpgreen{background:#b2b900}
h2.bg-corpgreen{color:white}
.bg-corpred{background:#cb3054}
h2.bg-corpred{color:white}
li h2.bg-corpgreen,li h2.bg-corpred{font-weight:bold;width:120px;letter-spacing:0.05em;}

.site-header .nav a.right,.site-footer .nav a.right{padding:3px 5px 0 !important}
.nav li h1{margin-right:6px}
.nav li h2{padding:0.85em 6px 0.6em 0px;margin-left:6px}/*.nav li h2{margin-left:12px}*/
.nav li#c012 h2{letter-spacing:0.1em;line-height:1.0em;padding:0.5em 6px 0.06em 0px;margin-left:6px}
.nav li#c012 h2 span{letter-spacing:-0.05em;font-size:90%;font-weight:500}
.nav li.right h2{margin-left:0;margin-right:0}
.footer_map {background: #585858 !important;color:#ddd;font-size:80%}
.footer_map a{color:#ddd}
.footer_map a:hover,ul.footer_menu a:hover li{color:white;text-decoration:underline}
.footer_map .nav li.right h2{color:white}
.footer_map .nav li.right a:hover h2,.footer_map .nav li.right a:hover{text-decoration:none !important}
.footer_map dt,.footer_map dd{margin:0;padding:0}
.footer_map dt{font-size:130%;font-weight:bold;padding-bottom:0.3em}
.footer_map dd{padding-top:0;font-size:115%;padding-left:6px;line-height:0.3em\9}
@media only screen and (max-width:1024px){.footer_map dd{font-size:95%;text-indent:0;letter-spacing:-0.05em}}

.footer_map dd span{padding-top:10px;font-size:80%;margin-left:-6px;line-height:1.4em}
.footer_map hr{margin:0.4em 3em 0.4em 0;border:1px solid #727272 !important;border-bottom:none !important;margin:1em 3em 0em 0\9;}
ul.footer_menu{padding:1em 0;margin:0;display:block;float:left;list-style: none;width:100%;/*background:#aaa*/}
ul.footer_menu li{font-size:120%;padding:0.3em 0;margin:0 1.5em 0 0 !important;float:left;}

/*--------------------main_visual----------------------*/
.main_visual{width:100%;height:auto;box-sizing:border-box}
.main_visual video{width:100%;height:40.625vw !important;margin:0 !important}
@media only screen and (max-width: 767px){.main_visual video{height:62.8125vw !important}}

/*--------------------slider----------------------*/
ul.slider1{margin:0 !important}
ul.slider1 li img{margin-bottom:0 !important}
.slider1 a:hover img{filter:alpha(opacity=80);opacity:0.8;}


/*--------------------bnr_box----------------------*/
#bnr_box a:hover img{filter:alpha(opacity=90);opacity:0.9;}
#bnr_box img{margin:0}
/*-------------------release-----------------------*/
#release_box{padding:1.5em 0 1em;text-align:center;box-sizing:border-box}
#release_box h3{padding:0 !important}
/*------------------------------------------*/




a,a:hover{text-decoration:none;}
.arr{
background: url('/images/arrow_r.png') no-repeat;
position: relative;
float:right;
right:0;top:50%;
margin-top: -6px;
width: 24px;
height: 24px;
}

/*------------------------pagetop--------------------------*/
#pageTop {position:fixed;bottom: 32px;right: 16px;z-index:999;}
#pageTop a {
display: block;
z-index: 999;
padding: 0;
border-radius: 30px;
width: 34px;
height: 34px;
background-color: #888;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
opacity: 0.90;
}

#pageTop a:hover {
text-decoration: none;
opacity: 0.7;
}
#pageTop span{font-size:40px;margin-top:6px !important}

/*----------------------------------------*/
/* bottom */
/*----------------------------------------*/

#bottom_box{
background-color:#adadad;
text-align:center;
}
#to_top{
margin:0 auto;
width:50px;
height:50px;
background-image: url(/top_n2/to_top.gif);
}
a:hover #to_top,a:active #to_top{background-position: 0px -50px;}


/*---------------------footer-----------------------*/
.site-footer {
background-color: #fff;
}
@media only screen and (max-width: 767px){div#footer-area{background:none}}
#footer-area div.cell{margin:10px 0 0}
#bottom_box{
background:#ADADAD;
width:100%;
margin:0 auto;
}

/*
#copyright {
margin: 0 auto;
background: #fff url(/common_n/images/footer/copyright2.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center !important;
max-width:290px;
width:100%;
}
*/

/*---------------smp nav----------------*/
nav{border-top:1px solid #b2b900;/*height:40px !important*/}
nav ul{width:100%;margin:0;padding:0;background:#eee;height:45px;list-style: none;}

ul#headerNav_1of2 li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table;
width: 50%;
height: 36px;
float: right;
outline:none;
}
ul#headerNav_1of3 li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table;
width: 33.333333%;
height: 36px;
float: right;
outline:none;
}
ul#headerNav_1of4 li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table;
width: 25%;
height: 36px;
float: right;
outline:none;
}

ul#headerNav_1of2 li a, ul#headerNav_1of3 li a, ul#headerNav_1of4 li a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table-cell;
width: 100%;
height: 100%;
font-size: 12px;
text-decoration: none;
color: white;
vertical-align: middle;
font-weight: bold;
text-align: center;
height:20px;
}
a#headerNav00,a#headerNav01,a#headerNav02 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-size: 11px 11px;
-webkit-background-size: 11px 11px;
}
a#headerNav00 {
background: #eee;
color: #444 !important;
text-align:left !important;
}
a#headerNav01 {
background: #abb315;
border-left: 1px solid white;
}
a#headerNav02 {
background: #9d394c;
border-left: 1px solid white;
}
a#headerNav03 {
background: #a0a0a0;
line-height:1.0em;
}

ul#headerNav_1of2 li.headerNaviMenu .headerNav00R, ul#headerNav_1of3 li.headerNaviMenu .headerNav00R, ul#headerNav_1of4 li.headerNaviMenu .headerNav00R {
display: table-cell;
vertical-align: top;
padding-top: 10px;
font-weight:bold;
}
ul#headerNav_1of2 li.headerNaviMenu .headerNav00R .gico_update, ul#headerNav_1of3 li.headerNaviMenu .headerNav00R .gico_update, ul#headerNav_1of4 li.headerNaviMenu .headerNav00R .gico_update {
width: 40px;
}
ul#headerNav_1of2 li.headerNaviMenu #headerNav00 div, ul#headerNav_1of3 li.headerNaviMenu #headerNav00 div, ul#headerNav_1of4 li.headerNaviMenu #headerNav00 div  {
/*display: inline;*/
}
ul#headerNav_1of2 li a img, ul#headerNav_1of3 li a img, ul#headerNav_1of4 li a img {
vertical-align: middle;
}
.headerNav00L img{
height:40px;
margin-bottom:0;
}


/*----------------------smp head---------------------*/

nav, .smp_head,.smp{display:none !important}

/*--------------------------------------------------------*/
.left{text-align:left}
.long{letter-spacing:-0.1em}
.long2{letter-spacing:-0.05em}
.caption{font-size:85%}

@media only screen and (max-width: 767px){
.width-1of3{width:50%}
}

/*----------------*/
.cells{margin:10px}
sup {font-size:80%}

@media only screen and (max-width: 640px){
.cells{margin:0}
.width-1of3{width:100%}

}




/*---------------------responsive-----------------------*/
.site-center{width:100%}

@media (min-width:1281px){
.site-center{width:95%;max-width:1280px;}
#top_menu ul {width:95% !important;max-width: 1280px !important;}
}
@media (max-width:1280px){
.site-center{width:95%;max-width:1180px}
#top_menu ul {width:95% !important;max-width: 1180px !important;}
}
@media (max-width:1200px){
.site-center{width:100%;max-width:1100px}
#top_menu ul {width:100% !important;max-width: 1100px !important;}
}

@media print, screen and (max-width:1024px){
.site-center{width:100%;max-width:980px}
.cell{margin:2px 6px !important}
ul.footer_menu li{font-size:100%}
#top_menu ul {width:100% !important;max-width: 980px !important;}
}
@media only screen and (max-width:979px){
ul.footer_menu li{font-size:100%}

.cell{margin:10px !important}
.arr{margin-top:4px}
}
@media only screen and (max-width: 767px){
.site-center{width:100%}
.highlights{margin:0 !important}
.sitemenu,.pc,#crumb{display:none !important}
nav, .smp_head,.smp{display:block !important}
.width-1of4{width:50% !important}
.width-1of6{width:33.33%}
.arr{margin-top:0px;width: 18px;height: 18px;background-size:100%;}
.width-1of3 .cell{margin:6px;}
#footer-navigation{display:none}
.ui-btn-inner {
padding: .2em;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
position: relative;
zoom: 1;
}
.ui-btn {
display: block;
text-align: center;
cursor: pointer;
position: relative;
margin: .5em;
padding: 0.3em;
}
.ui-btn-text {position: relative;z-index: 1;font-weight: bold;}
.button span{margin:0 !important}
.button img{box-sizing: border-box;width:100%;margin:0 !important}
.ui-btn-corner-all {-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;}
.ui-shadow {box-shadow: none;}

}

.slider{display:block}
.slider_s{display:none}

@media only screen and (max-width: 767px){
.slider{display:none !important}
.slider_s{display:block !important}
}

@media only screen and (max-width: 600px){
ul.footer_menu li{font-size:80%}
.site-footer{font-size:130%}
.site-footer .width-1of5{width:100%;box-sizing:border-box}
.site-footer .width-2of5{width:100%;box-sizing:border-box}
.site-footer .width-1of2{width:50%;box-sizing:border-box}
.width-1of6{width:33.33%}
.footer_left,.footer_right{width:50% !important}
.footer_left{float:left !important}
.footer_right{float:right !important}
.width-1of2{width:100%}
.width-1of4{width:100% !important}
nav, .smp_head,.smp{display:block !important}
.site-body {font-size:14px}
.slider{display:none}
.slider_s{display:block}
}

.width-1of5 img{width:100%}



/*--------------------------スマホ他------------------------------*/

#fancybox-frame html{text-align:center !important}
a:hover #bnr{opacity:0.8}


/* ----- header-inner-container ----- */
#header-inner-container{
position:relative;
top:28px;
width:244px;
height:18px;
}

/* --------- header-menu --------- */
#header-menu{
height:18px;
float:right;
width:680px;
line-height:0;
}
#header-menu ul{
margin:0;
padding:0;
list-style:none;
float:right;
}
#header-menu li{
margin:0;
padding:0;
display:inline;
font-size:0px;
float:right;
}
#header-menu li a{
display:block;
padding:0;
height:18px;
text-decoration:none;
text-indent:-9999px;
}

/* --------- recruit --------- */
#header-menurecruit{
width:79px;
background:url(/top_n2/header_menu.gif) 0 0;
}
#header-menurecruit a:hover{
width:79px;
background:url(/top_n2/header_menu.gif) 0 -18px;
}
#header-menurecruitOn{
width:79px;
background:url(/top_n2/header_menu.gif) 0 -18px;
}
/* --------- sitemap --------- */
#header-menu03{
width:99px;
background:url(/top_n2/header_menu.gif) -79px 0;
}
#header-menu03 a:hover{
width:99px;
background:url(/top_n2/header_menu.gif) -79px -18px;
}
#header-menu03On{
width:99px;
background:url(/top_n2/header_menu.gif) -79px -18px;
}

/* --------- english --------- */
#header-menuenglish{
width:66px;
background:url(/top_n2/header_menu.gif) -178px 0;
}
#header-menuenglish a:hover{
width:66px;
background:url(/top_n2/header_menu.gif) -178px -18px;
}
#header-menuenglishOn{
width:66px;
background:url(/top_n2/header_menu.gif) -178px -18px;
}


/*-----------------area_box-------------------*/


#area_box{
height:auto;
width:100%;
/*max-width:1260px;*/
margin:0 auto;
margin:0;
}
#area_box table{background:none;width:100%}

#area_box td{
padding-top:0;
padding-bottom:6px;
width:16.66666666666667%;
text-align:center;
font-size:14px;
line-height:1.6em;
}

#area_box td img#icons{width:100%}
#area_boxul{margin-top:0.6em}
#area_box li{
/*list-style-image:url('/top_n2/area_link.gif');*/
list-style-position: inside;
padding:0;
margin:0;
font-size:110%;
}





#event_box {
padding: 10px 5% 10px;
background-color: #f1f0de;
text-align: center;
z-index: 200;
}
#event_box img,#release_box img,#news_box img,#osusume_box img{float:none}
#release_box {
padding: 20px 0 10px;
background-color: #fff;
text-align: center;
}


#ttl {
position: relative;
top: 0;
left: 43px;
}
#backno {
position: relative;
top: 27px;
float:right;
right:5%;
z-index: 100;
}
.newstext{vertical-align:middle;line-height:1.3em}
#backno:hover img {filter: alpha(opacity=70);opacity: 0.7;}

#news_box {
padding: 20px 0 10px;
background-color: #eee;
text-align: center;
}
#news_box table{background:none}

@media only screen and (max-width: 1160px){
#inner{margin:0 15px}
}
@media only screen and (max-width: 768px){
#inner{margin:0 6px}
.date{font-weight:bold;padding-left:0;font-size:105%;color:#444;}
.newstext{padding-right:0}
}

#osusume_box {
padding: 10px 0 10px;
background-color: #fff;
text-align: center;
z-index: 300;
}

a {
-webkit-tap-highlight-color:#aaa;
}

/*---------------bt group------------------*/

#group{
height:auto;
margin:-1em auto 1em;
text-align:center;
}

#group li {
width:250px;
margin: 0 0 0.6em !important;
padding:0 !important;
display:inline-block; 
}
#group li img{width:100%;margin:0 !important;height:auto;}
#group a {
display: block;
text-indent:-9999px;
}
#group li:hover{
background-color:#eff3be;
}
@media (max-width: 1350px){
#group li{width:19% !important;}
}
@media (max-width: 1200px){
#top_group{width:100%;}
#group li{width:23% !important;}
}

@media (max-width: 912px){
#group li{width:29% !important;}
}


@media (max-width: 767px){
.width-1of3{width:50%}
#group{margin:-1.5em auto 1em;width:250px;max-width:100%}
#group li{width:100% !important;}
}
@media only screen and (max-width: 640px){
.width-1of3{width:100%}
}

.tablet{display:none}

.cell img{width:100%}
#header-area{z-index:10}

#auto-play-video{
	margin:-8.35% 0 -9%;
	overflow: hidden;
	width:100%;
	z-index: -1;
}
.smp #auto-play-video,#auto-play-videos{
	margin:-16.5% 0 0%;
	overflow: hidden;
	width:100%;
	z-index: -1;
}



@media only screen and (min-width: 768px){
.slider{display:block}
.slider_s{display:none}
}
@media only screen and (max-width: 767px){
.slider{display:none !important}
.slider_s{display:block !important;overflow:hidden}

}
@media only screen and (max-width: 414px){
.site-footer{font-size:85%}

}

/*----------------slick slider-----------------*/
.sl{margin:0 -25%;width:150%;}
.slider_l {margin:1.2em auto;max-width:1920px;width:100%;}
.slider-img {margin:0 10px;}
.slider-img img {height:auto;width:100%;}
.slider-img img:hover{opacity:0.8}
.slide-arrow {border: none;bottom: 0;margin: auto;position: absolute;top: 0;}
.prev-arrow {background: url('/common_n/slick/controls.png') no-repeat 0 -32px;margin-left:calc((100% - 1334px) / 2);}
.prev-arrow:hover{background: url('/common_n/slick/controls.png') no-repeat 0px 0;}
.next-arrow {background: url('/common_n/slick/controls.png') no-repeat -43px -32px;right:calc((100% - 1334px) / 2);}
.next-arrow:hover{background: url('/common_n/slick/controls.png') no-repeat -43px 0px;}
.slider_l button {width: 32px;height: 32px;z-index: 99;}
.slick-prev, .slick-next {z-index: 1;}
.slick-prev:before, .slick-next:before {color: #000;}
.slick-dots li button:before{font-size:16px !important}
.sl_inner{position:relative}
@media only screen and (max-width: 1380px){
.sl{margin:0 15% 0 -15%;width:130%}
.prev-arrow{left:15%;margin-left:0;}
.next-arrow{right:15%}
}
@media only screen and (max-width: 767px){
.sl{margin:0 5% 0 -5%;width:110%}
.prev-arrow{left:14%;margin-left:0;}
.next-arrow{right:14%}
}
@media only screen and (max-width: 420px){
.prev-arrow{left:12.5%;margin-left:0;}
.next-arrow{right:12.5%}
}
/*---------------top-wrapper box------------------*/
.top-wrapper{margin:0.3em}
.boxed{margin:0.3em;box-shadow: 2px 2px 4px #aaa;}
a .boxed{color:#333}a:hover .boxed{color:#1165b9}
.box_title{
text-align: center;
font-size: 100%;
padding: 6px 0;
background: #e1e1e1;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#d8d8d8));
background-image: linear-gradient(to bottom, #ececec 0%, #d8d8d8 100%);
background-repeat: repeat-x;
background-position: left top;
height: auto;
line-height: 1em;
}
a:hover .box_title{
background: #e7e7e7;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fde6f3), to(#efcbe0));
background-image: linear-gradient(to bottom, #f9eaf1 0%, #e8d2e0 100%);
}
.box_title h3{font-size:130%;margin:-0.1em 0;text-align:center;font-weight: bold;}
.box_title p{margin:-0.1em 0;text-align:center;font-weight: bold;}
#bsc {
display:table-cell;
width:65%;
float:left;
box-sizing: border-box;
-webkit-transition: all .9s ease-out;
-moz-transition: all .9s ease-out;
-ms-transition: all .9s ease-out;
transition: all .9s ease-out;
}
#bsc img {z-index:100;width: 100%;transform:scale(1.01);}
a:hover #bsc,a:hover #bsc :after,a:active #bsc,a:active #bsc :after{opacity:1.0;transform:scale(1.04);filter: invert(26%) sepia(0%) saturate(130%) hue-rotate(0deg) brightness(110%) contrast(190%);}
#bsc a:hover p{transform:scale(1.0);}
a:hover .box_info{background:#555555}
.pic_box {
position: relative;
width: 100%;
padding:0;
overflow:hidden !important;
/*display:table;*/
}
.pic_box:before {content:"";display: block;padding-top: 40%;}
.pic_box div {position: absolute;top: 0;}
.box_info{font-size:1em;z-index:101;right: 0;background: #666;top: 0;height: 100%;width: 38%;color: white;float:right !important; display:table-cell;vertical-align:middle;}
.box_info p{text-align:left;width:90%;padding:0;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);}

@media only screen and (max-width: 1280px){
#bsc{width:60%}
.box_info{width:40%}
}

@media only screen and (max-width: 1040px){
#bsc img {transform: translateY(-10%) scale(1.01);}
.top-wrapper .width-1of3{width:50%}
.pic_box:before {padding-top: 38%;}
#bsc img {z-index:100;width: 100%;transform:translateY(-4%) scale(1.01);}

#bsc{width:65%}
.box_info p{width:80%;}
.box_info{width:35%;font-size:1.05em;}
}
@media only screen and (max-width: 860px){
.box_info{font-size:0.9em;}
}
@media only screen and (max-width: 767px){
.top-wrapper .width-1of3{width:100%}
.box_info{font-size:1em;}
.pic_box:before {padding-top: 40%;}
#bsc img {z-index:100;width: 100%;transform:translateY(-2%) scale(1.01);}

}
/*---------------area_box------------------*/
#area_box a img:hover{opacity:0.9}
#area_box table td{vertical-align:middle}
#area_box{text-align:center}
#area_box:before{padding-top:0%}
#area_box td img{margin:0 auto;float:none}

/*-----------------pict---------------------*/
ul.pict6,ul.pict7,ul.pict8,ul.sns_bt {
list-style:none;
width:100%;
margin:2em auto 2em;
padding:0;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
ul.pict6,ul.pict7,ul.pict8{
/*margin:0 -2% !important;
width:104%;*/
float:none !important;
/*justify-content:space-between;*/
}
ul.pict6 h3,ul.pict7 h3,ul.pict8 h3{line-height:1em;margin:0;padding:0}
ul.pict6 li,ul.pict7 li,ul.pict8 li {
list-style: none;
margin-top: 0.5em;
margin-bottom: 0.5em;
position: relative;
background:none;
line-height:1em;
}
ul.pict6 li{width:20%;} ul.pict7 li{width:14.2857%;} ul.pict8 li{width:12.5%;}
ul.pict7 li img{width:84%;margin:0 8%;}
ul.pict8 li img{width:94%;margin:0 3%;}
.circle6,.circle7,.circle8 {
display: table-cell;
height: 100%;
border-radius: 50%;
position: absolute;
	left:0;
	top: 0;
transform: scale(0.7,0.7);
z-index: 0;
transition: all 0.4s ease-in-out;
background-color: #ffffff;
}
.circle6{margin:0 14%;width:72%;}
.circle7{margin:0 8%;width:84%;}
.circle8{margin:0 3%;width:94%;}
.sns_bt{width:100%;max-width:700px;margin:1em auto !important}
.sns_bt li{width:16.6666%}
.sns_bt li img{width:100%}
@media only screen and (max-width: 768px){
ul.pict6 li{width: 25%;}ul.pict7 li{width: 25%;}ul.pict8 li{width: 25%;}
ul.pict6 li.pc2{display:none}
}
@media only screen and (max-width: 600px){
.topics_pic{width:28%;}/****/
.topics_txt{width:72%;background:#eee}
ul.pict6 li{width: 50%;}ul.pict7 li{width: 25%;}ul.pict8 li{width: 25%;}
ul.pict6 li img{width:90% !important;margin:0 5%;}
ul.pict7 li img{width:90% !important;margin:0 5%;}
ul.pict8 li img{width:94% !important;margin:0 3%;}
.circle6{margin:0 17.5%;width:66%;}
.circle7{margin:0 5%;width:90%;}
.circle8{margin:0 3%;width:94%;}
.sns_bt{width:96% !important}
.sns_bt li{width:28.3333%;margin:0.5em 2.5%}
}

.pic6 li,.pic7 li,.pic8 li {
	text-align:center;
	position: relative;
display: table;
margin:0.5em 0;
}
.pict6 li a,.pict7 li a,.pict8 li a {
position: relative;
z-index: 10;
text-decoration: none;
}
.pict6 li a:hover + .circle6,.pict7 li a:hover + .circle7,.pict8 li a:hover + .circle8 {
-moz-transform: scale(1,1);
-webkit-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
background-color: #c9d3ef;
}

img.sns1,img.sns2,img.sns3,img.sns4,img.sns5,img.sns6{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
img.sns1:hover{filter: invert(4%) sepia(45%) saturate(220%) hue-rotate(355deg) brightness(118%) contrast(330%);}
img.sns2:hover{filter: invert(3%) sepia(40%) saturate(450%) hue-rotate(190deg) brightness(100%) contrast(200%);}
img.sns3:hover{filter: invert(3%) sepia(0%) saturate(400%) hue-rotate(0deg) brightness(80%) contrast(330%);}
img.sns4:hover{filter: invert(0.5%) sepia(15%) saturate(800%) hue-rotate(299deg) brightness(98%) contrast(330%);}
img.sns5:hover{filter: invert(2%) sepia(16%) saturate(800%) hue-rotate(260deg) brightness(100%) contrast(320%);}
img.sns6:hover{filter: invert(0.5%) sepia(17%) saturate(700%) hue-rotate(60deg) brightness(121%) contrast(320%);}

/*-------------------smp------------------*/


#arrow {
vertical-align: middle;
margin: 0px 0 4px 4px;
display: inline !important;
float: none;
}
.menu a{line-height:2em;font-weight:bold}
.menu a:hover{color:#1444bb}
.menu li a img{
display: inline !important;
float: none;
}

.menu li a{font-weight:bold}

.menu li#sub1c a {background-color: #EEE;color:#00757c;}
.menu li#sub1f span,.menu li#sub1c span{font-size:90%;font-weight:bold;}
.menu li#sub1d a {background-color: #EEE;color:#1f8a50;}
.menu li#sub1e a {background-color: #EEE;color:#c5460f;}
.menu li#sub1sumai a {background-color: #EEE;color:#c93a59;}
.menu li#sub1f a {background-color: #EEE;color:#b43832;}
.menu li#sub1g a {background-color: #EEE;color:#8b376c;}
.menu li#sub1h a {background-color: #EEE;color:#0423a9}


.menu li#sub1_eco a:hover{opacity:0.9}
.menu li#kaiga a{height:auto;padding:0;background-color:#eee;}
.menu li#kaiga a:hover{background-color:#fff;}
#li{color:#00ae00}
#fb{width:26px;height:26px}
#is{color:#CF2E92}



/*-------------------print------------------*/

@media print {
html{background:white;zoom:90%}
body{padding:0;margin:0;
width: 1480px !important;
transform: scale(1.0);
-moz-transform: scale(1.0);
-webkit-transform: scale(1.0);
transform-origin: 0 0;
}
.site-center{width:1280px !important}
.cell{padding:0;margin:0;}
/*#top_bg{height:490px !important}*/
/*#top_menu{display:none}*/
/*.tile-wrapper{padding:0;margin:0;}*/
.width-1of3{width:33.33333%;}
#area_box li{line-height:1.3em;}
#area_box:before {padding-top: 23%;}
#inner {
margin: 0 15px;
}
#group{width:1000px !important;margin:0 auto}
#group li{float:left}
.footer_map,#pageTop,#bottom_box,#footer-navigation{display:none !important}
.site-center{width:100% !important;padding:0;margin:0}
#top_bg{max-height:367px}
}