/*基本LP*/

/*基本LP（フォント設定）*/

.lp h2{text-align:center; font-weight:bold;}
.lp h3{font-weight:bold;margin-bottom:20px;}
.lp h4{margin-bottom:10px;}
.lp a{text-decoration:none;}
.lp .ta_center{text-align:center;}
.lp .ta_left{text-align:left;}
.lp .ta_right{text-align:right;}
.lp .bold{font-weight:bold;}
.lp .blue{font-weight:blue;}
.lp .red{font-weight:red;}
.lp .capitalize{text-transform: capitalize;}
.lp .uppercase{text-transform: uppercase;}
@media screen and (min-width: 768px) {
.lp .pc_none{display:none;}
}
/*↑基本LP（フォント設定）*/


/*基本LP（タイトル）*/
.lp .title{
height:500px;
background-image:url(/img/brand/importbrand/importbrand_top.jpg);
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
display:flex;
flex-direction:column;
justify-content:center;
margin-bottom:100px;
}

.lp .title div{
width:600px;
height:400px;
background:rgba(255,255,255,0.7);
padding:50px;
display:flex;
flex-direction:column;
justify-content:center;
margin-left:50px;
}

.lp .title h1{
font-size:50px;
line-height:70px;
}

.lp .title h2{
text-align:left;
font-size:30px;
line-height:30px;
}
.lp .title p{
margin-top:10px;
}


@media screen and (max-width: 767px) {
.lp .title{
height:100vw;
background-image:url(/img/brand/importbrand/importbrand_top.jpg);
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
display:flex;
flex-direction:column;
justify-content:center;
margin-bottom:20px;
}

.lp .title div{
width:90%;
height:30%;
background:rgba(255,255,255,0.7);
padding:5%;
display:flex;
flex-direction:column;
justify-content:center;
margin-left:5%;
}

.lp .title h1{
text-align:center;
font-size:2.0rem;
line-height:0.5rem;
}

.lp .title h2{
text-align:center;
font-size:1.2rem;
line-height:0;
background:none;
}
.lp .title p{
display:none;
}}
/*↑基本LP（タイトル）*/

/*基本LP（フレックスボックス　画像・文章横並び、2n個目はrow-reverse）*/
.lp .flex {
  display: flex;
  justify-content: space-between;
  margin-bottom:80px;
}

.lp .flex:nth-of-type(2n) {
flex-direction: row-reverse;
}

.lp .row-reverse {
flex-direction: row-reverse;
}

.lp .flex .image {
width: 48%;
height: auto;
overflow: hidden;
}

}
.lp .flex .image img{
width: 100%;
height: 100%;
object-fit: cover;
}

.lp .copyright{
width:30%;
display:block;
margin:-17px 10px 0 auto;}

.lp .flex .text {
  width: 48%;
}

.lp .flex p{line-height:2rem;margin-bottom:10px;}

@media screen and (max-width: 767px) {
.lp .h3{font-weight:bold; margin-bottom:10px;}
.lp .flex p{line-height:1.2rem;}
.lp .flex {display: block; margin-bottom:50px;}
.lp .flex .image {width: 95%;}
.lp .flex .text {width: 95%;}
}
/*↑基本LP（画像・文章横並び、2n個目はrow-reverse）*/

/*基本LP（画像2個横並び）*/
.lp .img_item_2{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.lp .img_item_2 div{
width:49%;
text-align:center;
margin-bottom:50px;
}

.lp .img_item_2 figure img{
width:100%;
height:100%;
object-fit:cover;
}
.lp .img_item_2 picture img{
width:100%;
height:100%;
object-fit:cover;
}

.lp .img_item_2 h4{
font-weight:bold;
}
.lp .img_item_2 h5{
width:90%;
margin:0 auto;
text-align:left;
}

@media screen and (max-width: 767px) {
.lp .img_item_2 div{
margin-bottom:20px;
}
.lp .img_item_2 h5{
font-weight:inherit;
}
}
/*画像2個横並び*/

/*画像3個横並び*/

.img_item_3{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

.img_item_3 div{
text-align:center;
margin-bottom:50px;
}

.img_item_3 div{
width:33%;
}

@media screen and (max-width: 767px) {
.img_item_3 div{margin-bottom:20px; width:100%;
}
}
/*画像3個横並び*/

/*画像4個横並び*/

.img_item_4{
display:flex;
flex-wrap:wrap;
}

.flex-start{
justify-content:flex-start;
margin-right: 1%;
}
.space-between{
justify-content:space-between;
}

.img_item_4 div{
text-align:center;
margin-bottom:50px;
}

.img_item_4 div{
width:23%;
}

.img_item_4::after{
content:"";
width:23%;
}

@media screen and (max-width: 767px) {
.img_item_4 div{margin-bottom:20px;}
.img_item_4 div{width:49%;}
}
/*画像3個・4個横並び*/


/*基本LP*/