@charset "utf-8";

/**magazine common**/
/*h2*/
.l-main .l-section-title.builkaraMagazine__titleH2{
font-size: 262.5%;
text-align: center;
border-bottom: none;
margin-bottom: 0;
}
.l-main .l-section-title.builkaraMagazine__titleH2::after{
display: none;
}
/*h3*/
body > .l-page .builkaraMagazine__titleH3{
font-size: 162.5%;
text-align: center;
}
body > .l-page h3.builkaraMagazine__titleH3,
h3.magazineTitleH3{
font-size: 212.5%;
color: #222222;
}
/*Arrow*/
.magazineArrow{
width: 78px;
margin: 35px auto 0;
}
/*magazine llink*/
.magazineLink{
width: 100%;
text-align: center;
margin-top: 56px;
}
/*margin option*/
body > .l-page{
.mt40,
h3.mt40{
margin-top: 40px;
}
.mt110,
h3.mt110{
margin-top: 110px;
}
.mt180,
h3.mt180{
margin-top: 180px;
}
.mt190,
body > .l-page h3.mt190{
margin-top: 190px;
}
.mt140,
h3.mt140{
margin-top: 140px;
}
}
@media screen and (max-width: 768px) {
.l-main .l-section + .l-section{
margin-top: 20px;
}
.l-main .l-section-title.builkaraMagazine__titleH2{
font-size: 157.1428571%;
padding-bottom: 10px;
margin-bottom: 0;
}
body > .l-page h3.builkaraMagazine__titleH3,
body > .l-page h3.magazineTitleH3{
font-size: 142.86%;
margin-bottom: 10px;
}
body > .l-page .builkaraMagazine__titleH2+h3.builkaraMagazine__titleH3,
body > .l-page .builkaraMagazine__titleH2+h3.h3.magazineTitleH3{
font-size: 135.7142857%;
}
.magazineImage04+.builkaraMagazine__titleH3.mt40{
margin-top: 15px 0 0;
}
body > .l-page h3.mt140{
margin-top: 30px;
}
body > .l-page h3.mt40{
margin-top: 20px;
}
.magazineLink{
max-width: 328px;
width: 100%;
text-align: center;
margin: 40px auto 0;
}
.l-section.mt180{
margin-top: 20px;
}
.magazineArrow{
width: 45px;
margin: 40px auto 0;
}
}
.magazineImageBuckNumber{
max-width: 528px;
margin: 0 auto 0;
}


/*secton1*/
/*01*/
.magazineImage01Box {
max-width: 700px;
width: 100%;
display: flex;
margin: 67px auto 0;
}
.magazineImage01Text {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 187.50%;
font-weight: 700;
padding: 20px;
}
.magazineImage01 {
max-width: 454px;
}
/*02*/
.magazineImage02Box {
max-width: 700px;
width: 100%;
display: flex;
margin: 27px auto 0;
}
.magazineImage02Text {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 187.50%;
font-weight: 700;
padding: 20px;
}
.magazineImage02 {
max-width: 454px;
}
/*03*/
.magazineImage03Box {
max-width: 700px;
width: 100%;
display: flex;
margin: 27px auto 0;
}
.magazineImage03Text {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 187.50%;
font-weight: 700;
padding: 20px;
}
.magazineImage03 {
max-width: 454px;
}
/*04*/
.magazineImage04Text{
font-size: 112.50%;
line-height: 1.75em !important;
max-width: 700px;
width: 100%;
margin: 27px auto 0;
}
/*05*/
.magazineImage05Box {
max-width: 700px;
width: 100%;
display: flex;
margin: 35px auto 0;
justify-content: center;
}
.magazineImage05{
max-width: 454px;
}
/*06*/
.magazineImage06Box {
max-width: 700px;
width: 100%;
display: flex;
margin: 35px auto 0;
justify-content: left;
}
.magazineImage06{
max-width: 454px;
}
/*07*/
.magazineImage07Box {
max-width: 700px;
width: 100%;
display: flex;
margin: 35px auto 0;
justify-content: right;
}
.magazineImage07{
max-width: 454px;
}
/*08*/
.magazineImage08Box {
max-width: 700px;
width: 100%;
display: flex;
margin: 35px auto 0;
justify-content: left;
}
.magazineImage08{
max-width: 454px;
}

/*09*/
.magazineImage09Box{
max-width: 700px;
width: 100%;
display: flex;
margin: 80px auto 0;
justify-content: left;
}
.magazineImage09TextBox{
max-width: 470px;
}
.magazineImage09TextTilte{
font-size: 187.50%;
line-height: 1.6em !important;
font-weight: 700;
}
.magazineImage09Text{
margin: 10px 0 0;
font-size: 112.50%;
line-height: 1.75em !important;
font-weight: 400;
}
.magazineImage09{
max-width: 229px;
margin: 0 auto 0;
}
/*10*/
.magazineImage10 {
max-width: 618px;
margin: 160px auto 0;
}




@media screen and (max-width: 990px) {
}
@media screen and (max-width: 768px) {
.magazineImage01Box,
.magazineImage03Box{
max-width: 328px;
margin: 0 auto;
flex-direction: column;
}
.magazineImage02Box{
max-width: 328px;
margin: 0 auto;
flex-direction: column-reverse;
}
.magazineImage01Text,
.magazineImage02Text,
.magazineImage03Text{
font-size: 142.86%;
padding: 30px 20px 15px;
}
.magazineImage04Text{
max-width: 328px;
font-size: 107.14%;
margin: 15px auto 0;
}

.magazineImage05Box,
.magazineImage06Box,
.magazineImage07Box,
.magazineImage08Box{
max-width: 328px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
justify-content: center;
}
.magazineImage09Box{
max-width: 328px;
margin: 40px auto 0;
flex-direction: column;
}
.magazineImage09TextTilte{
font-size: 142.86%;
}
.magazineImage09Text{
margin-top: 15px;
font-size: 107.14%;
}
.magazineImage09{
max-width: 185px;
margin-top: 20px;
}

.magazineImage10{
max-width: 328px;
margin: 70px auto 45px;
}
}