@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
html,
body {
color: #614307;
font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 14px;
font-weight: 500;
font-display: swap;
line-height: 1.6em;
text-decoration: none;
word-wrap: break-word;
}
body.home #main {
font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 640px) {
html,
body {
font-size: 4vw;
line-height: 1.75em;
}
}
html,
body,
h1,
h2,
h3,
h4,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td,
input,
textarea,
picture,
figure,
:before,
:after,
form {
margin: 0;
padding: 0;
border: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: baseline;
}
article,
header,
footer,
aside,
figure,
figcaption,
nav,
section,
main,
picture,
figure {
display: block;
box-sizing: border-box;
}
body {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
ol,
ul {
list-style: none;
list-style-type: none;
}
img {
display: block;
width: 100%;
height: auto;
line-height: 1;
} input,
textarea {
-webkit-appearance: none;
max-width: 100%;
}
input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}
input::placeholder,
textarea::placeholder {
color: #B2B2B2;
} input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #B2B2B2;
} input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: #B2B2B2;
}
@media screen and (max-width: 640px) {
input[type=text] {
font-size: 16px;
}
} p,
a,
span,
b,
strong,
i,
italic {
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
a {
text-decoration: none;
cursor: pointer;
}
input[type="submit"]:hover,
label {
cursor: pointer;
}
label input {
vertical-align: middle;
}
p a,
span a,
li a {}
p a:hover,
span a:hover,
li a:hover {}
h1,
h2,
h3,
h4 {
line-height: 1.4em;
} body {}
#wrap {
width: 100%;
min-width: 1000px;
}
#main {
width: 100%;
margin: 0 auto;
}
.inner {
width: 100%;
max-width: 1020px;
padding: 0 10px;
margin: 0 auto;
}
.text p:not(:last-child) {
margin-bottom: 1em;
}
h2 span,
h3 span,
h4 span {
display: inline-block;
}
@media screen and (max-width: 640px) {
#wrap {
width: 100%;
min-width: initial;
overflow: hidden;
}
}  #header {
background-color: #FCF4EF;
}
#header .inner {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
max-width: 1172px;
height: 100px;
padding-left: 24px;
}
#header .logo {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
height: 65px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/logo.png) no-repeat left center / contain;
padding-left: 90px;
font-size: 1.285rem;
font-weight: bold;
line-height: 1.8em;
text-shadow: 0px 0px 10px #EF9225;
}
@media screen and (max-width: 640px) {
#header .inner {
height: auto;
padding: 3.125vw;
}
#header .logo {
height: 3rem;
padding-left: 3.5rem;
font-size: 1rem;
line-height: 1.3em;
}
}  #footer {
position: relative;
height: 378px;
background: #563721 url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/footer_bg.png) no-repeat center center / contain;
padding: 20px 0 110px;
}
#footer .menu {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#footer .menu .list {
width: 33.33%;
}
#footer .menu .list.col1 {}
#footer .menu .list.col2 {
-webkit-order: 3;
order: 3;
text-align: right;
}
#footer .menu .list.col3 {
text-align: center;
}
#footer .menu .list .item {
margin-bottom: 20px;
color: #fff;
font-size: 1.428rem;
font-weight: bold;
line-height: 1.25em;
}
#footer .overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: rgba(207, 179, 158, 0.5);
}
#footer .overlay .inner {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
height: 109px;
}
#footer .overlay .box {
width: 33.33%;
}
#footer .overlay .name {
color: #fff;
font-size: 1.285rem;
font-weight: bold;
line-height: 1.8em;
}
#footer .overlay .call {
text-align: center;
}
#footer .overlay .call p {
margin-bottom: 10px;
color: #fff;
font-size: 1.14rem;
font-weight: bold;
}
#footer .overlay .call a {
color: #fff;
font-size: 1.7rem;
font-weight: bold;
}
#footer .overlay .call a:before {
content: "";
display: inline-block;
width: 17px;
height: 20px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/ico_tel.png) no-repeat center center / contain;
margin-right: 1rem;
}
#footer .overlay .contact {
width: 200px;
margin-left: auto;
}
#footer .overlay .contact a {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 60px;
background: rgba(255, 255, 255, 0.2);
border: 3px solid #fff;
border-radius: 30px;
color: #fff;
font-size: 1.14rem;
font-weight: bold;
}
@media screen and (max-width: 640px) {
#footer {
height: auto;
background-position: left 50vw center;
background-size: auto 100%;
padding: 4.68vw 0 43.75vw;
}
#footer .inner {
padding: 0 1rem;
}
#footer .menu {
display: block;
}
#footer .menu .list {
width: 100%;
}
#footer .menu .list.col1 {}
#footer .menu .list.col2 {
-webkit-order: 0;
order: 0;
text-align: left;
}
#footer .menu .list.col3 {
text-align: left;
}
#footer .menu .list .item {
margin-bottom: .8rem;
}
#footer .overlay .inner {
height: auto;
padding-top: 1rem;
padding-bottom: 1rem;
}
#footer .overlay .box {
width: 33.33%;
}
#footer .overlay .name {
width: 100%;
margin-bottom: 1rem;
line-height: 1.4em;
}
#footer .overlay .call {
width: 60%;
text-align: left;
}
#footer .overlay .call p {
margin-bottom: 0;
}
#footer .overlay .call a:before {
width: 1rem;
height: 1.2rem;
margin-right: .5rem;
}
#footer .overlay .contact {
width: 40%;
}
#footer .overlay .contact a {
height: 3rem;
border-radius: 1.5rem;
}
}  #gnav {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/gnav_bg.png) no-repeat center center / cover;
}
#gnav .inner {
position: relative;
max-width: 1032px;
padding-left: 15px;
}
#gnav .menu {
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
height: 100px;
} #gnav .item a {
font-size: 1.285rem;
font-weight: bold;
}
#gnav .mypage {
position: absolute;
right: 0;
bottom: 100px;
width: 147px;
height: 77px;
}
#overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
transition: .35s ease-in-out;
}
@media screen and (max-width: 640px) {
#gnav {
position: fixed;
top: 0;
right: -80vw;
z-index: 300;
width: 80vw;
height: 100%;
overflow: hidden;
background-repeat: repeat-y;
background-size: auto 50%;
padding-top: 12.5vw;
transition: .35s ease-in-out;
}
#gnav .inner {
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 0 0 30vw;
}
#gnav .menu {
display: block;
height: auto;
padding: 0 3vw;
}
#gnav .item:nth-child(1),
#gnav .item:nth-child(2),
#gnav .item:nth-child(3),
#gnav .item:nth-child(4),
#gnav .item:nth-child(5),
#gnav .item:nth-child(6) {
width: 100%;
margin-bottom: 1rem;
}
#gnav .mypage {
right: 0;
bottom: 0;
left: 0;
width: 30vw;
height: auto;
margin: auto;
}
#menu_btn {
position: fixed;
top: 3.125vw;
right: 3.125vw;
background-color: rgba(255, 255, 255, 0.5);
padding: 1.56vw;
z-index: 400;
transition: background .35s ease-in-out;
}
#menu_btn>div {
position: relative;
width: 7.8vw;
height: 7.8vw;
cursor: pointer;
}
#menu_btn span {
position: absolute;
left: 0;
display: block;
width: 100%;
height: 1vw;
background: #614307;
margin: auto;
transition: .35s ease-in-out;
}
#menu_btn span:nth-child(1) {
top: 0;
}
#menu_btn span:nth-child(2) {
top: 0;
bottom: 0;
}
#menu_btn span:nth-child(3) {
bottom: 0
} body.open {
overflow: hidden;
}
body.open #overlay {
z-index: 200;
opacity: .6;
}
body.open #gnav {
transform: translate3d(-80vw, 0, 0);
}
body.open #menu_btn span:nth-child(1) {
bottom: 0;
transform: rotate(45deg);
}
body.open #menu_btn span:nth-child(2) {
left: 50%;
width: 0;
}
body.open #menu_btn span:nth-child(3) {
top: 0;
transform: rotate(-45deg);
}
}  #top_mv {
position: relative;
height: 779px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/mv_main.png) no-repeat center center / cover;
}
#top_mv .title {
width: 610px;
margin: 0 auto;
padding-top: 1rem;
}
@media screen and (max-width: 640px) {
#top_mv {
height: 67.62vw;
}
#top_mv .title {
width: auto;
}
}  #top_announce {
background: linear-gradient(180deg, #CFEDFE 0%, rgba(255, 255, 255, 0) 100%), url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/announce_bg.png) no-repeat center bottom;
padding: 40px 0 200px;
border-bottom: 24px solid #99690B;
}
#top_announce .box {
position: relative;
max-width: 1000px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/announce_box_bg.png) no-repeat center center / cover;
margin: 110px auto 0;
padding: 1rem 1.8rem;
}
#top_announce .box .box_header {
position: absolute;
top: -63px;
left: 25px;
width: 140px;
height: 63px;
}
#top_announce .box .item {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
margin-bottom: 10px;
}
#top_announce .box .item .date {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
background-color: #614207;
width: 184px;
height: 38px;
margin-right: 30px;
color: #E6DBD4;
font-size: 1.428rem;
font-weight: bold;
}
#top_announce .box .item p {
width: 450px;
margin-right: 45px;
font-size: 1.428rem;
font-weight: bold;
line-height: 1.25em;
}
#top_announce .box .item a {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
height: 26px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/ico_arrow.png) no-repeat left center / contain;
padding-left: 48px;
color: #99690B;
font-size: 1.428rem;
font-weight: bold;
}
#top_announce .box .more a {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 132px;
height: 26px;
margin: 0 auto;
border: 1px solid #99690B;
border-radius: 13px;
color: #99690B;
font-size: 1.142rem;
}
#top_announce .box .more a:after {
content: "";
display: block;
width: 15px;
height: 15px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/announce_ico_more.png) no-repeat center center / contain;
margin-left: 10px;
}
@media screen and (max-width: 640px) {
#top_announce {
background-size: contain;
padding: 6.25vw 0 25vw;
border-bottom-width: 4.68vw;
}
#top_announce .box {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/announce_box_bg.png) no-repeat center center / cover;
margin-top: 25vw;
padding: 1.8rem 1rem;
}
#top_announce .box .box_header {
top: -15vw;
left: 3.125vw;
width: auto;
height: auto;
}
#top_announce .box .box_header .title {
width: auto;
height: 15.6vw;
}
#top_announce .box .box_header .title img {
width: auto;
height: 100%;
}
#top_announce .box .item {
display: block;
margin-bottom: 4.68vw;
}
#top_announce .box .item .date {
width: 8rem;
height: 1.8rem;
margin-right: 0;
margin-bottom: .3rem;
font-size: 1rem;
}
#top_announce .box .item p {
width: 100%;
margin-right: 0;
margin-bottom: .3rem;
font-size: 1.2rem;
}
#top_announce .box .item a {
height: 1.2rem;
padding-left: 1.8rem;
font-size: 1.2rem;
}
#top_announce .box .more a {
width: 10rem;
height: 2rem;
border-radius: 1rem;
}
#top_announce .box .more a:after {
width: 1rem;
height: 1rem;
margin-left: 1rem;
}
}  #top_flow {
padding: 30px 0 80px;
}
#top_flow .section_header .title {
display: inline-block;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/flow_title_ico.png) no-repeat left center / auto 26px;
padding-left: 45px;
border-bottom: 1px solid #9E8045;
color: #9E8045;
font-size: 1.7rem;
font-weight: bold;
line-height: 1.45em;
}
#top_flow .section_body a {
display: block;
height: 390px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/flow_bg.png) no-repeat center center / cover;
margin: 40px auto 0;
}
#top_flow .section_body .box {
width: 330px;
margin: 0 auto;
padding-top: 155px;
color: #000;
text-align: center;
}
#top_flow .section_body .box .main {
margin-bottom: 20px;
font-size: 2.57rem;
font-weight: bold;
line-height: 1.4em;
}
#top_flow .section_body .box .tail {
font-size: 1.7rem;
font-weight: bold;
line-height: 1.4em;
}
@media screen and (max-width: 640px) {
#top_flow {
padding: 7.8vw 0 12.5vw;
}
#top_flow .section_header .title {
display: inline-block;
background-size: auto 1.5rem;
padding-left: 2.4rem;
}
#top_flow .section_body a {
height: 62vw;
margin-top: 7.8vw;
}
#top_flow .section_body .box {
width: auto;
padding-top: 21.8vw;
}
#top_flow .section_body .box .main {
margin-bottom: 0;
}
}  #top_video {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/video_bg.jpg) repeat-x center center / contain;
padding: 80px 0 110px;
}
#top_video .section_header {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 170px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/video_title_bg.png) no-repeat right center / contain;
margin-bottom: 70px;
padding-top: 1rem;
}
#top_video .section_header .title {
color: #000;
font-size: 2.857rem;
font-weight: bold;
}
#top_video .section_body .list {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#top_video .section_body .list .item {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
width: 290px;
margin-bottom: 38px;
}
#top_video .section_body .list .item:not(:nth-child(3n)) {
margin-right: 65px;
}
#top_video .section_body .list .item .video {
position: relative;
width: 100%;
padding-top: 56.25%;
}
#top_video .section_body .list .item .video iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
#top_video .section_body .list .item .title {
margin-top: auto;
padding: 1rem .5rem .5rem;
border-bottom: 10px solid #fff;
color: #fff;
font-size: 1.285rem;
font-weight: bold;
line-height: 1.44em;
text-align: center;
}
#top_video .section_body .more {
padding-top: 38px;
}
#top_video .section_body .more a {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 290px;
height: 40px;
background-color: #D6C5B9;
margin: 0 auto;
padding-left: 1rem;
border: 1px solid #614307;
color: #614307;
font-size: 1.428rem;
}
#top_video .section_body .more a:after {
content: "";
display: block;
width: 19px;
height: 20px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/video_ico_more.png) no-repeat center center / contain;
margin-left: 20px;
}
@media screen and (max-width: 640px) {
#top_video {
background-repeat: repeat-y;
padding: 7.8vw 0 12.5vw;
}
#top_video .section_header {
height: 16.5vw;
background-position: center center;
background-size: auto 100%;
margin-bottom: 6.25vw;
}
#top_video .section_header .title {
font-size: 1.2rem;
}
#top_video .section_body .list .item {
width: 100%;
margin-bottom: 6.25vw;
}
#top_video .section_body .list .item:not(:nth-child(3n)) {
margin-right: 0;
}
#top_video .section_body .more {
padding-top: 6.25vw;
}
#top_video .section_body .more a {
width: 12rem;
height: 3rem;
}
#top_video .section_body .more a:after {
width: 1rem;
height: 1rem;
margin-left: 1rem;
}
}  #top_group {
padding: 35px 0 60px;
}
#top_group .section_header .title {
display: inline-block;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/group_title_ico.png) no-repeat left center / auto 26px;
padding-left: 45px;
border-bottom: 1px solid #C68B60;
color: #C68B60;
font-size: 1.7rem;
font-weight: bold;
line-height: 1.45em;
}
#top_group .section_body a {
display: block;
height: 350px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/group_bg.png) no-repeat center center / cover;
margin: 35px auto 0;
}
#top_group .section_body .box {
width: 330px;
margin: 0 auto;
padding-top: 130px;
color: #000;
text-align: center;
}
#top_group .section_body .box .main {
margin-bottom: 5px;
font-size: 2.57rem;
font-weight: bold;
line-height: 1.4em;
}
#top_group .section_body .box .tail {
font-size: 1.7rem;
font-weight: bold;
line-height: 1.4em;
}
@media screen and (max-width: 640px) {
#top_group {
padding: 7.8vw 0 12.5vw;
}
#top_group .section_header .title {
display: inline-block;
background-size: auto 1.5rem;
padding-left: 2.4rem;
}
#top_group .section_body a {
height: 62vw;
margin-top: 7.8vw;
}
#top_group .section_body .box {
width: auto;
padding-top: 18.75vw;
}
#top_group .section_body .box .main {
margin-bottom: 0;
}
}  #top_book {
position: relative;
padding: 160px 0 100px;
}
#top_book:before {
content: "";
position: absolute;
top: 0;
left: calc(50% - 100px);
display: block;
width: 565px;
height: 253px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/book_title_deco.png) no-repeat center center / contain;
;
}
#top_book .section_header {
height: 353px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/book_title_bg.jpg) no-repeat center center / cover;
margin-bottom: 75px;
padding-top: 160px;
}
#top_book .section_header .title {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 109px;
background: rgba(255, 255, 255, 0.5);
color: #fff;
font-size: 2.857rem;
font-weight: bold;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
#top_book .section_body .list {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#top_book .section_body .list .item {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
width: 290px;
}
#top_book .section_body .list .item:not(:nth-child(3n)) {
margin-right: 65px;
}
#top_book .section_body .list .item:nth-child(n+4) {
margin-top: 30px;
}
#top_book .section_body .list .item .image {
position: relative;
height: 220px;
margin-bottom: 30px;
}
#top_book .section_body .list .item .image:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 110px;
z-index: -1;
display: block;
width: 208px;
height: 208px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/book_item_bg.png) no-repeat center center / contain;
margin: auto;
}
#top_book .section_body .list .item .image img {
width: auto;
height: 100%;
margin: 0 auto;
}
#top_book .section_body .list .item .title {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/book_item_title_ico.png) no-repeat left 10px bottom 4px / 26px auto, url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/book_item_title_bg.png) repeat-y center bottom / contain;
margin-top: auto;
padding: 8px 20px 10px 45px;
color: #000;
font-size: 1.285rem;
font-weight: bold;
line-height: 1.44em;
text-align: center;
}
@media screen and (max-width: 640px) {
#top_book {
padding: 25vw 0 15.6vw;
}
#top_book:before {
left: 0;
width: 100%;
height: 39.5vw;
}
#top_book .section_header {
height: 55vw;
margin-bottom: 7.8vw;
padding-top: 25vw;
}
#top_book .section_header .title {
height: 15.6vw;
font-size: 2.4rem;
}
#top_book .section_body .list .item {
width: 100%;
margin-bottom: 7.8vw;
}
#top_book .section_body .list .item:not(:nth-child(3n)) {
margin-right: 0;
}
#top_book .section_body .list .item .image {
width: 40%;
height: auto;
margin: 0 auto 4.68vw;
}
#top_book .section_body .list .item .image:after {
left: 15.6vw;
width: 40vw;
height: 40vw;
}
#top_book .section_body .list .item .image img {
width: 100%;
height: auto;
}
#top_book .section_body .list .item .title {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/book_item_title_ico.png) no-repeat left 10px bottom 4px / 26px auto, url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/book_item_title_bg.png) repeat-y center bottom / contain;
background-repeat: no-repeat, repeat;
background-position: left .5rem bottom .5rem, center bottom;
background-size: 1.2rem auto, 100% auto;
padding: .5rem 1rem .5rem 2.5rem;
}
}  #top_case {
height: 924px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/case_bg.png) no-repeat center center / contain;
padding-top: 76px;
}
#top_case .section_header {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 148px;
background: rgba(255, 255, 255, 0.8);
margin-bottom: 160px;
}
#top_case .section_header .title {
color: #000;
font-size: 2.857rem;
font-weight: bold;
line-height: 1.45em;
}
#top_case .section_body .list {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#top_case .section_body .list .item {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
width: 290px;
margin-bottom: 55px;
}
#top_case .section_body .list .item:not(:nth-child(3n)) {
margin-right: 65px;
}
#top_case .section_body .list .item .image {
background-color: #fff;
margin-bottom: 48px;
padding: 10px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
#top_case .section_body .list .item .title {
background: #E6DBD4 url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/case_item_title_bg.png) no-repeat right bottom / contain;
margin-top: auto;
padding: 12px 80px 8px 20px;
color: #000;
font-size: 1.428rem;
font-weight: bold;
line-height: 1.3em;
text-align: center;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
#top_case .section_body .more {
padding-top: 60px;
}
#top_case .section_body .more a {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 290px;
height: 54px;
background-color: #99680B;
margin: 0 auto;
color: #E4C6AF;
font-size: 1.428rem;
font-weight: 400;
}
#top_case .section_body .more a:after {
content: "";
display: block;
width: 27px;
height: 26px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/case_ico_more.png) no-repeat center center / contain;
margin-left: 50px;
}
@media screen and (max-width: 640px) {
#top_case {
height: auto;
background-repeat: repeat-y;
background-position: left top;
background-size: auto 50%;
padding: 7.8vw 0 12.5vw;
}
#top_case .section_header {
height: 4rem;
margin-bottom: 7.8vw;
}
#top_case .section_header .title {
font-size: 2rem;
}
#top_case .section_body .list .item {
width: 100%;
margin-bottom: 7.8vw;
}
#top_case .section_body .list .item:not(:nth-child(3n)) {
margin-right: 0;
}
#top_case .section_body .list .item .image {
margin-bottom: 4.68vw;
padding: 1.56vw;
}
#top_case .section_body .list .item .title {
padding: .5rem 3.5rem .5rem 2rem;
}
#top_case .section_body .more {
padding-top: 6.25vw;
}
#top_case .section_body .more a {
width: 12rem;
height: 3rem;
}
#top_case .section_body .more a:after {
width: 1rem;
height: 1rem;
margin-left: 1rem;
}
}  #top_vendor {
padding: 50px 0 95px;
}
#top_vendor .section_header {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
height: 120px;
background-color: #99690B;
}
#top_vendor .section_header .title {
display: inline-block;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/vendor_title_ico.png) no-repeat left center / auto 26px;
padding-left: 45px;
border-bottom: 1px solid #fff;
color: #fff;
font-size: 1.7rem;
font-weight: bold;
line-height: 1.45em;
}
#top_vendor .section_body a {
display: block;
height: 302px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/vendor_bg.png) no-repeat center center / cover;
margin: 90px auto 0;
}
#top_vendor .section_body .box {
width: 330px;
margin: 0 auto;
padding-top: 105px;
color: #000;
text-align: center;
}
#top_vendor .section_body .box .main {
margin-bottom: 10px;
font-size: 2.57rem;
font-weight: bold;
line-height: 1.4em;
}
#top_vendor .section_body .box .tail {
font-size: 1.7rem;
font-weight: bold;
line-height: 1.4em;
}
@media screen and (max-width: 640px) {
#top_vendor {
padding: 7.8vw 0 12.5vw;
}
#top_vendor .section_header {
height: 18.75vw;
}
#top_vendor .section_header .title {
display: inline-block;
background-size: auto 1.5rem;
padding-left: 2.4rem;
}
#top_vendor .section_body a {
height: 62vw;
margin-top: 7.8vw;
}
#top_vendor .section_body .box {
width: auto;
padding-top: 18.75vw;
}
#top_vendor .section_body .box .main {
margin-bottom: 0;
}
}  #top_related {
padding: 0 0 100px;
}
#top_related .section_header {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 120px;
background: #99690B url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/related_title_bg.png) no-repeat center center / contain;
margin-bottom: 80px;
}
#top_related .section_header .title {
color: #fff;
font-size: 1.7rem;
font-weight: bold;
}
#top_related .box {
padding-bottom: 60px;
}
#top_related .box .box_header {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 105px;
background: no-repeat center center / cover;
}
#top_related .box.agency .box_header {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/agency_title_bg.png);
margin-bottom: 30px;
}
#top_related .box.other .box_header {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/other_title_bg.png);
margin-bottom: 40px;
}
#top_related .box .box_header .title {
padding-top: 1rem;
color: #000;
font-size: 2.14rem;
font-weight: bold;
}
#top_related .box.agency .box_body .bn {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 860px;
margin: 0 auto 36px;
}
#top_related .box.agency .box_body .bn .item {
width: 250px;
margin-bottom: 10px;
}
#top_related .box.agency .box_body .bn .item:not(:nth-child(3n)) {
margin-right: 55px;
}
#top_related .box .box_body .list .item {
position: relative;
margin-bottom: 20px;
font-size: 1.285rem;
line-height: 1.44em;
text-align: center;
}
#top_related .box .box_body .list .item:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: block;
margin: auto;
}
#top_related .box.agency .box_body .list .item {
color: #82A483;
}
#top_related .box.agency .box_body .list .item:after {
width: 238px;
border-bottom: 2px solid #7AB456;
}
#top_related .box.other .box_body .list .item {
color: #0D75A1;
}
#top_related .box.other .box_body .list .item:after {
width: 255px;
border-bottom: 2px solid #5DB3D7;
}
@media screen and (max-width: 640px) {
#top_related {
padding: 0 0 15.6vw;
}
#top_related .section_header {
height: 18.75vw;
background-size: cover;
margin-bottom: 6.25vw;
}
#top_related .section_header .title {
font-size: 1.6rem;
}
#top_related .box {
padding-bottom: 7.8vw;
}
#top_related .box .box_header {
height: 18.75vw;
}
#top_related .box.agency .box_header,
#top_related .box.other .box_header {
margin-bottom: 4.68vw;
}
#top_related .box .box_header .title {
font-size: 1.7rem;
}
#top_related .box.agency .box_body .bn {
width: 80%;
margin: 0 auto 4.68vw;
}
#top_related .box.agency .box_body .bn .item {
width: 100%;
margin-bottom: 2vw;
}
#top_related .box.agency .box_body .bn .item:not(:nth-child(3n)) {
margin-right: 0;
}
#top_related .box .box_body .list .item {
margin-bottom: 1rem;
padding-bottom: .3rem;
}
#top_related .box.agency .box_body .list .item:after,
#top_related .box.other .box_body .list .item:after {
width: 50vw;
}
}     .upper_nav {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1020px;
height: 58px;
margin: 0 auto;
padding: 0 10px;
}
.upper_nav .breadcrumb {}
.upper_nav .breadcrumb .item {
display: inline-block;
}
.upper_nav .breadcrumb .item+.item:before {
content: ">";
display: inline-block;
margin: 0 .3rem 0 .5rem;
color: #000;
font-size: 1.14rem;
font-weight: bold;
}
.upper_nav .breadcrumb .item a {
color: #000;
font-size: 1.14rem;
font-weight: bold;
}
.upper_nav .breadcrumb .item.current a {
pointer-events: none;
}
.upper_nav .search {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
width: 195px;
height: 30px;
background-color: #fff;
margin-left: auto;
padding: 0 12px;
border: 3px solid #614307;
border-radius: 15px;
}
.upper_nav .search button {
width: 18px;
height: 21px;
background-color: transparent;
padding: 0;
border: none;
cursor: pointer;
outline: none;
appearance: none;
}
.upper_nav .search input[type=text] {
width: 140px;
background-color: transparent;
border: none;
outline: none;
appearance: none;
margin-left: auto;
}
@media screen and (max-width: 640px) {
.upper_nav {
height: auto;
padding: 20px 10px;
}
.upper_nav .breadcrumb {
width: 100%;
margin-bottom: 10px;
}
.upper_nav .search {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 2rem;
background-color: #fff;
margin-left: auto;
padding: 0 1rem;
border-radius: 1rem;
}
.upper_nav .search button {
width: auto;
height: 1rem;
}
.upper_nav .search input[type=text] {
width: calc(100% - 2rem);
}
}  #layout_wrap {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1020px;
margin: 0 auto 40px;
padding: 0 10px;
}
#center_column {
width: 712px;
}
#center_column>br,
#center_column form>br {
display: none;
}
#side_column {
-webkit-order: -1;
order: -1;
width: 250px;
margin-right: auto;
}
@media screen and (max-width: 640px) {
#center_column {
width: 100%;
margin-bottom: 80px;
}
#side_column {
-webkit-order: 0;
order: 0;
width: 100%;
}
} #swpm-login-form {
text-align: center;
padding: 15px;
}
#swpm-login-form input[type=password],
#swpm-login-form input[type=text],
#swpm-login-form input[type=submit] {
font-size: 15px;
line-height: 1.33333333;
width: 250px;
border-width: .0625rem;
padding: .1875rem .3125rem;
margin: 0 6px 16px 0;
min-height: 40px;
max-height: none;
background-color: #eee;
}
#swpm-login-form input[type=submit] {
background-color: #ddd;
}
#swpm-login-form .swpm-join-us-link,
#swpm-login-form .swpm-rember-label,
#swpm-login-form .swpm-forgot-pass-link {
display: none;
}  .pagination {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 5rem;
}
.vendor .pagination {
background-color: #EDF6ED;
}
.case .pagination {
background-color: #F1DEDE;
}
.notice .pagination {
background-color: #FCF4EF;
}
.member .pagination {
background-color: #EECEB7;
}
.pagination .wp-pagenavi {
display: -webkit-flex;
display: flex;
font-size: 1.14rem;
font-weight: bold;
}
.pagination .wp-pagenavi a,
.pagination .wp-pagenavi span {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
margin: 0 5px;
}
.pagination .wp-pagenavi .current {
width: 1.785rem;
height: 1.785rem;
background-color: #99690B;
border-radius: 50%;
color: #FFF;
}
.pagination .wp-pagenavi a {
width: 1.785rem;
height: 1.785rem;
background-color: #FFF;
border: 1px solid #99690B;
border-radius: 50%;
color: #99690B;
}
.pagination .wp-pagenavi .first,
.pagination .wp-pagenavi .last {
position: relative;
color: transparent;
}
.pagination .wp-pagenavi .first:before,
.pagination .wp-pagenavi .last:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/pagination_arrow.png) no-repeat center center / auto 60%;
}
.pagination .wp-pagenavi .first:before {
transform: scale(-1, 1);
}  .side_box {
margin-bottom: 43px;
}
.side_box .box_header {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
height: 67px;
background-color: #614307;
padding: 0 1rem;
}
.side_box.pdf .box_header {
background: #614307 url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/side/pdf_title_bg.png) no-repeat right 10px bottom / 60px auto;
}
.side_box.jas .box_header {
background: #614307 url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/side/jas_title_bg.png) no-repeat right center / contain;
}
.side_box.area .box_header {
background: #614307 url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/side/area_title_bg.png) no-repeat right 5px bottom / auto 61px;
}
.side_box.product .box_header {
background: #614307 url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/side/product_title_bg.png) no-repeat right 5px center / auto 45px;
}
.side_box.feature .box_header {
background: #614307 url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/side/feature_title_bg.png) no-repeat right 3px bottom / auto 49px;
}
.side_box.const .box_header {
background: #614307 url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/side/const_title_bg.png) no-repeat right 3px bottom / auto 62px;
}
.side_box.pickup .box_header {
background: #614307 url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/side/pickup_title_bg.png) no-repeat right 3px bottom / auto 61px;
}
.side_box.news .box_header {
background: #614307 url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/side/news_title_bg.png) no-repeat right 20px bottom / auto 57px;
}
.side_box.event .box_header {
background: #614307 url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/side/event_title_bg.png) no-repeat right 20px center / auto 58px;
}
.side_box.history .box_header {
background: #614307 url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/side/history_title_bg.png) no-repeat right 14px bottom / auto 44px;
}
.side_box.download .box_header {
background: #614307 url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/side/download_title_bg.png) no-repeat right 10px bottom 8px / auto 37px;
}
.side_box .box_header .title {
color: #FFF;
font-size: 1.142rem;
font-weight: bold;
line-height: 1.625em;
}
.side_box .list {}
.side_box .list .item a {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
min-height: 54px;
padding: 0 5px;
border: 1px solid #614307;
}
.side_box .list.separate .item a {
background-color: #EECEB7;
margin-top: 15px;
}
.side_box .list.noborder .item a {
border: 0;
}
.side_box .list.lightborder .item a {
background-color: #FCF4EF;
border-color: #EECEB7;
}
.side_box .list .item p {
position: relative;
z-index: 2;
padding-left: 14px;
color: #000;
font-size: 1.142rem;
font-weight: bold;
line-height: 1.625em;
}
.side_box .list .item p:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
width: 10px;
height: 10px;
background-color: #9E8045;
margin: auto;
border-radius: 50%;
}
.side_box .list.lightborder .item p:before {
content: none;
}
.side_box .list .item p .date {
display: block;
color: #614307;
}
.side_box .list .item img {
position: absolute;
top: 0;
right: 0;
z-index: 1;
height: 100%;
width: auto;
object-fit: contain;
}
.side_box .list .item.separate {
margin-top: 43px;
}
.side_box .thumbnail .item {
margin: 25px 0 45px;
}
.side_box .thumbnail .item .title {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
min-height: 50px;
background: #F0E9E3 url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/side/pickup_subtitle_bg.png) no-repeat right 20% bottom / auto 2.8rem;
margin-top: 25px;
padding: .5em;
border-bottom: 3px solid #99690B;
color: #000;
font-size: 1.428rem;
font-weight: bold;
line-height: 1.45em;
}
.side_box.banner .bn {
margin: 15px 0 35px;
}
.side_box.banner dt {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 40px;
background: no-repeat center center / cover;
margin-bottom: 15px;
padding-top: .4rem;
color: #000;
font-size: 1.142rem;
font-weight: bold;
}
.side_box.banner dt.agency {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/side/banner_agency_bg.png);
}
.side_box.banner dt.other {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/side/banner_other_bg.png);
}
.side_box.banner .list dd {
margin-bottom: 15px;
border-bottom: 2px solid #5DB3D7;
color: #0D75A1;
font-size: 1.25rem;
font-weight: bold;
line-height: 1.8em;
}
@media screen and (max-width: 640px) {
.side_box {
margin-bottom: 1.5rem;
}
.side_box .box_header {
min-height: 2.5rem;
}
.side_box.pdf .box_header {
background-size: auto 70%;
}
.side_box.area .box_header {
background-size: auto 95%;
}
.side_box.product .box_header {
background-size: auto 70%;
}
.side_box.feature .box_header {
background-size: auto 80%;
}
.side_box.const .box_header {
background-size: auto 90%;
}
.side_box.pickup .box_header {
background-size: auto 90%;
}
.side_box .list .item a {
min-height: 2.5rem;
padding-left: 1rem;
}
.side_box .list .item a:before {
top: 0;
bottom: 0;
margin: auto;
}
.side_box .list .item br {
display: none;
}
.side_box .list .item.separate {
margin-top: 1rem;
}
.side_box .thumbnail .item {
margin: 1rem 0 1.5rem;
}
.side_box .thumbnail .item .title {
min-height: 2.5rem;
margin-top: 0;
}
.side_box.banner .bn {
margin: 1rem 0 2rem;
}
.side_box.banner dt {
height: 4rem;
margin-bottom: 1rem;
}
.side_box.banner .list dd {
margin-bottom: 1rem;
}
}  .box_section {}
.box_section .common_header {
position: relative;
height: 268px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/vendor_mv_bg.png) no-repeat center center / cover;
margin-bottom: 50px;
}
.box_section.vendor .common_header {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/vendor_mv_bg.png) no-repeat center center / cover;
}
.box_section.case .common_header {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/case_mv_bg.png) no-repeat center center / cover;
}
.box_section .common_header .title {
position: absolute;
top: 0;
bottom: 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 62px;
background-color: rgba(255, 255, 255, .9);
margin: auto;
color: #000;
font-size: 2.57rem;
font-weight: bold;
}
.box_section .common_body .list .box {
margin-bottom: 40px;
padding: 20px 0;
}
.box_section.vendor .common_body .list .box {
background-color: #EDF6ED;
}
.box_section.case .common_body .list .box {
background-color: #F1DEDE;
}
.box_section .common_body .list .box .box_header {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 60px;
}
.box_section.vendor .common_body .list .box .box_header {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/vendor_box_title_bg1.png) no-repeat left center, url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/vendor_box_title_bg2.png) no-repeat right center;
background-color: #fff;
background-size: contain;
margin-bottom: 17px;
}
.box_section.case .common_body .list .box .box_header {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/case_box_title_bg.png) no-repeat left center, url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/case_box_title_bg.png) no-repeat right center;
background-color: #fff;
background-size: auto 90%;
}
.box_section .common_body .list .box .box_header .title {
color: #000;
font-size: 1.7rem;
font-weight: bold;
line-height: 1.58em;
}
.box_section .common_body .list .box .box_body {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 54px;
}
.box_section.vendor .common_body .list .box .box_body {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/vendor_box_line.png) repeat-x left bottom / 50% auto, url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/vendor_box_bg.png) no-repeat left 30px bottom 8px;
}
.box_section.case .common_body .list .box .box_body {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/case_box_line.png) repeat-x left bottom / 50% auto, url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/case_box_bg.png) no-repeat left 30px bottom 8px;
}
.box_section.vendor .common_body .list .box .box_body .gallery {
width: calc(100% - 364px);
padding: 0 30px;
}
.box_section.case .common_body .list .box .box_body .gallery {
width: calc(100% - 380px);
padding: 0 30px 0 25px;
}
.box_section.vendor .common_body .list .box .box_body .gallery .image {
background-color: #fff;
margin-bottom: 26px;
padding: 4px;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}
.box_section.case .common_body .list .box .box_body .gallery .image {
margin-bottom: 70px;
}
.box_section .common_body .list .box .box_body .gallery .thumbnail {
display: -webkit-flex;
display: flex;
}
.box_section .common_body .list .box .box_body .gallery .thumbnail .item {
position: relative;
width: 26%;
background-color: #fff;
margin-bottom: 1rem;
cursor: pointer;
}
.box_section.vendor .common_body .list .box .box_body .gallery .thumbnail .item {
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}
.box_section .common_body .list .box .box_body .gallery .thumbnail .item:after {
content: "";
display: block;
padding-top: 100%;
}
.box_section .common_body .list .box .box_body .gallery .thumbnail .item:not(:nth-child(3n)) {
margin-right: 11%;
}
.box_section .common_body .list .box .box_body .gallery .thumbnail .item img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
object-fit: cover;
}
.box_section.vendor .common_body .list .box .box_body .gallery .thumbnail .item img {
width: calc(100% - 8px);
height: calc(100% - 8px);
}
.box_section.case .common_body .list .box .box_body .gallery .thumbnail .item img {
width: calc(100% - 2px);
height: calc(100% - 2px);
}
.box_section .common_body .list .box .box_body .detail {
width: 364px;
}
.box_section.case .common_body .list .box .box_body .detail {
width: 380px;
margin-top: 15px;
padding-right: 15px;
}
.box_section .common_body .list .box .box_body .detail .spec {
width: 100%;
background-color: #FFF;
border-collapse: collapse;
}
.box_section.case .common_body .list .box .box_body .detail .spec {
margin-bottom: 24px;
}
.box_section .common_body .list .box .box_body .detail .spec th,
.box_section .common_body .list .box .box_body .detail .spec td {
padding: 0 .8em;
font-weight: 500;
}
.box_section.vendor .common_body .list .box .box_body .detail .spec th,
.box_section.vendor .common_body .list .box .box_body .detail .spec td {
border: 1px solid #EDF6ED;
}
.box_section.case .common_body .list .box .box_body .detail .spec th,
.box_section.case .common_body .list .box .box_body .detail .spec td {
border: 1px solid #EECEB7;
}
.box_section .common_body .list .box .box_body .detail .spec th {
background-color: #FFF;
}
.common_sectionbox_section .common_body .list .box .box_body .detail .spec th.label {
width: 3.85rem;
text-align: center;
}
.box_section .common_body .list .box .box_body .detail .spec td {
background-color: #FFF;
}
.box_section .common_body .list .box .box_body .detail .spec th.title {
background: #EECEB7 no-repeat left 10px center / auto 75%;
padding: 3px 40px 1px;
font-size: 1.14rem;
font-weight: bold;
}
.box_section .common_body .list .box .box_body .detail .spec th.title.info {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/vendor_box_ico_info.png);
}
.box_section .common_body .list .box .box_body .detail .spec th.title.memo {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/vendor_box_ico_memo.png);
}
.box_section .common_body .list .box .box_body .detail .spec th.title.area {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/vendor_box_ico_area.png);
}
.box_section .common_body .list .box .box_body .detail .spec th.title.product {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/vendor_box_ico_product.png);
}
.box_section .common_body .list .box .box_body .detail .spec th.title.addr {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/case_box_ico_addr.png);
}
.box_section .common_body .list .box .box_body .detail .spec th.title.about {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/case_box_ico_about.png);
background-position: left 5px center;
}
.box_section .common_body .list .box .box_body .detail .spec th.title.const {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/case_box_ico_const.png);
}
.box_section.case .common_body .list .box .box_body .detail .spec th.title {
border: 1px solid #fff;
}
.box_section .common_body .list .box .box_body .detail .spec td.memo {
padding-top: .3rem;
padding-bottom: .6rem;
}
.box_section .common_body .list .box .box_body .detail .spec td.memo img {
width: auto;
}
.box_section .common_body .list .box .box_body .detail .spec td.memo li {
position: relative;
padding-left: 1rem;
}
.box_section .common_body .list .box .box_body .detail .spec td.memo li:before {
content: "";
position: absolute;
top: .6rem;
left: 0;
display: block;
width: .5rem;
height: .5rem;
background-color: #9E8045;
border-radius: 50%;
}
.box_section .common_body .list .box .box_body .detail .spec td.about {
height: 260px;
padding-top: .3rem;
padding-bottom: .6rem;
}
.box_section .common_body .list .box .box_body .detail .feature .item {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
width: max-content;
max-width: 100%;
min-width: 190px;
min-height: 24px;
background-color: #EECEB7;
margin-top: 10px;
padding: 3px 10px 1px 36px;
border-radius: 12px;
font-size: 1.14rem;
font-weight: bold;
}
.box_section .common_body .list .box .box_body .detail .feature .item:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 10px;
display: block;
width: .7rem;
height: .7rem;
background-color: #99690B;
margin: auto;
border-radius: 50%;
}
.box_section .common_body .list .box .box_body .detail .feature .jas_detail {
font-size: 0.75em;
}
@media screen and (max-width: 640px) {
.box_section .common_header {
height: 42vw;
margin-bottom: 7.8vw;
}
.box_section .common_header .title {
height: 2em;
}
.box_section .common_body .list .box {
margin-bottom: 7.8vw;
padding: 4.68vw 0;
}
.box_section .common_body .list .box .box_header {
height: 3rem;
}
.box_section.vendor .common_body .list .box .box_header,
.box_section.case .common_body .list .box .box_header {
margin-bottom: 1rem;
}
.box_section .common_body .list .box .box_body {
padding-bottom: 8.75vw;
}
.box_section.vendor .common_body .list .box .box_body {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/vendor_box_line.png) repeat-x left bottom / 50% auto, url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/vendor_box_bg.png) no-repeat right 1rem bottom;
}
.box_section.case .common_body .list .box .box_body {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/case_box_line.png) repeat-x left bottom / 50% auto, url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/case_box_bg.png) no-repeat right 1rem bottom;
}
.box_section.vendor .common_body .list .box .box_body .gallery,
.box_section.case .common_body .list .box .box_body .gallery {
width: 100%;
padding: 0 1rem 1rem;
}
.box_section.vendor .common_body .list .box .box_body .gallery .image,
.box_section.case .common_body .list .box .box_body .gallery .image {
margin-bottom: 1rem;
}
.box_section .common_body .list .box .box_body .detail,
.box_section.case .common_body .list .box .box_body .detail {
width: 100%;
margin: 0;
padding: 0 1rem;
}
.box_section.vendor .common_body .list .box .box_body .detail .spec,
.box_section.case .common_body .list .box .box_body .detail .spec {
margin-bottom: 1rem;
}
.box_section .common_body .list .box .box_body .detail .spec th,
.box_section .common_body .list .box .box_body .detail .spec td {
padding: 0 1em;
}
.box_section .common_body .list .box .box_body .detail .spec th.title {
padding: .3rem 1rem .1rem 3rem;
}
.box_section .common_body .list .box .box_body .detail .spec td.about {
height: auto;
}
.box_section .common_body .list .box .box_body .detail .feature .item {
min-height: 2rem;
margin-top: .6rem;
padding: .3rem 1rem .1rem 2rem;
border-radius: 1rem;
}
.box_section .common_body .list .box .box_body .detail .feature .item:before {
left: .5rem;
}
}  #sub_mv.archive {
position: relative;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/archive_mv_bg.png) no-repeat center center / cover;
max-width: 1000px;
height: 559px;
margin: 0 auto 60px;
}
#sub_mv.archive .title {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
color: #000;
font-size: 4.285rem;
font-weight: bold;
line-height: 1.6em;
text-align: center;
}
#sub_mv.archive .title span {
display: inline-block;
margin: 2rem 0;
white-space: nowrap;
}
.archive_section.video {}
.archive_section.video .section_header {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/video_bg.jpg) repeat-x center center;
padding: 70px 0;
}
.archive_section.video .section_header .title {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 170px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/video_title_bg.png) no-repeat right center / contain;
padding-top: 1rem;
color: #000;
font-size: 2.857rem;
font-weight: bold;
}
.archive_section.video .section_body {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/video_box_bg.jpg) repeat-x center center / auto 100%;
}
.archive_section.video .section_body .list {
padding: 80px 0 90px;
}
.archive_section.video .section_body .list .box {
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 15px;
}
.archive_section.video .section_body .list .box .video {
position: relative;
width: 290px;
padding-top: 163px;
}
.archive_section.video .section_body .list .box .video iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.archive_section.video .section_body .list .box .content {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
width: calc(100% - 290px);
min-height: 244px;
background-color: #fff;
padding: 10px 20px;
}
.archive_section.video .section_body .list .box .content .data {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.archive_section.video .section_body .list .box .content .data dt {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 136px;
height: 30px;
background: #EDD0BA no-repeat left 1.5rem center / auto 22px;
margin-bottom: 17px;
padding: 0 1rem 0 3rem;
border-radius: 15px;
font-size: 1.285rem;
font-weight: bold;
}
.archive_section.video .section_body .list .box .content .data dt.title {
padding-right: 0;
padding-left: 0;
}
.archive_section.video .section_body .list .box .content .data dt.date {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/video_box_ico_date.png);
}
.archive_section.video .section_body .list .box .content .data dt.detail {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/video_box_ico_detail.png);
}
.archive_section.video .section_body .list .box .content .data dd {
width: calc(100% - 136px);
padding: 5px 10px;
color: #000;
font-size: 1.285rem;
font-weight: 500;
line-height: 1.8em;
}
.archive_section.video .section_body .list .box .content .data dt.detail+dd {
height: 10rem;
overflow: hidden;
transition: height .3s;
}
.archive_section.video .section_body .list .box .content .data dt.detail+dd.open {
height: auto;
}
.archive_section.video .section_body .list .box .content .more {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 132px;
height: 26px;
margin: auto;
border: 1px solid #99690B;
border-radius: 13px;
color: #99690B;
font-size: 1.142rem;
cursor: pointer;
}
.archive_section.video .section_body .list .box .content .more a:after {
content: "";
display: block;
width: 15px;
height: 15px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/announce_ico_more.png) no-repeat center center / contain;
margin-left: 10px;
}
.archive_section .archive_timbers_expound_banner {
display: inline-block;
margin-bottom: 50px;
}
.archive_section .archive_timbers_expound_banner:hover {
opacity: 0.7;
}
#top_book.archive_section {
margin-top: 26px;
padding-bottom: 0;
}
#top_book.archive_section .section_header {
margin-bottom: 0;
}
#top_book.archive_section .section_body {
position: relative;
padding: 76px 0 64px;
}
#top_book.archive_section .section_body:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -10;
background-color: #E1E1E1;
}
#top_book.archive_section .section_body .list .item .image {
margin-bottom: 50px;
}
#top_book.archive_section .section_body .list .item .title {
margin-top: 0;
}
#top_book.archive_section .section_body .list .item .text {
position: relative;
min-height: 166px;
background-color: rgba(255, 255, 255, .5);
padding: 1rem;
}
#top_book.archive_section .section_body .list .item .text:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/book_text_bg.png) no-repeat center center / 260px auto;
}
#top_book.archive_section .section_body .list .item .text p {
margin-bottom: 1rem;
color: #000;
font-size: 1.285rem;
font-weight: bold;
line-height: 1.6em;
}
@media screen and (max-width: 640px) {
#sub_mv.archive {
height: 42vw;
margin-bottom: 7.8vw;
}
#sub_mv.archive .title {
font-size: 1.8rem;
}
#sub_mv.archive .title span {
margin: 0;
}
.archive_section.video .section_header {
padding: 7.8vw 0;
}
.archive_section.video .section_header .title {
height: 16.5vw;
background-position: center center;
background-size: auto 100%;
font-size: 1.2rem;
}
.archive_section.video .section_body .list {
padding: 9.375vw 0;
}
.archive_section.video .section_body .list .box {
margin-bottom: 2rem;
}
.archive_section.video .section_body .list .box .video {
width: 100%;
padding-top: 56.25%;
}
.archive_section.video .section_body .list .box .content {
width: 100%;
padding: 1rem;
}
.archive_section.video .section_body .list .box .content .data {
display: block;
}
.archive_section.video .section_body .list .box .content .data dt {
width: 10rem;
height: 2rem;
background-size: auto 80%;
margin-bottom: .5rem;
border-radius: 1rem;
}
.archive_section.video .section_body .list .box .content .data dd {
width: 100%;
margin-bottom: 1rem;
padding: 0;
line-height: 1.6em;
}
.archive_section.video .section_body .list .box .content .more {}
.archive_section.video .section_body .list .box .content .more a {
width: 10rem;
height: 2rem;
border-radius: 1rem;
}
.archive_section.video .section_body .list .box .content .more a:after {
width: 1rem;
height: 1rem;
margin-left: 1rem;
}
#top_book.archive_section {
margin-top: 7.8vw;
}
#top_book.archive_section .section_body {
padding: 7.8vw 0;
}
#top_book.archive_section .section_body .list .item .image {
margin-bottom: 6.25vw;
}
#top_book.archive_section .section_body .list .item .text:after {
background-size: 80% auto;
}
}  .common_section.greeting {
background: #FBF8F7 url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/greeting_bg.png) no-repeat center center;
margin-bottom: 90px;
}
.common_section.greeting .common_header {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 100px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/greeting_title_bg.png) no-repeat center center / cover;
}
.common_section.greeting .common_header .title {
font-size: 1.7rem;
font-weight: bold;
}
.common_section.greeting .common_body {
padding: 70px 40px 100px;
}
.common_section.greeting .common_body .profile {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 80px;
}
.common_section.greeting .common_body .profile .text {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
width: calc(100% - 289px);
padding-left: 36px;
}
.common_section.greeting .common_body .profile .text .pref {
color: #000;
font-size: 1.285rem;
line-height: 1.6em;
}
.common_section.greeting .common_body .profile .text .name {
color: #000;
font-size: 1.7rem;
line-height: 1.6em;
}
.common_section.greeting .common_body .profile .text .name .pos {
padding-right: 1em;
font-size: 1.285rem;
}
.common_section.greeting .common_body .profile .image {
-webkit-order: -1;
order: -1;
width: 289px;
}
.common_section.greeting .common_body .article {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
color: #000;
font-size: 1.14rem;
line-height: 2em;
}
@media screen and (max-width: 640px) {
.common_section.greeting {
margin-bottom: 14vw;
}
.common_section.greeting .common_header {
height: 15.6vw;
}
.common_section.greeting .common_body {
padding: 2rem 1rem 3rem;
}
.common_section.greeting .common_body .profile {
margin-bottom: 2rem;
}
.common_section.greeting .common_body .profile .text {
width: 100%;
padding-bottom: 1rem;
padding-left: 0;
}
.common_section.greeting .common_body .profile .text .pref {
display: table;
margin: 0 auto;
font-size: 1.2rem;
}
.common_section.greeting .common_body .profile .text .name {
display: table;
margin: 0 auto;
}
.common_section.greeting .common_body .profile .image {
-webkit-order: 0;
order: 0;
width: 60%;
margin: 0 auto;
}
}  .common_section.organization {
margin-bottom: 120px;
}
.common_section.organization .common_header {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 100px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/organization_title_bg.png) no-repeat center center / cover;
}
.common_section.organization .common_header .title {
font-size: 1.7rem;
font-weight: bold;
}
.common_section.organization .headline {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/organization_bg.png) no-repeat center center / cover;
padding: 38px 0 3px;
}
.common_section.organization .headline .box {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 35px;
}
.common_section.organization .headline .box .label {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 170px;
background-color: rgba(97, 67, 7, 0.8);
color: #FFF;
font-size: 1.7rem;
font-weight: bold;
}
.common_section.organization .headline .box .value {
width: calc(100% - 170px);
padding-left: 12px;
}
.common_section.organization .headline .box .value table {
width: 100%;
border-collapse: collapse;
}
.common_section.organization .headline .box .value table th,
.common_section.organization .headline .box .value table td {
padding: 0.8rem;
border: 1px solid #EDD0BA;
color: #000;
font-weight: bold;
line-height: 1.43em;
text-align: center;
vertical-align: middle;
}
.common_section.organization .headline .box .value table th {
width: 4em;
background-color: rgba(207, 179, 158, 0.9);
font-size: 1.285rem;
}
.common_section.organization .headline .box .value table td {
background-color: rgba(255, 255, 255, 0.9);
font-size: 1.142rem;
}
.common_section.organization .headline .box .value table td span {
display: inline-block;
margin-right: 2rem;
}
.common_section.organization .map iframe {
width: 100%;
height: 289px;
}
.common_section.organization .section {}
.common_section.organization .section .sub_header {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 357px;
height: 67px;
background-color: #99680B;
margin: 30px 0;
}
.common_section.organization .section .sub_header .title {
width: 15.5rem;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/organization_subtitle_ico.png) no-repeat left center;
border-bottom: 1px solid #fff;
color: #FFF;
font-size: 1.14rem;
font-weight: bold;
line-height: 2em;
text-align: center;
}
.common_section.organization .section.service .sub_body {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/organization_service_bg.jpg) no-repeat center center / cover;
padding-bottom: 20px;
}
.common_section.organization .section.service .sub_body .text {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/vendor_box_line.png) repeat-x left bottom / 50% auto, url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/organization_service_bg.png) no-repeat right 20px bottom 10px;
padding: 20px 20px 30px;
}
.common_section.organization .section.service .sub_body .text h4 {
color: #000;
font-size: 1.285rem;
font-weight: 700;
line-height: 1.6em;
}
.common_section.organization .section.service .sub_body .text p {
color: #000;
font-size: 1.142rem;
font-weight: 500;
line-height: 1.625em;
}
.common_section.organization .section.service .sub_body .text p:not(:last-child) {
margin-bottom: 2rem;
}
.common_section.organization .section.paper .sub_body {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/organization_paper_bg.jpg) no-repeat center center / cover;
padding: 20px;
}
.common_section.organization .section.paper .sub_body .title {
margin-bottom: 1rem;
color: #000;
font-size: 1.142rem;
font-weight: bold;
}
.common_section.organization .section.paper .sub_body ul:not(:last-child) {
margin-bottom: 2rem;
}
.common_section.organization .section.paper .sub_body li {
display: inline-block;
margin-right: 3rem;
}
.common_section.organization .section.paper .sub_body li a {
color: #00F;
font-size: 1.142rem;
font-weight: bold;
}
.common_section.organization .section.member .sub_body table {
width: 100%;
border-collapse: collapse;
}
.common_section.organization .section.member .sub_body table th,
.common_section.organization .section.member .sub_body table td {
border: 1px solid #9E8045;
font-size: 1.142rem;
font-weight: 500;
line-height: 1.625em;
}
.common_section.organization .section.member .sub_body table th {
background-color: #D6C5B9;
padding: .5rem;
color: #614307;
text-align: center;
}
.common_section.organization .section.member .sub_body table td {
background-color: #FBF8F7;
color: #000;
}
.common_section.organization .section.member .sub_body td:nth-child(1) {
width: 14rem;
padding: .5rem 0 .5rem 1rem;
}
.common_section.organization .section.member .sub_body td:nth-child(2) {
padding: .5rem;
}
.common_section.organization .section.member .sub_body td:nth-child(3) {
padding: .5rem .3rem;
}
@media screen and (max-width: 640px) {
.common_section.organization {
margin-bottom: 9.375vw;
}
.common_section.organization .common_header {
height: 15.6vw;
}
.common_section.organization .headline {
padding: 2rem 0 0;
}
.common_section.organization .headline .box {
margin-bottom: 2rem;
}
.common_section.organization .headline .box .label {
width: 100%;
height: 2.5rem;
}
.common_section.organization .headline .box .value {
width: 100%;
padding-left: 0;
}
.common_section.organization .headline .box .value table td span {
margin-right: 0;
}
.common_section.organization .map iframe {
height: 30vh;
}
.common_section.organization .section .sub_header {
width: 70%;
height: 3rem;
margin: 2rem 0 1rem;
}
.common_section.organization .section.service .sub_body {
padding-bottom: 1.5rem;
}
.common_section.organization .section.service .sub_body .text {
padding: 1rem;
}
.common_section.organization .section.paper .sub_body {
padding: 1rem;
}
.common_section.organization .section.paper .sub_body ul:not(:last-child) {
margin-bottom: 1.5rem;
}
.common_section.organization .section.member .sub_body {
position: relative;
}
.common_section.organization .section.member .sub_body:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
width: 15%;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}
.common_section.organization .section.member .sub_body table {
display: block;
width: auto;
overflow-x: scroll;
border: .2rem solid #000;
border-right: 0;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.common_section.organization .section.member .sub_body table th,
.common_section.organization .section.member .sub_body table td {
font-size: 1rem;
}
.common_section.organization .section.member .sub_body td:nth-child(1),
.common_section.organization .section.member .sub_body td:nth-child(2),
.common_section.organization .section.member .sub_body td:nth-child(3) {
width: auto;
padding: .5rem .3rem;
}
}  body.page-id-29 {
background-color: #FFFEEC;
}
#sub_mv.woodcraft {
position: relative;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/woodcraft_mv_bg.png) no-repeat center center / cover;
max-width: 1000px;
height: 560px;
margin: 0 auto 40px;
}
#sub_mv.woodcraft .title {
position: absolute;
top: 44%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 574px;
height: 135px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/woodcraft_title_bg.png) no-repeat center center / contain;
}
#sub_mv.woodcraft .title span {
margin: 0 .3em;
color: #FFF;
font-size: 3.428rem;
font-weight: bold;
line-height: 1.6em;
text-align: center;
}
.woodcraft_section {
margin-bottom: 150px;
}
.woodcraft_section .craft_menu {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/woodcraft_menu_deco.png) no-repeat right top;
padding-top: 83px;
}
.woodcraft_section .craft_menu .menu_header {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 100px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/woodcraft_menu_title_bg.png) repeat-x center center / contain;
}
.woodcraft_section .craft_menu .menu_header .title {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 340px;
height: 66px;
background-color: rgba(255, 255, 255, .5);
border-radius: 10px;
font-size: 2.285rem;
font-weight: bold;
line-height: 1.6em;
}
.woodcraft_section .craft_menu .menu_header .pref {
position: absolute;
top: -50px;
left: 45px;
}
.woodcraft_section .craft_menu .menu_header:after {
content: "";
position: absolute;
top: 0;
right: 168px;
bottom: 0;
display: block;
width: 131px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/woodcraft_menu_title_tail.png) no-repeat center center / contain;
}
.woodcraft_section .craft_menu .menu_wrap {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.woodcraft_section .craft_menu .menu_wrap .menu {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
width: 25%;
}
.woodcraft_section .craft_menu .menu_wrap .menu .item {
position: relative;
}
.woodcraft_section .craft_menu .menu_wrap .menu .item p {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
width: 100%;
font-size: 1.7rem;
font-weight: bold;
line-height: 1.6em;
text-align: center;
}
.woodcraft_section .notice {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/woodcraft_menu_line.png) repeat-x top center;
margin: 25px 0;
padding-top: 25px;
}
.woodcraft_section .notice ul {
background-color: #FFFDCC;
padding: 1em;
font-size: 1.7rem;
font-weight: bold;
line-height: 1.6em;
text-align: center;
}
.woodcraft_section .box {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/woodcraft_menu_line.png) repeat-x top center;
margin-bottom: 25px;
padding-top: 25px;
}
.woodcraft_section .box>.wrap {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
background: #fff url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/woodcraft/box_bg.png) no-repeat top 30px right 30px;
padding-bottom: 36px;
border: 1px solid #FFF3EA;
}
.woodcraft_section .box .box_header {
position: relative;
width: 500px;
height: 100px;
}
.woodcraft_section .box .box_header .title {
position: absolute;
top: 50%;
left: 76px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
font-size: 1.7rem;
font-weight: bold;
line-height: 1.6em;
}
.woodcraft_section .box .image {
width: 334px;
margin-top: 8px;
margin-left: 20px;
}
.woodcraft_section .box .content .label {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
height: 40px;
background: no-repeat left center / contain;
padding-left: 55px;
color: #FFF;
font-size: 1.285rem;
font-weight: bold;
line-height: 1.6em;
}
.woodcraft_section .box .content.photo {
width: 610px;
margin-top: -48px;
}
.woodcraft_section .box .content.photo .label {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/woodcraft/box_label_photo.png);
}
.woodcraft_section .box .content.photo .flow {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 44px;
}
.woodcraft_section .box .content.photo .flow .item {
counter-increment: num;
width: 190px;
}
.woodcraft_section .box .content.photo .flow .item:not(:last-child) {
margin-right: 20px;
}
.woodcraft_section .box .content.photo .flow .item .pref {
position: relative;
background-color: #FFF3EA;
padding-left: 54px;
color: #CFB39E;
font-size: 1.142rem;
font-weight: bold;
line-height: 1.56em;
}
.woodcraft_section .box .content.photo .flow .item .pref:before {
content: counter(num);
position: absolute;
bottom: 2px;
left: 2px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 50px;
height: 50px;
background-color: #CFB39E;
border-radius: 50%;
color: #FFF;
font-size: 1.7rem;
font-weight: bold;
}
.woodcraft_section .box .content.video {
width: 365px;
margin-top: 20px;
margin-left: auto;
}
.woodcraft_section .box .content.video .label {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/woodcraft/box_label_video.png);
}
.woodcraft_section .box .content.video .video {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.woodcraft_section .box .content.video .video iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.woodcraft_section .box .content.guide {
width: 610px;
margin-top: -40px;
}
.woodcraft_section .box .content.guide .label {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/woodcraft/box_label_guide.png);
}
.woodcraft_section .box .content.guide .content_body {
background-color: #FFF3EA;
padding: 1rem;
}
.woodcraft_section .box .content.guide .content_body .wrap {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
min-height: 460px;
padding: 1rem;
border: 1px dashed #CFB39E;
font-size: 1.285rem;
font-weight: bold;
line-height: 1.6em;
}
.woodcraft_section .box .content.guide .content_body .line {
position: relative;
padding-left: 2rem;
}
.woodcraft_section .box .content.guide .content_body .line:before {
content: "";
position: absolute;
top: .5rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
background-color: #CFB39E;
border-radius: 50%;
}
.woodcraft_section .box .content.guide .content_body .line.separate {
margin-bottom: 2rem;
}
.woodcraft_section .box .content.guide .content_body .link {
padding-left: 2.5em;
}
.woodcraft_section .box .content.guide .content_body .link a {
color: #00F;
}
.woodcraft_section .box .content.guide .content_body .time {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
margin: .5rem 0;
}
.woodcraft_section .box .content.guide .content_body .time dt {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 8rem;
background-color: #CFB39E;
margin-right: 1rem;
border-radius: 5px;
}
.woodcraft_section .box .content.guide .content_body .pdf {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
margin-top: auto;
padding-top: .5rem;
}
.woodcraft_section .box .content.guide .content_body .pdf li {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/woodcraft/box_btn_pdf.png) no-repeat center top / auto 87px;
padding: 110px 22px 0;
}
.woodcraft_section .box .content.guide .content_body .pdf .btn {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 160px;
height: 30px;
background-color: #CFB39E;
border-radius: 15px;
color: #FFF;
}
.woodcraft_section .box .content.price {
width: 365px;
margin-top: auto;
margin-left: auto;
}
.woodcraft_section .box .content.price .label {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/woodcraft/box_label_price.png);
padding-left: 68px;
}
.woodcraft_section .box .content.price .content_body {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
min-height: 325px;
background-color: #FFF3EA;
padding: 20px;
}
.woodcraft_section .box .content.price .content_body p {
font-size: 1.285rem;
font-weight: bold;
line-height: 1.6em;
}
.woodcraft_section .box .content.price .content_body table {
width: 100%;
margin-top: auto;
border-collapse: collapse;
}
.woodcraft_section .box .content.price .content_body table th,
.woodcraft_section .box .content.price .content_body table td {
padding: .2rem;
border: 1px solid #fff;
font-size: 1.142rem;
font-weight: 500;
line-height: 1.625em;
}
.woodcraft_section .box .content.price .content_body table th {
background-color: #EDCFB9;
text-align: center;
}
.woodcraft_section .box .content.price .content_body table td {}
.woodcraft_section .box .content.price .content_body table td:nth-child(2) {
font-size: 1rem;
line-height: 1.57em;
}
.woodcraft_section .box .content.price .content_body table td:last-child {
padding: .2rem .5rem;
text-align: right;
}
.woodcraft_section .box .content.price .content_body .total {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid #99690B;
font-size: 1.285rem;
font-weight: bold;
line-height: 1.6em;
}
.woodcraft_section .box .content.price .content_body .total .pref {
font-weight: 500;
}
@media screen and (max-width: 640px) {
#sub_mv.woodcraft {
height: 42vw;
margin-bottom: 7.8vw;
}
#sub_mv.woodcraft .title {
width: 76vw;
height: 20vw;
}
#sub_mv.woodcraft .title span {
font-size: 1.8rem;
}
.woodcraft_section {
margin-bottom: 15.6vw;
}
.woodcraft_section .craft_menu {
background-size: auto 12.5vw;
padding-top: 12.5vw;
}
.woodcraft_section .craft_menu .menu_header {
height: 15.6vw;
}
.woodcraft_section .craft_menu .menu_header .title {
width: 80vw;
height: auto;
font-size: 1.8rem;
}
.woodcraft_section .craft_menu .menu_header .pref {
width: 40vw;
top: -12vw;
left: 0;
}
.woodcraft_section .craft_menu .menu_header:after {
content: none;
}
.woodcraft_section .craft_menu .menu_wrap .menu {
-webkit-flex-direction: row;
flex-direction: row;
width: 100%;
}
.woodcraft_section .craft_menu .menu_wrap .menu .item {
width: 50%;
}
.woodcraft_section .craft_menu .menu_wrap .menu .item p {
font-size: 1.6rem;
line-height: 1.2em;
}
.woodcraft_section .notice {
margin: 2rem 0;
padding-top: 2rem;
}
.woodcraft_section .notice ul {
font-size: 1.6rem;
}
.woodcraft_section .box {
margin-bottom: 2rem;
padding-top: 2rem;
}
.woodcraft_section .box>.wrap {
background: #fff url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/woodcraft/box_bg.png) no-repeat top 30px right 30px;
background-position: top 21.8vw right 4vw;
background-size: 18.75vw auto;
padding-bottom: 2rem;
}
.woodcraft_section .box .box_header {
width: 100%;
height: auto;
}
.woodcraft_section .box .box_header .title {
left: 3.5rem;
}
.woodcraft_section .box .image {
width: 70%;
margin-top: 1rem;
margin-left: 1rem;
}
.woodcraft_section .box .content {
padding: 0 .5rem;
}
.woodcraft_section .box .content .label {
height: 2em;
padding-left: 3em;
}
.woodcraft_section .box .content.photo {
width: 100%;
margin-top: 1rem;
}
.woodcraft_section .box .content.photo .flow {
margin-top: 0;
}
.woodcraft_section .box .content.photo .flow .item {
width: 100%;
margin-top: 1rem;
}
.woodcraft_section .box .content.photo .flow .item:not(:last-child) {
margin-right: 0;
}
.woodcraft_section .box .content.photo .flow .item .pref {
padding-left: 2.5rem;
}
.woodcraft_section .box .content.photo .flow .item .pref:before {
width: 2rem;
height: 2rem;
}
.woodcraft_section .box .content.video {
width: 100%;
margin-top: 1rem;
}
.woodcraft_section .box .content.guide {
width: 100%;
margin-top: 1rem;
}
.woodcraft_section .box .content.guide .content_body {
padding: .5rem;
}
.woodcraft_section .box .content.guide .content_body .wrap {
min-height: auto;
padding: .5rem;
}
.woodcraft_section .box .content.guide .content_body .line.separate {
margin-bottom: 1rem;
}
.woodcraft_section .box .content.guide .content_body .time {
display: block;
margin: .5rem 0;
}
.woodcraft_section .box .content.guide .content_body .pdf {
padding-top: 1rem;
}
.woodcraft_section .box .content.guide .content_body .pdf li {
background-size: auto;
padding: 15.6vw 1vw 2vw;
}
.woodcraft_section .box .content.guide .content_body .pdf .btn {
width: 10rem;
height: 2rem;
border-radius: 1rem;
}
.woodcraft_section .box .content.price {
width: 100%;
margin-top: 1rem;
}
.woodcraft_section .box .content.price .label {
padding-left: 3em;
}
.woodcraft_section .box .content.price .content_body {
min-height: auto;
padding: .5rem;
}
}  #sub_mv.process {
position: relative;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/process_mv_bg.png) no-repeat center center / cover;
max-width: 1000px;
height: 522px;
margin: 0 auto 50px;
}
#sub_mv.process .title {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
font-size: 2.57rem;
font-weight: bold;
}
.process_section {
margin-bottom: 100px;
}
.process_section .flow_menu .menu {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 26px;
}
.process_section .flow_menu .menu .item {
position: relative;
width: 150px;
}
.process_section .flow_menu .menu .item:not(:last-child) {
margin-right: 20px;
}
.process_section .flow_menu .menu .item:not(:last-child):after {
content: "";
position: absolute;
top: 0;
right: -20px;
bottom: 0;
display: block;
width: 20px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/process/menu_arrow.png) no-repeat center center / contain;
}
.process_section .flow_menu .menu .item p {
position: absolute;
top: 7px;
right: 15px;
bottom: 7px;
left: 15px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
background-color: rgba(255, 255, 255, .8);
border-radius: 28px;
font-size: 2rem;
font-weight: bold;
}
.process_section .lead {
position: relative;
padding-top: 74px;
}
.process_section .lead:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
display: block;
width: 205px;
height: 100px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/process_lead_deco.png) no-repeat center top / contain;
margin: auto;
}
.process_section .lead .wrap {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/process_lead_bg.png) no-repeat left 18px bottom / auto 37px, url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/process_lead_bg.png) no-repeat right 18px bottom / auto 37px;
background-color: #FCF4EF;
padding: 50px 20px;
border: 1px solid #CFB39E;
font-size: 1.285rem;
font-weight: 500;
line-height: 1.33em;
text-align: center;
}
.process_section .box {
margin-top: 50px;
}
.process_section .box .box_header {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
height: 80px;
background: linear-gradient(89.99deg, #FFFFFF 0.01%, rgba(255, 255, 255, 0) 50%), #CFB39E;
}
.process_section .box .box_header:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
width: 160px;
height: 160px;
background: no-repeat center center / contain;
margin: auto;
}
.process_section #flow01.box .box_header:before {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/process/flow01_title_pref.png);
}
.process_section #flow02.box .box_header:before {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/process/flow02_title_pref.png);
}
.process_section #flow03.box .box_header:before {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/process/flow03_title_pref.png);
}
.process_section #flow04.box .box_header:before {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/process/flow04_title_pref.png);
}
.process_section #flow05.box .box_header:before {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/process/flow05_title_pref.png);
}
.process_section #flow06.box .box_header:before {
background-image: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/process/flow06_title_pref.png);
}
.process_section .box .box_header:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: block;
width: 30%;
}
.process_section #flow01.box .box_header:after {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/process/flow01_title_bg.png) no-repeat right 20px bottom;
}
.process_section #flow02.box .box_header:after {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/process/flow02_title_bg.png) no-repeat right 20px bottom;
}
.process_section #flow03.box .box_header:after {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/process/flow03_title_bg.png) no-repeat right bottom;
}
.process_section #flow04.box .box_header:after {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/process/flow04_title_bg.png) no-repeat right bottom;
}
.process_section #flow05.box .box_header:after {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/process/flow05_title_bg.png) no-repeat right bottom;
}
.process_section #flow06.box .box_header:after {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/process/flow06_title_bg.png) no-repeat right bottom;
}
.process_section .box .box_header .title {
padding-left: 9.5em;
font-size: 2rem;
font-weight: bold;
}
.process_section #flow01.box .box_body {
background-color: #FEFDEC;
}
.process_section #flow02.box .box_body {
background-color: #FCF4EF;
}
.process_section #flow03.box .box_body {
background-color: #FFE8D8;
}
.process_section #flow04.box .box_body {
background-color: #FDFACF;
}
.process_section #flow05.box .box_body {
background-color: #FFFEFD;
}
.process_section #flow06.box .box_body {
background-color: #FFF6EF;
}
.process_section .box .box_body .text {
padding: 4em 1.2em 1.4em;
color: #000;
font-size: 1.285rem;
font-weight: 500;
line-height: 1.75rem;
}
.process_section #flow01.box .box_body .text {
background-color: #FDFACF;
}
.process_section #flow05.box .box_body .text {
background-color: #FCF4EF;
}
.process_section #flow06.box .box_body .text {
background-color: #FFE8D8;
}
.process_section .box .box_body .image_group {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.process_section .box .box_body .image {
position: relative;
width: 50%;
margin: 0 auto;
}
.process_section .box .box_body .image .caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, .7);
padding: .2em 1.2em;
;
font-size: 1.142rem;
font-weight: 500;
}
.process_section .box .box_body .sub_flow {}
.process_section .box .box_body .sub_flow .item {
padding-top: 50px;
}
.process_section .box .box_body .sub_flow .item .item_header {
margin-bottom: 20px;
}
.process_section .box .box_body .sub_flow .item .item_header img {
width: auto;
margin: 0 auto;
}
.process_section .box .box_body .sub_flow .item .item_header .title {
width: 250px;
margin: 0 auto;
padding: .2em;
border-bottom: 3px solid #CFB39E;
font-size: 1.7rem;
font-weight: bold;
text-align: center;
}
.process_section .box .box_body .sub_flow .item .item_body {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.process_section .box .box_body .sub_flow .item .item_body .sub_text {
width: 50%;
padding: 1.4em 1.2em;
color: #000;
font-size: 1.285rem;
font-weight: 500;
line-height: 1.75rem;
}
@media screen and (max-width: 640px) {
#sub_mv.process {
height: 42vw;
margin-bottom: 7.8vw;
}
#sub_mv.process .title {
font-size: 2rem;
white-space: nowrap;
text-shadow: 0 0 10px rgba(255, 255, 255, 1);
}
.process_section {
margin-bottom: 15.6vw;
}
.process_section .flow_menu .menu {
margin-bottom: 0;
}
.process_section .flow_menu .menu .item {
width: 40vw;
margin-bottom: 3.125vw;
}
.process_section .flow_menu .menu .item:not(:last-child) {
margin-right: 6vw;
}
.process_section .flow_menu .menu .item:not(:last-child):after {
right: -6vw;
width: 6vw;
}
.process_section .flow_menu .menu .item p {
top: .5rem;
right: 1rem;
bottom: .5rem;
left: 1rem;
border-radius: 1.5rem;
}
.process_section .lead {
padding-top: 15.6vw;
}
.process_section .lead:before {
width: 43.125vw;
height: 23.4vw;
}
.process_section .lead .wrap {
background-size: auto 2rem;
padding: 2rem .5rem;
font-size: 1.2rem;
}
.process_section .box {
margin-top: 9.375vw;
}
.process_section .box .box_header {
height: 4rem;
}
.process_section .box .box_header:before {
width: 7.5rem;
height: 7.5rem;
}
.process_section #flow01.box .box_header:after {
background-size: auto 80%;
}
.process_section #flow02.box .box_header:after {
background-size: auto 70%;
}
.process_section #flow03.box .box_header:after {
background-size: auto 90%;
}
.process_section #flow04.box .box_header:after {
background-size: auto 50%;
}
.process_section #flow05.box .box_header:after {
background-size: auto 60%;
}
.process_section #flow06.box .box_header:after {
background-size: auto 95%;
}
.process_section .box .box_header .title {
padding-left: 9rem;
}
.process_section .box .box_body .text {
padding: 3rem 1rem 1.4rem;
}
.process_section .box .box_body .image {
width: 100%;
}
.process_section .box .box_body .image .caption {
padding: .2rem 0;
font-size: 1rem;
text-align: center;
}
.process_section .box .box_body .sub_flow .item {
padding-top: 7.8vw;
}
.process_section .box .box_body .sub_flow .item .item_header {
margin-bottom: 3.125vw;
}
.process_section .box .box_body .sub_flow .item .item_header .title {
width: 70vw;
}
.process_section .box .box_body .sub_flow .item .item_body .sub_text {
-webkit-order: -1;
order: -1;
width: 100%;
padding: 1.4rem 1rem;
}
}  .common_section.notice {}
.common_section.notice .section_header {
position: relative;
height: 165px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/notice_mv_bg.png) no-repeat center center / cover;
}
.common_section.notice .section_header .title {
position: absolute;
top: 0;
bottom: 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 50px;
background-color: rgba(255, 255, 255, .5);
margin: auto;
font-size: 2.285rem;
font-weight: bold;
}
.common_section.notice .section_body {}
.common_section.notice .section_body .list {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/notice_deco01.png) no-repeat right 26px top 16px / auto 60px,
url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/notice_list_bg_bottom.png) repeat-x center bottom / contain,
url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/notice_list_bg.png) repeat-y center top / 100% auto;
margin-bottom: 45px;
padding: 90px 26px 75px;
}
.common_section.notice .section_body .list .box {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
}
.common_section.notice .section_body .list .box .image {
width: 290px;
min-height: 180px;
border: 1px solid #fff;
}
.common_section.notice .section_body .list .box .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.common_section.notice .section_body .list .box .content {
width: 328px;
background-color: #fff;
margin-left: auto;
padding-bottom: 1rem
}
.common_section.notice .section_body .list .box .content .box_header {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/notice_ico.png) no-repeat left 1rem center / 36px auto;
padding: 1rem 1rem 1rem 4.5rem;
border-bottom: 1px dashed #99690B;
}
.common_section.notice .section_body .list .box .content .box_header .title {
color: #000;
font-size: 1.285rem;
font-weight: bold;
line-height: 1.5em;
}
.common_section.notice .section_body .list .box .content .text {
padding: .5rem 1rem 1.5rem;
color: #000;
}
.common_section.notice .section_body .list .box .content .more a {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 132px;
height: 26px;
margin: 0 auto;
border: 1px solid #99690B;
border-radius: 13px;
color: #99690B;
font-size: 1.142rem;
}
.common_section.notice .section_body .list .box .content .more a:after {
content: "";
display: block;
width: 15px;
height: 15px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/top/announce_ico_more.png) no-repeat center center / contain;
margin-left: 10px;
}
@media screen and (max-width: 640px) {
.common_section.notice .section_header {
height: 42vw;
}
.common_section.notice .section_header .title {
height: 2em;
}
.common_section.notice .section_body .list {
background-size: auto 9.375vw, 200% auto, contain;
margin-bottom: 7.8vw;
padding: 3rem 1rem;
}
.common_section.notice .section_body .list .box {
margin-bottom: 7.8vw;
}
.common_section.notice .section_body .list .box .image {
width: 100%;
min-height: 52vw;
margin-bottom: 1rem
}
.common_section.notice .section_body .list .box .content {
width: 100%;
margin-left: auto;
}
.common_section.notice .section_body .list .box .content .box_header {
background-size: 2rem;
padding-left: 3.5rem;
}
.common_section.notice .section_body .list .box .content .more a {
width: 10rem;
height: 2rem;
border-radius: 1rem;
}
.common_section.notice .section_body .list .box .content .more a:after {
width: 1rem;
height: 1rem;
margin-left: 1rem;
}
}  .article_section.notice {
position: relative;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/notice_list_bg.png) repeat-y center top / 100% auto;
margin-bottom: 40px;
padding: 40px 26px 50px;
}
.article_section.notice:after {
content: "";
position: absolute;
right: 26px;
bottom: -32px;
display: block;
width: 126px;
height: 60px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/notice_deco02.png) no-repeat center center / contain;
}
.article_section.notice .section_header {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
min-height: 72px;
background: #fff url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/notice_ico.png) no-repeat left 1.64rem center / 2.57rem auto;
margin-bottom: 26px;
padding: 1rem 1rem 1rem 4.86rem;
}
.article_section.notice .section_header .title {
font-size: 2rem;
font-weight: bold;
line-height: 1.5em;
}
.article_section.notice .section_body {
background-color: #fff;
}
.article_section.notice .section_body .category {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 113px;
height: 25px;
background-color: #CFB39E;
margin-left: auto;
color: #FFF;
font-size: .857rem;
font-weight: normal;
}
.article_section.notice .section_body .common_article {
padding: .5rem 1.2rem 6rem;
color: #000;
}
.article_back a {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 5rem;
background-color: #FCF4EF;
border: 1px solid #99690B;
font-size: 1.142rem;
}
.article_back a:after {
content: "";
position: absolute;
top: 0;
right: 176px;
bottom: 0;
display: block;
width: 1.5rem;
height: 1rem;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/pagination_arrow.png) no-repeat center center / contain;
margin: auto;
}
@media screen and (max-width: 640px) {
.article_section.notice {
margin-bottom: 7.8vw;
padding: 2rem 1rem 3rem;
}
.article_section.notice:after {
right: 1rem;
bottom: -4.68vw;
width: 19.6vw;
height: 9.375vw;
}
.article_section.notice .section_header {
background-position: left .5rem center;
background-size: 2rem auto;
margin-bottom: 1.5rem;
padding: .5rem 1rem .5rem 3rem;
}
.article_section.notice .section_header .title {
font-size: 1.8rem;
}
.article_section.notice .section_body .category {
width: 8rem;
height: 1.8rem;
font-size: 1rem;
}
.article_section.notice .section_body .common_article {
padding: .5rem 1rem 2.5rem;
}
.article_back a:after {
right: 1rem;
}
}  .common_article h2 {
margin-bottom: 1.5rem;
font-size: 1.7rem;
font-weight: bold;
line-height: 1.6em;
}
.common_article h2:not(:first-child) {
margin-top: 2rem;
}
.common_article h3 {
margin: 1.5rem 0 .5rem;
font-size: 1.285rem;
font-weight: bold;
line-height: 1.5em;
}
.common_article h4,
.common_article h5 {
margin: 1.5rem 0 .5rem;
font-size: 1.142rem;
font-weight: bold;
line-height: 1.5em;
}
.common_article p:not(:last-child) {
margin-bottom: 1rem;
}
.common_article .qes {
font-weight: bold;
}
.common_article .ans+.qes {
margin-top: 2em;
}
.common_article a {
color: #00F;
text-decoration: underline;
}
.common_article img {
width: calc(100% + 2.4rem);
margin: 0 -1.2rem .5rem;
}
.common_article img.aligncenter {
width: initial;
margin-right: auto;
margin-left: auto;
}
.common_article img.alignright {
float: right;
width: initial;
margin-right: 0;
margin-left: 1.5em;
}
.common_article img.alignleft {
float: left;
width: initial;
margin-right: 1.5em;
margin-left: 0;
}
.common_article ul {
margin: .5rem 0;
}
.common_article ul li {
position: relative;
padding-left: 1.5em;
}
.common_article ul li:before {
content: "";
position: absolute;
top: .45rem;
left: .2rem;
display: block;
width: .7rem;
height: .7rem;
background-color: #9E8045;
border-radius: 100%;
}
.common_article ol {
list-style-type: decimal;
padding-left: 1.5em;
}
@media screen and (max-width: 640px) {
.common_article img {
width: calc(100% + 2rem);
margin: 0 -1rem .5rem;
}
}  .contact_section {
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/contact_bg.jpg) no-repeat center center / cover;
margin-bottom: -40px;
padding-top: 90px;
}
.contact_section .section_header {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 130px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/contact_title_bg.jpg) no-repeat center center / cover;
}
.contact_section .section_header .title {
border-bottom: 5px solid #fff;
color: #FFF;
font-size: 2.57rem;
font-weight: bold;
line-height: 1.2em;
text-shadow: 0px 0px 50px #99690B;
}
.contact_section .section_body {
background-color: #FDE6B3;
padding: 132px 28px 100px;
border: 1px solid #fff;
}
.contact_section .section_body .list {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
.contact_section .section_body .list.textarea {
-webkit-align-items: stretch;
align-items: stretch;
margin: 35px 0;
}
.contact_section .section_body .list dt {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 200px;
min-height: 50px;
background-color: #C68B60;
border-radius: 10px;
color: #000;
font-size: 1.142rem;
font-weight: bold;
line-height: 1.6em;
}
.contact_section .section_body .list dt.must:after {
content: "\5FC5\9808";
background-color: #fff;
margin-left: .5rem;
padding: 0 .2rem;
color: #614307;
font-size: 1rem;
font-weight: bold;
line-height: 1.6em;
}
.contact_section .section_body .list dd {
width: calc(100% - 220px);
margin-left: auto;
}
.contact_section .section_body .list dd label {
position: relative; padding-left: 2rem;
color: #000;
font-size: 1.142rem;
font-weight: bold;
}
.contact_section .section_body .list dd label:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
width: 1.7rem;
height: 1.7rem;
background-color: #C4C4C4;
margin: auto;
border-radius: 50%;
}
.contact_section .section_body .list dd label input:checked+span:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: .3rem;
display: block;
width: 1.07rem;
height: 1.07rem;
background-color: #000;
margin: auto;
border-radius: 50%;
}
.contact_section .section_body .list dd textarea {
width: 100%;
height: 200px;
background-color: #fff;
padding: .5em;
font-size: 16px;
}
.contact_section .section_body .list dd input[type="text"],
.contact_section .section_body .list dd input[type="tel"],
.contact_section .section_body .list dd input[type="email"] {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 40px;
background-color: #fff;
padding: 0 .5em;
font-size: 16px;
}
.contact_section .section_body .submit {
padding-top: 65px;
}
.contact_section .section_body .submit input {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 280px;
height: 80px;
background-color: #C68B60;
margin: 0 auto;
border: 2px solid #fff;
border-radius: 40px;
color: #FFF;
font-size: 1.7rem;
font-weight: bold;
}
.section_footer {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 336px;
}
.section_footer a {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width: 600px;
height: 80px;
background-color: #CFB39E;
border: 2px solid #fff;
border-radius: 40px;
color: #FFF;
font-size: 1.7rem;
font-weight: bold;
}
@media screen and (max-width: 640px) {
.contact_section {
margin-bottom: 0;
padding-top: 12.5vw;
}
.contact_section .section_header {
height: 21.875vw;
}
.contact_section .section_body {
padding: 2rem 1rem;
}
.contact_section .section_body .list {
margin-bottom: 1rem;
}
.contact_section .section_body .list.textarea {
margin: 0 0 1rem;
}
.contact_section .section_body .list dt {
width: 100%;
min-height: 3rem;
border-radius: 1rem 1rem 0 0;
}
.contact_section .section_body .list dd {
width: 100%;
margin-left: 0;
}
.contact_section .section_body .list dd label {
display: block;
margin: .5rem;
}
.contact_section .section_body .list dd textarea {
height: 10rem;
}
.contact_section .section_body .list dd input[type="text"],
.contact_section .section_body .list dd input[type="tel"],
.contact_section .section_body .list dd input[type="email"] {
width: 100%;
height: 3rem;
}
.contact_section .section_body .submit {
padding-top: 1rem;
}
.contact_section .section_body .submit input {
width: 60vw;
height: 4rem;
border-radius: 2rem;
}
.section_footer {
height: 10rem;
}
.section_footer a {
width: 80vw;
height: 4rem;
border-radius: 2rem;
}
}  .common_section.member {}
.common_section.member .section_header {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 100px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/member_title_bg.png) no-repeat center center / cover;
}
.common_section.member .section_header .title {
font-size: 1.7rem;
font-weight: bold;
line-height: 1.5em;
}
.common_section.member .section_body {
background-color: #FCF4EF;
padding: 60px 17px 50px;
}
.common_section.member .section_body .list {}
.common_section.member .section_body .list .box {
background-color: #fff;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.common_section.member .section_body .list .box:not(:last-child) {
margin-bottom: 46px;
}
.common_section.member .section_body .list .box .box_header {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
min-height: 70px;
padding: 10px 24px;
border-bottom: 5px solid #EF9225;
}
.common_section.member .section_body .list .box .box_header .title {
position: relative;
padding-left: 1em;
font-size: 1.7rem;
font-weight: bold;
line-height: 1.58em;
}
.common_section.member .section_body .list .box .box_header .title:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
width: 1rem;
height: 1rem;
background-color: #EF9225;
margin: auto;
border-radius: 50%;
}
.common_section.member .section_body .list .box .box_body {
min-height: 250px;
padding: 1.5em;
color: #000;
font-size: 1.142rem;
font-weight: 500;
line-height: 1.5em;
}
.common_section.member .section_body .list .box .box_footer {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
height: 55px;
background: url(https://fukuoka-kenmokuren.com/cms/wp-content/themes/Fukuoka-Kenmokuren-Theme/img/sub/member_ico_pdf.png) no-repeat left 1.64rem center / 1.9rem auto;
padding-left: 3.92rem;
border-top: 2px solid #FCF4EF;
}
.common_section.member .section_body .list .box .box_footer a {
display: inline-block;
padding-right: 3em;
border-bottom: 1px solid #99690B;
color: #99690B;
font-size: 1.285rem;
font-weight: bold;
line-height: 1.75rem;
}
@media screen and (max-width: 640px) {
.common_section.member .section_header {
height: 15.6vw;
}
.common_section.member .section_body {
padding: 2rem 1rem;
}
.common_section.member .section_body .list .box:not(:last-child) {
margin-bottom: 1.5rem;
}
.common_section.member .section_body .list .box .box_header {
min-height: 2rem;
padding: .5rem 1rem;
}
.common_section.member .section_body .list .box .box_header .title {
font-size: 1.428rem;
}
.common_section.member .section_body .list .box .box_body {
min-height: 0;
padding: 1rem;
font-size: 1rem;
}
.common_section.member .section_body .list .box .box_footer {
height: 3.5rem;
}
}