* {
    margin: 0;
    padding: 0;
}
li {
    list-style: outside none none;
}
a {
    text-decoration: none;
    color: #2f8cc9;
}
a:visited {
    text-decoration: none;
    color: #2f8cc9;
}
a:hover {
/*    text-decoration: underline;*/
    color: #88c3db;
    background-color: none;
}

img {
    vertical-align: bottom;
}
.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}
.clearfix::after {
    clear: both;
}
.clearfix {
}
.FloatLeft {
    float: left;
}
.FloatRight {
    float: right;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}

/*---------------------------------------------------------------
PageBute
---------------------------------------------------------------*/

.content-nav {
margin:40px 0px 20px 0px;
}
.content-nav ul li {
list-style-type: none;
border: 1px solid #e2e2d8;
font-size:12px;
padding: 7px 0px;
margin: 4px;
display: inline;
}
.content-nav ul li a {
text-decoration: none;
padding: 7px 7px;
color: #4D678C;
}
.content-nav ul li a:hover {
color: #B7A5B1;
border: 1px solid #B7A5B1;
color: #B7A5B1;
}
.content-nav ul li a:visited {
color: #4D678C;
}
.content-nav ul span.current_page {
padding: 7px 7px;
color: #fff;
background-color: #ddd;
}

.mb25 {
    margin-bottom: 25px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
body {
    font-family: "arial", "Meiryo","sans-serif","Webフォント";
    font-size: 90%;
    line-height: 140%;
}
#wrapper {
    overflow: hidden;
    width: 100%;
}
.w1010 {
    margin: 0 auto;
    width: 1010px;
    position: relative;
}
#content1-pc{
    line-height: 1.8em;
    padding-top: 0px;
    min-height: 500px;
}

#content1-pc ul li a{
/*    white-space: nowrap;*/
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#selectLang {
    background-color: #494e50;
    font-size: 11px;
    padding: 1px 14px 1px 10px;
    z-index: 1001;
}
#selectLang ul {
    width: 98%;
    padding: 0;
}
#selectLang li {
    display: inline-block;
    list-style: outside none none;
}
#selectLang li:after{
    color: #fff;
    content: "|";
    padding: 0 0 0 4px;
}

#selectLang li:last-child:after{
content : none ;
}


#selectLang a {
    color: #fff;
    text-decoration: none;
}
#selectLang a.active {
    color: #00b4ff;
}
#selectLang {
    height: 20px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
#header {
    background-color: #fff;
    margin: 22px 0 0;
    position: relative;
    z-index: 98;
    border-bottom: #eee 1px solid;
}
#header > div {
    height: 55px;
}
#header .cell {
    display: inline-block;
    height: 55px;
}
#header .cell img {
    margin: 0;
    vertical-align: baseline !important;
}
#header div.cell {
    width: 20%;
}
#header nav.cell {
    width: 79%;
}
#gnav {
    display: table;
    float: right;
    width: auto;
}
#gnav > li {
    display: table-cell;
}
#gnav > li > a {
    color: #313131;
    display: block;
    height: 55px;
    line-height: 55px;
    text-align: center;
    overflow: hidden;
}
#gnav li ul {
    background-color: #a7a7a7;
    padding: 7px 0;
}
#gnav li ul li {
    box-sizing: border-box;
    padding: 2px 14px;
    width: 100%;
}
#header nav li a span {
    color: #a8a8a8;
    padding: 0 0 0 4px;
}
#gnav > li > a:hover {
    color: #fff;
}
#header-mobile {
    background-color: rgba(255, 255, 255, 0.9);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
#header-mobile .table {
    display: table;
    height: 55px;
    width: 100%;
}
#header-mobile div.cell {
    display: table-cell;
    vertical-align: middle;
    width: 33%;
    padding-left:10px;
}
#header-logo img {
    width: 70px;
}
#totop-head {
    text-align: center;
}
#totop-head > div {
    display: none;
}
#totop-head span {
    color: #828384;
}
#open-menu {
    color: #444;
    font-size: 30px;
    text-align: right;
}
#mobile-menu {
    background-color: #f5f2f1;
    display: none;
    position: relative;
    width: 100%;
    margin: 45px 0;
    padding-top:10px;
    z-index: 9998;
}
#mobile-menu dd a {
    color: #313131;
    font-size: 1.2em;
}
#mobile-menu dl {
    border-top: 1px solid #ddd;
}
#mobile-menu dl:last-child {
    border-bottom: 1px solid #ddd;
}
#mobile-menu dt {
    color: #888;
    font-size: 11px;
    padding: 4px 4px 0;
}
#mobile-menu dd {
    padding: 4px 4px 4px;
}
.fixed {
    left: 0;
    position: fixed;
    top: 22px;
}
#sub-navigation {
    background-color: rgba(245, 245, 245, 0.9);
    border-bottom: 1px solid #eee;
    min-height: 55px;
    padding: 10px 0 0;
    width: 100%;
    z-index: 9999;
}
#sub-navigation .subject {
    font-size: 22px;
    padding: 15px 0;
}
#sub-navigation .subject span {
    color: #a0a0a0;
    display: block;
    font-size: 10px;
}

.subject a:link{
  color:#313131 !important;
}
.subject a:visited{
  color:#313131 !important;
}
.subject a:hover{
  color: #2f8cc9 !important;
  text-decoration: none;
}



#sub-navigation .cell {
    display: inline-block;
    vertical-align: middle;
}
#sub-navigation div.cell {
    width: 40%;
}
#sub-navigation nav.cell {
    margin: 0 0 5px;
    vertical-align: bottom;
    width: 58%;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0, -65%);
}
#sub-navigation nav ul {
    display: table;
    float: right;
    /*width: 600px;*/
}
#sub-navigation nav ul.w530 {
    /*サイズが足りないため、70px追加*/
    max-width: 600px;
}
#sub-navigation nav li {
    display: table-cell;
    text-align: right;
}
#sub-navigation nav li a {
    box-sizing: border-box;
    color: #313131;
    padding: 0 14px;
    text-align: center;
}
#sub-navigation nav li a:hover {
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    padding:7px 14px 7px 14px;
}
#sub-navigation-mobile {
/*    border-bottom: 1px solid #e1e1e1;*/
    margin: 55px 0 3px;
    padding: 5px 4%;
    position: relative;
}
#sub-navigation-mobile .subject{
    width: 50%;
    line-height: 1;
    padding: 3px 0;
}

#sub-nav-selector-container {
    position: absolute;
    right: 5px;
    top: 0;
    width: 50%;
}
#sub-nav-selector {
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) url("../images/icon-arrow01.png") no-repeat scroll right center / auto 100%;
    border: 1px solid #bcbcbc;
    border-radius: 4px;
    color: #b3b3b3;
    font-size: 100%;
    padding: 3px 50px 3px 5px;
    text-indent: 0.01px;
    text-overflow: "";
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none; 
    width: 100%;
}
.for_pc h1 {
    color: #2c2c2b;
    font-size: 2em;
    font-weight: bold;
line-height: 1.5em;
    margin: 60px 0px 10px 0px;
}
.for_pc h2 {
    color: #2c2c2b;
    font-size: 1.5em;
    font-weight: bold;
line-height: 1.8em;
    margin: 20px 0px 10px 0px;
}

.for_pc h5 {
    color: #989898;
    font-size: 1.3em;
    font-weight: normal;
line-height: 1.0em;
    margin: 20px 0px 40px 0px;
}

.for_pc h1 span {
    color: #989898;
    display: block;
    font-size: 14px;
　　font-weight: normal;
    margin: 12px 0px 20px 0px;
}
.content1 p {
    margin: 0 0 25px;
    word-wrap: break-word;
}
.content1 ul li {
    list-style: outside disc none;
}
.content1 ul.press-list li {
    list-style: outside none none;
}
.content1 ol li {
    list-style: outside decimal none;
}


.for_mobile h1 {
    color: #2c2c2b;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 25px 0 7px;
}

.for_mobile h5 {
    color: #888888;
    font-size: 1.1em;
    font-weight: normal;
line-height: 1.1em;
    margin: 25px 0;
}

.for_mobile h1 span {
    color: #686868;
    display: block;
    font-size: 0.7em;
　　font-weight: normal;
    margin: 8px 0 0 2px;
}

#top-slider {
    margin: 0;
    height: 490px;
}
.sequence-next, .sequence-prev {
    z-index: 90 !important;
}
.slider li {
    height: auto;
    position: relative;
    width: 100%;
}
.slider li * {
    left: 50%;
    margin-left: -750px;
    position: absolute;
    top: 0;
}
#slide-li-1 img:last-child {
    margin-left: -500px;
}
.sequence-pagination li {
    border: 1px solid #fff;
    border-radius: 7px;
    height: 7px;
    padding: 2px;
    position: relative;
    width: 7px;
}
.sequence-pagination li.current::after {
    background-color: #fff;
    border-radius: 7px;
    content: " ";
    display: block;
    height: 9px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 9px;
}
#footer {
    background-color: #ebebeb;
    margin: 0px 0 0 0;    
    padding: 25px 0;
    min-height:300px;
    bottom: 0;
    clear: both;
}
#footer .for_pc .table {
    display: table;
}
#footer .for_pc .table > * {
    display: inline-block;
}
#footer .for_pc .cell {
    display: inline-block;
}
#footer .for_pc .cell li {
    display: table-cell;
}
#footer .for_pc nav.cell {
    width: 70%;
}
#footer .for_pc nav.cell li {
    padding: 0 0 4px;
    width: auto;
}
#footer .for_pc nav.cell li a::after {
    color: #cecece;
    content: "|";
    display: inline-block;
    margin: 0 0 0 20px;
}
#footer .for_pc nav.cell li a:hover {
    text-decoration: underline;
}
#footer .for_pc nav.cell li:last-child a::after {
    content: "";
    display: inline-block;
}
#footer .for_pc nav.cell li:first-child a {
    padding-left: 0;
}
#footer .for_pc nav.cell li a {
    color: #0d0d0d;
    font-size: 12px;
    padding: 0 11px 0 0;
}
#footer .for_pc div.cell {
    width: 29%;
}
#footer .for_pc div.cell ul {
    float: right;
}
#footer .for_pc div.cell li {
    width: 33%;
}
#footer .for_pc div.cell li a {
    color: #818181;
    font-size: 24px;
    padding: 4px;
}
#footer .for_pc div.cell li a:hover {
    color: #6a2f2f;
}
#footer .for_mobile div.cell {
    padding: 15px;
    text-align: center;
}
#footer .for_mobile div.cell li {
    display: inline-block;
    width: auto;
}
#footer .for_mobile nav.cell li a {
    border-bottom: 1px solid #cccccc;
    color: #676767;
    display: block;
    font-size: 12px;
    padding: 5px 11px;
}
#footer .for_mobile div.cell li a {
    color: #818181;
    font-size: 24px;
    padding: 4px;
}
#footer .for_pc #copyright {
    color: #555555;
    font-size: 11px;
}
#footer .for_mobile #copyright {
    color: #555;
    font-size: 11px;
    text-align: center;
}
@media only screen and (max-width: 768px) {
#top-slider {
    height: auto;
}
#sequence {
    height: 425px;
}
#sequence .title {
    bottom: 0;
    margin-left: -295px;
    width: 700px;
}
#sequence .title img {
    width: 100%;
}
#sequence .subtitle {
    font-size: 1.6em;
}
#sequence .sequence-next, #sequence .sequence-prev {
    height: 60px;
    margin-top: -5px;
}
#sequence .model {
    margin-left: -750px;
    width: 1300px;
}


#sequence2 {
    height: 425px;
}
#sequence2 .title {
    bottom: 0;
    margin-left: -295px;
    width: 700px;
}
#sequence2 .title img {
    width: 100%;
}
#sequence2 .subtitle {
    font-size: 1.6em;
}
#sequence2 .sequence-next, #sequence2 .sequence-prev {
    height: 60px;
    margin-top: -5px;
}
#sequence2 .model {
    margin-left: -750px;
    width: 1300px;
}
.animate-in .title {
left:50%;
}


}
@media only screen and (max-width: 640px) {
#top-slider {
    margin-top: 42px;
}
#sequence {
    height: 350px;
}
#sequence .title {
    bottom: 0;
    margin-left: -265px;
    width: 676px;
}
#sequence .title img {
    width: 100%;
}
#sequence .subtitle {
    font-size: 1.6em;
}
#sequence .sequence-next, #sequence .sequence-prev {
    height: 40px;
    margin-top: 0px;
}
#sequence .model {
    margin-left: -535px;
    width: 1070px;
}

#sequence2 {
    height: 425px;
}
#sequence2 .title {
    bottom: 0;
    margin-left: -295px;
    width: 700px;
}
#sequence2 .title img {
    width: 100%;
}
#sequence2 .subtitle {
    font-size: 1.6em;
}
#sequence2 .sequence-next, #sequence .sequence-prev {
    height: 60px;
    margin-top: -5px;
}
#sequence2 .model {
    margin-left: -750px;
    width: 1300px;
}
}
@media only screen and (max-width: 480px) {
#header-logo img {
    width: 68px;
}
#top-slider {
    margin: 42px 0 0;
}
#sequence {
    height: 260px;
}
#sequence .title {
    bottom: 0;
    margin-left: -198px;
    width: 485px;
}
#sequence .title img {
    width: 100%;
}
#sequence .subtitle {
    font-size: 1.6em;
}
#sequence .sequence-next, #sequence .sequence-prev {
    height: 25px;
    margin-top: 0;
}
#sequence .model {
    margin-left: -397px;
    width: 795px;
}

#sequence2 {
    height: 260px;
}
#sequence2 .title {
    bottom: 0;
    margin-left: -242px;
    width: 485px;
}
#sequence2 .title img {
    width: 100%;
}
#sequence2 .subtitle {
    font-size: 1.6em;
}
#sequence2 .sequence-next, #sequence2 .sequence-prev {
    height: 25px;
    margin-top: 0;
}
#sequence2 .model {
    margin-left: -397px;
    width: 795px;
}
}
@media only screen and (max-width: 360px) {
#header-logo img {
    width: 68px;
}
#top-slider {
    margin-top: 42px;
}
#sequence {
    height: 200px;
}
#sequence .title {
    bottom: 0;
    margin-left: -179px;
    width: 358px;
}
#sequence .title img {
    width: 100%;
}
#sequence .subtitle {
    font-size: 1.6em;
}
#sequence .sequence-next, #sequence .sequence-prev {
    height: 25px;
    margin-top: 0;
}
#sequence .model {
    margin-left: -306px;
    width: 612px;
}

#sequence2 {
    height: 200px;
}
#sequence2 .title {
    bottom: 0;
    margin-left: -179px;
    width: 358px;
}
#sequence2 .title img {
    width: 100%;
}
#sequence2 .subtitle {
    font-size: 1.6em;
}
#sequence2 .sequence-next, #sequence2 .sequence-prev {
    height: 25px;
    margin-top: 0;
}
#sequence2 .model {
    margin-left: -306px;
    width: 612px;
}
.sequence-pagination {
    right: 47%;
}
}


#footerlist {
	margin-top:3px;
}

#footerlist li {
list-style-type: none;
font-size:11px;
margin-left:0px;
line-height: 20px;
}

#footerlist a {
text-decoration: none;
color:#777777;
}

#footerlist a:hover {
color:#00b9fa;
}

#footerlist a:visited {
font-size:10px;
text-align:11px;
color:#777777;
}

div.footerlist-box{
    margin-top:10px;
	width:160px;
	float:left;
}

label.footerlabel{
	font-size:13px;
	color:#565656;
}

hr.footlerlist-line{
	clear:both;
	width: 100%;
	margin: 20px auto 0px auto;	
	height: 1px;
    border: none;
    border-top: 1px #cfcfcf solid;
}