@charset "utf-8";
/* paper css */

.intro_copy {
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 700;
font-size: 2.2rem;
letter-spacing: 0.2em;
color: #fff;
margin-bottom: 30px;
}
.intro_txt {
font-size: 1.6rem;
line-height: 200%;
color: #fff;
font-weight: 500;
margin-bottom: 50px;
}

@media all and (max-width : 1024px ){
.intro_copy {
font-size: 1.8rem;
letter-spacing: 0.15em;
margin-bottom: 20px;
}
.intro_txt {
font-size: 1.4rem;
margin-bottom: 40px;
}
}

@media all and (max-width : 767px ){
.intro_copy {
font-size: 1.45rem;
letter-spacing: 0.1em;
margin-bottom: 20px;
}
.intro_txt {
font-size: 1.2rem;
line-height: 180%;
margin-bottom: 25px;
}
}

.pamphlet_box_wrap {
display: flex;
flex-wrap: wrap;
}
.pamphlet_box {
width: calc(25% - 60px / 4);
padding-bottom: 25px;
background-color: #fff;
position: relative;
margin-right: 20px;
margin-bottom: 20px;
display: flex;
flex-direction: column;
}
.pamphlet_box:nth-child(4n) {
margin-right: 0px;
}

@media all and (max-width : 1024px ){
.pamphlet_box {
width: calc(33.33333% - 40px / 3);
background-color: #fff;
position: relative;
}
.pamphlet_box:nth-child(4n) {
margin-right: 20px;
}
.pamphlet_box:nth-child(3n) {
margin-right: 0px;
}
}

.title_box {
position: relative;
height: 50px;
background-color: #FFE34D;
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.paper_title {
font-size: 1.5rem;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 700;
color: #555;
line-height: 100%;
letter-spacing: 0.1em;
}
.pamphlet_imgbox {
margin-bottom: 15px;
}
.pamphlet_imgbox img {
width: 100%; 
height: 300px; 
object-fit: contain;
overflow: hidden;
}
.link_btn {  
position: relative;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 700;
font-size: 1.2rem;
letter-spacing: 0.1em;
padding: 9px 50px;
}
.btn_arrow::after { 
content: '';
position: absolute;
top:44%;
right: 15px;
width: 6px;
height: 6px;
}
.btn_arrow:hover::after { /*hoverした際のアニメーション*/
right: 10px;
}


/* スマートフォン
-------------------------------------------------- */

@media all and (max-width : 767px ){
.pamphlet_box_wrap {
margin-bottom: 20px;
}
.pamphlet_box {
width: calc(50% - 10px / 2);
padding-bottom: 15px;
margin-right: 10px;
margin-bottom: 10px;
}
.pamphlet_box:nth-child(2n) {
margin-right: 0px;
}
.pamphlet_box:nth-child(3n) {
margin-right: 10px;
}
.pamphlet_box:nth-child(6n) {
margin-right: 0px;
}
.title_box {
height: 40px;
margin-bottom: 10px;
}
.paper_title {
font-size: 1.1rem;
}
.pamphlet_imgbox {
margin-bottom: 15px;
}
.pamphlet_imgbox img {
width: 100%; 
height: 200px; 
object-fit: contain;
}
.link_btn {  
font-size: 1.0rem;
letter-spacing: 0.1em;
padding: 5px 20px;
}
.btn_arrow::after { 
display: none;
}
.link_btn_box {
margin-top: 10px;
}
}


.red {
color: red;
}