@charset "UTF-8";

/* ----------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■
□ TBL □ レイアウト
■■■■■■■■■■■■■■■■■■■■■■■■■■
------------------------------------------------------------------------- */
@media screen and (max-width: 959px) {
.para_bg{
    background-attachment:scroll;
}
.para_cont{
padding: 7%;
}

/* 記事
-------------------------------------------------- */
h1{
font-size: 24px;
margin-bottom: 30px;
}
.sp_copy{
font-size: 26px;
line-height: 160%;
padding-top: 20px;
margin-bottom: 20px;
}
h2{
font-size: 28px;
text-align: center;
}
h3{
font-size: 22px;
text-align: center;
line-height: 180%;
}
.story01_wrap, .story02_wrap, .story03_wrap{
width:100%;
margin-bottom: 40px;
font-size: 15px;
line-height: 180%;
text-align: justify;
}

/* ラインナップ
-------------------------------------------------- */
.lineup_box{
max-width: 90%;
margin-bottom: 40px;
padding: 5%;
}
.lineup_left{
width: 53%;
margin-right: 2%;
}
.lineup_left dt{
font-size: 22px;
margin-bottom: 20px;
}
.lineup_left dt span{
font-size: 18px;
}
.lineup_left dd{
font-size: 15px;
line-height: 170%;
margin-bottom: 20px;
}
.lineup_right{
width: 45%;
}
.product_link_btn a::after{
content: "　";
position: absolute;
display: block;
width: 12px;
background-image:url("../img/common/arrow_thin.png");
background-size: contain;
background-repeat: no-repeat;
top: 10px;
right: 13px;
}
.product_link_btn a{
display: block;
background-color: #112444;
text-align: center;
font-size: 16px;
color: #fff;
max-width: 330px;
margin: 0 auto;
height: 55px;
line-height: 55px;
position: relative;
}
}

/* ----------------------------------------------------------------------
■■■■■■■■■■■■■■■■■■■■■■■■■■
□ SP □ レイアウト
■■■■■■■■■■■■■■■■■■■■■■■■■■
------------------------------------------------------------------------- */
@media screen and (max-width: 559px) {

/* 記事
-------------------------------------------------- */
h1{
font-size: 20px;
margin-bottom: 20px;
}
.sp_copy{
font-size: 22px;
padding-top: 20px;
margin-bottom: 10px;
}
h2{
font-size: 20px;
margin-bottom: 20px;
}
h2::after{
}
h3{
font-size: 18px;
}
.story01_wrap, .story02_wrap, .story03_wrap{
width:100%;
margin-bottom: 30px;
}
/* ラインナップ
-------------------------------------------------- */
.lineup_bg{
padding: 30px 0 60px 0;
}
.lineup_box{
width: 90%;
padding: 10% 8% 3% 8%;
}
.lineup_left{
width: 100%;
margin-right: 0;
}
.lineup_left dt{
font-size: 22px;
text-align: center;
}
.lineup_left dt span{
font-size: 18px;
}
.lineup_left dd{
font-size: 14px;
line-height: 160%;
margin-bottom: 20px;
}
.lineup_right{
width: 100%;
padding: 0 5% 0 5%;
}
.product_link_btn a{
font-size: 15px;
max-width: 60%;
}

/* End max-width 559px
----------------------------------------------------------------- */
}