@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%;*/
font-size: 187.50%;
color: #222222;
}
/*Arrow*/
.magazineArrow{
width: 78px;
margin: 30px auto 0;
}
/*magazine llink*/
.magazineLink{
width: 100%;
text-align: center;
margin-top: 56px;
}
/*margin option*/
body > .l-page{
.mt20,
h3.mt20{
margin-top: 20px;
}
.mt40,
h3.mt40{
margin-top: 40px;
}
.mt70,
h3.mt70{
margin-top: 70px;
}
.mt80,
h3.mt80{
margin-top: 80px;
}
.mt100,
h3.mt100{
margin-top: 100px;
}
.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%;*/
font-size: 178.57%;
padding-bottom: 10px;
margin-bottom: 0;
}
body > .l-page h3.builkaraMagazine__titleH3,
body > .l-page h3.magazineTitleH3{
/*font-size: 157.1428571%;*/
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%;*/
font-size: 142.86%;
}
.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: 20px auto 0;
}
}

.l-main .l-section-title {
margin-top: 0;
}

/*secton1*/
/*01*/
.magazineImage01 {
max-width: 875px;
margin: 64px auto 0;
}

/*02*/
.magazineImage02Box{
max-width: 875px;
margin: 25px auto 0;
}
.magazineImage02ImageText{
max-width: 618px;
margin: 20px auto 0;
text-align: right;
font-size: 112.50%;
font-weight: 700;
}

/*03*/
.magazineImage03Box{
max-width: 894px;
width: 100%;
margin: 68px auto 0;
}
.magazineImage03 {
margin-left: -21px;
}

/*04*/
.magazineImage04Box {
max-width: 875px;
margin: 70px auto 0;
overflow: visible;
}
body .l-page .l-main p.magazineImage04Note{
max-width: 618px;
margin: 17px auto 0;
}

.magazineImage04Note strong{
font-size: 106.43%;
font-style: normal;
}
.magazineImage04Note a{
display: inline-block;
}
.magazineImage04Note .arrow{
position: relative;
display: inline-block;
width: 10.7px;
height: 12px;
margin: 0 0.65em;
}
.magazineImage04Note .arrow::before,
.magazineImage04Note .arrow::after {
content: "";
position: absolute;
top: calc(50% - 1px);
right: 0;
width: 12px;
height: 2px;
border-radius: 9999px;
background-color: #ff0000;
transform-origin: calc(100% - 1px) 50%;
}
.magazineImage04Note .arrow::before {
transform: rotate(30deg);
}
.magazineImage04Note .arrow::after {
transform: rotate(-30deg);
}
.magazineImage04Note a{
font-size: 71.29%;
}


/*05*/
.magazineImage05Box{
max-width: 618px;
width: 100%;
margin: 50px auto 0;
overflow: visible;
display: flex;
justify-content: space-between;
}
.magazineImage05TextBox{
max-width: 426px;
padding-top: 75px;
}
body > .l-page .l-main p.magazineImage05Tex{
font-size: 112.50%;
line-height: 1.75em;
margin-top: 20px;
}
body > .l-page .magazineImage05Box .builkaraMagazine__titleH3{
font-size: 187.50%;
font-weight: 700;
text-align: left;
}
.magazineImage05{
max-width: 183px;
}



/*06*/
.magazineImage06Box{
max-width: 768px;
margin: 40px auto 0;
}

body > .l-page .l-main p.magazineImage08Tex{
font-size: 112.50%;
line-height: 1.75em;
margin-top: 20px;
}
body > .l-page .magazineImage08Box .builkaraMagazine__titleH3{
font-size: 187.50%;
font-weight: 700;
text-align: left;
}

/*closingMessage*/
body > .l-page .builkaraMagazine__closingMessage{
/*font-size: 212.5%;*/
font-size: 187.50%;
text-align: center;
color: #222222;
margin-top: 90px;
}
.builkaraMagazine__backnumberLead{
/*font-size: 212.5%;*/
font-size: 187.50%;
font-weight: 700;
text-align: center;
color: #222222;
margin-top: 70px;
}
.builkaraMagazine__backnumberBanner {
max-width: 400px;
margin: 30px auto 0;
}
@media screen and (max-width: 767px) {
/*body .l-page .l-main div.magazineImage02Text,
body .l-page .l-main div.magazineImage03Text,
body .l-page .l-main div.magazineImage06Text{
font-size: 107.14%;
}*/
.magazineImage01,
.magazineImage02Box,
.magazineImage03Box,
.magazineImage04Box,
.magazineImage05Box,
.magazineImage06Box{
max-width: 328px;
margin: 0 auto;
}
.magazineImage01{
margin-top: 35px;
}
.magazineImage02Box{
margin: 32px auto 0;
flex-direction: column;
gap: 20px;
}
.magazineImage02ImageText {
padding: 0;
}
.magazineImage02 {
margin: 0 auto;
}
.magazineImage02ImageText{
font-size: 100%;
margin: -14px auto 0;
}

.magazineImage03Box{
flex-direction: column-reverse;
margin: 30px auto 0;
}
.magazineImage03ImageText{
padding: 0;
text-align: center;
}
.magazineImage03{
margin-top: 20px;
}
.magazineImage04Box{
margin-top: 34px;
}
.magazineImage04 img{
margin: 0;
}
.magazineImage04Note{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}

.magazineImage04Note strong{
font-size: 106.43%;
font-style: normal;
}
.magazineImage04Note .arrow{
transform: rotate(90deg);
}
.magazineImage04Note .arrow::before {
transform: rotate(30deg);
}
.magazineImage04Note .arrow::after {
transform: rotate(-30deg);
}

.magazineImage04Note a{
font-size: 71.29%;
}

.magazineImage05Box{
flex-direction: column-reverse;
margin-top: 30px;
}
.magazineImage05{
margin: 0 auto;
}
body > .l-page .l-main p.magazineImage05Tex{
font-size: 107.14%;
}


body > .l-page .magazineImage05Box .builkaraMagazine__titleH3{
text-align: center;
font-size: 142.86%;
}
.magazineImage05TextBox{
padding-top: 25px;
}

.magazineImage06Box{
padding-top: 25px;
}


body > .l-page .magazineLink.mt80{
margin-top: 60px;
}

/*closingMessage*/
body > .l-page .builkaraMagazine__closingMessage{
font-size: 142.86%;
margin-top: 35px;
margin-bottom: 0;
}
.builkaraMagazine__backnumberLead{
font-size: 142.86%;
margin-top: 60px;
margin-bottom: 0;
}
.builkaraMagazine__backnumberBanner {
max-width: 239px;
margin: 20px auto 0;
}
.JS #Contents .builkaraMagazine__backnumberBanner img{
max-width: 239px;
}
}