@charset "UTF-8";
  html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
line-height: 1.6em;
}
h1, h2, h3, h4{
line-height: 1em;
}
img{
max-width:100%;
height:auto;
vertical-align:bottom;
}
a{
text-decoration: none;
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
transition-duration: 200ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
}
a:hover{
text-decoration: none;
}
a img{
border-style:none;
} 
strong{
font-weight: normal;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
} :focus {
outline: 0;
} ins {
text-decoration: none;
}
del {
text-decoration: line-through;
} table {
border-collapse: collapse;
border-spacing: 0;
}
.clear::after{
content: ".";
display: block; 
height: 0;
font-size:0;
clear: both; 
visibility:hidden;
}  #post_single span.icon{
display:table-cell;
width: 60px;
height: 40px;
font-size:18px;
font-weight:normal !important;
letter-spacing:1.8px;
color:#fff !important;
background-color:#ccc;
min-width:60px;
min-height:40px;
line-height:41px;
text-align:center;
border-radius:5px;
}
#post_single span.icon.jyousetu{
background-color:#3796B4;
}
#post_single span.icon.bunjyo{
background-color:#37B46D;
}
#post_single span.icon.yokoku{
background-color:#ec435b;
}
#post_single span.icon.tochi{
background-color:#ee7b00;
}
    body {
line-height: 1.6em;
font-family: "Noto Sans JP", sans-serif;
background: #fff;
color: #222222;
}
p.m_gos {
font-family: fot-tsukuardgothic-std, sans-serif !important;
font-weight: 700  !important;
}
p.big01 {
font-size: 1.1rem !important;
}
.pc_center {
margin-bottom: 0.8em;
}
@media screen and (min-width: 1000px) {
.pc_center {
text-align: center;
margin-left: auto !important;
margin-right: auto !important;
width: 100%;
}
}
a {
color: #37b44a;
}
a:hover {
color: #555;
}
.nopc {
display: none;
}
.dot-text {
color: #37b44a;
}
@media screen and (min-width: 1000px) {
.dot-text {
padding-top: .25em;
background-position: top left -0.15em;
background-repeat: repeat-x;
background-size: 1.3em .3em;
background-image: radial-gradient(0.15em 0.15em at center center, #81d38d, #81d38d 100%, transparent);
}
}
.dot-text02 {
color: #a7e2b0;
}
.dot-text02__footer{
background-image: none !important;
}
@media screen and (min-width: 1000px) {
.dot-text02 {
padding-top: .25em;
background-position: top left -0.15em;
background-repeat: repeat-x;
background-size: 1.3em .3em;
background-image: radial-gradient(0.15em 0.15em at center center, #a7e2b0, #a7e2b0 100%, transparent);
}
}
.table_parent {
display: table;
width: 100%;
}
.table_parent .table_cells-2 {
display: table-cell;
width: 50%;
vertical-align: middle;
}
img.fit100 {
max-width: 100%;
}
@media screen and (max-width: 768px) {
.nopc {
display: block !important;
}
#totop {
bottom: 80px !important;
right: 15px !important;
}
.nosp {
display: none !important;
}
.table-parent {
display: block;
}
.table-parent .table-cells_2 {
display: block;
width: 100%;
}
.top_contact_sp {
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 65px;
background: #11631e;
z-index: 1000001 !important;
}
.top_contact_sp img {
width: 230px;
margin: 11px 0 0 10px;
}
header {
width: 100% !important;
background: none !important;
border: none !important;
height: auto !important;
z-index: 1000000 !important;
}
header.active {
height: calc(100vh - 77px) !important;
}
main, footer {
padding-left: 0 !important;
}
main {
top: 0;
right: 0;
left: 0;
}
}
.clear {
clear: both;
}  #wrapper, #wrapper02 {
display: block;
margin: 0;
padding: 0;
position: relative;
animation: fadeIn 1.5s ease-in 0s 1 normal;
-webkit-animation: fadeIn 1.5s ease-in 0s 1 normal;
}
@media screen and (min-width: 769px) {
.bx-viewport {
width: 100% !important;
min-height: 700px !important;
}
.bx-viewport img {
width: 100%;
height: 700px;
-o-object-fit: cover;
object-fit: cover;
}
}
@media screen and (min-width: 769px) {
#wrapper02 {
padding-left: 210px;
}
}
.fade_slow {
position: relative;
opacity: 0;
}
.fade_slow.in {
position: relative;
opacity: 1;
-webkit-transition: opacity 1500ms;
transition: opacity 1500ms;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.typ {
opacity: 0;
}
.typ span {
opacity: 0;
} header {
border-right: 1px solid #bbb;
width: 210px;
height: 100vh;
display: block;
position: fixed;
overflow: hidden;
overflow-y: auto;
-webkit-transition: left;
transition: left;
z-index: 99999;
top: 0;
background: #fff;
-webkit-transition: .3s;
transition: .3s;
}
header #header_logo {
display: block;
width: 100%;
background: #fff;
}
header #header_logo a:hover {
opacity: 1.0;
}
@media screen and (min-width: 769px) {
header ul#menu-globalnavi li:hover::before {
border-color: #fff !important;
right: 15px;
}
}
header ul#menu-globalnavi li::before {
content: "";
display: block;
width: 6px;
height: 6px;
top: 52%;
border-top: solid 2px;
border-right: solid 2px;
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
color: inherit;
border-color: #37b44a;
position: absolute;
right: 20px;
transition: 0.3s;
-webkit-transition: 0.3s;
}
header ul#menu-globalnavi li {
border-top: 1px solid #bbb;
position: relative;
}
header ul#menu-globalnavi li a {
padding-top:17px;
padding-bottom: 14px;
font-family: a-otf-ud-shin-go-pr6n, sans-serif;
color: #444;
font-size: 14px;
background: #fff;
display: block;
-webkit-transition: .3s;
transition: .3s;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 1em;
padding-right: 1em;
background-color: #ffffff;
line-height: 1.4em;
text-align: center;
}
header ul#menu-globalnavi li#menu-item-5414 a:last-child{
padding-top:10px;
padding-bottom: 3.5em;
}
@media screen and (min-width: 769px) {
header ul#menu-globalnavi li a:hover {
color: #fff;
background: #37b44a;
}
}
header ul#menu-globalnavi li:last-child {
border-bottom: 1px solid #BBB;
}
header li a::after {
display: none;
color: #ff9750;
font-size: 11px;
font-family: open-sans, sans-serif;
display: block;
}
@media screen and (min-width: 769px) {
header li a:hover::after {
color: #fff;
}
}
header li a::after {
content: "" !important;
} 
header li.menu-item-690 a::after {
content: 'EVENT';
}
header li.menu-item-436 a::after {
content: 'HOME';
}
header li.menu-item-158 a::after {
content: 'NEWS';
}
header li.menu-item-25 a::after {
content: 'ABOUT US';
}
header li.menu-item-29 a::after {
content: 'WOODEN HOUSE';
}
header li.menu-item-28 a::after {
content: 'KINOKOTO MUSEUM';
}
header li.menu-item-49 a::after {
content: 'KINOKOTO CAFE';
}
header li.menu-item-73 a::after {
content: 'ASSISTANCE';
}
header li.menu-item-57 a::after {
content: 'MEMBERS';
}
header li.menu-item-58 a::after {
content: 'JOIN US';
}
header li.menu-item-183 a::after {
content: 'SOLUTION';
}
header li.menu-item-732 a::after {
content: 'REASON';
}
header li.menu-item-731 a::after {
content: 'CUSTOMER';
}
header li.menu-item-1006 a::after {
content: 'HOUSING FESTA';
}
header li.menu-item-1013 a::after {
content: 'FAQ';
}
@media screen and (min-height: 900px) {
header ul#menu-globalnavi a {
   height: 100%;
max-height: 55px;
}
}
@media screen and (max-height: 1020px) {
.visual_comment {
width: 80% !important;
text-align: center !important;
}
.visual_comment p {
font-size: 26px !important;
}
}
@media screen and (max-height: 1020px) and (min-width: 769px) {
.visual_comment p {
font-size: 30px !important;
}
}
@media screen and (max-height: 1020px) and (min-width: 1200px) {
.visual_comment p {
font-size: 38px !important;
}
}
@media screen and (max-height: 1020px) and (min-width: 1800px) {
.visual_comment p {
font-size: 44px !important;
}
}
@media screen and (max-height: 1020px) {
.visual_comment p.typ02 {
line-height: 1.6em;
font-size: 18px !important;
}
}
@media screen and (max-height: 1020px) and (min-width: 769px) {
.visual_comment p.typ02 {
font-size: 20px !important;
}
}
@media screen and (max-height: 1020px) and (min-width: 1200px) {
.visual_comment p.typ02 {
font-size: 26px !important;
}
}
@media screen and (max-height: 1020px) and (min-width: 1800px) {
.visual_comment p.typ02 {
font-size: 31px !important;
}
}
main {
padding-left: 210px;
} .navBtn {
position: fixed;
right: 0;
top: 0;
width: 65px;
height: 65px;
cursor: pointer;
z-index: 1000001 !important;
background: #37b44a;
text-align: center;
}
.navBtn span {
display: block;
position: absolute;
-webkit-transition: .3s;
transition: .3s;
position: absolute;
width: 28px;
height: 2px;
left: 50%;
margin-left: -14px;
display: inline-block;
background-color: #ffffff;
}
.navBtn span:nth-child(1) {
top: 15px;
}
.navBtn span:nth-child(2) {
top: 24px;
}
.navBtn span:nth-child(3) {
top: 33px;
}
.navBtn span:nth-child(4) {
border: none;
color: #fff;
font-size: 13px;
left: 26px;
top: 40px;
display: inline;
background: none;
line-height: 13px;
}
.navBtn.active span:nth-child(1) {
top: 24px;
height: 3px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.navBtn.active span:nth-child(2), .active span:nth-child(3) {
top: 24px;
height: 3px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
} #header .header_common::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/lattice.png);
z-index: 10;
}
#header .header_common {
min-height: 300px;
width: 100%;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/header_bg.jpg) no-repeat;
background-position: right bottom;
background-size: cover;
display: block;
overflow: hidden;
z-index: 0;
position: relative;
}
#header .header_common h1.common_head {
color: #fff;
margin: 80px auto 0;
padding: 0;
text-align: center;
font-size: 38px;
font-weight: bold;
font-family: fot-tsukuardgothic-std, sans-serif;
z-index: 100;
position: absolute;
top: 0;
left: 0;
right: 0;
line-height: 108px;
max-width: 850px;
text-shadow: 0px 0px 7px #000000;
}
@media screen and (min-width: 1000px) {
#header .header_common h1.common_head {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/head_woods.png) no-repeat;
background-position: center center;
background-size: 100% auto;
}
}
#header .header_common h1.common_head2 {
background: none;
}
#header .header_common h1.common_head::before {
content: '['; line-height: 1em;
z-index: 100;
text-shadow: 0px 0px 7px #000000;
}
#header .header_common h1.common_head::after {
content: ']'; line-height: 1em;
z-index: 100;
text-shadow: 0px 0px 7px #000000;
}
#header .header_common .common_head_summary {
position: absolute;
top: 186px;
left: 0;
right: 0;
margin: 0;
z-index: 800;
}
#header .header_common .common_head_summary p {
font-family: fot-tsukuardgothic-std, sans-serif;
font-size: 22px;
font-weight: bold;
text-align: center;
line-height: 1.6em;
color: #fff;
text-shadow: 0px 0px 7px #000000;
}
#header .header_short {
min-height: 246px;
}
#header #breadcrumb {
min-height: 56px;
height: auto; background: #e1efe3;
padding-top: 10px;
}
#header #breadcrumb ul {
max-width: 1170px;
width: 100%;
margin: 0 auto;
overflow: hidden;
position: relative;
zoom: 1;
}
#header #breadcrumb ul li {
float: left;
font-size: 12px;
line-height: 1.5em;
color: #222222;
position: relative;
padding-top: 8px;
padding-right: 20px;
padding-bottom: 10px;
}
#header #breadcrumb ul li:not(:last-child)::before {
content: "";
display: block;
width: 6px;
height: 6px;
top: 50%;
border-top: solid 2px;
border-right: solid 2px;
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
color: inherit;
border-color: #bbb;
position: absolute;
right: 0px;
}
#header #breadcrumb ul li.bc_home {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/bc_home.png) no-repeat;
background-size: 18px 18px;
background-position: left center;
padding-left: 28px;
margin: 0 8px 0 4px;
}
#header #breadcrumb ul li.bc_home::before {
content: '';
margin: 0px;
}
#header #breadcrumb ul li.bc_current {
margin: 0 8px;
}
#header #breadcrumb ul li a {
color: #0086a5;
}
#header #breadcrumb ul li a:hover {
color: #222222;
}
.container {
margin: 0 auto;
padding:10px 55px 40px 0;
}
#sdgs .container{
margin: 0 auto;
padding:30px 55px 40px 0;
}
@media screen and (min-width: 769px) {
.container_map {
padding-top: 40px;
}
}
a.link_bk {
background: #6d6d6d;
color: #fff;
padding: 8px 12px;
margin: 0 auto;
display: block;
width: 80%;
max-width: 300px;
border-bottom: 4px solid #222222;
text-align: center;
border-radius: 2px;
}
@media screen and (min-width: 800px) {
a.link_bk_l {
margin: 0;
}
}
a.link_bk:hover {
background: #ff9750;
}
.bg_stripe {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/stripe.png) repeat;
}
.bg_stripe_lg {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/stripe_lg.png) repeat;
}
.bg_stripe_lg02 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/stripe_lg02.jpg) repeat;
}
h2.charm {
text-align: center;
font-family: fot-tsukuardgothic-std, sans-serif;
font-size: 30px;
color: #37b44a;
padding: 0 18px;
margin-left: -100px;
margin: 0 0 0 -100px;
font-weight: bold;
}
h2.charm::before {
content: '[';
font-size: 40px;
font-weight: normal;
margin-right: 16px;
font-family: "Noto Sans JP", sans-serif;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/h2_charm.png) no-repeat;
background-position: left center;
background-size: 87px 68px;
padding: 30px 0 30px 100px;
}
h2.charm02::before {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/h2_charm02.png) no-repeat;
background-position: left center;
background-size: 87px 68px;
}
h2.charm::after {
content: ']';
font-weight: normal;
font-size: 40px;
margin-left: 16px;
font-family: "Noto Sans JP", sans-serif;
}
h2.charm-less {
text-align: center;
font-family: fot-tsukuardgothic-std, sans-serif;
font-size: 30px;
color: #37b44a;
padding: 0 18px;
font-weight: bold;
}
h2.charm-less::before {
content: '[';
font-weight: normal;
font-size: 40px;
font-family: "Noto Sans JP", sans-serif;
margin-right: 16px;
}
h2.charm-less::after {
content: ']';
font-weight: normal;
font-size: 40px;
margin-left: 16px;
font-family: "Noto Sans JP", sans-serif;
}
img.lattice {
display: block;
overflow: hidden;
}
.lattice::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/lattice.png);
background-attachment: fixed;
}
.frame_area {
outline: 2px solid #438969;
padding: 24px;
background: #fff;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.frame_area {
padding: 24px 4%;
}
}
.over_mk, .over_mk_less {
position: relative;
padding-top: 24px;
border-bottom: 1px solid #828282;
}
.over_mk:before {
content: '';
position: absolute;
left: 50%;
top: 0px;
display: inline-block;
width: 50px;
height: 3px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #555;
} #visual {
width: 100%;
background: #fff;
position: relative;
}
#visual_wrap {
margin: 0 auto;
padding: 0;
width: 100%;
}
#main_visual {
width: 100%;
margin: 0 auto;
}
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1;
border: none;
}
.slide {
width: 100%;
height: auto;
margin: 0 auto;
overflow: hidden;
}
.visual_comment {
position: absolute;
top: 40%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 85000;
padding: 10% 8%;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/visual-comment-left.png), url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/visual-comment-right.png);
background-repeat: no-repeat;
background-position: left center,right center;
text-align: center;
}
@media screen and (min-width: 769px) {
.visual_comment {
background-size: 8% auto;
padding: 10% 5%;
}
}
@media screen and (max-width: 768px) {
.visual_comment {
background-size: 12% auto;
}
}
.visual_comment p {
margin: 0 auto .4em auto;
font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: bold;
color: #fff;
line-height: 1.6em;
text-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
font-size: 2vw;
}
.visual_comment p.typ02 {
font-size: 1.25vw;
}
@media screen and (max-width: 768px) { 
.visual_comment p {
font-size: 26px;
}
.visual_comment p.typ02 {
font-size: 18px;
}
}
.cover {
position: absolute;
bottom: 2%;
z-index: 80000;
}
.scroll-btn {
position: absolute;
left: 50%;
bottom: 10%;
border-radius: 50%;
width: 68px;
height: 68px;
margin-left: -34px;
z-index: 90000;
}
.scroll-btn:hover {
-webkit-transform: 0.2s;
-ms-transform: 0.2s;
transform: 0.2s;
bottom: 9.5%;
}
a#logo {
position: absolute;
left: 30px;
top: 30px;
z-index: 7000;
display: block;
width: 69px;
height: 73px;
}
a#logo:hover {
opacity: .6;
}
#top_contact_info dl {
position: absolute;
left: 230px;
top: 15px;
color: #fff;
z-index: 94000;
clear: both;
}
#top_contact_info dl dt {
font-weight: normal;
}
#top_contact_info dl dt span {
font-weight: bold;
}
#top_contact_info dl dd {
font-size: 14px;
}
@media screen and (max-width: 1190px) {
#top_contact_info {
display: none;
}
}
ul#top_menu {
position: absolute;
right: 30px;
top: 30px;
z-index: 94000;
clear: both;
}
ul#top_menu li {
float: left;
}
ul#top_menu li a {
font-size: 15px;
line-height: 24px;
color: #fff;
display: block;
margin: 6px 0;
}
ul#top_menu li a.top_access {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/top_access.png) no-repeat;
background-size: 15px 22px;
background-position: left center;
padding: 0 35px 0 22px;
}
ul#top_menu li a.top_contact {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/top_contact.png) no-repeat;
background-size: 22px 14px;
background-position: left center;
padding: 0 35px 0 30px;
}
ul#top_menu li a:hover {
color: #ff9750;
}
ul#top_menu li #___gcse_0 {
max-width: 240px;
} #future .container {
padding: 80px 0;
}
@media screen and (min-width: 900px) {
#future .container {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/future_bg.png) no-repeat;
background-size: contain;
background-position: center center;
}
}
#future .container p {
text-align: center;
font-family: ten-mincho-text, serif;
font-size: 1.2em;
color: #666;
}
#festa_bnr {
text-align: center;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/festa_stripe.png) repeat;
}
#festa_bnr .festa_bnr_inner {
width: 700px;
max-width: 94%;
margin: 0 auto;
background-color: #fff;
} .bnr_wrap{
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/festa_stripe.png) repeat;
padding: 30px 0;
min-width: 100%;
}
.bnr_festa{
width: 705px;
margin: 0 auto;
border: 2px solid #37b44a;
}
.bnr_festa_inner{
width: 100%;
height: 100%;
margin: 0 auto;
background-color: #E6F9CD;
text-align: center;
padding-bottom: 20px;
}
.festa_bnr_inner img{
width: 100%;
}
.bnr_festa_inner a{
display: block;
font-size: 45px;
font-weight: 600;
font-family: Noto Sans CJK JP;
color: #006934;
border: 3px solid #00693E;
background-color: #fff;
width: 70%;
margin: 0 auto;
margin-top: 10px;
}
.bnr_festa_inner a:hover{
color: #fff;
background-color: #006934;
}
.bnr_festa_link{
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
background: #fff;
}
.bnr_festa_link a{
background: #6d6d6d;
color: #fff;
padding: 8px 10px;
margin: 0 auto;
display: block;
width: 80%;
max-width: 300px;
border-bottom: 4px solid #222222;
text-align: center;
border-radius: 2px;
font-size: 20px;
font-family: "Noto Sans CJK JP","Noto Sans JP";
}
.bnr_festa_link .link1{
margin-bottom: 15px;
}
.bnr_festa_link a:hover{
background-color: #ff9750;
}
.festa_video{
background-color: #fff;
border: 3px solid #29b5b2;
border-radius: 16px;
width: 88%;
margin: 40px 40px 0 52px;
}
.festa_video_inner{
position: relative;
width: 620px;
height: 348px;
overflow: hidden;
margin: 20px auto;
}
.festa_video_inner iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0px;
}
.festa_video_inner_sp{
position: relative;
padding-bottom: 54%;
width: 96%;
max-width: 768px;
height: 0;
overflow: hidden;
margin: 20px auto;
display: none;
}
@media screen and (max-width: 970px) {
.festa_video_inner_sp {
display: block;
}
.festa_video_inner{
display: none;
}
.festa_video{
width: 80%;
}
}
.festa_video_inner_sp iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 940px){
.bnr_festa{
width: 80%;
}
}
@media screen and (max-width: 768px) {
.bnr_festa{
width: 80%;
}
.bnr_festa_inner a{
font-size: 25px;
}
.bnr_festa_link a{
font-size: 10px;
width: 40%;
}
.festa_video{
margin: 0 auto;
margin-top: 40px;
}
}
@media screen and (max-width: 525px){
.bnr_festa{
width: 80%;
}
.bnr_festa_link a{
width: 50%;
}
.festa_video{
margin-top: 20px;
}
}
#future02 {
background-color: #e1efe3;
}
#future02 .container {
padding-top: 35px;
}
#future02 .container p {
text-align: center;
font-family: ten-mincho-text, serif;
font-size: 1.1rem;
color: #555;
}
@media screen and (min-width: 1000px) {
#future02 .container {
padding-left: 30px;
padding-right: 30px;
}
#future02 .container .ft_l {
float: left;
width: 70%;
padding-top: 70px;
}
#future02 .container .ft_r {
float: left;
width: 30%;
}
}
@media screen and (max-width: 999px) {
#future02 .container {
padding-left: 30px;
padding-right: 30px;
}
#future02 .container .ft_l {
width: 100%;
padding-top: 30px;
padding-bottom: 40px;
}
#future02 .container .ft_r {
width: 100%;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
}
.message_outer {
display: table;
width: 100%;
margin: 0;
padding: 0;
}
.message_wrap {
width: 50%;
display: table-cell;
vertical-align: top;
}
.message_wrap .message_innner {
margin: 0 18px;
padding: 40px 0;
max-width: 526px;
}
.message_wrap .message_content {
background: #fff;
padding: 24px 24px 40px 24px;
border-radius: 3px;
}
.message_wrap .message_content p {
margin-bottom: 1.2em;
line-height: 2.0em;
text-align: center;
font-size: 16px;
font-family: "Noto Sans JP", sans-serif;
}
.message_wrap h2 { }
#message_customer {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/message_customer.jpg) no-repeat;
background-size: cover;
background-position: center top;
}
#message_customer .message_innner {
float: right;
}
#message_customer h2 {
width: 90%;
margin: 0 auto;
color: #46af73;
}
#message_member {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/message_member.jpg) no-repeat;
background-size: cover;
background-position: center top;
}
#message_member .message_innner {
float: left;
}
#message_member h2 {
color: #50B5CC;
width: 90%;
margin: 0 auto;
}
br.sp {
display: none;
}
@media screen and (max-width: 768px) {
br.sp {
display: block;
}
}
@media screen and (min-width: 1350px) {
br.ld {
display: none;
}
}
@media screen and (min-width: 900px) {
br.md {
display: none;
}
.slide_bottom01 {
opacity: 0;
-webkit-transform: translate(0, 35px);
-ms-transform: translate(0, 35px);
transform: translate(0, 35px);
-webkit-transition: all 500ms;
transition: all 500ms;
}
.slide_bottom02 {
opacity: 0;
-webkit-transform: translate(0, 35px);
-ms-transform: translate(0, 35px);
transform: translate(0, 35px);
-webkit-transition: all 1000ms;
transition: all 1000ms;
}
.slide_bottom03 {
opacity: 0;
-webkit-transform: translate(0, 35px);
-ms-transform: translate(0, 35px);
transform: translate(0, 35px);
-webkit-transition: all 1500ms;
transition: all 1500ms;
}
.slide_bottom04 {
opacity: 0;
-webkit-transform: translate(0, 35px);
-ms-transform: translate(0, 35px);
transform: translate(0, 35px);
-webkit-transition: all 2000ms;
transition: all 2000ms;
}
.slide_on {
opacity: 1;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@media screen and (max-width: 899px) {
br.pc {
display: none;
}
.notab {
display: none;
}
}
@media screen and (max-width: 768px) {
#header_logo_sp {
width: 64px;
height: 71px;
display: block;
position: absolute;
top: 10px;
left: 10px;
z-index: 999;
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(20px) rotate(-45deg);
-ms-transform: translateY(20px) rotate(-45deg);
transform: translateY(20px) rotate(-45deg);
top: 0px;
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
top: 40px;
-webkit-transform: translateY(-20px) rotate(45deg);
-ms-transform: translateY(-20px) rotate(45deg);
transform: translateY(-20px) rotate(45deg);
}
.sp-foot {
position: fixed;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 72px;
z-index: 100000;
}
.sp-foot-child {
width: 50%;
padding: 20px 0;
color: #fff;
text-align: center;
}
.sp-foot-child a {
font-family: fot-tsukuardgothic-std, sans-serif;
color: #fff;
font-size: 20px;
font-weight: bold;
position: relative;
padding-left: 40px;
}
.sp-foot-child a img {
position: absolute;
width: 30px;
height: auto;
left: 0;
top: 0;
}
.foot-mail a img {
top: 5px;
}
.foot-tel a img {
top: 0px;
}
.foot-tel {
background: #ff9750;
}
.foot-mail {
background: #37b44a;
}
@-webkit-keyframes spmenu {
from {
opacity: 0;
left: 20px;
}
to {
opacity: 1;
left: 0;
}
}
@keyframes spmenu {
from {
opacity: 0;
left: 20px;
}
to {
opacity: 1;
left: 0;
}
}
.sp-logo {
display: none !important;
-webkit-animation: spmenu 0.3s linear 0s;
animation: spmenu 0.3s linear 0s;
}
.sp-logo.active {
display: block !important;
position: fixed;
top: 0;
height: 65px;
background: #fff;
width: 100%;
padding: 7px;
vertical-align: middle;
-webkit-animation: spmenu 0.3s linear 0s;
animation: spmenu 0.3s linear 0s;
}
.sp-logo.active img {
max-height: 100%;
width: 70%;
}
#joinus_merit #merit_list h2 span {
font-size: 18px !important;
}
.justify-content-center {
margin-left: 0 !important;
margin-right: 0 !important;
}
.table_cells-2 {
width: 100% !important;
display: block !important;
}
#concept .concept_link {
width: 100% !important;
}
.frame_area {
margin: 0 !important;
}
#header_logo {
width: 80px !important;
padding: 10px;
}
.bx-viewport {
min-height: 90vh;
}
.bx-viewport img {
width: 100%;
height: 100vh;
-o-object-fit: cover;
object-fit: cover;
}
footer {
padding: 15px !important;
padding-bottom: 60px !important;
}
.visual_comment {
padding-left: 10px;
padding-right: 10px;
width: 90% !important;
text-align: center;
}
.scroll-btn {
bottom: 80px;
}
#future .container {
background: none;
padding: 30px 0;
}
#future .container .offset-3 {
margin-left: 0;
}
#future .container .col-6 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 100%;
max-width: 100%;
}
h2.charm::before {
background-image: none;
}
#front_menu {
text-align: center;
}
h2.charm {
font-size: 20px;
}
h2.charm.s-font {
font-size: 14px;
}
h2.charm::before {
font-size: 30px;
}
h2.charm::after {
font-size: 30px;
}
#map {
height: 50vh !important;
}
.container ,
#sdgs .container{
padding: 20px 0;
}
.top_topics, #top_case, #archive_posts {
padding-top: 30px !important;
padding-bottom: 20px !important;
}
.top_topics .post, #top_case .post, #archive_posts .post {
height: auto !important;
}
.message_wrap .message_innner {
padding-left: 0 !important;
padding-right: 0 !important;
}
nav {
display: none;
-webkit-animation: spmenu 0.3s linear 0s;
animation: spmenu 0.3s linear 0s;
}
nav.active {
display: block;
width: 100%;
z-index: 1000000 !important;
position: fixed;
overflow-y: scroll !important;
top: 65px;
-webkit-animation: spmenu 0.3s linear 0s;
animation: spmenu 0.3s linear 0s;
}
header #header_logo {
background: none;
}
.message_wrap {
width: 100%;
display: block;
}
.message_wrap .message_innner {
margin: 0 24px;
padding: 40px 5%;
max-width: none;
}
#message_member .message_innner {
float: none;
}
}
#facility {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/facility_bg.jpg) no-repeat;
background-size: cover;
background-position: center center;
padding: 60px 0 40px;
width: 100%;
margin: 0 auto;
}
#facility .facility_outer {
display: table;
border-collapse: separate;
border-spacing: 24px 0;
max-width: 1000px;
margin: 30px auto 0;
}
#facility .facility_outer .top_facility .top_facility_content::after {
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
#facility .facility_outer .top_museum:before, #facility .facility_outer .top_cafe:before, #facility .facility_outer .top_interior:before, #facility .facility_outer .top_iotkan:before {
content: '';
outline: 2px solid #fff;
outline-offset: -10px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9990;
}
#facility .facility_outer .top_museum, #facility .facility_outer .top_cafe, #facility .facility_outer .top_interior, #facility .facility_outer .top_iotkan {
display: table-cell;
width: 50%;
position: relative;
}
#facility .facility_outer .top_museum .top_facility_img, #facility .facility_outer .top_cafe .top_facility_img, #facility .facility_outer .top_interior .top_facility_img, #facility .facility_outer .top_iotkan .top_facility_img {
overflow: hidden;
height: 190px;
width: auto;
position: relative;
}
#facility .facility_outer .top_museum .top_facility_img img, #facility .facility_outer .top_cafe .top_facility_img img, #facility .facility_outer .top_interior .top_facility_img img, #facility .facility_outer .top_iotkan .top_facility_img img {
display: block;
transition-duration: 1s;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
#facility .facility_outer .top_museum .top_facility_content, #facility .facility_outer .top_cafe .top_facility_content, #facility .facility_outer .top_interior .top_facility_content, #facility .facility_outer .top_iotkan .top_facility_content {
padding: 36px 84px 36px 36px;
color: #fff;
position: relative;
}
#facility .facility_outer .top_museum .top_facility_content h3, #facility .facility_outer .top_cafe .top_facility_content h3, #facility .facility_outer .top_interior .top_facility_content h3, #facility .facility_outer .top_iotkan .top_facility_content h3 {
font-size: 20px;
margin: 0 0 12px;
font-family: fot-tsukuardgothic-std, sans-serif;
}
#facility .facility_outer .top_museum .top_facility_content p, #facility .facility_outer .top_cafe .top_facility_content p, #facility .facility_outer .top_interior .top_facility_content p, #facility .facility_outer .top_iotkan .top_facility_content p {
font-size: 0.9em;
}
#facility .facility_outer .top_museum .top_facility_content::after, #facility .facility_outer .top_cafe .top_facility_content::after, #facility .facility_outer .top_interior .top_facility_content::after, #facility .facility_outer .top_iotkan .top_facility_content::after{
content: ''; display: inline-block; width: 14px; height: 27px; background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/arrow02-r.png);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
top: 40%;
right: 36px;
}
#facility .top_facility:hover .top_facility_content::after {
transition: all 0.25s;
right: 28px;
}
#facility .top_museum {
background: #67c993;
}
#facility .top_museum:hover {
background: #46af73;
}
#facility .top_museum:hover .top_facility_img img {
-webkit-transition-duration: 1s;
transition-duration: 1s;
width: 110%;
}
#facility .top_cafe {
background: #ce8f5b;
}
#facility .top_cafe:hover {
background: #af6a37;
}
#facility .top_cafe:hover .top_facility_img img {
-webkit-transition-duration: 1s;
transition-duration: 1s;
width: 110%;
}
#facility .top_interior {
background: #f47e2f;
}
#facility .top_interior:hover {
background: #d66f29;
}
#facility .top_interior:hover .top_facility_img img {
-webkit-transition-duration: 1s;
transition-duration: 1s;
width: 110%;
}
#facility .top_iotkan {
background: #2db5b1;
} @media screen and (max-width: 768px) {
#facility .facility_outer {
display: block;
}
#facility .facility_outer .top_museum, #facility .facility_outer .top_cafe, #facility .facility_outer .top_interior, #facility .facility_outer .top_iotkan {
display: block;
width: 98%;
margin: 24px auto;
}
}
#top_content {
padding: 60px 0 0px;
}
#top_content .col-md-4 {
margin-top: 24px;
}
#top_content a {
color: #222222;
position: relative;
overflow: hidden;
display: block;
}
#top_content a .top_content_inner {
border: 2px solid #daf2ed;
border-bottom: none;
background: #fff;
height: 280px;
overflow: hidden;
z-index: 1000;
}
@media screen and (max-width: 768px) {
#top_content a .top_content_inner {
height: auto;
}
}
#top_content a h3 {
font-size: 20px;
margin: 12px;
font-family: fot-tsukuardgothic-std, sans-serif;
color: #ff9750;
}
#top_content a p {
font-size: .9em;
margin: 0 12px;
}
#top_content a .top_content_img {
overflow: hidden;
height: 150px;
width: auto;
position: relative;
}
#top_content a img {
display: block;
-webkit-transition-duration: 1s;
transition-duration: 1s;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
#top_content a:hover img {
opacity: .7;
-webkit-transition-duration: 1s;
transition-duration: 1s;
width: 110%;
}
#top_content .top_content_ext {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/top_content_ext.png) no-repeat;
background-size: auto 32px;
background-position: right bottom;
height: 0;
border-left: 2px solid #daf2ed;
padding-bottom: 32px;
}
#top_content .big_bn {
clear: both;
text-align: center;
}
#top_content .big_bn .big_bn_inner {
width: 500px;
max-width: 94%;
margin: 30px auto 0 auto;
background-color: #555;
}
#top_content .big_bn .big_bn_inner a {
position: static;
}
#top_content .big_bn .big_bn_inner a img {
position: static;
top: 0;
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
@media screen and (max-width: 1150px) {
#top_content .col-md-4 {
position: relative;
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
width: 600px;
max-width: 94%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 769px) {
#top_content .col-md-4 {
max-width: 100%;
}
}
.top_topics .category_list, #archive_posts .category_list {
position: relative;
overflow: hidden;
margin: 40px 0 0;
}
.top_topics .category_list ul, #archive_posts .category_list ul {
position: relative;
left: 50%;
float: left;
}
.top_topics .category_list ul li, #archive_posts .category_list ul li {
float: left;
position: relative;
left: -50%;
}
.top_topics .category_list ul li a, #archive_posts .category_list ul li a {
color: #6d6d6d;
background: #fff;
border: 1px solid #6d6d6d;
padding: 10px 20px;
font-size: 13.69px;
line-height: 1em;
border-radius: 24px;
display: block;
margin: 8px;
width:125px;
text-align:center;
}
.top_topics .category_list ul li a, #archive_posts .category_list ul li:last-of-type{
display:none;
}
.top_topics .category_list ul li a.on, .top_topics .category_list ul li a:hover, #archive_posts .category_list ul li a.on, #archive_posts .category_list ul li a:hover {
color: #fff;
background: #37b44a;
border: 1px solid #37b44a;
}
#top_merit,
#top_corona,
#top_corona02 {
padding-top: 60px;
}
@media screen and (max-width: 768px) {
#top_merit,
#top_corona,
#top_corona02 {
padding-top: 30px;
}
}
#top_corona02 .effort02 .title_corona {
font-size: 15px;
}
#top_corona02 .effort02 .remote-sns {
padding: 30px 14px 15px;
}
@media screen and (max-width: 768px) {
#top_corona02 .effort02 .remote-sns li {
padding-bottom: 15px;
}
#top_corona02 .effort02 .remote-sns .eff_ul03, #top_corona02 .effort02 .remote-sns .eff_ul03 li {
margin: 3px 0  5px!important;
}
}
.top_topics, #top_case, #archive_posts {
padding: 60px 0 40px;
}
.top_topics .slide_bottom01, #top_case .slide_bottom01, #archive_posts .slide_bottom01 {
display: flex;
}
.top_topics .post, #top_case .post, #archive_posts .post {
width: 100%;
margin-top: 24px;
outline: 2px solid #bce2cd;
height: 240px;
overflow: hidden;
background: #fff;
}
@media screen and (max-width: 1400px) {
.top_topics .post, #top_case .post, #archive_posts .post {
height: 270px;
}
}
@media screen and (max-width: 768px) {
.top_topics .post p:last-child, #top_case .post p:last-child, #archive_posts .post p:last-child {
margin-bottom: 18px;
}
}
.top_topics .post .post_img, #top_case .post .post_img, #archive_posts .post .post_img {
overflow: hidden;
height: 107px;
width: auto;
position: relative;
}
.top_topics .post .post_img img, #top_case .post .post_img img, #archive_posts .post .post_img img {
display: block;
-webkit-transition-duration: 1s;
transition-duration: 1s;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
.top_topics .post .post_img::before, #top_case .post .post_img::before, #archive_posts .post .post_img::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/lattice.png);
height: 107px;
width: auto;
z-index: 9000;
margin: 0;
}
.top_topics .post h4, #top_case .post h4, #archive_posts .post h4 {
font-family: fot-tsukuardgothic-std, sans-serif;
font-size: 16px;
margin: 12px 30px 0;
}
.top_topics .post h4.info, #top_case .post h4.info, #archive_posts .post h4.info {
color: #50B5CC;
}
.top_topics .post h4.event, #top_case .post h4.event, #archive_posts .post h4.event {
color: #ff9750;
}
.top_topics .post h4.museum, #top_case .post h4.museum, #archive_posts .post h4.museum {
color: #46af73;
}
.top_topics .post h4.cafe, #top_case .post h4.cafe, #archive_posts .post h4.cafe {
color: #af6a37;
}
.top_topics .post h4.subsidy, #top_case .post h4.subsidy, #archive_posts .post h4.subsidy {
color: #a773c9;
}
.top_topics .post h4.important, #top_case .post h4.important, #archive_posts .post h4.important {
color: #fb535c;
}
.top_topics .post h4.model, #top_case .post h4.model, #archive_posts .post h4.model {
color: #37b44a;
}
.top_topics .post h4.construction, #top_case .post h4.construction, #archive_posts .post h4.construction {
color: #37b44a;
}
.top_topics .post h3, #top_case .post h3, #archive_posts .post h3 {
line-height: 1.6em;
margin: 12px 30px;
font-size: 14px;
}
.top_topics .post p, #top_case .post p, #archive_posts .post p {
margin: 12px 30px 0;
font-size: 14px;
}
.top_topics .post p.date, #top_case .post p.date, #archive_posts .post p.date {
color: #999999;
line-height: 1em;
font-size: 12px;
}
.top_topics .post a, #top_case .post a, #archive_posts .post a {
color: #222222;
position: relative;
overflow: hidden;
display: block;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.top_topics .post a:hover img, #top_case .post a:hover img, #archive_posts .post a:hover img {
opacity: .6;
-webkit-transition-duration: 1s;
transition-duration: 1s;
width: 110%;
}
.topEventInfo .post {
height: auto !important;
}
#archive_posts {
padding: 40px 0;
}
#front_menu {
background: #37b44a;
color: #fff;
padding: 0 0 20px 0;
}
#front_menu .container {
padding-top: 0 !important;
padding-bottom: 20px !important;
}
#front_menu a {
display: block;
color: #fff;
line-height: 1.6em;
}
@media screen and (min-width: 769px) {
#front_menu a::after {
content: "";
position: absolute;
display: inline-block;
left: 0;
right: 0;
bottom: 10px;
border-bottom: 2px solid #FFF;
-webkit-transform-origin: center left;
-ms-transform-origin: center left;
transform-origin: center left;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
}
#front_menu a:hover::after {
-webkit-transform: scale(0.25, 1);
-ms-transform: scale(0.25, 1);
transform: scale(0.25, 1);
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
}
}
#front_menu h2 {
font-size: 16px;
text-align: center;
border: 2px solid #fff;
padding: 8px 24px;
margin: 16px 0;
display: inline-block;
}
#front_menu ul {
position: relative;
list-style-type: none;
margin: 6px 0 0 0;
}
#front_menu ul li {
position: relative;
line-height: 1em;
font-size: 14px;
padding-bottom: 16px;
}
#map {
width: 100%;
height: 24vw;
} .page_content {
margin: 32px 0;
}
.frame_area .page_content, #concept .ckeck_box {
padding-right: 55px;	
}
@media screen and (max-width: 768px) {
.frame_area .page_content, #concept .ckeck_box {
padding-right: 0;
}
}
.page_content p {
line-height: 2.0em;
} div.contents p {
line-height: 2.0em;
} .green_mark1, .green_mark2, .green_mark3, .green_mark4 {
position: relative;
padding-left: 74px;
}
.green_mark1::before {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/green_mark.png) no-repeat;
background-size: 60px 60px;
background-position: left top;
content: '01';
font-size: 17px;
line-height: 60px;
width: 60px;
text-align: center;
display: block;
color: #fff;
position: absolute;
top: 50%;
margin-top: -30px;
left: 0;
}
.green_mark2::before {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/green_mark.png) no-repeat;
background-size: 60px 60px;
background-position: left top;
content: '02';
font-size: 17px;
line-height: 60px;
width: 60px;
text-align: center;
display: block;
color: #fff;
position: absolute;
top: 50%;
margin-top: -30px;
left: 0;
}
.green_mark3::before {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/green_mark.png) no-repeat;
background-size: 60px 60px;
background-position: left top;
content: '03';
font-size: 17px;
line-height: 60px;
width: 60px;
text-align: center;
display: block;
color: #fff;
position: absolute;
top: 50%;
margin-top: -30px;
left: 0;
}
.green_mark4::before {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/green_mark.png) no-repeat;
background-size: 60px 60px;
background-position: left top;
content: '04';
font-size: 17px;
line-height: 60px;
width: 60px;
text-align: center;
display: block;
color: #fff;
position: absolute;
top: 50%;
margin-top: -30px;
left: 0;
}
.orange_mark1::before {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/orange_mark.png) no-repeat;
background-size: 60px 60px;
background-position: left top;
}
.kinoiega {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#concept {
padding-top: 60px;
}
#concept .container {
padding: 24px 0;
}
#concept h3 {
font-family: fot-tsukuardgothic-std, sans-serif;
font-size: 25px;
font-weight: bold;
line-height: 1.4em;
margin-bottom: 32px;
color: #828282;
}
#concept .concept_link {
width: 90%;
margin: 0 auto;
}
#concept .concept_link a {
margin: 3%;
background: #fff;
display: block;
color: #828282;
position: relative;
}
#concept .concept_link a p {
color: #438969;
outline: 2px solid #438969;
padding: 8px 30px;
position: absolute;
bottom: 0;
right: 0;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
#concept .concept_link a:hover {
color: #828282;
}
#concept .concept_link a:hover p {
color: #fff;
background: #438969;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
#concept .concept_head {
position: relative;
left: 50%;
float: left;
margin-top: 24px;
}
#concept .concept_head .green_mark {
position: relative;
left: -50%;
}
#concept .ckeck_box {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/check.png) no-repeat;
background-position: left bottom;
background-size: 28px 41px;
padding-left: 52px;
margin-bottom: 24px;
margin-left: 8px;
}
#concept .ckeck_box h4 {
font-size: 22px;
line-height: 1.4em;
font-family: ten-mincho-text, serif;
}
@media screen and (max-width: 768px) {
.concept02 {
padding-top: 15px !important;
}
} #mind {
padding: 40px 0 0 0;
}
#mind #mind_content {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/kyusyu.png) no-repeat;
background-size: contain;
background-position: center center;
margin: 40px 0 10px 0;
position: relative;
}
#mind #mind_content p {
margin: 24px 0;
text-align: center;
font-size: 20px;
font-family: ten-mincho-text, serif;
}
#mind #mind_content img#mind_illust {
width: 62%;
height: auto;
position: absolute;
top: -60px;
left: 0;
right: 0;
margin: auto;
}
#mind2 {
padding: 40px 0 0 0;
}
#mind2 #mind_content {
background-size: contain;
background-position: center center;
margin: 40px 0 10px 0;
position: relative;
}
#mind2 #mind_content p {
margin: 24px 0;
font-size: 20px;
font-family: ten-mincho-text, serif;
}
@media screen and (max-width: 1199px) { }
@media screen and (max-width: 768px) {
#mind2 #mind_content p {
padding-right: 0px;
}
}
#mind2 #mind_content img#mind_illust {
width: 62%;
height: auto;
position: absolute;
top: -60px;
left: 0;
right: 0;
margin: auto;
}
.bg_stripe_lg {
padding-top: 2.0em;
}
.bg_stripe_lg .mind_txt {
text-align: center;
margin-top: 2.0em;
margin-bottom: 1.5em;
color: #36755b;
}
.effort {
background: #fff;
border: 3px solid #29b5b2;
position: relative;
border-radius: 16px;
margin: 0 0 40px;
}
.effort h3 {
text-align: center;
position: absolute;
top: -10px;
left: 0;
right: 0;
margin: auto;
}
.effort h3 span {
background: #29b5b2;
border-radius: 2px;
line-height: 1em;
font-family: ten-mincho-text, serif;
font-size: 20px;
padding: 10px 24px;
color: #fff;
}
.effort h5.copy01 {
position: relative;
display: block;
text-align: center;
font-family: ten-mincho-text, serif; font-size: 1.37rem;
padding-bottom: 18px;
}
.effort .copy01:after {
content: " "; position: absolute; bottom: 0; right: calc(50% - 110px); width: 220px; height: 4px; background-color: #29b5b2;
}
.effort h5.copy02 {
position: relative;
display: block;
text-align: center;
font-size: 1.35rem;
font-weight: 900;
color: #29b5b2;
padding-bottom: 6px;
}
.effort ul {
padding: 50px 14px 40px;
}
.effort ul li {
list-style-type: none;
font-family: ten-mincho-text, serif;
font-size: 20px;
line-height: 1.6em;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/green_mark.png) no-repeat;
background-size: 24px 24px;
background-position-x: 0;
background-position-y: 6px;
padding:0 0 0 32px; }
@media screen and (max-width: 768px) {
.effort ul li {
padding:0 0 0 32px;
}
}
.effort ul.title {
padding-bottom: 0;
}
.effort .row {
margin: 0;
}
.effort .row .page_content {
margin-top: 0;
margin-left: 20px;
margin-right: 20px;
}
@media screen and (max-width: 768px) {
.effort .row .page_content {
margin-left: 0;
margin-right: 0;
}
}
.effort .effort_inner {
position: relative;
width: 620px;
height: 348px;
overflow: hidden;
margin: 20px auto;
}
@media screen and (max-width: 980px) {
.effort .effort_inner {
display: none;
}
}
.effort .effort_inner iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0px;
}
.effort .effort_inner02 {
position: relative;
}
.effort .effort_inner02 ul.eff_ul03 {
text-align: center;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.effort .effort_inner02 ul.eff_ul03 {
margin-top: 10px !important;
}
}
.effort .effort_inner02 ul.eff_ul03 li {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
padding: 15px; width: 94px;
height: 94px;
background: none;
background-color: #29b5b2;
border-radius: 20px;
margin-top: 0 !important;
}
@media screen and (max-width: 768px) {
.effort .effort_inner02 ul.eff_ul03 li { margin-top: 12px !important;
}
}
.effort .effort_inner02 ul.eff_ul03 li img {
max-height: 106px;
}
@media screen and (max-width: 768px) {
.effort .effort_inner02 ul.eff_ul03 li img {
max-height: 86px;
}
}
.effort .effort_inner02 ul.eff_ul03:after {
content: " ";
clear: both;
}
.effort .effort_inner_sp {
position: relative;
padding-bottom: 54%;
width: 96%;
max-width: 620px;
height: 0;
overflow: hidden;
margin: 20px auto;
}
@media screen and (min-width: 981px) {
.effort .effort_inner_sp {
display: none;
}
}
.effort .effort_inner_sp iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.effort-2 {
position: relative;
margin: 0 0 40px;
}
.effort-2 h3 {
text-align: center;
position: absolute;
top: -10px;
left: 0;
right: 0;
margin: auto;
}
.effort-2 h3 span {
background: #29b5b2;
border-radius: 2px;
line-height: 1em;
font-family: ten-mincho-text, serif;
font-size: 20px;
padding: 10px 24px;
color: #fff;
}
.effort-2 ul li {
list-style-type: none;
font-family: ten-mincho-text, serif;
font-size: 18px;
line-height: 1.4em;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/green_mark-2.png) no-repeat;
background-size: 20px 20px;
background-position-x: 0;
background-position-y: 6px;
padding-left: 32px;
margin: 12px 0;
}
.effort-2 ul.title {
padding-bottom: 0;
}
.effort-2 .row {
margin: 0;
}
.effort-2 .row .page_content {
margin-top: 0;
margin-left: 20px;
margin-right: 20px;
}
@media screen and (max-width: 768px) {
.effort-2 .row .page_content {
margin-left: 0;
margin-right: 0;
}
}
.effort-2 .effort_inner {
position: relative;
width: 620px;
height: 348px;
overflow: hidden;
margin: 20px auto;
}
@media screen and (max-width: 980px) {
.effort-2 .effort_inner {
display: none;
}
}
.effort-2 .effort_inner iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.effort-2 .effort_inner_sp {
position: relative;
padding-bottom: 54%;
width: 96%;
max-width: 620px;
height: 0;
overflow: hidden;
margin: 20px auto;
}
@media screen and (min-width: 981px) {
.effort-2 .effort_inner_sp {
display: none;
}
}
.effort-2 .effort_inner_sp iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
ul.remote-sns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
ul.remote-sns li {
font-family: "Noto Sans JP", sans-serif;
background: none;
padding-left: 0px;
margin: 0 10px;
}
ul.remote-sns .remote-sns__text {
min-height: 82px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 15px;
}
@media screen and (max-width: 768px) {
ul.remote-sns .remote-sns__text {
min-height: auto;
}
}
.effort02 {
padding: 0 20px 20px 20px;
}
@media screen and (max-width: 768px) {
.effort02 {
padding-left: 3%;
padding-right: 3%;
}
}
.effort02 ul.eff_ul {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
@media screen and (max-width: 768px) {
.effort02 ul.eff_ul {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.effort02 ul.eff_ul span.green {
color: #278968;
}
.effort02 ul.eff_ul p.s_eff {
font-size: 1.2rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 600;
color: #777;
}
.effort02 ul.eff_ul02 li {
font-size: 24px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 900;
}
.effort02 .title_merit {
margin: 55px 30px 0 30px;
text-align: center;
}
@media screen and (max-width: 768px) {
.effort02 .title_merit {
margin: 40px 3% 0 3%;
}
}
.effort02 .title_merit img.img_merit {
width: 100%;
max-width: 780px;
margin: 0 auto;
}
.effort02 .title_merit img.img_merit_sp {
width: 100%;
margin: 0 auto;
}
.effort02 .title_corona {
margin-top: 55px !important;
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.effort02 .title_corona {
margin-top: 40px !important;
}
}
.effort03 {
margin-bottom: 10px;
} #corona{
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/stripe_lg02.jpg);
}
.corona_wrap{
text-align: center;
padding:30px 0;
}
@media screen and (max-width: 850px){
.corona_wrap{
padding: 20px 15px;
}
} #member{
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/stripe_lg02.jpg);
}
#member .container{
margin: 0 auto;
padding: 20px 55px 40px 0;
}
#member h5.copy01{
position: relative;
display: block;
text-align: center;
font-family: "ten-mincho-text",serif;
font-size: 1.37rem;
padding-bottom: 18px;
padding-top: 20px;
}
#member h5.copy01::after{
content: "";
position: absolute;
bottom: 0;
right: calc(50% - 110px);
width: 220px;
height: 4px;
background-color: #29b5b2;
}
#member .effort_inner02{
background: #fff;
border: 3px solid #29b5b2;
position: relative;
border-radius: 16px;
margin: 0 0 40px;
padding: 0 20px 20px 20px;
}
#member ul.eff_ul03{
text-align: center;
padding: 0;
display: flex;
-webkit-box-pack: center;
justify-content: center;
flex-wrap: wrap;
}
#member ul.eff_ul03::after{
content: "";
clear: both;
}
#member ul.mt-4{
margin-top: 1.5rem !important;
}
#member ul.eff_ul03 li,
#member ul.eff_ul03 li.mt-3{
display: inline-block;
margin-left: 10px;
margin-right: 10px;
padding: 15px;
width: 94px;
height: 94px;
background: none;
background-color: #29b5b2;
border-radius: 20px;
margin-top: 0 !important;
}
@media screen and (max-width: 1024px){
#member ul.eff_ul03 li{
margin-top: 12px !important;
}  
}
@media screen and (max-width: 768px){
#member ul.eff_ul03{
margin-top: 10px !important;
}
#member ul.eff_ul03 li{
margin-top: 12px !important;
}
#member .container{
padding: 20px 0;
}
}
#member ul li{
list-style-type: none;
font-family: "ten-mincho-text",serif;
font-size: 20px;
line-height: 1.6em;
}
#member ul.eff_ul03 li img{
max-height: 106px;
}
#member ul.remote-sns{
padding: 30px 14px 15px;
display: flex;
-webkit-box-pack: center;
justify-content: center;
flex-wrap: wrap;
}
#member ul.remote-sns li{
font-family: "Noto Sans JP",sans-serif;
background: none;
padding-left: 0;
margin: 0 10px;
}
#member ul.remote-sns li h5.copy02{
position: relative;
display: block;
text-align: center;
font-size: 1.35rem;
font-weight: 900;
color: #29b5b2;
padding-bottom: 6px;
}
#member p.remote-sns__text{
min-height: 82px;
display: flex;
-webkit-box-pack: center;
align-items: center;
font-size: 15px;
}
#member ul.remote-sns li p{
line-height: 2.0em;
} #museum_head,
#iot_head {
padding: 80px 140px;
}
@media screen and (min-width: 769px) {
#museum_head,
#iot_head {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_head_l.png), url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_head_r.png);
background-repeat: no-repeat;
background-position: left bottom,right top;
background-size: 256px 187px;
}
}
#museum_head p {
color: #37b44a;
line-height: 2.0em;
font-family: ten-mincho-text, serif;
font-size: 18px;
text-align: center;
}
#museum_zone1 {
background: #e7eeea;
}
#museum_zone1 .table_top {
padding: 40px 0 0;
}
#museum_zone1 .table_bottom {
padding: 0 0 40px;
}
#museum_zone1 .table_cells-2 {
padding: 0 8px;
vertical-align: top;
}
#museum_zone1 .table_cells-2 img {
display: block;
padding: 8px 0;
}
#museum_zone1 h2 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/museum-zone1.png), url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_h2_line.png);
background-repeat: no-repeat , no-repeat;
background-position: center top , center bottom;
background-size: 83px 81px,103px 3px;
margin: 0;
padding: 100px 0 24px;
font-family: fot-tsukuardgothic-std, sans-serif;
font-size: 38px;
text-align: center;
}
#museum_zone1 h3 {
font-size: 20px;
font-family: "Noto Sans JP", sans-serif;
text-align: center;
width: 80%;
margin: 24px auto;
background: #438969;
line-height: 2em;
color: #fff;
}
#museum_zone1 p {
font-size: 14px;
line-height: 1.9em;
text-align: center;
}
#museum_cafe {
background: #f7f7eb;
}
#museum_cafe .table_top {
padding: 40px 0 0;
}
#museum_cafe .table_bottom {
padding: 0 0 40px;
}
#museum_cafe .table_cells-2 {
padding: 0 8px;
vertical-align: top;
}
#museum_cafe .table_cells-2 img {
display: block;
padding: 8px 0;
}
#museum_cafe h2 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/museum-zone1-2.png), url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_h2_line.png);
background-repeat: no-repeat , no-repeat;
background-position: center top , center bottom;
background-size: 83px 81px,103px 3px;
margin: 0;
padding: 80px 0 24px;
text-align: center;
}
#museum_cafe h2 img {
max-width: 328px;
width: 100%;
display: block;
margin: 0 auto;
}
#museum_cafe h3 {
font-size: 20px;
font-family: "Noto Sans JP", sans-serif;
text-align: center;
width: 80%;
margin: 24px auto;
background: #ef9c2e;
line-height: 2em;
color: #fff;
}
#museum_cafe p {
font-size: 14px;
line-height: 1.9em;
text-align: center;
}
#museum_zone2 {
background: #fff7f3;
}
#museum_zone2 .table_top {
padding: 40px 0 0;
}
#museum_zone2 .table_bottom {
padding: 0 0 40px;
}
#museum_zone2 .table_cells-2 {
padding: 0 8px;
vertical-align: top;
}
#museum_zone2 .table_cells-2 img {
display: block;
padding: 8px 0;
}
#museum_zone2 h2 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/museum-zone2.png), url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_h2_line.png);
background-repeat: no-repeat , no-repeat;
background-position: center top , center bottom;
background-size: 83px 81px,103px 3px;
margin: 0;
padding: 100px 0 24px;
font-family: fot-tsukuardgothic-std, sans-serif;
font-size: 38px;
text-align: center;
}
#museum_zone2 h2 img {
width: 328px;
}
#museum_zone2 h3 {
font-size: 20px;
font-family: "Noto Sans JP", sans-serif;
text-align: center;
width: 80%;
margin: 24px auto;
background: #dd9b5f;
line-height: 2em;
color: #fff;
}
#museum_zone2 p {
font-size: 14px;
line-height: 1.9em;
text-align: center;
}
#museum_zone3 .tables {
padding: 40px 0 40px;
}
#museum_zone3 .table_cells-2 {
padding: 0 8px;
vertical-align: top;
}
#museum_zone3 h3 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_h2_line.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 103px 3px;
margin: 0 0 24px;
padding: 24px 0 24px;
font-family: fot-tsukuardgothic-std, sans-serif;
font-size: 25px;
font-weight: bold;
text-align: center;
color: #555;
}
#museum_zone3 p {
text-align: center;
line-height: 2em;
font-size: 14px;
font-family: "Noto Sans JP", sans-serif;
font-weight: normal;
}
#museum_zone3 #museum_map {
width: 100%;
height: 18vw;
}
#museum_cafe .link_bk, #museum_zone1 .link_bk, #museum_zone2 .link_bk, #museum_zone3 .link_bk {
margin-top: 1.0em;
}
#museum_links p {
text-align: center;
font-size: 14px;
font-family: "Noto Sans JP", sans-serif;
font-weight: normal;
}
#museum_links .col-12 {
position: relative;
overflow: hidden;
}
#museum_links .link_imgs {
display: table;
position: relative;
left: 50%;
margin: 24px 0;
}
#museum_links .link_imgs img {
max-width: 100%;
position: relative;
left: -50%;
vertical-align: middle;
display: table-cell;
padding: 5px;
}
#museum_links .link_imgs .img_l {
width: 378px;
}
#museum_links .link_imgs .img_m {
width: 310px;
}
#museum_links .link_imgs .img_s {
width: 210px;
} #joinus {
padding-top: 1.5em;
}
#joinus h2 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_h2_line.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 103px 3px;
margin: 0;
padding: 24px 0;
font-family: "Noto Sans JP", sans-serif;
font-size: 24.98px;
text-align: center;
}
#joinus .join_message {
margin: 40px 0;
}
#joinus .join_message p {
font-size: 18px;
color: #278968;
font-family: "Noto Sans JP", sans-serif;
text-align: center;
line-height: 2.4em;
}
#joinus_merit {
position: relative;
}
#joinus_merit .bg_stripe_lg {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/bg_w.jpg);
background-repeat: repeat-x;
background-position: center bottom;
background-size: 1px 40px;
padding-bottom: 55px;
margin-bottom: -38px;
}
#joinus_merit #merit_list {
background: #fff;
border: 3px solid #278968;
position: relative;
border-radius: 1px;
top: -20px;
margin-top: 10px;
padding-top: 20px;
padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
#joinus_merit #merit_list {
margin-left: 2%;
margin-right: 2%;
width: 96%;
}
}
#joinus_merit #merit_list .container {
padding: 24px 0;
}
#joinus_merit #merit_list h2 {
font-family: "Noto Sans JP", sans-serif;
text-align: center;
color: #fff;
position: absolute;
top: -40px;
left: 0;
right: 0;
margin: auto;
}
#joinus_merit #merit_list h2 span {
background: #278968;
border-radius: 2px;
font-family: "Noto Sans JP", sans-serif;
font-size: 22px;
padding: 10px 24px;
color: #fff;
}
#joinus_merit #merit_list .over_mk_less {
position: relative;
padding-top: 0;
border-bottom: 1px solid #828282;
}
#joinus_merit #merit_list .checkbox {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/check.png) no-repeat;
background-position: left bottom;
background-size: 28px 41px;
padding-left: 52px;
margin-bottom: 24px;
margin-left: 8px;
}
#joinus_merit #merit_list .checkbox h3 {
font-family: "Noto Sans JP", sans-serif;
font-size: 22px;
line-height: 1.4em;
}
#joinus_merit #merit_list .merit_comment {
margin-top: 24px;
margin-bottom: 30px;
}
#joinus_merit #merit_list .merit_comment p {
font-family: "Noto Sans JP", sans-serif;
font-size: 14px;
line-height: 2em;
}
#joinus_merit #merit_list .merit_comment p a {
color: #50B5CC;
text-decoration: underline;
}
#joinus_merit #merit_list .merit_comment p a:hover {
color: #6d6d6d;
}
@media screen and (max-width: 768px) {
#joinus_merit #merit_list .col-12 {
padding-left: 0;
padding-right: 0;
}
}
#joinus_merit #merit_list::after {
content: "";
clear: both;
}
#join_request {
background: #fff;
border: 3px solid #278968;
position: relative;
border-radius: 1px;
padding: 40px 0 20px;
margin: 60px auto 0;
}
#join_request .container {
padding: 80px 0 40px;
}
#join_request h2 {
font-family: "Noto Sans JP", sans-serif;
text-align: center;
color: #fff;
position: absolute;
top: -50px;
left: 0;
right: 0;
margin: auto;
}
#join_request h2 span {
background: #278968;
border-radius: 2px;
line-height: 1em;
font-family: "Noto Sans JP", sans-serif;
font-size: 22px;
padding: 10px 24px;
color: #fff;
}
#join_request p#join_request_comment {
text-align: center;
font-size: 14px;
margin-top: 12px;
}
#join_request .address {
border: 1px solid #6d6d6d;
margin: 40px auto;
padding: 24px 0;
}
#join_request .address h3 {
text-align: center;
font-size: 21px;
line-height: 2.4em;
}
#join_request .address p {
text-align: center;
font-size: 16px;
line-height: 1.6em;
margin-bottom: 0.8em;
} #selfcheck .first_comment p {
font-size: 16px;
text-align: center;
font-weight: bold;
line-height: 2.4em;
} #privacy .container {
padding-top: 50px;
padding-bottom: 60px;
}
@media screen and (max-width: 980px) {
#privacy .offset-1 {
margin-left: 0;
}
#privacy .col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
#privacy p {
line-height: 2.2em;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.0em;
}
#privacy h2 {
font-family: "Noto Sans JP", sans-serif;
font-size: 1.3em;
font-weight: bold;
color: #37b44a;
padding-left: 50px;
line-height: 42px;
margin: 60px 0 10px;
}
#privacy h2.pp1 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/pp1.png) no-repeat;
background-position: left center;
background-size: 38px 42px;
}
#privacy h2.pp2 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/pp2.png) no-repeat;
background-position: left center;
background-size: 38px 42px;
}
#privacy h2.pp3 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/pp3.png) no-repeat;
background-position: left center;
background-size: 38px 42px;
}
#privacy ul {
margin: 40px 24px 40px;
}
#privacy ul li {
list-style-type: decimal;
line-height: 2.4em;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.9em;
}
#member_pre .bg_stripe:first-child {
padding-top: 1.5em;
}
#member_pre p,
#sdgs p {
line-height: 2.0rem;
color: #222;
}
@media screen and (min-width: 900px) {
#member_pre p,
#sdgs p {
text-align: center;
}
}
#member {
width: 100%;
margin: 0 auto;
}
#member .member_table {
display: table;
width: 100%;
}
#member .member_table .member_table_cell {
display: block;
width: 25%;
background: #fff;
float: left;
}
@media screen and (min-width: 981px) {
#member .member_table .member_table_cell {
min-height: 18.0em;
}
}
#member .member_table .member_table_cell .member_inner {
padding: 40px;
}
#member .member_table .member_table_cell .member_inner h2 {
font-size: 20px;
font-family: "Noto Sans JP", sans-serif;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_h2_line.png) no-repeat;
background-position: left bottom;
background-size: 103px 3px;
padding: 0 0 24px;
margin: 0 0 24px;
line-height: 1.2em;
}
#member .member_table .member_table_cell .member_inner h2 span {
vertical-align: 1px;
font-size: 16px;
padding-left: 0.1em;
padding-right: 0.1em;
}
#member .member_table .member_table_cell .member_inner p {
font-size: 14px;
font-family: "Noto Sans JP", sans-serif;
line-height: 1.2em;
margin-top: 12px;
}
#member .member_table .member_table_cell .member_inner a.site_link, #member .member_table .member_table_cell .member_inner a.festa_link {
font-size: 14px;
font-family: "Noto Sans JP", sans-serif;
background: #6d6d6d;
color: #fff;
line-height: 26px;
margin: 16px 0 0;
display: block;
max-width: 190px;
padding: 8px 12px;
border-bottom: 4px solid #222222;
border-radius: 2px;
text-align: center;
}
#member .member_table .member_table_cell .member_inner a.festa_link {
background: #ff5933;
}
#member .member_table .member_table_cell .member_inner a.site_link:hover, #member .member_table .member_table_cell .member_inner a.festa_link:hover {
background: #ff9750;
}
#member .member_table .member_table_cell .member_inner a.pdf_link {
font-size: 14px;
font-family: "Noto Sans JP", sans-serif;
background: #e56565;
color: #fff;
line-height: 26px;
margin: 16px 0 0;
display: block;
max-width: 190px;
padding: 8px 12px;
border-bottom: 4px solid #222222;
border-radius: 2px;
text-align: center;
}
#member .member_table .member_table_cell .member_inner a.pdf_link:hover {
background: #37b44a;
}
@media screen and (min-width: 1501px) {
#member .member_table .members1 .member_table_cell:nth-child(8n), #member .member_table .members1 .member_table_cell:nth-child(8n - 2), #member .member_table .members1 .member_table_cell:nth-child(8n - 5), #member .member_table .members1 .member_table_cell:nth-child(8n - 7) {
background: #f4f4f4;
}
#member .member_table .members1 .member_table_cell:nth-child(4n):after {
clear: both;
}
}
@media screen and (max-width: 1500px) {
#member .member_table {
display: block;
}
#member .member_table .member_table_cell {
width: 50%;
display: block;
float: left;
}
#member .member_table .member_table_cell:nth-child(4n), #member .member_table .member_table_cell:nth-child(4n - 3) {
background: #f4f4f4;
}
}
@media screen and (max-width: 980px) {
#member .member_table {
display: block;
}
#member .member_table .member_table_cell {
width: 100%;
display: block;
}
#member .member_table .member_table_cell:nth-child(odd) {
background: #FFF !important;
}
#member .member_table .member_table_cell:nth-child(even) {
background: #f4f4f4 !important;
}
}
#member .member_table {
padding-right: 0;
}
@media screen and (max-width: 768px) {
#member .member_table {
padding-right: 0px;
}
}
#member .members2 .member_table_cell {
background: #fff;
width: 50%;
padding: 30px;
}
#member .members2 .member_table_cell .mtc_l {
float: left;
width: 50%;
}
#member .members2 .member_table_cell .mtc_r {
float: left;
width: 50%;
}
#member .members2 .member_table_cell .member_inner {
padding: 0 0 0 30px;
}
#member .members2 .member_table_cell .member_inner p.mcmc {
font-size: 0.95rem;
line-height: 2.0rem;
margin-bottom: 1.0rem;
}
#member .members2 .member_table_cell .member_inner p.mtmt {
font-size: 1.4rem;
font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: 700;
}
#member .members2 .member_table_cell .member_inner p.mtmt a {
margin-left: 0.5rem;
font-size: 1.8rem;
color: #0086a5;
}
#member .members2 .member_table_cell .member_inner p.mtmt a:hover {
color: #ff9750;
}
#member .members2 .member_table_cell:nth-child(4n), #member .members2 .member_table_cell:nth-child(4n - 3) {
background: #f4f4f4;
}
#member .members2 .member_table_cell:nth-child(odd) {
width: 47%;
}
#member .members2 .member_table_cell:nth-child(even) {
width: 53%;
padding-right: 86px;
}
@media screen and (max-width: 1470px) {
#member .members2 {
display: block;
}
#member .members2 .member_table_cell {
width: 100% !important;
display: block;
}
#member .members2 .member_table_cell:nth-child(odd) {
background: #FFF !important;
padding-right: 86px;
}
#member .members2 .member_table_cell:nth-child(even) {
background: #f4f4f4 !important;
}
}
@media screen and (max-width: 1470px) and (max-width: 900px) {
#member .members2 .member_table_cell .mtc_l, #member .members2 .member_table_cell .mtc_r {
clear: both;
width: 100%;
padding: 0;
}
#member .members2 .member_table_cell .member_inner {
padding: 30px 0 0 0;
}
}
@media screen and (max-width: 1470px) and (max-width: 768px) {
#member .members2 .member_table_cell {
padding-right: 3% !important;
padding-left: 3%;
}
} #selfcheck {
padding-top: 1.5em;
}
#selfcheck .selfchecks {
margin-bottom: 0.9em;
border-bottom: 1px solid #6d6d6d;
}
@media screen and (max-width: 768px) {
#selfcheck .selfchecks .selfcheck1, #selfcheck .selfchecks .selfcheck3, #selfcheck .selfchecks .selfcheck5, #selfcheck .selfchecks .selfcheck7, #selfcheck .selfchecks .selfcheck9, #selfcheck .selfchecks .selfcheck11, #selfcheck .selfchecks .selfcheck13 {
padding-bottom: 1.0em;
margin-bottom: 1.8em;
border-bottom: 1px solid #6d6d6d;
}
}
#selfcheck .selfchecks h2 {
font-size: 24px;
font-family: "Noto Sans JP", sans-serif;
font-weight: bold;
padding: 36px 0 12px;
margin: 0 0 24px;
line-height: 1.6em;
}
#selfcheck .selfchecks p {
font-size: 14px;
font-family: "Noto Sans JP", sans-serif;
line-height: 1.6em;
}
#selfcheck .selfchecks ul {
margin: 12px 0;
}
#selfcheck .selfchecks ul li {
list-style-type: disc;
}
#selfcheck .selfchecks img {
margin-top: 24px;
}
#selfcheck .selfchecks .selfcheck1 h2 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_h2_line.png), url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/selfcheck/sc1.png);
background-size: 103px 3px ,137px 24px;
background-repeat: no-repeat,no-repeat;
background-position: left bottom, left top;
}
#selfcheck .selfchecks .selfcheck2 h2 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_h2_line.png), url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/selfcheck/sc2.png);
background-size: 103px 3px ,137px 24px;
background-repeat: no-repeat,no-repeat;
background-position: left bottom, left top;
}
#selfcheck .selfchecks .selfcheck3 h2 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_h2_line.png), url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/selfcheck/sc3.png);
background-size: 103px 3px ,137px 24px;
background-repeat: no-repeat,no-repeat;
background-position: left bottom, left top;
}
#selfcheck .selfchecks .selfcheck4 h2 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_h2_line.png), url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/selfcheck/sc4.png);
background-size: 103px 3px ,137px 24px;
background-repeat: no-repeat,no-repeat;
background-position: left bottom, left top;
}
#selfcheck .selfchecks .selfcheck5 h2 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_h2_line.png), url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/selfcheck/sc5.png);
background-size: 103px 3px ,137px 24px;
background-repeat: no-repeat,no-repeat;
background-position: left bottom, left top;
}
#selfcheck .selfchecks .selfcheck6 h2 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_h2_line.png), url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/selfcheck/sc6.png);
background-size: 103px 3px ,137px 24px;
background-repeat: no-repeat,no-repeat;
background-position: left bottom, left top;
}
#selfcheck .selfchecks .selfcheck7 h2 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_h2_line.png), url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/selfcheck/sc7.png);
background-size: 103px 3px ,137px 24px;
background-repeat: no-repeat,no-repeat;
background-position: left bottom, left top;
}
#selfcheck .selfchecks .selfcheck8 h2 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_h2_line.png), url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/selfcheck/sc8.png);
background-size: 103px 3px ,137px 24px;
background-repeat: no-repeat,no-repeat;
background-position: left bottom, left top;
}
#selfcheck .selfchecks .selfcheck9 h2 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_h2_line.png), url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/selfcheck/sc9.png);
background-size: 103px 3px ,137px 24px;
background-repeat: no-repeat,no-repeat;
background-position: left bottom, left top;
}
#selfcheck .selfchecks .selfcheck10 h2 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/museum_h2_line.png), url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/selfcheck/sc10.png);
background-size: 103px 3px ,137px 24px;
background-repeat: no-repeat,no-repeat;
background-position: left bottom, left top;
}
#selfcheck .selfchecks-nb {
border: none;
}
#selfcheck .selfchecks-nb p.worning {
padding: 12px;
margin-bottom: 48px;
font-family: "Noto Sans JP", sans-serif;
font-size: 24px;
font-weight: bold;
text-align: center;
border: 1px solid #db5d5d;
color: #db5d5d;
}
@media screen and (max-width: 768px) {
#selfcheck .selfchecks-nb p.worning {
margin-bottom: 0;
}
}
#flow {
padding: 60px 0;
}
@media screen and (max-width: 768px) {
#flow {
padding: 30px 0;
}
}
#flow .bg_w {
background: #fff;
padding: 40px 0;
border-radius: 2px;
margin-left: auto;
margin-right: auto;
max-width: 96%;
}
#flow h3 {
font-family: ten-mincho-text, serif;
font-size: 24px;
font-weight: bold;
padding: 12px 0 12px 76px;
line-height: 44px;
}
#flow h3.step1 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/selfcheck/step1.png) no-repeat;
background-size: 63px 68px;
background-position: left center;
}
#flow h3.step2 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/selfcheck/step2.png) no-repeat;
background-size: 63px 68px;
background-position: left center;
}
#flow h3.step3 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/selfcheck/step3.png) no-repeat;
background-size: 63px 68px;
background-position: left center;
}
#flow h3.step4 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/selfcheck/step4.png) no-repeat;
background-size: 63px 68px;
background-position: left center;
}
#flow h3.step5 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/selfcheck/step5.png) no-repeat;
background-size: 63px 68px;
background-position: left center;
}
#flow h3.step6 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/selfcheck/step6.png) no-repeat;
background-size: 63px 68px;
background-position: left center;
}
#flow p {
font-family: "Noto Sans JP", sans-serif;
font-size: 14px;
line-height: 2.4em;
margin-top: 0;
}
.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_arrows {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 240px; margin: -100px auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cp_arrows .cp_arrow {
position: absolute;
top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
.cp_arrows .cp_arrowfirst {
-webkit-animation: arrow-move08 2s ease-in-out infinite;
animation: arrow-move08 2s ease-in-out infinite;
}
.cp_arrows .cp_arrowsecond {
-webkit-animation: arrow-move08 2s 1s ease-in-out infinite;
animation: arrow-move08 2s 1s ease-in-out infinite;
}
.cp_arrows .cp_arrow:before, .cp_arrows .cp_arrow:after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 30px;
height: 3px;
content: '';
background: #37b44a;
}
.cp_arrows .cp_arrow:before {
-webkit-transform: rotate(30deg) translateX(-39%);
-ms-transform: rotate(30deg) translateX(-39%);
transform: rotate(30deg) translateX(-39%);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.cp_arrows .cp_arrow:after {
-webkit-transform: rotate(-30deg) translateX(39%);
-ms-transform: rotate(-30deg) translateX(39%);
transform: rotate(-30deg) translateX(39%);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
}
@-webkit-keyframes arrow-move08 {
0% {
top: 40%; opacity: 0;
}
70% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes arrow-move08 {
0% {
top: 40%; opacity: 0;
}
70% {
opacity: 1;
}
100% {
opacity: 0;
}
} #contact, #contact-confirm, #contact-complete, #contact-err {
padding-top: 1.5em;
}
#contact_box {
padding: 40px;
border: 2px solid #d7dfe2;
margin: 40px auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
max-width: 820px;
}
@media screen and (max-width: 770px) {
#contact_box {
padding-left: 3%;
padding-right: 3%;
}
}
#contact_box th {
display: block;
font-size: 17px;
font-weight: bold;
margin-bottom: 10px;
padding: 5px 0;
}
#contact_box th .emphasis {
font-size: 14px;
color: #fff;
background: #00c4c4;
width: 53px;
height: 28px;
line-height: 28px;
display: inline-block;
text-align: center;
margin-left: 14px;
}
#contact_box td {
display: block;
margin-bottom: 34px;
}
#contact_box input[type="text"], #contact_box input[type="email"], #contact_box textarea {
width: 100%;
}
#contact_box input[type="text"], #contact_box input[type="email"], #contact_box input[type="number"], #contact_box input[type="url"], #contact_box input[type="password"], #contact_box input[type="date"], #contact_box textarea {
background: #fffef0;
padding: 11px;
font-size: 16px;
border-radius: 6px;
border: 2px solid #cccccc;
width: 100%;
vertical-align: baseline;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#contact_box .mwform-tel-field input[type="text"], #contact_box .mwform-zip-field input[type="text"] {
display: inline-block;
width: auto;
}
#contact_box input[name=zip],
#contact_box input[name=zip1] {
width: auto !important;
margin-bottom: 12px;
background: #fffef0;
padding: 11px;
font-size: 16px;
border-radius: 6px;
border: 2px solid #cccccc;
width: 100%;
vertical-align: baseline;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#contact_box .contact_bottom li {
text-align: center;
font-size: 17px;
padding: 16px 0 46px;
}
#contact_box .contact_bottom li a {
color: #50B5CC;
}
#contact_box .contact_bottom li a:hover {
color: #6d6d6d;
}
#contact_box #mw-wp-form-captcha {
text-align: center;
padding: 0 3% 2.0em 3%;
line-height: 2.5em;
}
#contact_box #mw-wp-form-captcha img {
margin-bottom: 10px;
border-radius: 10px;
width: 200px;
}
#contact_box #mw-wp-form-captcha input {
width: 200px;
height: 50px;
margin: 10px auto 0;
}
#contact_box div.contact_bottom div.item {
margin: 20px auto;
text-align: center;
}
@media screen and (min-width: 769px) {
#contact_box div.contact_bottom div.item {
width: 400px;
}
}
#contact_box div.contact_bottom div.item input[type="submit"] {
color: #fff;
background: #383838;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
width: 400px;
max-width: 326px;
width: 100%;
height: 50px;
border-radius: 30px;
font-weight: bold;
font-size: 20.17px;
font-family: "Noto Sans JP", sans-serif;
-webkit-box-shadow: #000 3px 3px 2px;
box-shadow: #000 3px 3px 2px;
-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
border: none;
letter-spacing: 0.06em;
}
#contact_box div.contact_bottom div.item input[type="submit"]:hover {
background: #ff9750;
}
#contact_box div.contact_bottom div.item input[name=submitBack] {
margin-top: 30px;
}
.radio {
padding: 0px 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mw_wp_form .vertical-item {
margin-bottom: 10px;
}
.complete_message, .wrap_top {
text-align: center;
}
.complete_message h4, .wrap_top h4 {
position: relative;
text-align: center;
font-size: 22px;
color: #37b44a;
font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: bold;
padding-bottom: 20px;
display: table;
margin: 0 auto 20px;
}
.mwform-radio-field label,
.mwform-checkbox-field label {
padding-right: 30px;
}
#contact-err h4 {
position: relative;
text-align: center;
font-size: 22px;
color: #ff4848;
font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: bold;
padding-bottom: 20px;
display: table;
margin: 0 auto 20px;
} #pagenation {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
#pagenation .pagination {
clear: both;
padding: 20px 0;   font-size: 13px;
line-height: 16px;
}
#pagenation span, #pagenation a {
display: block;
float: left;
margin: 2px 4px 2px 0;
padding:5px 10px;
text-decoration: none;
width: auto;
color: #fff;
background: #37b44a;
font-size:16px;
}
#pagenation a:hover {
background: #fff;
color: #37b44a;
border: 1px solid #37b44a;
}
#pagenation .current {
padding:5px 10px;
background: #fff;
color: #37b44a;
border: 1px solid #37b44a;
} #post_single .container {
outline: 2px solid #bce2cd;
margin: 40px auto;
}
@media screen and (min-width: 769px) {
#post_single .container {
padding: 40px 60px 40px 40px;
}
}
#post_single .container h2 {
font-size: 32.8px;
font-weight: bold;
font-family: fot-tsukuardgothic-std, sans-serif;
margin: 24px 0;
line-height: 1.6em;
color: #555;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/single_head.png) no-repeat;
background-size: contain;
background-position: center bottom;
padding: 0 0 40px;
}
#post_single .container h2 span {
color: #ff9750;
font-weight: bold;
}
#post_single .container h3, #post_single .container h4, #post_single .container h5, #post_single .container h6 {
font-family: fot-tsukuardgothic-std, sans-serif;
font-size: 1.6em;
font-weight: bold;
line-height: 1.6em;
margin-top: 30px;
}
#post_single .container h3::after, #post_single .container h4::after, #post_single .container h5::after, #post_single .container h6::after {
content: " ";
display: block;
border-bottom: 4px solid #ff7155;
margin-top: 14px;
width: 100%;
}
#post_single .container h4 {
font-size: 1.45em;
}
#post_single .container h5 {
font-size: 1.3em;
}
#post_single .container h6 {
font-size: 1.2em;
}
#post_single .container p {
line-height: 2em;
font-size: 18px;
margin-top: 18px;
word-break: break-all;
}
#post_single .container p.time {
text-align: right;
color: #666;
font-size: 0.85em;
}
#post_single .container strong {
font-weight: bold;
}
#post_single .paging {
outline: none;
padding: 0; }
#post_single .paging .next a, #post_single .paging .prev a {
color: #6d6d6d;
display: block;
position: relative;
}
#post_single .paging .next a:hover, #post_single .paging .prev a:hover {
color: #37b44a;
}
#post_single .paging .next a {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/arrow-l.png) no-repeat;
background-size: 8px 13px;
background-position: left center;
padding-left: 24px;
}
#post_single .paging .prev a {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/arrow-r.png) no-repeat;
background-size: 8px 13px;
background-position: right center;
padding-right: 24px;
text-align: right;
}
#post_single .master-slider-parent {
margin-top: 15px;
}
.addtoany_share_save_container .addtoany_header {
margin-top: 60px;
font-size: 18.81px;
font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: bold;
color: #0068b7;
} .modelhous .col-md-4 .post h3 {
font-weight: bold;
color: #777;
margin-bottom: 0 !important;
}
.modelhous .col-md-4 .post p {
margin-top: 6px !important;
line-height: 1.7em;
} footer {
background: #6d6d6d;
color: #fff;
font-size: 13px;
}
footer #footer {
position: relative;
overflow: hidden;
clear: both;
}
footer #footer #footer_pre {
padding: 24px 0 10px 0;
position: relative;
left: 50%;
float: left;
}
footer #footer #footer_pre .footer_pre_inner {
padding: 10px 0 0 60px;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/index/h-logo.png) no-repeat;
background-position: left center;
background-size: 48px auto;
min-height: 76px;
float: left;
position: relative;
left: -50%;
}
footer #footer #footer_pre h2 {
font-size: 22px;
line-height: 1.6em;
}
footer #footer #footer_info {
clear: both;
}
footer p.address {
font-size: 1.15em;
text-align: center;
}
footer address {
padding: 8px 0 34px 0;
font-size: 13px;
text-align: center;
}
footer address a {
color: #fff;
}
footer address a:hover {
color: #46af73;
}
#totop {
position: fixed;
right: 8px;
color: #fff;
width: 82px;
height: 82px;
z-index: 9999;
-webkit-transition: all .4s linear;
transition: all .4s linear;
}
#top_case .post h3 {
font-size: 16px;
}
.top_topics .post .post_img::before, #top_case .post .post_img::before, #archive_posts .post .post_img::before {
background-image: none;
}
#header .header_common h1.common_head::before,
#header .header_common h1.common_head::after {
top: 25px;
content: '';
width: 10px;
height: 80px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 13px;
padding-bottom: 13px;
}
#header .header_common h1.common_head::before {
border-left: 2px solid #fff;
padding-right: 10px;
margin-right: 20px;
}
#header .header_common h1.common_head::after {
border-right: 2px solid #fff;
margin-left: 20px;
padding-left: 10px;
}
@media screen and (max-width: 768px) {
#header .header_common h1.common_head {
font-size: 20px;
}
#museum_zone2 h3 {
font-size: 14px;
}
#header .header_common .common_head_summary p {
font-size: 16px;
}
h2.charm-less {
font-size: 16px;
}
#museum_head {
padding: 20px 0px;
}
}
.wrapper_foot {
background: #37b44a;
width: 100%;
position: relative;
}
.wrapper_foot_sns {
padding: 30px 0 0 0;
}
#sns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
max-width: 100%;
}
@media screen and (min-width: 769px) {
#sns {
margin: 0 auto 0 auto;
}
#sns .sns_inner {
margin-right: 20px;
}
#sns .sns_inner:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 770px) {
#sns {
margin: 0 auto 0 auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
#sns .sns_inner {
float: left;
}
#sns .sns_inner .sns_icon {
float: left;
width: 51px;
height: 51px;
}
#sns .sns_inner .sns_icon:first-child {
margin-bottom: 24px;
}
#sns .sns_inner .balloon1 {
position: relative;
display: inline-block;
margin: 5px 0 14px 16px;
padding: 7px 7px 7px 14px;
max-width: 100%;
color: #103771;
font-size: 14px;
background: #FFF;
border: solid 2px #b3c9c6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 12px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#sns .sns_inner .balloon1:before {
content: "";
position: absolute;
top: 50%;
left: -15px;
margin-top: -8px;
border: 8px solid transparent;
border-right: 8px solid #FFF;
z-index: 2;
}
#sns .sns_inner .balloon1:after {
content: "";
position: absolute;
top: 50%;
left: -20px;
margin-top: -10px;
border: 10px solid transparent;
border-right: 10px solid #b3c9c6;
z-index: 1;
}
#sns .sns_inner .balloon1 p {
margin: 0;
padding: 0;
}
@media screen and (min-width: 769px) {
#sns .sns_inner .balloon1:hover {
-webkit-transition: all 0.3s;
transition: all 0.3s;
margin-top: 1px;
}
} #hover-contact.is-show {
right: 0;
}
#hover-contact {
position: fixed;
display: block;
top: 20%;
right: -100px;
margin-right: 12px;
z-index: 99999;
-webkit-transition: 0.4s;
transition: 0.4s;
}
@media screen and (max-width: 768px) {
#hover-contact {
display: none;
}
}
#hover-contact a {
font-size: 16px;
outline: 0;
color: #3b2929;
font-family: tbcinergothic-std, sans-serif;
cursor: pointer;
text-decoration: none;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#hover-contact .balloon-contact {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 10px 12px 10px 10px;
min-width: 46px;
max-width: 100%;
color: #999;
font-size: 16px;
text-align: center;
background: #fff;
border: solid 2px #999;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 6px;
}
#hover-contact .balloon-contact:before {
content: "";
position: absolute;
bottom: -14px;
left: 50%;
margin-left: -7px;
border: 6px solid transparent;
border-top: 8px solid #fff;
z-index: 2;
}
#hover-contact .balloon-contact:after {
content: "";
position: absolute;
bottom: -19px;
left: 50%;
margin-left: -9px;
border: 8px solid transparent;
border-top: 10px solid #999;
z-index: 1;
}
#hover-contact .balloon-contact p {
font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: 700;
margin: 0;
padding: 0;
}
#hover-contact .icon-contact {
position: relative;
background-color: #37b44a;
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/icon_ballon.png);
background-size: 28px 28px;
background-repeat: no-repeat;
background-position: center;
margin: -10px 0 0 0px;
-webkit-transition: 0.4s;
transition: 0.4s;
right: 4px;
}
#hover-contact .icon-contact a {
display: block;
width: 100%;
height: 100%;
}
#hover-contact .balloon-contact:hover + .icon-contact,
#hover-contact .icon-contact:hover {
background-color: #222222;
-webkit-transition: 0.4s;
transition: 0.4s;
} #page-top.is-show {
bottom: 30px;
}
#page-top {
position: fixed;
display: block;
bottom: -100px;
right: 0;
margin-right: 12px;
z-index: 999;
-webkit-transition: 0.4s;
transition: 0.4s;
}
@media screen and (max-width: 900px) {
#page-top {
display: none;
}
}
#page-top .icon-pagetop {
position: relative;
background-color: #37b44a;
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/icon_totop.png);
background-size: 28px 28px;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.icon-circle {
width: 60px;
height: 60px;
border-radius: 50%;
}
#page-top .icon-pagetop a {
display: block;
width: 100%;
height: 100%;
}
#page-top .icon-pagetop:hover {
background-color: #333;
-webkit-transition: 0.4s;
transition: 0.4s;
}
#hover-contact.is-show,
#page-top.is-show,
#page-top {
-webkit-transition: all 0.7s 0.9s cubic-bezier(0.48, -0.18, 0.13, 1.25);
transition: all 0.7s 0.9s cubic-bezier(0.48, -0.18, 0.13, 1.25);
}
.text-position {
text-align: center;
}
@media screen and (max-width: 768px) {
.text-position {
text-align: justify;
}
}
.h3-choose {
position: relative;
font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: 700;
font-size: 2rem;
line-height: 1.4;
padding-left: 140px;
color: #eb6371;
}
.h3-choose::before {
content: "";
position: absolute;
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/h3-choose_before_01.png);
left: 0;
width: 110px;
height: 90px;
background-size: contain;
background-repeat: no-repeat;
}
.p-choose {
color: #191919;
line-height: 1.9;
}
@media screen and (max-width: 1199px) {
.p-choose {
padding-right: 70px;
}
}
@media screen and (max-width: 768px) {
.p-choose {
padding-right: 20px;
}
}
.p-choose__r {
padding-right: 60px;
}
.choose-reason {
overflow: hidden;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.choose-reason img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.choose-reason .col-xl-5 {
height: 380px;
}
.choose-reason_left {
background: #fcffe3;
}
.h3-choose.second::before {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/h3-choose_before_02.png);
}
.h3-choose.third::before {
top: -30px;
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/h3-choose_before_03.png);
}
.list-item {
background: #67c993;
border: 5px solid #67c993;
}
.list-item h3 {
font-family: fot-tsukuardgothic-std, sans-serif;
font-size: 1.1rem;
padding: 13px 10px 18px;
font-weight: 700;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #fff;
}
.list-item .list-item__img {
background: #fff;
height: 180px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-item p {
color: #fff;
text-align: justify;
}
.list-item_2 {
background: #f39b52;
border: 5px solid #f39b52;
}
.choose-list {
width: 100%;
display: block;
}
@media screen and (max-width: 1378px) {
.choose-list {
padding-right: 70px;
}
}
@media screen and (max-width: 768px) {
.choose-list {
padding-right: 0px;
}
}
.choose-list .container {
max-width: 1020px;
padding: 10px 0 40px 0;
}
.choose-list .col-lg-6 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.choose-after p {
font-size: 20px;
font-family: ten-mincho-text, serif;
}
#cunstomer_01 {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/wall_bg.jpg);
padding-bottom: 160px;
}
#cunstomer_01 .container {
padding: 40px 0 0px 0;
}
@media screen and (min-width: 576px) {
#cunstomer_01 .container {
max-width: 1330px;
}
}
#cunstomer_01 .post {
padding: 30px 16px;
border: 3px solid #dbdbdb;
margin-bottom: 30px;
background-color: white;
margin-right: 10px;
margin-left: 10px;
}
@media screen and (max-width: 769px) {
#cunstomer_01 .post {
padding: 30px 0px;
}
}
#cunstomer_01 .post img {
width: 100%;
}
#cunstomer_01 .post h1,
#cunstomer_01 .post h2 {
font-family: fot-tsukuardgothic-std, sans-serif;
}
#cunstomer_01 .post h1 {
font-size: 1.8rem;
margin-bottom: 30px;
line-height: 1.2;
}
@media screen and (max-width: 769px) {
#cunstomer_01 .post h1 {
font-size: 1.4rem;
}
}
#cunstomer_01 .post h1 span {
color: #ff9750;
font-weight: bold;
}
#cunstomer_01 .post h3 {
font-size: 1.4rem;
position: relative;
}
@media screen and (max-width: 769px) {
#cunstomer_01 .post h3 {
font-size: 1.18rem;
}
}
#cunstomer_01 .post h3::after {
content: " ";
display: block;
border-bottom: 4px solid #ff7155;
margin-top: 14px;
width: 90px;
}
#cunstomer_01 .post .col-xl-7 {
padding-left: 30px;
}
#cunstomer_01 .post p {
font-size: 1.1rem;
line-height: 2;
margin-top: 20px;
color: #333333;
}
.top_construction .post {
height: 310px !important;
}
.top_construction .post h4.tag {
font-size: 14px !important;
color: #828282;
font-family: "Noto Sans JP", sans-serif !important;
margin: 14px 30px 0 !important;
}
.top_construction .post p {
margin: 10px 30px 0;
}
.top_construction .post h3 {
margin: 10px 30px;
}
.top_construction .post_img {
height: 187px !important;
}
.top_construction .post_img img {
height: 100% !important;
-o-object-fit: cover !important;
object-fit: cover !important;
}
.aboutus-01 .container {
max-width: 940px;
}
.aboutus-02 {
margin-top: 110px;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/aboutus-02.jpg);
}
@media screen and (max-width: 768px) {
.aboutus-02 {
margin-top: 80px;
}
}
.aboutus-02 p {
color: #fff;
font-family: ten-mincho-text, serif;
font-size: 1.6rem;
font-weight: 700;
padding: 90px 0;
text-shadow: 0px 0px 7px #000000;
}
@media screen and (max-width: 768px) {
.aboutus-02 p {
font-size: 1.3rem;
}
}
.aboutus-03 {
margin: 50px 0;
}
@media screen and (max-width: 768px) {
.aboutus-03 {
margin: 30px 0;
}
}
.aboutus-03 .aboutus-03__inner {
position: relative;
max-width: 460px;
margin: 0 auto !important;
}
@media screen and (min-width: 1191px) {
.aboutus-03 .aboutus-03__inner::before {
content: " ";
position: absolute;
top: 30px;
left: -200px;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/aboutus-03_before.png);
width: 158px;
height: 237px;
background-size: 158px 237px;
}
.aboutus-03 .aboutus-03__inner::after {
content: " ";
position: absolute;
top: 30px;
right: -200px;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/aboutus-03_after.png);
width: 158px;
height: 237px;
background-size: 158px 237px;
}
}
.aboutus-03 p {
color: #278968;
}
.aboutus-text01 p {
position: relative;
display: inline-block;
color: #db5311;
font-family: ten-mincho-text, serif;
font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
.aboutus-text01 p {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1291px) {
.aboutus-text01 p::before {
content: " ";
position: absolute;
top: -20px;
left: -90px;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/aboutus-text01_before.png);
width: 131px;
height: 127px;
background-size: 131px 127px;
}
.aboutus-text01 p::after {
content: " ";
position: absolute;
top: -20px;
right: -90px;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/aboutus-text01_after.png);
width: 131px;
height: 127px;
background-size: 131px 127px;
}
}
#qanda .qanda-h2 {
margin-top: 100px;
}
@media screen and (max-width: 768px) {
#qanda .qanda-h2 {
margin-top: 60px;
}
}
#qanda .faq-erea {
margin-top: 80px;
padding: 0 15px;
}
#qanda .faq-erea .faq-list .question {
position: relative;
font-family: fot-tsukuardgothic-std, sans-serif;
font-size: 1.2rem;
margin-top: 30px;
border: 2px solid #438969;
border-radius: 4px;
padding: 16px 45px 16px 66px;
font-weight: bold;
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_01.png);
background-repeat: no-repeat;
background-position: 10px center;
background-size: 44px;
background-color: #ffffff;
color: #438969;
cursor: pointer;
}
#qanda .faq-erea .faq-list .question::after {
content: "";
position: absolute;
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/question_arrow.png);
right: 22px;
top: 26px;
width: 18px;
height: 11px;
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: .2s;
transition: .2s;
-webkit-transform: rotateZ(0deg);
-ms-transform: rotate(0deg);
transform: rotateZ(0deg);
}
#qanda .faq-erea .faq-list .question.target::after {
-webkit-transform: rotateZ(180deg);
-ms-transform: rotate(180deg);
transform: rotateZ(180deg);
}
#qanda .faq-erea .faq-list:nth-child(2) .question {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_01.png);
}
#qanda .faq-erea .faq-list:nth-child(3) .question {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_02.png);
}
#qanda .faq-erea .faq-list:nth-child(4) .question {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_03.png);
}
#qanda .faq-erea .faq-list:nth-child(5) .question {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_03.png);
}
#qanda .faq-erea .faq-list:nth-child(6) .question {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_04.png);
}
#qanda .faq-erea .faq-list:nth-child(7) .question {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_05.png);
}
#qanda .faq-erea .faq-list:nth-child(8) .question {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_06.png);
}
#qanda .faq-erea .faq-list:nth-child(9) .question {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_07.png);
}
#qanda .faq-erea .faq-list:nth-child(10) .question {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_08.png);
}
#qanda .faq-erea .faq-list:nth-child(11) .question {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_09.png);
}
#qanda .faq-erea .faq-list:nth-child(12) .question {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_10.png);
}
#qanda .faq-erea .faq-list:nth-child(13) .question {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_11.png);
}
#qanda .faq-erea .faq-list:nth-child(14) .question {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_12.png);
}
#qanda .faq-erea .faq-list:nth-child(15) .question {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_13.png);
}
#qanda .faq-erea .faq-list:nth-child(16) .question {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_14.png);
}
#qanda .faq-erea .faq-list .question-3 {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_03.png);
}
#qanda .faq-erea .faq-list .question-4 {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_04.png);
}
#qanda .faq-erea .faq-list .question-5 {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_05.png);
}
#qanda .faq-erea .faq-list .question-6 {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_06.png);
}
#qanda .faq-erea .faq-list .question-7 {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_07.png);
}
#qanda .faq-erea .faq-list .question-8 {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_08.png);
}
#qanda .faq-erea .faq-list .question-9 {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_09.png);
}
#qanda .faq-erea .faq-list .question-10 {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_10.png);
}
#qanda .faq-erea .faq-list .question-11 {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_11.png);
}
#qanda .faq-erea .faq-list .question-12 {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_12.png);
}
#qanda .faq-erea .faq-list .question-13 {
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_q_13.png);
}
#qanda .faq-erea .faq-list .answer {
display: none;
margin: 0 10px 30px 10px;
border-bottom: 2px solid #438969;
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/icon/faq_a.png);
background-size: 30px 29px;
background-repeat: no-repeat;
background-position: 11px 17px;
background-color: #f7f7f7;
padding: 15px 52px 20px 52px;
}
@media screen and (max-width: 768px) {
#qanda .faq-erea .faq-list .answer {
padding: 15px 15px 20px 52px;
}
}
#qanda .faq-erea .faq-list .answer p {
font-family: "Noto Sans JP", sans-serif;
font-size: 1.2rem;
line-height: 1.8em;
}
#qanda .faq-erea .faq-list .answer p span {
color: #f2ad66;
font-weight: 700;
}
#qanda .faq-erea .faq-list .answer ul li {
font-size: 1.2rem;
font-family: "Noto Sans JP", sans-serif;
color: #438969;
}
#qanda .faq-erea .faq-list .answer ul li span {
text-decoration: underline;
}
.ai1ec-row {
margin-left: 0px !important;
}
.top_facility_outer .top_facility_content h3 {
color: #fff !important;
}
#calendar h2,
#festa-event h2{
font-family: fot-tsukuardgothic-std, sans-serif;
font-size: 1.6rem;
font-weight: 600;
}
#calendar .calendar-right {
padding-left: 20px;
}
@media screen and (max-width: 1530px) {
#calendar .calendar-right {
padding-right: 86px;
}
}
@media screen and (max-width: 768px) {
#calendar .calendar-right {
padding-right: 20px;
}
}
.timely {
padding: 0 20px;
}
.timely.ai1ec-calendar {
margin-right: 60px !important;
}
@media screen and (max-width: 768px) {
.timely.ai1ec-calendar {
margin-right: 0 !important;
}
}
#calendar,
#festa-event{
margin-bottom: 50px;
} .heeader_common_festa {
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/header_bg_festa.jpg) no-repeat !important;
}
a.link_green {
background: #37b44a;
font-weight: bold;
}
a.link_green:hover {
background: #ff9750 !important;
}
.common_head_festa {
background-size: 120% auto !important;
}
#festa .timely.ai1ec-calendar {
margin-right: 0 !important;
}
@media screen and (min-width: 769px) {
.festa-01, .festa-02 {
padding-right: 80px;
}
}
.festa-01 p {
font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: bold;
line-height: 1.8;
}
.festa-01 p span {
font-size: 1.2rem;
margin: 0 4px;
}
.festa-01 p.catch {
font-size: 1.4rem;
color: #37b44a;
}
.festa-01 a.link_bk {
background: #37b44a;
font-weight: bold;
}
.festa-03 {
padding: 20px;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/bg_line_green02.jpg) repeat;
}
@media screen and (min-width: 769px) {
.festa-03 .container {
padding-right: 80px;
}
}
.festa-03 a.link_bk_event {
padding: 16px 12px;
font-weight: bold;
}
.festa-03 li.festa-list {
padding: 34px;
border-radius: 14px;
}
.festa-03 li.festa-list .festa-list__desc {
border-bottom: 1px solid #b5b5b5;
}
.festa-03 li.festa-list h3 {
color: #37b44a;
font-size: 1.4rem;
font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: bold;
}
.festa-03 li.festa-list p.venue {
font-family: 1.1rem;
}
.festa-03 li.festa-list p.venue span {
color: #777777;
font-size: 1.16rem;
font-weight: bold;
}
.festa-03 li.festa-list a.link_bk {
margin-right: auto;
margin: 0;
max-width: 220px;
padding: 12px 12px;
}
.festa-03 li.festa-list .festa-list__organizer p {
font-size: 1.2rem;
font-weight: bold;
}
.festa-03 li.festa-list .festa-list__organizer p span {
position: relative;
padding-left: 10px;
color: #777777;
font-size: 1.16rem;
font-weight: bold;
}
.festa-03 li.festa-list .festa-list__organizer p span::before {
position: absolute;
content: "";
top: 2px;
left: 0;
width: 4px;
height: 26px;
background: #37b44a;
}
.festa-03 li:nth-child(odd) {
background: #ffffe9;
}
.festa-03 li:nth-child(even) {
background: #fff;
}
.festa-03 li:nth-child(even) h3 {
color: #00a2db;
}
.festa-03 li:nth-child(even) .festa-list__organizer p span::before {
background: #00a2db;
} .linkUp {
padding: 50px 55px 0 0;
}
@media screen and (max-width: 768px) {
.linkUp {
padding: 40px 0 0 0;
}
} #sdgs p .sdgs_txt{
color: #278968;
}
#sdgs .mb-4{
margin-top: 3em;
}
.sdgs_item{
padding-top: 60px;
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/stripe_lg02.jpg) repeat;
}
.sdgs_flx{
display: flex;
}
.sdgs_flx p{
padding-right: 1em;
text-align: left;
font-size: clamp(16px, 1.4814814815vw, 20px);
line-height: 1.75;
font-family: ten-mincho-text, serif;
}
.sdgs_flx img{
max-width: 180px;
width: 100%;
height: 100%;
}
.sdgs_wrapper{
padding: 0 50px 50px 50px;
}
.sdgs_wrapper h5.copy01{
position: relative;
display: block;
text-align: center;
font-family: ten-mincho-text, serif;
font-size: clamp(19px, 2.2222222222vw, 30px);
line-height: 1.5;
padding-bottom: 10px;
margin: 3em 0 1em;
font-family: ten-mincho-text, serif;
}
.sdgs_wrapper h5.copy01:first-child{
margin: 2em 0 1em;
}
#sdgs h5.copy01::after{
content: "";
position: absolute;
bottom: 0;
right: calc(50% - 110px);
width: 220px;
height: 4px;
background-color: #29b5b2;
}
@media screen and (max-width: 970px) {
.sdgs_flx{
display: block;
text-align: center;
}
.sdgs_flx p{
padding-bottom: .8em;
padding-right: 0;
}
.sdgs_wrapper h5.copy01{
margin: 3em 0 1em 0;
}
.sdgs_wrapper{
padding: 0 3% 40px 3%;
}
.sdgs_item{
padding-top: 30px;
}
.sdgs_content{
padding: 10px 55px 10px 0;
}
}
@media (max-width:767px) {
#sdgs .mb-4{
margin-top: 1.5em;
}
.sdgs_content{
padding: 20px 0;
}
} #header .iot_header{
background: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/iot/iot-header-scaled-1.jpg) no-repeat;
background-position: right bottom;
background-size: cover;
}
.iot_top{
display: flex;
}
.iot_head_img{
width: 100%;
max-width: 572px;
height: auto;
}
.iot_img01{
margin-top: 1.5em;
}
.iot_top_service{
margin-top: 5em;
}
.iot_top_service img{
width: 90%;
margin: 0 auto;
max-width: 100%;
display: block;
}
.iot_top_service p{
font-family: ten-mincho-text, serif;
font-size: clamp(16px, 1.3636363636vw, 21px);
text-align: center;
margin-top: 2em;
}
.iot_wrapper{
padding: 3em 1em;
}
.iot_wrapper p{
font-family: ten-mincho-text, serif;
font-size: clamp(16px, 1.3636363636vw, 21px);
text-align: center;
}
.iot_about{
margin-top: clamp(40px, 5.1948051948vw, 80px);
margin-bottom: clamp(45px, 5.8441558442vw, 90px);
}
.iot_about h2.charm-less{
font-size: clamp(20px, 2.0779220779vw, 32px);
}
.iot_about h2.charm-less::after,
.iot_about h2.charm-less::before{
font-size: 1.5em;
}
.iot_about_txt{
font-family: ten-mincho-text, serif;
font-size: clamp(16px, 1.3636363636vw, 21px);
padding: 0 1em;
margin-top: 2em;
margin-bottom: clamp(25px, 3.2467532468vw, 50px);
}
.iot_can{
display: flex;
margin-top: 5em;
}
.iot_can .effort{
margin-right: 1em;
padding: 0 .8em 1em 1em;
}
.iot_can .effort:last-of-type{
margin-right: 0;
}
.iot_can .effort h3 span{
font-size: clamp(14px, 1.1038961039vw, 17px);
}
.iot_can .effort p{
font-size: clamp(14px, 1.038961039vw, 16px);
font-family: ten-mincho-text, serif;
}
.iot_can .effort img{
margin-top: 2em;
margin-bottom: 1em;
}
.iot_facility{
margin-top: 3em;
}
.iot_facility_content img{
display: block;
padding: 3em 1em 0 1em;
}
.iot_facility_content img.iot_sp{
display: none;
}
.iot_facility h2.charm-less{
font-size: clamp(17px, 1.6233766234vw, 25px);
} .iot_yt_wrapper{
margin-bottom: 2em !important;
}
.iot_yt_wrapper h3{
font-family: ten-mincho-text, serif;
font-size: clamp(19px, 1.9480519481vw, 30px);
margin-top: clamp(30px, 3.8961038961vw, 60px);
line-height: 1.6;
}
.iot_yt_wrapper .effort_inner{
margin: clamp(85px, 11.038961039vw, 170px) auto 1em;
}
.iot_yt_halc{
display: flex;
justify-content: center;
align-items: center;
}
.iot_yt_halc img{
max-width: 45%;
width: 100%;
height: 100%;
}
.iot_yt_halc p{
display: block;
margin-top: 0.5em;
font-family: fot-tsukuardgothic-std, sans-serif;
font-size: clamp(14px, 1.038961039vw, 16px);
font-weight: bold;
}
.iot_yt_wrapper .effort_inner_sp{
margin: 8em auto 1em;
}
.iot_content{
padding: 40px 0;
}
.iot_content .effort03{
margin-bottom: 2em;
}
.iot_content .effort{
margin: 0;
}
.iot_contact a{
display: block;
background: #29B5B2;
width: 621px;
max-width: 100%;
margin: 2em auto 3em;
text-align: center;
padding: 19px 0 24px 0;
transition: all .3s;
}
.iot_contact a:hover{
transition: all .3s;
opacity: .8;
}
.iot_contact p{
color: #fff;
font-family: fot-tsukuardgothic-std, sans-serif;
font-size: clamp(16px, 1.2987012987vw, 20px);
font-weight: bold;
}
.iot_contact p span{
font-size: clamp(22px, 2.5974025974vw, 40px);
font-weight: bold;
}
.iot_contact_wrapper{
position: relative;
}
.iot_contact_wrapper p:last-of-type{
padding: 0 3em 0 1em;
}
.iot_contact_wrapper::after{
content: '';
display: inline-block;
width: 14px;
height: 27px;
background-image: url(//mokuzo-jyutaku.com/wp-content/themes/nagasute/images/arrow02-r.png);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
top: 45%; right: 36px;
}
.iot_pn{
padding: 0;
}
@media (max-width:991px) {
.iot_contact a{
width: 95%;
}
}
@media (max-width:1158px) {
.iot_can{
flex-wrap: wrap;
margin-top: 3.5em;
}
.iot_can .effort{
margin-right: 0;
}
}
@media (max-width:768px) {
.iot_top{
flex-wrap: wrap;
justify-content: center;
}
.iot_img01{
margin-top: 0;
}
.iot_top_service{
margin-top: 2.5em;
}
.iot_top_service p{
text-align: left;
padding: 0 1em;
}
.iot_wrapper{
padding: 2em 1em;
text-align: left;
}
.iot_facility{
margin-top: 1em; }
.iot_facility_content img{
width: 90%;
margin: 0 auto;
padding: 2em 0 1em 0;
}
.iot_facility_content img.iot_sp{
display: block;
}
.iot_facility_content img.iot_pc{
display: none;
}
.iot_yt_halc img{
width: 60%;
}
.iot_contact_wrapper .iot_contact_dn{
display: none;
}
.iot_contact_wrapper p:last-of-type{
padding: 0;
}
.iot_contact a:hover{
transition: none;
opacity: 1;
}
.iot_yt_wrapper{
margin: 0 1em 2em 1em !important;
}
.iot_content{
padding: 30px 0;
}
.iot_yt_wrapper h3{
font-size: 17px;
}
.iot_facility h2.charm-less{
font-size: 16px;
}
} ._d-none {
display: none !important;
}
._d-block {
display: block !important;
}
._dh-none {
display: none !important;
}
._dh-block {
display: block !important;
}
@media (min-width: 461px) {
._d-ssm-none {
display: none !important;
}
._d-ssm-block {
display: block !important;
}
}
@media (min-width: 561px) {
._d-sm-none {
display: none !important;
}
._d-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (min-height: 768px){
._dh-md-none{
display: none !important;
}
._dh-md-block{
display: block !important;
}
}
@media (min-width: 768px) {
._d-md-none {
display: none !important;
}
._d-md-block {
display: block !important;
}
}
@media (min-width: 961px) {
._d-lg-none {
display: none !important;
}
._d-lg-block {
display: block !important;
}
}
@media (min-width: 1001px) {
._d-llg-none {
display: none !important;
}
._d-llg-block {
display: block !important;
}
}
@media (min-width: 1201px) {
._d-xl-none {
display: none !important;
}
._d-xl-block {
display: block !important;
}
}
#taishin-list>.bg_stripe{
padding-block: 60px 63px;
padding-inline: 55px;
}
#taishin-list>.bg_stripe>.-list{
background-color: #fff;
border: 3px solid #AFDBD1;
padding-inline: 1em;
padding-block: 52px 63px;
}
#taishin-list>.bg_stripe>.-list>.col-12>.container{
padding: 0;
}
#taishin-list>.bg_stripe>.-list>.col-12>.txt{
font-size: 18px;
text-align: center;
margin-bottom: 25px;
}
@media (max-width:560px) {
#taishin-list>.bg_stripe{
padding-inline: 1em;
}
#taishin-list>.bg_stripe>.-list{
padding-inline: 0;
}
#taishin-list>.bg_stripe>.-list>.col-12>.container>.link_bk{
width: 100%;
}
}