/*重要*/
.wrapper{
width: 100%;
overflow: hidden;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none; /* リンク長押しのポップアップを無効化 */
-webkit-user-select: none; /* テキスト長押しの選択ボックスを無効化 */
height: calc( ( 40vw / 1600 * 2400 + 25px ) * 1);
height: -webkit-calc( ( 40vw / 1600 * 2400 + 25px ) * 1);
margin: 0;
padding: 50px 0 50px 0;
}


/*LOOP スマホ
-----------------------------------------------------------------*/
.b-slider{
min-width: 100%;
outline: 0;
margin: 0;
padding: 0;
}

.b-slider:hover .b-slider__img{

}

.b-slider__slide{
text-align: center;
width: 40vw;
height: calc( 40vw / 1600 * 2400 + 25px);
height: -webkit-calc( 40vw / 1600 * 2400 + 25px);
margin: 0 3.5vw 0 0;
}



.b-slider__slide img{
width: 100%;
height: auto;

user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none; /* リンク長押しのポップアップを無効化 */
-webkit-user-select: none; /* テキスト長押しの選択ボックスを無効化 */
}

.b-slider__slide .text_area{
display: block;
width: 100%;

font-size: 13px;
color: #333;
margin: 12px 0 0 0;

/*MinervaModern Regular*/
font-family: minerva-modern,sans-serif;
font-weight: 400;
font-style: normal;
}


.b-slider__ref {
width: 100%;
}


/*スマホ終了
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
/*重要*/
.wrapper{
width: 68%;
overflow: visible;
margin: 0 auto;
padding: 90px 0 0 0;
height: calc( ( 17vw + 40px + 12px ) * 2 );
height: -webkit-calc( ( 17vw + 40px + 12px ) * 2 );
}

.wrapper .logo{
position: absolute;
z-index: 2;
top: 1.4vw;
left: -4.3vw;
width: 8.5vw;
max-width: 120px;
}

.wrapper .logo img{
width:100%;
height: auto;
}

.wrapper .pc_show{
width: 100%;
}

.b-slider{
min-width: auto;
width: 100%;
outline: 0;
margin: 0 auto;
padding: 0;

/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}



.b-slider__slide{
position: relative;
text-align: center;
width: auto;
flex-basis: calc( 25% - 20px );
flex-basis: -webkit-calc( 25% - 20px );
height: auto;
margin: 0 10px 40px 10px;
}

.b-slider__sliden:nth-child(4){
margin: 0 0px 40px 0;
}

.b-slider__sliden:nth-child(8){
margin: 0 0px 40px 0;
}


.b-slider__slide .text_area{
display: block;
width: 100%;

font-size: 15px;
color: #333;
margin: 20px 0 0 0;

/*MinervaModern Regular*/
font-family: minerva-modern,sans-serif;
font-weight: 400;
font-style: normal;
}


/*画像　hover*/
.b-slider__picture{
opacity: 1.0;
-webkit-transition: opacity .3s;
transition: opacity .3s;
cursor: pointer;
}

.b-slider__picture:hover{
opacity: 0.6;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}




}/*768px PC・タブレット終了*/




















/**/