@charset "UTF-8";


.sub_conductor9 {
position:relative;
width:30%;
height:40px;
text-align:center;
margin:0 auto;
padding-bottom:70px !important;
}
.sub_conductor9>a.sub_btn {
display:block;
width:100%;
height:70px;
margin:0 auto;
line-height:70px;
font-size:26px;
font-weight:700;
text-decoration:none;
text-align:center;
border-radius:35px;
color:#fff;
background-color:#333;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.sub_conductor9>a.sub_btn:hover {opacity:0.7;}
.sub_conductor9>a.sub_btn.arrow_right {position:absolute;}
.sub_conductor9>a.sub_btn::before {
content:'';
position:absolute;
top:0;
right:20px;
bottom:0;
width:27px;
height:27px;
margin:auto;
background:url(../images/common/circle-arrow-right.svg) top left no-repeat;
background-size:100%;
}



@media (max-width:768px) {

.sub_conductor9 {
width:100%;
height:40px;
margin:0 auto;
padding-bottom:55px !important;
}
.sub_conductor9>a.sub_btn {
height:40px;
font-size:18px;
line-height:1.2;
padding-top:10px;
}
.sub_conductor9>a.sub_btn::before {
right:10px;
width:20px;
height:20px;
}
.sub_conductor9>a.sub_btn.arrow_right:after {
top:41%;
}

}

/*VS、web、eシリーズ*/

#vswebe {
min-width:1170px;
margin-top:200px;
padding:90px 0 40px;
background:#eee;
}

#vswebe section {padding:0;}
#vswebe .heading_wrap {
margin-bottom:30px;
position:relative;
z-index:2;
}

#vswebe .heading_wrap::before {
content:'';
z-index:2;
position:absolute;
top:0;
left:80px;
width:150px;
height:271px;
/*background:url(../images/common/img_oldbackside.webp) top left no-repeat;*/
background-size:100%;
transform:rotate(-15deg);
}

#vswebe .heading_main::before {background-size:50%;}

.img_card	{position:absolute;top:0;right:0;}
.img_card img	{width:130px;transform:rotate(15deg);
}

.img_card2	{position:absolute;top:0;right:0;margin-top:240px;}
.img_card2 img	{width:130px;transform:rotate(15deg);
}
.img_card3	{position:absolute;top:0;right:0;margin-top:450px;}
.img_card3 img	{width:130px;transform:rotate(15deg);
}

@media screen and (max-width:767px) {
#vswebe {
min-width:auto;
margin-top:80px;
padding:50px 0 20px;
}

#vswebe section {padding:40px 15px 32px;}
#vswebe .heading_wrap {margin-top:-160px;}
#vswebe .heading_wrap::before {
top:10px;
left:-30px;
width:75px;
height:161px;
}

#vswebe .heading_main
{font-size:20px !important;}


#vswebe .heading_text {
margin-top:5%;
}
_::-webkit-full-page-media, _:future, :root #vswebe .heading_text {
margin-top:7%;
}
.img_card	{position:absolute;top:0;right:0;margin-top:-30px;margin-right:-15px;}
.img_card img	{width:50px;transform:rotate(15deg);
}
.img_card2	{position:absolute;top:0;right:0;margin-top:245px;margin-right:-15px;}
.img_card2 img	{width:50px;transform:rotate(15deg);
}
.img_card3	{position:absolute;top:0;right:0;margin-top:350px;margin-right:-15px;}
.img_card3 img	{width:50px;transform:rotate(15deg);
}

}


/*VS、web、eシリーズテーブル*/
.vswebe_list {
position:relative;
width:100%;
box-sizing:border-box;
padding:20px 0 40px;
}

.vswebe_list a:hover{opacity:0.6;}
.vswebe_list ul {
width:100%;
height:60px;
border:1px solid #ccc;
border-top:0;
box-sizing:border-box;
}

.vswebe_list ul:nth-child(odd) {background:#f2f2f2;}
.vswebe_list ul:nth-child(even) {background:#fff;}

.vswebe_list .head{
background:#000000 !important;

}
.vswebe_list .head li{
color:#ffffff !important;
font-size:24px;
text-align:center;
font-weight:700;
padding-top:15px;

}

.vswebe_list li {
display:table-cell;
vertical-align:middle;
padding:0 0 0 10px;
font-size:92%;
box-sizing:border-box;
}
.vswebe_list .title {
font-weight:200;
font-size:120%;
padding:15px 30px 10px;
}
.vswebe_list .title span{font-weight:900;}
.vswebe_list .top {border-top:1px solid #ccc;}

.vswebe_title {
margin-top:50px;
background:#000000;
padding:10px 0 5px;
text-align:center;
color:#ffffff;
font-weight:700;
font-size:40px;
border-radius:30px;
}

.vswebe_title_list {
margin:30px auto 0;
text-align:center;
}
.vswebe_title_list li{
padding:20px;
background:#ffffff;
border:1px solid #aaaaaa;
width:19.5%;
border-radius:10px;
}

.vswebe_title_text {
margin-top:20px;
font-weight:700;
font-size:24px;
background:#ec0d0d;
padding:10px 0;
}

.vswebe_title_list li a{color:#ffffff;}
.vswebe_title_list li a:hover{opacity:0.6;}

@media (max-width:768px) {
.vswebe_list {
margin-top:-60px;
padding:0;
}

.vswebe_list ul {
height:auto;
}

.vswebe_list .head li{
font-size:18px;
padding-top:10px;

}

.vswebe_list .title {
font-weight:900;
font-size:100%;
padding:10px 20px;
}

.vswebe_title {
font-size:24px;
margin-top:30px;
}
.vswebe_title_list li{
padding:10px;
width:48%;
}

.vswebe_title_text {
margin-top:15px;
font-size:18px;
}
}


.vswebe_design  {
margin:30px auto;
background:#fffce7;
border-radius:5px;
}
.vswebe_design img {
width:170px !important;
text-align:center;
padding:10px 0;
float:none;
}

.vswebe_text{
padding:15px;
}


@media (max-width:768px) {

.vswebe_design  {
margin:5px auto;
}

.vswebe_design img {
width:120px !important;
float:left;
padding:10px;
}

.vswebe_text{
padding:15px;
}

}

/*カラム*/
.three_column:after,
.four_column:after,
.five_column:after
 {
display:table;
clear:both;
content:"";
}

/*3カラム*/
.three_column>* {
float:left;
width:370px;
margin-right:20px;
}

.three_column>*:nth-child(3n) {margin-right:0;}

/*4カラム*/
.four_column {
display:flex;
flex-wrap:wrap;
}

.four_column>* {
width:calc((100% - 84px) / 4);
margin-right:28px;
}

.four_column>*:nth-child(4n) {margin-right:0;}
.four_column>*:nth-child(n + 5) {margin-top:28px;}
.four_column.-radius_card>* {
position:relative;
overflow:hidden;
border-top-left-radius:30px;
border-bottom-right-radius:30px;
}
@media (max-width:768px) {

.two_column>*,
.three_column>*,
.four_column>*,
.five_column>* {
float:left;
width:100%;
margin-right:0px;
}

.three_column>*:nth-child(2n),
.four_column>*:nth-child(2n),
.five_column>*:nth-child(2n) {
margin-right:0;
}
}