@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;600;700&display=swap");
#mirai_single {
color: #333;
font-size: 62.5%;
overflow-x: hidden;
}
@media (max-width: 568px) {
#mirai_single {
font-size: 50%;
overflow-x: hidden;
}
}
#mirai_single * {
box-sizing: border-box;
}
#mirai_single sup {
font-size: 70%;
vertical-align: top;
position: relative;
top: -0.1em;
}
#mirai_single img {
max-width: 100%;
}
#mirai_single .mirai_header {
background: #f5f5f5;
margin-bottom: 90px;
padding: 66px 0px;
}
#mirai_single .mirai_header .mirai_products_title h1 {
font-size: 40px;
text-align: center;
letter-spacing: 8px;
margin-bottom: 20px;
position: relative;
}
@media (max-width: 568px) {
#mirai_single .mirai_header .mirai_products_title h1 {
font-size: 30px;
}
}
#mirai_single .mirai_header .mirai_products_title h1::before {
content: "PRODUCTS";
font-family: "Open Sans", sans-serif;
font-size: 18px;
letter-spacing: 1px;
display: block;
margin-bottom: 34px;
color: #369cd5;
}
#mirai_single .mirai_header .mirai_products_title h1::after {
content: "";
border-bottom: 1px #369cd5 solid;
width: 18px;
display: block;
position: absolute;
top: 33px;
left: 50%;
transform: translateX(-50%);
}
#mirai_single .mirai_header .mirai_products_title .kana {
font-size: 20px;
text-align: center;
font-weight: bold;
color: #999999;
margin-bottom: 28px;
}
@media (max-width: 568px) {
#mirai_single .mirai_header .mirai_products_title .kana {
font-size: 16px;
}
}
#mirai_single .mirai_header .mirai_products_title.mirai_products_title_not1st {
margin-top: 60px;
}
@media (max-width: 568px) {
#mirai_single .mirai_header .mirai_products_title.mirai_products_title_not1st {
margin-top: 40px;
}
}
#mirai_single .mirai_header .mirai_products_title.mirai_products_title_not1st h1::before {
display: none;
}
#mirai_single .mirai_header .mirai_products_title.mirai_products_title_not1st h1::after {
display: none;
}
#mirai_single .mirai_header .mirai_products_valiation {
width: 100%;
font-size: 18px;
text-align: center;
}
@media (max-width: 568px) {
#mirai_single .mirai_header .mirai_products_valiation {
font-size: 14px;
}
}
#mirai_single .mirai_header .mirai_products_valiation p {
display: inline-block;
border-top: 1px #333 solid;
padding: 24px 30px 0px 30px;
}
#mirai_single .mirai_header .btn_area {
margin-top: 40px;
line-height: 2.7;
}
#mirai_single .mirai_header .btn_area .q_button {
font-size: 16px;
line-height: 2;
}
@media (max-width: 568px) {
#mirai_single .mirai_header .btn_area .q_button {
margin-bottom: 10px;
}
}
#mirai_single .mirai_main {
width: 960px;
max-width: 100%;
margin: 0 auto;
}
#mirai_single .mirai_main .mirai_section {
margin-bottom: 130px;
}
#mirai_single .mirai_main .mirai_section h2 {
font-size: 28px;
text-align: center;
letter-spacing: 6px;
margin-bottom: 60px;
position: relative;
}
#mirai_single .mirai_main .mirai_section h2::before {
content: "TITLE";
content: attr(data-title);
font-family: "Open Sans", sans-serif;
font-size: 16px;
letter-spacing: 1px;
display: block;
margin-bottom: 20px;
font-weight: 500;
color: #369cd5;
}
#mirai_single .mirai_main .mirai_section h2::after {
content: "";
border-bottom: 6px #369cd5 solid;
width: 60px;
display: block;
position: absolute;
top: 84px;
left: 50%;
transform: translateX(-50%);
}
#mirai_single .mirai_main .mirai_section .mirai_section_body {
background: #f5f5f5;
margin-bottom: 30px;
}
#mirai_single .mirai_main .mirai_section .mirai_section_comment {
font-size: 16px;
text-align: center;
line-height: 1.5;
}
#mirai_single .mirai_main .mirai_section_body {
text-align: center;
font-size: 20px;
padding: 20px 30px;
line-height: 1.8;
}
@media (max-width: 568px) {
#mirai_single .mirai_main .mirai_section_body {
font-size: 16px;
}
}
#mirai_single .mirai_main #mirai_feature h2::before {
content: "FEATURE";
}
#mirai_single .mirai_main #mirai_feature .mirai_feature_point li {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
background: #f5f5f5;
margin-bottom: 4px;
font-size: 20px;
padding: 30px;
align-items: center;
}
@media (max-width: 568px) {
#mirai_single .mirai_main #mirai_feature .mirai_feature_point li {
flex-flow: column;
}
}
#mirai_single .mirai_main #mirai_feature .mirai_feature_point li .point_num {
width: 126px;
background: transparent linear-gradient(270deg, #369cd5 0%, #00a087 100%) 0% 0% no-repeat padding-box;
border-radius: 20px;
color: #fff;
font-family: "Open Sans", sans-serif;
font-weight: 800;
padding: 10px 15px;
text-align: center;
}
@media (max-width: 568px) {
#mirai_single .mirai_main #mirai_feature .mirai_feature_point li .point_num {
margin-bottom: 20px;
}
}
#mirai_single .mirai_main #mirai_feature .mirai_feature_point li .point_text {
width: calc(100% - 126px - 25px);
line-height: 1.5;
}
@media (max-width: 568px) {
#mirai_single .mirai_main #mirai_feature .mirai_feature_point li .point_text {
font-size: 16px;
width: 100%;
}
}
#mirai_single .mirai_main #mirai_feature .supplement {
font-size: 15px;
padding: 5px;
text-align: center;
line-height: 1.5;
}
@media (max-width: 568px) {
#mirai_single .mirai_main #mirai_feature .supplement {
text-align: left;
}
}
#mirai_single .mirai_main #mirai_usage h2::before {
content: "USAGE";
}
#mirai_single .mirai_main #mirai_specification h2::before {
content: "SPECIFICATIONS";
}
#mirai_single .mirai_main #mirai_specification .mirai_table {
width: 100%;
border-top: 1px #333 solid;
border-bottom: 1px #333 solid;
font-size: 18px;
border-collapse: collapse;
}
#mirai_single .mirai_main #mirai_specification .mirai_table th {
padding: 15px 30px;
border-bottom: 1px #333 dotted;
}
#mirai_single .mirai_main #mirai_specification .mirai_table th:last-of-type {
border-right: none;
}
#mirai_single .mirai_main #mirai_specification .mirai_table td {
padding: 15px 30px;
border-bottom: 1px #333 dotted;
border-right: 1px #333 dotted;
text-align: right;
}
#mirai_single .mirai_main #mirai_specification .mirai_table td:last-of-type {
border-right: none;
}
#mirai_single .mirai_main #mirai_specification .mirai_table thead th {
background: #f5f5f5;
border-right: 1px #333 dotted;
}
#mirai_single .mirai_main #mirai_specification .mirai_table tbody th {
font-weight: normal;
text-align: left;
border-right: 1px #333 dotted;
}
#mirai_single .mirai_main #mirai_specification .mirai_table tbody th:last-of-type {
border-right: 1px #333 dotted;
}
#mirai_single .mirai_main #mirai_specification .mirai_table .text-center {
text-align: center !important;
}
#mirai_single .mirai_main #mirai_specification ul {
margin: 10px 0;
}
#mirai_single .mirai_main #mirai_specification ul li {
font-size: 16px;
font-weight: normal;
line-height: 1.8;
}
@media (max-width: 568px) {
#mirai_single .mirai_main #mirai_specification thead {
display: none;
}
#mirai_single .mirai_main #mirai_specification th,
#mirai_single .mirai_main #mirai_specification td {
display: block;
width: 100%;
border-bottom: none;
border-right: none !important;
}
#mirai_single .mirai_main #mirai_specification tbody th {
background: #f5f5f5;
text-align: center !important;
border-top: 1px #333 solid !important;
}
#mirai_single .mirai_main #mirai_specification td:before {
content: attr(data-label);
color: #999;
display: block;
float: left;
}
}
@media (max-width: 568px) {
#mirai_single .mirai_main #mirai_coverage h2 {
font-size: 22px;
letter-spacing: 1px;
}
}
#mirai_single .mirai_main #mirai_coverage h2::before {
content: "COVERAGE";
}
@media (max-width: 568px) {
#mirai_single .mirai_main #mirai_coverage h2::after {
top: 110px;
}
}
#mirai_single .mirai_main #mirai_coverage .mirai_section_body img {
max-width: 100%;
height: 106px;
}
@media (max-width: 568px) {
#mirai_single .mirai_main #mirai_coverage .mirai_section_body img {
height: auto;
}
}
#mirai_single .mirai_main #mirai_evaluation h2::before {
content: "EVALUATION";
}
#mirai_single .mirai_main #mirai_evaluation .mirai_section_body {
font-size: 18px;
text-align: left;
}
@media (max-width: 568px) {
#mirai_single .mirai_main #mirai_evaluation .mirai_section_body {
font-size: 16px;
}
}
#mirai_single .mirai_main #mirai_evaluation .mirai_section_body ul {
list-style: disc;
}
#mirai_single .mirai_main #mirai_evaluation .mirai_section_body ul li {
line-height: 1.5;
margin-bottom: 5px;
}
#mirai_single .mirai_main #mirai_evaluation .mirai_section_body ul li span {
font-size: 16px;
}
@media (max-width: 568px) {
#mirai_single .mirai_main #mirai_evaluation .mirai_section_body ul li span {
display: block;
}
}
#mirai_single .mirai_main #mirai_amount h2::before {
content: "AMOUNT";
}
#mirai_single .mirai_main #mirai_amount .mirai_table {
width: 100%;
border-top: 1px #333 solid;
border-bottom: 1px #333 solid;
font-size: 18px;
border-collapse: collapse;
}
#mirai_single .mirai_main #mirai_amount .mirai_table th {
padding: 15px 30px;
border-bottom: 1px #333 dotted;
}
#mirai_single .mirai_main #mirai_amount .mirai_table th:last-of-type {
border-right: none;
}
#mirai_single .mirai_main #mirai_amount .mirai_table td {
padding: 15px 30px;
border-bottom: 1px #333 dotted;
border-right: 1px #333 dotted;
text-align: right;
}
#mirai_single .mirai_main #mirai_amount .mirai_table td:last-of-type {
border-right: none;
}
#mirai_single .mirai_main #mirai_amount .mirai_table thead th {
background: #f5f5f5;
border-right: 1px #333 dotted;
}
#mirai_single .mirai_main #mirai_amount .mirai_table tbody th {
font-weight: normal;
text-align: left;
border-right: 1px #333 dotted;
}
#mirai_single .mirai_main #mirai_amount .mirai_table tbody th:last-of-type {
border-right: 1px #333 dotted;
}
#mirai_single .mirai_main #mirai_amount .mirai_table .text-center {
text-align: center !important;
}
@media (max-width: 568px) {
#mirai_single .mirai_main #mirai_amount thead {
display: none;
}
#mirai_single .mirai_main #mirai_amount th,
#mirai_single .mirai_main #mirai_amount td {
display: block;
width: 100%;
border-bottom: none;
border-right: none !important;
}
#mirai_single .mirai_main #mirai_amount tbody th {
background: #f5f5f5;
text-align: center !important;
border-top: 1px #333 solid !important;
}
#mirai_single .mirai_main #mirai_amount td:before {
content: attr(data-label);
color: #999;
display: block;
float: left;
}
}
#mirai_single .mirai_main #mirai_example h2::before {
content: "IMAGES";
}
#mirai_single .mirai_main #mirai_example .mirai_section_body .gallery {
display: flex;
}
#mirai_single .mirai_main #mirai_example .mirai_section_body .gallery img {
height: auto;
}
#mirai_single .mirai_main #mirai_example .mirai_section_body {
font-size: 16px;
}
#mirai_single .mirai_main #mirai_youtube .mirai_section_body .youtube_box {
width: 100%;
padding-top: 56.25%;
position: relative;
}
#mirai_single .mirai_main #mirai_youtube .mirai_section_body .youtube_box iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
margin-bottom: 8px;
}
#mirai_single .mirai_main #mirai_free_3 .mirai_section_body {
font-size: 18px;
text-align: left;
padding: 44px 60px;
}
@media (max-width: 568px) {
#mirai_single .mirai_main #mirai_free_3 .mirai_section_body {
font-size: 16px;
padding: 30px 30px 30px 40px;
}
}
#mirai_single .mirai_main #mirai_free_3 .mirai_section_body ul {
list-style: disc;
}
#mirai_single .mirai_main #mirai_free_3 .mirai_section_body ul li {
line-height: 1.5;
margin-bottom: 10px;
}
#mirai_single .mirai_main #mirai_free_3 .mirai_section_body ul li span {
font-size: 16px;
}
@media (max-width: 568px) {
#mirai_single .mirai_main #mirai_free_3 .mirai_section_body ul li span {
display: block;
font-size: 14px;
}
}
#mirai_single .mirai_main #mirai_free_3 .mirai_section_body ul li strong {
font-weight: 500;
border-bottom: 2px solid #F8B62D;
}
@media (max-width: 568px) {
#mirai_single .mirai_main #mirai_notes h2 {
font-size: 22px;
letter-spacing: 1px;
}
}
#mirai_single .mirai_main #mirai_notes h2::before {
content: "NOTES";
}
#mirai_single .mirai_main #mirai_notes .mirai_section_body {
font-size: 16px;
text-align: left;
padding: 44px 60px;
}
@media (max-width: 568px) {
#mirai_single .mirai_main #mirai_notes .mirai_section_body {
padding: 30px 30px;
}
}
#mirai_single .mirai_main #mirai_free .mirai_table {
width: 100%;
border-top: 1px #333 solid;
border-bottom: 1px #333 solid;
font-size: 18px;
border-collapse: collapse;
}
#mirai_single .mirai_main #mirai_free .mirai_table th {
padding: 15px 30px;
border-bottom: 1px #333 dotted;
}
#mirai_single .mirai_main #mirai_free .mirai_table th:last-of-type {
border-right: none;
}
#mirai_single .mirai_main #mirai_free .mirai_table td {
padding: 15px 30px;
border-bottom: 1px #333 dotted;
border-right: 1px #333 dotted;
text-align: right;
}
#mirai_single .mirai_main #mirai_free .mirai_table td:last-of-type {
border-right: none;
}
#mirai_single .mirai_main #mirai_free .mirai_table thead th {
background: #f5f5f5;
border-right: 1px #333 dotted;
}
#mirai_single .mirai_main #mirai_free .mirai_table tbody th {
font-weight: normal;
text-align: left;
border-right: 1px #333 dotted;
}
#mirai_single .mirai_main #mirai_free .mirai_table tbody th:last-of-type {
border-right: 1px #333 dotted;
}
#mirai_single .mirai_main #mirai_free .mirai_table .text-center {
text-align: center !important;
}
@media (max-width: 568px) {
#mirai_single .mirai_main #mirai_free thead {
display: none;
}
#mirai_single .mirai_main #mirai_free th,
#mirai_single .mirai_main #mirai_free td {
display: block;
width: 100%;
border-bottom: none;
border-right: none !important;
}
#mirai_single .mirai_main #mirai_free tbody th {
background: #f5f5f5;
text-align: center !important;
border-top: 1px #333 solid !important;
}
#mirai_single .mirai_main #mirai_free td:before {
content: attr(data-label);
color: #999;
display: block;
float: left;
}
}
#mirai_single .mirai_main .mirai_btn_action_fixed {
position: fixed;
width: 100%;
height: 130px;
bottom: 0;
left: 0;
background: rgba(245, 245, 245, 0.9);
transition: all 0.3s ease-in-out 0s;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
}
@media (max-width: 568px) {
#mirai_single .mirai_main .mirai_btn_action_fixed {
flex-flow: column;
padding: 20px 0px;
}
}
#mirai_single .mirai_main .mirai_btn_action_fixed.active {
opacity: 1;
visibility: visible;
transition: all 0.3s ease-in-out 0s;
}
#mirai_single .mirai_main .mirai_btn_action_fixed .mirai_btn {
color: #fff;
background: #ccc;
text-align: center;
padding: 20px 0px;
border-radius: 100px;
font-size: 20px;
letter-spacing: 2px;
margin: 0 20px;
width: 333px;
max-width: 100%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease-in-out 0s;
font-weight: 500;
}
@media (max-width: 568px) {
#mirai_single .mirai_main .mirai_btn_action_fixed .mirai_btn {
padding: 15px 0px;
font-size: 16px;
}
}
#mirai_single .mirai_main .mirai_btn_action_fixed .mirai_btn:hover {
opacity: 0.6;
transition: all 0.3s ease-in-out 0s;
}
#mirai_single .mirai_main .mirai_btn_action_fixed .mirai_btn.primary {
background: #369cd5;
}
@media (max-width: 568px) {
#mirai_single .mirai_main .mirai_btn_action_fixed .mirai_btn.primary {
margin-bottom: 10px;
}
}
#mirai_single .mirai_main .mirai_btn_action_fixed .mirai_btn.secondary {
background: #00a087;
}
#mirai_single.yoko_gardening_tools {
color: #333;
font-size: 62.5%;
overflow-x: hidden;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools {
font-size: 50%;
overflow-x: hidden;
}
}
#mirai_single.yoko_gardening_tools * {
box-sizing: border-box;
}
#mirai_single.yoko_gardening_tools sup {
font-size: 70%;
vertical-align: top;
position: relative;
top: -0.1em;
}
#mirai_single.yoko_gardening_tools img {
max-width: 100%;
}
#mirai_single.yoko_gardening_tools .mirai_header {
background: #f5f5f5;
margin-bottom: 90px;
padding: 66px 0px;
}
#mirai_single.yoko_gardening_tools .mirai_header .mirai_products_title h1 {
font-size: 40px;
text-align: center;
letter-spacing: 8px;
margin-bottom: 20px;
position: relative;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_header .mirai_products_title h1 {
font-size: 30px;
}
}
#mirai_single.yoko_gardening_tools .mirai_header .mirai_products_title h1::before {
content: "PRODUCTS";
font-family: "Open Sans", sans-serif;
font-size: 18px;
letter-spacing: 1px;
display: block;
margin-bottom: 34px;
color: #ff6600;
}
#mirai_single.yoko_gardening_tools .mirai_header .mirai_products_title h1::after {
content: "";
border-bottom: 1px #ff9900 solid;
width: 18px;
display: block;
position: absolute;
top: 33px;
left: 50%;
transform: translateX(-50%);
}
#mirai_single.yoko_gardening_tools .mirai_header .mirai_products_title .kana {
font-size: 20px;
text-align: center;
font-weight: bold;
color: #999999;
margin-bottom: 28px;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_header .mirai_products_title .kana {
font-size: 16px;
}
}
#mirai_single.yoko_gardening_tools .mirai_header .mirai_products_title.mirai_products_title_not1st {
margin-top: 60px;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_header .mirai_products_title.mirai_products_title_not1st {
margin-top: 40px;
}
}
#mirai_single.yoko_gardening_tools .mirai_header .mirai_products_title.mirai_products_title_not1st h1::before {
display: none;
}
#mirai_single.yoko_gardening_tools .mirai_header .mirai_products_title.mirai_products_title_not1st h1::after {
display: none;
}
#mirai_single.yoko_gardening_tools .mirai_header .mirai_products_valiation {
width: 100%;
font-size: 18px;
text-align: center;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_header .mirai_products_valiation {
font-size: 14px;
}
}
#mirai_single.yoko_gardening_tools .mirai_header .mirai_products_valiation p {
display: inline-block;
border-top: 1px #333 solid;
padding: 24px 30px 0px 30px;
}
#mirai_single.yoko_gardening_tools .mirai_header .btn_area {
margin-top: 40px;
line-height: 2.7;
}
#mirai_single.yoko_gardening_tools .mirai_header .btn_area .q_button {
font-size: 16px;
line-height: 2;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_header .btn_area .q_button {
margin-bottom: 10px;
}
}
#mirai_single.yoko_gardening_tools .mirai_main {
width: 960px;
max-width: 100%;
margin: 0 auto;
}
#mirai_single.yoko_gardening_tools .mirai_main .mirai_section {
margin-bottom: 130px;
}
#mirai_single.yoko_gardening_tools .mirai_main .mirai_section h2 {
font-size: 28px;
text-align: center;
letter-spacing: 6px;
margin-bottom: 60px;
position: relative;
}
#mirai_single.yoko_gardening_tools .mirai_main .mirai_section h2::before {
content: "TITLE";
content: attr(data-title);
font-family: "Open Sans", sans-serif;
font-size: 16px;
letter-spacing: 1px;
display: block;
margin-bottom: 20px;
font-weight: 500;
color: #ff6600;
}
#mirai_single.yoko_gardening_tools .mirai_main .mirai_section h2::after {
content: "";
border-bottom: 6px #ff9900 solid;
width: 60px;
display: block;
position: absolute;
top: 84px;
left: 50%;
transform: translateX(-50%);
}
#mirai_single.yoko_gardening_tools .mirai_main .mirai_section .mirai_section_body {
background: #f5f5f5;
margin-bottom: 30px;
}
#mirai_single.yoko_gardening_tools .mirai_main .mirai_section .mirai_section_comment {
font-size: 16px;
text-align: center;
line-height: 1.5;
}
#mirai_single.yoko_gardening_tools .mirai_main .mirai_section_body {
text-align: center;
font-size: 20px;
padding: 20px 30px;
line-height: 1.8;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_main .mirai_section_body {
font-size: 16px;
}
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_feature h2::before {
content: "FEATURE";
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_feature .mirai_feature_point li {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
background: #f5f5f5;
margin-bottom: 4px;
font-size: 20px;
padding: 30px;
align-items: center;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_main #mirai_feature .mirai_feature_point li {
flex-flow: column;
}
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_feature .mirai_feature_point li .point_num {
width: 126px;
background: transparent linear-gradient(270deg, #ff9900 0%, #ff6600 100%) 0% 0% no-repeat padding-box;
border-radius: 20px;
color: #fff;
font-family: "Open Sans", sans-serif;
font-weight: 800;
padding: 10px 15px;
text-align: center;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_main #mirai_feature .mirai_feature_point li .point_num {
margin-bottom: 20px;
}
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_feature .mirai_feature_point li .point_text {
width: calc(100% - 126px - 25px);
line-height: 1.5;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_main #mirai_feature .mirai_feature_point li .point_text {
font-size: 16px;
width: 100%;
}
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_feature .supplement {
font-size: 15px;
padding: 5px;
text-align: center;
line-height: 1.5;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_main #mirai_feature .supplement {
text-align: left;
}
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_usage h2::before {
content: "USAGE";
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_specification h2::before {
content: "SPECIFICATIONS";
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_specification .mirai_table {
width: 100%;
border-top: 1px #333 solid;
border-bottom: 1px #333 solid;
font-size: 18px;
border-collapse: collapse;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_specification .mirai_table th {
padding: 15px 30px;
border-bottom: 1px #333 dotted;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_specification .mirai_table th:last-of-type {
border-right: none;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_specification .mirai_table td {
padding: 15px 30px;
border-bottom: 1px #333 dotted;
border-right: 1px #333 dotted;
text-align: right;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_specification .mirai_table td:last-of-type {
border-right: none;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_specification .mirai_table thead th {
background: #f5f5f5;
border-right: 1px #333 dotted;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_specification .mirai_table tbody th {
font-weight: normal;
text-align: left;
border-right: 1px #333 dotted;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_specification .mirai_table tbody th:last-of-type {
border-right: 1px #333 dotted;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_specification .mirai_table .text-center {
text-align: center !important;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_main #mirai_specification thead {
display: none;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_specification th,
#mirai_single.yoko_gardening_tools .mirai_main #mirai_specification td {
display: block;
width: 100%;
border-bottom: none;
border-right: none !important;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_specification tbody th {
background: #f5f5f5;
text-align: center !important;
border-top: 1px #333 solid !important;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_specification td:before {
content: attr(data-label);
color: #999;
display: block;
float: left;
}
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_main #mirai_coverage h2 {
font-size: 22px;
letter-spacing: 1px;
}
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_coverage h2::before {
content: "COVERAGE";
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_main #mirai_coverage h2::after {
top: 110px;
}
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_coverage .mirai_section_body img {
max-width: 100%;
height: 106px;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_main #mirai_coverage .mirai_section_body img {
height: auto;
}
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_evaluation h2::before {
content: "EVALUATION";
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_evaluation .mirai_section_body {
font-size: 18px;
text-align: left;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_main #mirai_evaluation .mirai_section_body {
font-size: 16px;
}
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_evaluation .mirai_section_body ul {
list-style: disc;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_evaluation .mirai_section_body ul li {
line-height: 1.5;
margin-bottom: 5px;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_evaluation .mirai_section_body ul li span {
font-size: 16px;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_main #mirai_evaluation .mirai_section_body ul li span {
display: block;
}
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_amount h2::before {
content: "AMOUNT";
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_amount .mirai_table {
width: 100%;
border-top: 1px #333 solid;
border-bottom: 1px #333 solid;
font-size: 18px;
border-collapse: collapse;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_amount .mirai_table th {
padding: 15px 30px;
border-bottom: 1px #333 dotted;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_amount .mirai_table th:last-of-type {
border-right: none;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_amount .mirai_table td {
padding: 15px 30px;
border-bottom: 1px #333 dotted;
border-right: 1px #333 dotted;
text-align: right;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_amount .mirai_table td:last-of-type {
border-right: none;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_amount .mirai_table thead th {
background: #f5f5f5;
border-right: 1px #333 dotted;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_amount .mirai_table tbody th {
font-weight: normal;
text-align: left;
border-right: 1px #333 dotted;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_amount .mirai_table tbody th:last-of-type {
border-right: 1px #333 dotted;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_amount .mirai_table .text-center {
text-align: center !important;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_main #mirai_amount thead {
display: none;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_amount th,
#mirai_single.yoko_gardening_tools .mirai_main #mirai_amount td {
display: block;
width: 100%;
border-bottom: none;
border-right: none !important;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_amount tbody th {
background: #f5f5f5;
text-align: center !important;
border-top: 1px #333 solid !important;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_amount td:before {
content: attr(data-label);
color: #999;
display: block;
float: left;
}
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_example h2::before {
content: "IMAGES";
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_example .mirai_section_body .gallery {
display: flex;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_example .mirai_section_body .gallery img {
height: auto;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_example .mirai_section_body {
font-size: 16px;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_notes h2::before {
content: "NOTES";
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_notes .mirai_section_body {
font-size: 16px;
text-align: left;
padding: 44px 60px;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_main #mirai_notes .mirai_section_body {
padding: 30px 30px;
}
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_free .mirai_table {
width: 100%;
border-top: 1px #333 solid;
border-bottom: 1px #333 solid;
font-size: 18px;
border-collapse: collapse;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_free .mirai_table th {
padding: 15px 30px;
border-bottom: 1px #333 dotted;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_free .mirai_table th:last-of-type {
border-right: none;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_free .mirai_table td {
padding: 15px 30px;
border-bottom: 1px #333 dotted;
border-right: 1px #333 dotted;
text-align: right;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_free .mirai_table td:last-of-type {
border-right: none;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_free .mirai_table thead th {
background: #f5f5f5;
border-right: 1px #333 dotted;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_free .mirai_table tbody th {
font-weight: normal;
text-align: left;
border-right: 1px #333 dotted;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_free .mirai_table tbody th:last-of-type {
border-right: 1px #333 dotted;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_free .mirai_table .text-center {
text-align: center !important;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_main #mirai_free thead {
display: none;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_free th,
#mirai_single.yoko_gardening_tools .mirai_main #mirai_free td {
display: block;
width: 100%;
border-bottom: none;
border-right: none !important;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_free tbody th {
background: #f5f5f5;
text-align: center !important;
border-top: 1px #333 solid !important;
}
#mirai_single.yoko_gardening_tools .mirai_main #mirai_free td:before {
content: attr(data-label);
color: #999;
display: block;
float: left;
}
}
#mirai_single.yoko_gardening_tools .mirai_main .mirai_btn_action_fixed {
position: fixed;
width: 100%;
height: 130px;
bottom: 0;
left: 0;
background: rgba(245, 245, 245, 0.9);
transition: all 0.3s ease-in-out 0s;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_main .mirai_btn_action_fixed {
flex-flow: column;
padding: 20px 0px;
}
}
#mirai_single.yoko_gardening_tools .mirai_main .mirai_btn_action_fixed.active {
opacity: 1;
visibility: visible;
transition: all 0.3s ease-in-out 0s;
}
#mirai_single.yoko_gardening_tools .mirai_main .mirai_btn_action_fixed .mirai_btn {
color: #fff;
background: #ccc;
text-align: center;
padding: 20px 0px;
border-radius: 100px;
font-size: 20px;
letter-spacing: 2px;
margin: 0 20px;
width: 333px;
max-width: 100%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease-in-out 0s;
font-weight: 500;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_main .mirai_btn_action_fixed .mirai_btn {
padding: 15px 0px;
font-size: 16px;
}
}
#mirai_single.yoko_gardening_tools .mirai_main .mirai_btn_action_fixed .mirai_btn:hover {
opacity: 0.6;
transition: all 0.3s ease-in-out 0s;
}
#mirai_single.yoko_gardening_tools .mirai_main .mirai_btn_action_fixed .mirai_btn.primary {
background: #369cd5;
}
@media (max-width: 568px) {
#mirai_single.yoko_gardening_tools .mirai_main .mirai_btn_action_fixed .mirai_btn.primary {
margin-bottom: 10px;
}
}
#mirai_single.yoko_gardening_tools .mirai_main .mirai_btn_action_fixed .mirai_btn.secondary {
background: #ff9900;
}
:root,
::before,
::after {
--blue: #2d338a;
--yellow: #ffcc00;
--black: #1a1311;
--white: #ffffff;
--red: #d82f3b;
--green: #129647;
--lgray: #f1f1f1;
--lblue: #eff6ffee;
--bg_theater: #e0e00d;
--bg_chorus: #00bbb4;
--bg_nougaku: #6cb2e2;
--container_width: 1180px;
--container_wide_width: 1400px;
--container_thin_width: 960px;
}
.footer_contact_box {
background: #f5f5f5;
width: 100%;
min-width: 1180px;
padding: 60px 0;
margin-bottom: 60px;
font-size: 1rem;
box-sizing: border-box;
line-height: 1.5;
}
@media (max-width: 568px) {
.footer_contact_box {
min-width: 100%;
}
}
@media (max-width: 1125px) {
.footer_contact_box {
min-width: 100%;
}
}
.footer_contact_box .inner {
width: 1180px;
max-width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border: 1px solid #ddd;
background: #fff;
}
.footer_contact_box .inner .header {
width: 100%;
background: #fff;
padding: 0 0 30px 0;
background: #f5f5f5;
display: flex;
flex-flow: row wrap;
justify-content: center;
background: hsla(212, 100%, 39%, 0.05);
}
.footer_contact_box .inner .header h3 {
width: 100%;
margin-bottom: 20px;
text-align: center;
font-size: 1.8rem;
background: transparent linear-gradient(270deg, #369cd5 0%, #00a087 100%) 0% 0% no-repeat padding-box;
color: #fff;
padding: 10px 0;
margin-bottom: 40px;
}
@media (max-width: 568px) {
.footer_contact_box .inner .header h3 {
font-size: 1.4rem;
margin-bottom: 30px;
}
}
.footer_contact_box .inner .header .text {
width: 60%;
margin-right: 30px;
}
@media (max-width: 568px) {
.footer_contact_box .inner .header .text {
width: 90%;
margin-right: 0px;
}
}
@media (max-width: 1125px) {
.footer_contact_box .inner .header .text {
width: 90%;
margin-right: 0px;
}
}
.footer_contact_box .inner .header .text p {
line-height: 1.8;
font-size: 1.1rem;
margin-bottom: 20px;
}
.footer_contact_box .inner .header .text p:last-of-type() {
margin-bottom: 0px;
}
.footer_contact_box .inner .header .text p a {
color: #5483c4;
text-decoration: underline;
}
.footer_contact_box .inner .header .image {
width: 150px;
height: auto;
margin-left: 30px;
}
@media (max-width: 568px) {
.footer_contact_box .inner .header .image {
margin-left: 0px;
}
}
.footer_contact_box .inner .content {
width: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
background: #fff;
padding: 30px 45px;
}
@media (max-width: 568px) {
.footer_contact_box .inner .content {
text-align: center;
}
}
@media (max-width: 1125px) {
.footer_contact_box .inner .content {
flex-flow: column;
text-align: center;
}
}
.footer_contact_box .inner .content .content_tel_fax {
width: 40%;
}
@media (max-width: 568px) {
.footer_contact_box .inner .content .content_tel_fax {
width: 100%;
}
}
@media (max-width: 1125px) {
.footer_contact_box .inner .content .content_tel_fax {
width: 100%;
}
}
.footer_contact_box .inner .content .content_tel_fax .tel {
color: #666;
font-size: 2rem;
font-weight: bold;
line-height: 1.3;
margin-bottom: 0px;
font-family: "Oswald", sans-serif;
}
.footer_contact_box .inner .content .content_tel_fax .tel .color {
color: #ff9900;
}
@media (max-width: 568px) {
.footer_contact_box .inner .content .content_tel_fax .tel {
display: block;
margin-bottom: 5px;
}
}
@media (max-width: 1125px) {
.footer_contact_box .inner .content .content_tel_fax .tel {
display: block;
margin-bottom: 5px;
}
}
.footer_contact_box .inner .content .content_tel_fax .fax {
color: #666;
font-size: 1.5rem;
font-weight: bold;
line-height: 1;
margin-bottom: 10px;
font-family: "Oswald", sans-serif;
margin-left: 5px;
}
@media (max-width: 568px) {
.footer_contact_box .inner .content .content_tel_fax .fax {
text-align: center;
display: block;
margin-bottom: 15px;
}
}
@media (max-width: 1125px) {
.footer_contact_box .inner .content .content_tel_fax .fax {
text-align: center;
display: block;
margin-bottom: 15px;
}
}
.footer_contact_box .inner .content .content_tel_fax .fax::before {
content: "/";
padding-right: 8px;
}
@media (max-width: 568px) {
.footer_contact_box .inner .content .content_tel_fax .fax::before {
display: none;
}
}
@media (max-width: 1125px) {
.footer_contact_box .inner .content .content_tel_fax .fax::before {
display: none;
}
}
.footer_contact_box .inner .content .content_tel_fax .fax .color {
color: #ff9900;
}
.footer_contact_box .inner .content .content_tel_fax .time .except {
font-size: 0.8rem;
}
@media (max-width: 568px) {
.footer_contact_box .inner .content .content_tel_fax .time .except {
display: block;
margin-bottom: 20px;
}
}
@media (max-width: 1125px) {
.footer_contact_box .inner .content .content_tel_fax .time .except {
display: block;
margin-bottom: 20px;
}
}
.footer_contact_box .inner .content .btn {
color: #fff;
background: #ccc;
text-align: center;
padding: 15px 30px;
border-radius: 100px;
font-size: 1.1rem;
max-width: 100%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease-in-out 0s;
font-weight: 500;
display: inline-block;
}
.footer_contact_box .inner .content .btn:hover {
opacity: 0.6;
transition: all 0.3s ease-in-out 0s;
text-decoration: none !important;
color: #ffffff;
}
@media (max-width: 568px) {
.footer_contact_box .inner .content .btn {
display: block;
margin-bottom: 15px;
}
}
@media (max-width: 1125px) {
.footer_contact_box .inner .content .btn {
display: block;
margin-bottom: 15px;
}
}
.footer_contact_box .inner .content .btn_to_inquiry {
background: #00a087;
}
.footer_contact_box .inner .content .btn_to_flow {
background: #369cd5;
}     @media screen and (min-width: 941px) and (max-width: 1500px) {
.mobile_logo_image {
display: none;
}
.mobile #logo_image {
display: inline;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
}
#header_menu {
height: 90px;
float: right;
margin-right: 14px;
margin-left: 18px;
}
@media screen and (min-width: 941px) and (max-width: 1500px) {
#header_menu {
height: 56px;
}
}
@media screen and (max-width: 940px) {
#header_menu {
display: none;
}
}
#header_menu > ul {
display: inline-block;
height: 90px;
font-size: 0;
position: relative;
vertical-align: top;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 1500px) {
#header_menu > ul {
height: 56px;
}
}
#header_menu > ul > li {
height: 90px;
position: relative;
display: flex;
font-size: 14px;
text-decoration: none;
margin: 0 0 0 10px;
justify-content: center;
align-items: center;
text-align: center;
}
@media screen and (min-width: 941px) and (max-width: 1500px) {
#header_menu > ul > li {
height: 50px;
}
}
@media screen and (min-width: 1501px) {
#header_menu > ul > li {
margin: 0 0 0 20px;
}
.header_fix #header_menu > ul > li {
height: 50px;
}
}
#header_menu .detail {
font-size: 9px;
font-feature-settings: "palt";
letter-spacing: -0.5px;
}
#header_menu .header_tel .number {
font-family: "Oswald", sans-serif;
font-size: 24px;
letter-spacing: 0.3px;
color: #2d338a;
}
#header_menu .header_tel .number::before {
content: "";
background-image: url(//www.yokobussan.co.jp/assets/img/mark-tel.svg);
display: inline-block;
height: 25px;
width: 1.5rem; }
#header_menu .header_mail {
color: white;
}
#header_menu .header_mail p.mail_text {
font-size: 16px;
font-feature-settings: "palt";
margin-top: 4px;
}
#header_menu .header_mail a {
background-color: #2d338a;
padding: 7px;
color: white;
}
#header_menu .header_mail p.mail_text img {
width: 110px;
}
@media screen and (min-width: 941px) and (max-width: 1500px) {
#header {
height: 56px;
}
#header_inner {
width: 100%;
}
#header_inner {
height: 56px;
}
} #mobile_menu #global_menu a:hover {
background-color: #abc1db;
}  #index_news {
display: none;
}
#index_headline_set2 h2 {
text-align: center;
color: #009fb9;
font-size: 25px !important;
}
@media screen and (max-width: 1024px) {
#index_headline_set2 h2 {
font-size: 24px !important;
}
}
@media screen and (max-width: 1024px) {
#index_course_list {
margin: 20px 0 0 0;
}
#index_course_list .title {
font-size: 20px;
}
#index_course_list a {
padding: 14px 14px 14px;
}
}
#top_companyinfo {
display: flex;
width: auto;
margin: 0 auto;
justify-content: space-between;
}
@media screen and (max-width: 650px) {
#top_companyinfo {
display: block;
}
}
#top_companyinfo .top_companyinfo_block {
width: 48%;
height: 195px;
}
@media screen and (max-width: 650px) {
#top_companyinfo .top_companyinfo_block {
width: 100%;
}
}
.top_companyinfo_block_list {
padding: 10px 20px 40px;
width: 60%;
margin: 0 auto;
}
@media (min-width: 992px) {
.top_companyinfo_block_list {
padding: 10px 20px 40px 80px;
}
}
.top_companyinfo_block_list p {
line-height: 1;
margin: 0 0 1em 0;
}
.top_companyinfo_block_list p a {
font-size: 14px;
text-decoration: none;
color: var(--black);
}
.top_companyinfo_block_list p a:hover {
text-decoration: none;
color: #7f9cc4;
}
.list_triangle > p {
position: relative;
padding: 0px 0px 0px 1em;
}
.list_triangle > p::before {
position: absolute;
top: 50%;
left: 0px;
transform: translateY(-50%);
width: 0px;
height: 0px;
border: 0.5em solid transparent;
border-left: 0.6em solid var(--yellow);
content: "";
}
.index_content {
padding: 40px 20px 40px;
}
@media screen and (max-width: 650px) {
.top_companyinfo_block + .top_companyinfo_block {
margin-top: 20px;
}
} #footer_tel .number,
#footer_tel .time {
font-family: "Oswald", sans-serif;
}
@media screen and (min-width: 761px) and (max-width: 940px) {
#footer_contact_area_inner {
width: auto;
padding: 0;
margin: 0 auto;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display: flex !important;
flex-wrap: wrap;
-ms-justify-content: space-between;
justify-content: space-between;
}
.footer_contact_content {
text-align: center;
width: 50%;
}
#footer_tel > div,
#footer_contact > div {
top: 0%;
transform: translateY(0%);
}
#footer_tel .headline {
margin: 0 0 10px 0;
position: relative;
top: 0%;
transform: translateY(0%);
}
#footer_contact .headline {
margin: 0 0 20px 0;
position: relative;
top: 0%;
transform: translateY(0%);
}
#footer_tel .right_area,
#footer_contact .button {
float: none;
}
.footer_contact_content:last-of-type {
border-top: 1px solid #ddd;
}
}
@media screen and (min-width: 941px) and (max-width: 1500px) {
#footer_contact_area_inner {
width: auto;
padding: 0;
margin: 0 auto;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display: flex !important;
flex-wrap: wrap;
-ms-justify-content: space-between;
justify-content: space-between;
}
.footer_contact_content {
text-align: center;
width: 50%;
}
.footer_contact_content:last-of-type {
border-top: 1px solid #ddd;
}
#footer_tel .headline {
margin: 0 0 10px 0;
position: relative;
top: 0%;
transform: translateY(0%);
}
#footer_tel > div,
#footer_contact > div {
top: 0%;
transform: translateY(0%);
}
#footer_tel .right_area {
float: none;
}
#footer_tel .time {
margin: 13px 0 0 0;
line-height: 1.5;
font-family: "Oswald", sans-serif;
}
#footer_contact .headline {
margin: 0 0 20px 0;
position: relative;
top: 0%;
transform: translateY(0%);
}
#footer_contact > div {
top: 0;
}
#footer_contact .button {
float: none;
}
#footer_content .item {
min-width: 250px;
margin: 0;
}
#footer_content .title span {
padding: 0;
margin-left: 5px;
}
} span.wpcf7-list-item {
display: block;
margin: 1em 0;
} #access_map {
padding-top: 100px;
margin-top: -100px;
}
html {
scroll-behavior: smooth;
} #side_col .tcdw_custom_drop_menu .parent_menu a::after {
rotate: 90deg;
}
#header_inner {
height: 90px;
width: 95%;
margin: 0 auto;
position: relative;
font-weight: bold;
}
#header_inner a {
color: #111;
}
#header_menu {
font-weight: normal;
}
@media screen and (max-width: 1500px) {
#header_inner {
height: 56px;
}
}
.pc #global_menu > ul > li > a {
font-size: 16px;
text-decoration: none;
height: 90px;
line-height: 90px;
display: block;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1640px) {
.pc #global_menu > ul > li {
margin: 0 0 0 25px;
}
.pc #global_menu > ul > li > a {
font-size: 14px;
font-feature-settings: "palt";
}
}
@media screen and (max-width: 1500px) {
.pc #global_menu {
height: 56px;
}
.pc #global_menu > ul > li {
height: 56px;
line-height: 56px;
}
.pc #global_menu > ul > li > a {
height: 56px;
line-height: 56px;
}
}
@media screen and (max-width: 1280px) {
#header #header_menu {
display: none;
}
}
@media screen and (min-width: 1281px) and (max-width: 1500px) {
.pc #global_menu ul ul {
top: 56px;
}
}
.pc #global_menu ul ul {
width: 225px;
}
.pc #global_menu ul ul li a {
white-space: nowrap;
}
@media (max-width: 568px) {
#body.home #header_slider,
#body.page-id-923 #header_slider {
height: 200px;
}
}
@media (max-width: 568px) {
#body.home #header_slider .item,
#body.page-id-923 #header_slider .item {
height: 200px !important;
}
}
#body.home .container,
#body.page-id-923 .container {
max-width: 90%;
margin: 0 auto;
}
@media (min-width: 992px) {
#body.home .container,
#body.page-id-923 .container {
max-width: var(--container_width);
}
}
@media (min-width: 1600px) {
#body.home .container,
#body.page-id-923 .container {
max-width: var(--container_wide_width);
}
}
#body.home .container-xl,
#body.page-id-923 .container-xl {
max-width: 100%;
margin: 0 auto;
}
@media (min-width: 992px) {
#body.home .container-xl,
#body.page-id-923 .container-xl {
max-width: var(--container_width);
}
}
@media (min-width: 1600px) {
#body.home .container-xl,
#body.page-id-923 .container-xl {
max-width: var(--container_wide_width);
}
}
#body.home .section h2,
#body.page-id-923 .section h2 {
font-size: 24px;
color: var(--blue);
text-align: center;
margin-bottom: 30px;
}
@media (min-width: 992px) {
#body.home .section h2,
#body.page-id-923 .section h2 {
font-size: 36px;
margin-bottom: 45px;
}
}
#body.home .section h2::after,
#body.page-id-923 .section h2::after {
content: attr(data-en);
display: block;
margin-top: 18px;
font-size: 14px;
opacity: 0.5;
font-weight: bold;
font-family: "Noto Sans JP", sans-serif;
}
@media (min-width: 992px) {
#body.home .section h2::after,
#body.page-id-923 .section h2::after {
font-size: 20px;
margin-top: 30px;
}
}
#body.home .our_features,
#body.page-id-923 .our_features {
padding: 50px 0px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
font-style: normal;
color: var(--black);
}
@media (min-width: 992px) {
#body.home .our_features,
#body.page-id-923 .our_features {
padding: 84px 0px;
}
}
#body.home .our_features p,
#body.page-id-923 .our_features p {
font-size: 14px;
line-height: 1.8;
text-align: left;
}
@media (min-width: 992px) {
#body.home .our_features p,
#body.page-id-923 .our_features p {
font-size: 20px;
text-align: center;
}
}
#body.home .our_features .features_main .container-xl,
#body.page-id-923 .our_features .features_main .container-xl {
overflow-x: auto;
}
@media (min-width: 992px) {
#body.home .our_features .features_main .container-xl,
#body.page-id-923 .our_features .features_main .container-xl {
overflow-x: inherit;
}
}
#body.home .our_features .features_list,
#body.page-id-923 .our_features .features_list {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin-top: 40px;
margin-left: 5%;
margin-right: 5%;
width: 830px;
}
@media (min-width: 992px) {
#body.home .our_features .features_list,
#body.page-id-923 .our_features .features_list {
margin-top: 80px;
width: 100%;
margin-left: 0;
}
}
#body.home .our_features .features_list li,
#body.page-id-923 .our_features .features_list li {
width: 30%;
}
@media (min-width: 992px) {
#body.home .our_features .features_list li,
#body.page-id-923 .our_features .features_list li {
width: 28.5%;
}
}
#body.home .our_features .features_list li a,
#body.page-id-923 .our_features .features_list li a {
transition: all 0.3s ease-in-out;
display: block;
}
#body.home .our_features .features_list li a figure img,
#body.page-id-923 .our_features .features_list li a figure img {
width: 100%;
height: auto;
}
#body.home .our_features .features_list li a h3,
#body.page-id-923 .our_features .features_list li a h3 {
color: var(--white);
font-size: 19px;
display: inline-block;
margin-bottom: 25px;
margin-left: -20px;
margin-top: -70px;
}
@media (min-width: 992px) {
#body.home .our_features .features_list li a h3,
#body.page-id-923 .our_features .features_list li a h3 {
font-size: 28px;
margin-bottom: 40px;
}
}
#body.home .our_features .features_list li a h3 span,
#body.page-id-923 .our_features .features_list li a h3 span {
transition: color, background-color 0.3s ease-in-out;
background: var(--blue);
padding: 9px 20px;
line-height: 1.8;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
letter-spacing: 0.2px;
}
@media (min-width: 992px) {
#body.home .our_features .features_list li a h3 span,
#body.page-id-923 .our_features .features_list li a h3 span {
padding: 13px 20px;
line-height: 1.7;
}
}
#body.home .our_features .features_list li a h3 span.line2,
#body.page-id-923 .our_features .features_list li a h3 span.line2 {
margin-top: -5px;
}
#body.home .our_features .features_list li a p,
#body.page-id-923 .our_features .features_list li a p {
text-align: left;
font-size: 14px;
line-height: 1.5;
color: var(--black);
}
@media (min-width: 992px) {
#body.home .our_features .features_list li a p,
#body.page-id-923 .our_features .features_list li a p {
font-size: 18px;
}
}
#body.home .our_features .features_list li a .link_to_detail,
#body.page-id-923 .our_features .features_list li a .link_to_detail {
font-size: 16px;
color: var(--blue);
font-weight: bold;
margin-top: 20px;
padding-right: 55px;
background: url(//www.yokobussan.co.jp/assets/img/home/features_list/features_list_arrow.svg) no-repeat center right;
display: inline-block;
transition: padding-right 0.3s ease-in-out;
}
@media (min-width: 992px) {
#body.home .our_features .features_list li a .link_to_detail,
#body.page-id-923 .our_features .features_list li a .link_to_detail {
font-size: 22px;
margin-top: 20px;
}
}
#body.home .our_features .features_list li a:hover,
#body.page-id-923 .our_features .features_list li a:hover {
transition: color, background-color 0.3s ease-in-out;
}
#body.home .our_features .features_list li a:hover figure img,
#body.page-id-923 .our_features .features_list li a:hover figure img {
transition: opacity 0.3s ease-in-out;
opacity: 0.7;
}
#body.home .our_features .features_list li a:hover h3,
#body.page-id-923 .our_features .features_list li a:hover h3 {
position: relative;
z-index: 3;
}
#body.home .our_features .features_list li a:hover h3 span,
#body.page-id-923 .our_features .features_list li a:hover h3 span {
transition: color, background-color 0.3s ease-in-out;
background: #7f9cc4;
}
#body.home .our_features .features_list li a:hover p,
#body.page-id-923 .our_features .features_list li a:hover p {
transition: color, background-color 0.3s ease-in-out;
color: #7f9cc4;
}
#body.home .our_features .features_list li a:hover .link_to_detail,
#body.page-id-923 .our_features .features_list li a:hover .link_to_detail {
transition: color, background-color, padding-right 0.3s ease-in-out;
color: #7f9cc4;
padding-right: 65px;
}
#body.home .product .index_content,
#body.page-id-923 .product .index_content {
width: inherit;
}
#body.home .disp_pc,
#body.page-id-923 .disp_pc {
display: block;
}
#body.home .disp_sp,
#body.page-id-923 .disp_sp {
display: none;
}
#body.home .index_content:first-of-type,
#body.page-id-923 .index_content:first-of-type {
top: 0;
margin-bottom: 0;
}
#body.home #tab,
#body.page-id-923 #tab {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin: 30px auto;
}
#body.home .tab_item:hover,
#body.page-id-923 .tab_item:hover {
opacity: 0.6;
transition: all 0.2s ease-out;
}
#body.home .tab_item,
#body.page-id-923 .tab_item {
width: 28%;
border: 1px solid #cccccc;
border-bottom: none;
font-size: 20px;
text-align: center;
padding: 20px;
cursor: pointer;
}
#body.home .tab_item:not(.is-active),
#body.page-id-923 .tab_item:not(.is-active) {
background: #adadad;
color: var(--white);
}
#body.home .tab_item.is-active,
#body.page-id-923 .tab_item.is-active {
background: var(--blue);
color: #fff;
border: 1px solid #7f9cc4;
border-bottom: none;
transition: all 0.2s ease-out;
opacity: 1;
}
#body.home .tab_content.is-show,
#body.page-id-923 .tab_content.is-show {
display: block;
}
#body.home #tab_content_items #index_course_list,
#body.home #tab_content_usages #index_course_list,
#body.home #tab_content_item_names #index_course_list,
#body.page-id-923 #tab_content_items #index_course_list,
#body.page-id-923 #tab_content_usages #index_course_list,
#body.page-id-923 #tab_content_item_names #index_course_list {
margin: 0;
}
#body.home #tab_content_items #index_course_list::after,
#body.page-id-923 #tab_content_items #index_course_list::after {
content: "";
display: block;
width: 31%;
margin: 0;
}
#body.home #index_course_list.type2 li,
#body.page-id-923 #index_course_list.type2 li {
margin: 10px auto;
width: 100%;
}
@media (min-width: 992px) {
#body.home #index_course_list.type2 li,
#body.page-id-923 #index_course_list.type2 li {
margin: 10px 0;
width: 48%;
}
}
#body.home #tab_content_usages #index_course_list li,
#body.page-id-923 #tab_content_usages #index_course_list li {
margin: 10px auto;
width: 100%;
}
@media (min-width: 992px) {
#body.home #tab_content_usages #index_course_list li,
#body.page-id-923 #tab_content_usages #index_course_list li {
margin: 10px;
width: 31%;
}
}
#body.home #tab_content_item_names #index_course_list li,
#body.page-id-923 #tab_content_item_names #index_course_list li {
margin: 10px auto;
width: 100%;
}
@media (min-width: 992px) {
#body.home #tab_content_item_names #index_course_list li,
#body.page-id-923 #tab_content_item_names #index_course_list li {
margin: 10px;
width: 48%;
}
}
#body.home #tab_content_usages #index_course_list li a,
#body.home #tab_content_item_names #index_course_list li a,
#body.page-id-923 #tab_content_usages #index_course_list li a,
#body.page-id-923 #tab_content_item_names #index_course_list li a {
padding: 30px 10px;
display: flex;
justify-content: center;
align-items: center;
background: #eaf4fc;
color: var(--black);
transition: background 0.3s;
}
#body.home #tab_content_usages #index_course_list li a:hover,
#body.home #tab_content_item_names #index_course_list li a:hover,
#body.page-id-923 #tab_content_usages #index_course_list li a:hover,
#body.page-id-923 #tab_content_item_names #index_course_list li a:hover {
background: var(--blue);
color: var(--white);
transition: background 0.3s;
}
#body.home #tab_content_usages #index_course_list .title,
#body.home #tab_content_item_names #index_course_list .title,
#body.page-id-923 #tab_content_usages #index_course_list .title,
#body.page-id-923 #tab_content_item_names #index_course_list .title {
font-size: 1.1rem;
font-weight: 700;
margin-bottom: 0px;
}
#body.home #index_course_list .short_desc,
#body.page-id-923 #index_course_list .short_desc {
font-size: 1.1rem; line-height: 1.8;
text-align: center;
}
#body.home #index_course_list,
#body.page-id-923 #index_course_list {
border: none;
}
#body.home #index_course_list li,
#body.page-id-923 #index_course_list li {
border: none;
}
#body.home .clearfix::after,
#body.page-id-923 .clearfix::after {
content: none;
}
#body.home #tab_content_items,
#body.page-id-923 #tab_content_items {
width: 3;
}
#body.home #tab_content_items #index_course_list li,
#body.page-id-923 #tab_content_items #index_course_list li {
overflow: hidden;
aspect-ratio: 320/188;
height: 350px;
margin-bottom: 40px;
}
#body.home #tab_content_items #index_course_list a,
#body.page-id-923 #tab_content_items #index_course_list a {
display: flex;
justify-content: center;
align-items: center;
position: relative;
background: transparent;
padding: 0;
}
#body.home #tab_content_items #index_course_list a:before,
#body.page-id-923 #tab_content_items #index_course_list a:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--blue);
opacity: 0.6;
z-index: 1;
transition: opacity 0.3s;
}
#body.home #tab_content_items #index_course_list a:hover:before,
#body.page-id-923 #tab_content_items #index_course_list a:hover:before {
opacity: 0.9;
transition: opacity 0.3s;
}
#body.home #tab_content_items #index_course_list a .image,
#body.page-id-923 #tab_content_items #index_course_list a .image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#body.home #tab_content_items #index_course_list a .image img,
#body.page-id-923 #tab_content_items #index_course_list a .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#body.home #tab_content_items #index_course_list a .text_box,
#body.page-id-923 #tab_content_items #index_course_list a .text_box {
text-align: center;
color: var(--white);
width: 50%;
height: 50%;
z-index: 10;
border: 3px solid var(--white);
padding: 40px;
}
#body.home #tab_content_items #index_course_list a .text_box h4.title,
#body.page-id-923 #tab_content_items #index_course_list a .text_box h4.title {
font-weight: bold;
letter-spacing: -1px;
}
#body.home #tab_content_items #index_course_list a .text_box .short_desc,
#body.page-id-923 #tab_content_items #index_course_list a .text_box .short_desc {
font-size: 0.9rem;
line-height: 1.7;
}
#body.home #tab_content_items #index_course_list a:nth-child(3) .text_box h4.title,
#body.page-id-923 #tab_content_items #index_course_list a:nth-child(3) .text_box h4.title {
letter-spacing: -1px;
}
#body.home,
#body.page-id-923 { }
#body.home .home_column,
#body.page-id-923 .home_column { }
#body.home .home_column .columns_latest_list,
#body.page-id-923 .home_column .columns_latest_list {
margin-bottom: 50px;
}
#body.home .home_column .columns_latest_list .columns_latest_item,
#body.page-id-923 .home_column .columns_latest_list .columns_latest_item { padding: 16px 0;
border-top: 1px solid #dddddd;
}
#body.home .home_column .columns_latest_list .columns_latest_item:last-child,
#body.page-id-923 .home_column .columns_latest_list .columns_latest_item:last-child {
border-bottom: 1px solid #dddddd;
}
#body.home .home_column .columns_latest_list .columns_latest_item a,
#body.page-id-923 .home_column .columns_latest_list .columns_latest_item a {
display: flex; align-items: start;
gap: 14px;
transition: opacity 0.3s;
}
#body.home .home_column .columns_latest_list .columns_latest_item a:hover,
#body.page-id-923 .home_column .columns_latest_list .columns_latest_item a:hover {
opacity: 0.6;
transition: opacity 0.3s;
}
#body.home .home_column,
#body.page-id-923 .home_column { }
#body.home .home_column .columns_latest_thumb,
#body.page-id-923 .home_column .columns_latest_thumb {
flex-shrink: 0;
max-width: 130px; aspect-ratio: 4/3; height: auto;
}
#body.home .home_column .columns_latest_thumb img,
#body.page-id-923 .home_column .columns_latest_thumb img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
display: block;
aspect-ratio: 4/3;
}
#body.home .home_column,
#body.page-id-923 .home_column { }
#body.home .home_column .columns_latest_meta,
#body.page-id-923 .home_column .columns_latest_meta {
padding: 0; }
#body.home .home_column .columns_latest_meta .columns_latest_title_txt,
#body.page-id-923 .home_column .columns_latest_meta .columns_latest_title_txt {
order: 1; font-size: 14px;
font-weight: 400;
line-height: 1.5;
margin: 0 0 5px;
color: #666666;
}
#body.home .home_column .columns_latest_meta .columns_latest_date,
#body.page-id-923 .home_column .columns_latest_meta .columns_latest_date {
order: 2; font-size: 10px;
color: #999999;
}
#body.home .home_column .no_posts,
#body.page-id-923 .home_column .no_posts {
color: var(--black);
font-size: 16px;
text-align: center;
margin: 100px auto;
}
#body.home .home_column,
#body.page-id-923 .home_column { }
#body.home .home_column .design_button,
#body.page-id-923 .home_column .design_button {
text-align: center; margin-top: 14px;
}
#body.home .home_column .design_button a,
#body.page-id-923 .home_column .design_button a {
background: var(--blue) !important; color: #fff;
transition: opacity 0.3s;
}
#body.home .home_column .design_button a:hover,
#body.page-id-923 .home_column .design_button a:hover {
opacity: 0.6;
transition: opacity 0.3s;
}
#body.home .home_column,
#body.page-id-923 .home_column { }
@media (min-width: 768px) {
#body.home .home_column,
#body.page-id-923 .home_column { }
#body.home .home_column .columns_latest_list,
#body.page-id-923 .home_column .columns_latest_list {
display: flex;
flex-wrap: nowrap; justify-content: center;
width: 100%;
gap: 1%;
}
#body.home .home_column,
#body.page-id-923 .home_column { }
#body.home .home_column .columns_latest_item,
#body.page-id-923 .home_column .columns_latest_item {
width: 24.25%; margin: 0;
border: 1px solid #ddd;  padding: 0;
border-top: 1px solid #ddd; }
#body.home .home_column .columns_latest_item:last-child,
#body.page-id-923 .home_column .columns_latest_item:last-child {
border-bottom: 1px solid #ddd;
}
#body.home .home_column .columns_latest_item,
#body.page-id-923 .home_column .columns_latest_item { }
#body.home .home_column,
#body.page-id-923 .home_column { }
#body.home .home_column .columns_latest_item > a,
#body.page-id-923 .home_column .columns_latest_item > a {
display: block !important;
padding: 15px;
gap: 0;
align-items: initial; }
#body.home .home_column .columns_latest_item > a:hover,
#body.page-id-923 .home_column .columns_latest_item > a:hover {
opacity: 0.6;
transition: opacity 0.3s;
}
#body.home .home_column,
#body.page-id-923 .home_column { }
#body.home .home_column .columns_latest_thumb,
#body.page-id-923 .home_column .columns_latest_thumb {
width: 100%;
max-width: none;
aspect-ratio: auto;
height: auto;
}
#body.home .home_column .columns_latest_thumb img,
#body.page-id-923 .home_column .columns_latest_thumb img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
#body.home .home_column,
#body.page-id-923 .home_column { }
#body.home .home_column .columns_latest_meta,
#body.page-id-923 .home_column .columns_latest_meta {
padding: 10px 0;
}
#body.home .home_column .columns_latest_meta .columns_latest_title_txt,
#body.home .home_column .columns_latest_meta .columns_latest_date,
#body.page-id-923 .home_column .columns_latest_meta .columns_latest_title_txt,
#body.page-id-923 .home_column .columns_latest_meta .columns_latest_date {
order: initial; margin: 0;
}
}
#body.home .home_column,
#body.page-id-923 .home_column { }
#body.home .home_column .design_button,
#body.page-id-923 .home_column .design_button {
text-align: center;
margin-top: 14px;
}
#body.home .home_column .design_button a,
#body.page-id-923 .home_column .design_button a {
background: var(--blue) !important;
color: #fff;
}
#body.home,
#body.page-id-923 { }
#body.home #index_free_space1 #top_companyinfo .top_companyinfo_block,
#body.page-id-923 #index_free_space1 #top_companyinfo .top_companyinfo_block {
height: auto;
}
#body.home #index_free_space1 #top_companyinfo .top_companyinfo_block h2,
#body.page-id-923 #index_free_space1 #top_companyinfo .top_companyinfo_block h2 {
margin-bottom: 30px;
}
#body.home #index_free_space1 #top_companyinfo .top_companyinfo_block h2::after,
#body.page-id-923 #index_free_space1 #top_companyinfo .top_companyinfo_block h2::after {
margin-top: 0px;
}
@media screen and (max-width: 650px) {
#body.home .disp_pc,
#body.page-id-923 .disp_pc {
display: none;
}
#body.home .disp_sp,
#body.page-id-923 .disp_sp {
display: block;
}
#body.home #tab,
#body.page-id-923 #tab {
margin: 30px auto 0;
}
#body.home .tab_item,
#body.page-id-923 .tab_item {
font-size: 16px;
padding: 13px;
display: flex;
justify-content: center;
align-items: center;
}
#body.home #tab_content_usages #index_course_list li a,
#body.home #tab_content_item_names #index_course_list li a,
#body.page-id-923 #tab_content_usages #index_course_list li a,
#body.page-id-923 #tab_content_item_names #index_course_list li a {
padding: 20px 10px;
}
#body.home #tab_content_usages #index_course_list .title,
#body.home #tab_content_item_names #index_course_list .title,
#body.page-id-923 #tab_content_usages #index_course_list .title,
#body.page-id-923 #tab_content_item_names #index_course_list .title {
font-size: 17px;
}
}
@media screen and (max-width: 736px) {
#body.home .top_companyinfo_block_list,
#body.page-id-923 .top_companyinfo_block_list {
width: 70%;
}
}
#body:not(.home).page #main_contents,
#body.archive #main_contents,
#body.single-post #main_contents {
padding-top: 180px;
}
#body:not(.home).page #main_contents #page_header,
#body.archive #main_contents #page_header,
#body.single-post #main_contents #page_header {
height: 230px;
}
#body:not(.home).page #main_contents #page_header .square_headline,
#body.archive #main_contents #page_header .square_headline,
#body.single-post #main_contents #page_header .square_headline {
margin-top: -180px;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
background: transparent !important;
height: 160px;
}
#body:not(.home).page #main_contents #page_header .square_headline .title,
#body.archive #main_contents #page_header .square_headline .title,
#body.single-post #main_contents #page_header .square_headline .title {
color: var(--blue);
letter-spacing: 2px;
font-weight: 500 !important;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
font-style: normal;
}
#body:not(.home).page #main_contents #page_header .square_headline .title::after,
#body.archive #main_contents #page_header .square_headline .title::after,
#body.single-post #main_contents #page_header .square_headline .title::after {
content: attr(data-en);
display: block;
text-transform: uppercase;
opacity: 0.5;
font-size: 14px;
}
#body:not(.home).page #main_contents #page_header .square_headline .title.p_office::after,
#body.archive #main_contents #page_header .square_headline .title.p_office::after,
#body.single-post #main_contents #page_header .square_headline .title.p_office::after {
content: "FACILITY / ACCESS";
}
#body:not(.home).page #main_contents #page_header .square_headline .title.p_item1::after,
#body.archive #main_contents #page_header .square_headline .title.p_item1::after,
#body.single-post #main_contents #page_header .square_headline .title.p_item1::after {
content: "Ordinary mortar";
}
#body:not(.home).page #main_contents #page_header .square_headline .title.p_item2::after,
#body.archive #main_contents #page_header .square_headline .title.p_item2::after,
#body.single-post #main_contents #page_header .square_headline .title.p_item2::after {
content: "special mortar";
}
#body:not(.home).page #main_contents #page_header .square_headline .title.p_item3::after,
#body.archive #main_contents #page_header .square_headline .title.p_item3::after,
#body.single-post #main_contents #page_header .square_headline .title.p_item3::after {
content: "concrete set";
}
#body:not(.home).page #main_contents #page_header .square_headline .title.p_item4::after,
#body.archive #main_contents #page_header .square_headline .title.p_item4::after,
#body.single-post #main_contents #page_header .square_headline .title.p_item4::after {
content: "On-site kneading";
}
#body:not(.home).page #main_contents #page_header .square_headline .title.p_item5::after,
#body.archive #main_contents #page_header .square_headline .title.p_item5::after,
#body.single-post #main_contents #page_header .square_headline .title.p_item5::after {
content: "sand / gravel";
}
#body:not(.home).page #main_contents #page_header .square_headline .title.p_item7::after,
#body.archive #main_contents #page_header .square_headline .title.p_item7::after,
#body.single-post #main_contents #page_header .square_headline .title.p_item7::after {
content: "Compost";
}
#body:not(.home).page #main_contents #page_header .square_headline .title.p_item8::after,
#body.archive #main_contents #page_header .square_headline .title.p_item8::after,
#body.single-post #main_contents #page_header .square_headline .title.p_item8::after {
content: "premix concrete";
}
#body:not(.home).page #main_contents #page_header .square_headline .title.p_women::after,
#body.archive #main_contents #page_header .square_headline .title.p_women::after,
#body.single-post #main_contents #page_header .square_headline .title.p_women::after {
content: "Women's Participation";
}
#body:not(.home).page #main_contents #page_header .square_headline .title.p_course::after,
#body.archive #main_contents #page_header .square_headline .title.p_course::after,
#body.single-post #main_contents #page_header .square_headline .title.p_course::after {
content: "Product";
}
#body:not(.home).page #main_contents #page_header .square_headline .title.p_column::after,
#body.archive #main_contents #page_header .square_headline .title.p_column::after,
#body.single-post #main_contents #page_header .square_headline .title.p_column::after {
content: "column";
}
#body:not(.home).page #main_contents #page_header .square_headline .sub_title,
#body.archive #main_contents #page_header .square_headline .sub_title,
#body.single-post #main_contents #page_header .square_headline .sub_title {
display: none;
}
#body.single.postid-259 #course_next_prev_link {
display: none;
}
#body.single.postid-259 #curse_main_content h3 {
font-size: 18px;
color: #000000;
text-align: center;
line-height: 1.7;
}
@media (min-width: 768px) {
#body.single.postid-259 #curse_main_content h3 {
font-size: 20px;
}
}
#body.single.postid-259 #curse_main_content h3 .disp_sp {
display: block;
}
@media (min-width: 768px) {
#body.single.postid-259 #curse_main_content h3 .disp_sp {
display: none;
}
}
#body.single.postid-259 #curse_main_content .btn.secondary {
color: #fff;
background: #00a087;
text-align: center;
padding: 20px;
border-radius: 100px;
font-size: 1.1rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease-in-out 0s;
font-weight: 500;
display: block;
max-width: 370px;
margin: 0 auto 15px;
line-height: 1.2;
}
#body.single.postid-259 #curse_main_content .btn.secondary:hover {
opacity: 0.6;
transition: all 0.3s ease-in-out 0s;
text-decoration: none !important;
color: #ffffff;
}
#body.archive.term-5 .btn.secondary {
color: #fff;
background: #00a087;
text-align: center;
padding: 20px;
border-radius: 100px;
font-size: 1.1rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease-in-out 0s;
font-weight: 500;
display: block;
max-width: 370px;
margin: 60px auto 0;
line-height: 1.2;
}
#body.archive.term-5 .btn.secondary:hover {
opacity: 0.6;
transition: all 0.3s ease-in-out 0s;
text-decoration: none !important;
color: #ffffff;
}
#body.archive.term-56 .btn.secondary {
color: #fff;
background: #00a087;
text-align: center;
padding: 20px;
border-radius: 100px;
font-size: 1.1rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease-in-out 0s;
font-weight: 500;
display: block;
max-width: 370px;
margin: 60px auto 0;
line-height: 1.2;
}
#body.archive.term-56 .btn.secondary:hover {
opacity: 0.6;
transition: all 0.3s ease-in-out 0s;
text-decoration: none !important;
color: #ffffff;
}
.tax-course_category #main_col,
.post-type-archive-course #main_col {
max-width: 90%;
}
@media (min-width: 992px) {
.tax-course_category #main_col,
.post-type-archive-course #main_col {
width: auto;
min-width: auto;
max-width: var(--container_width);
}
}
@media (min-width: 1600px) {
.tax-course_category #main_col,
.post-type-archive-course #main_col {
max-width: var(--container_wide_width);
}
}
.tax-course_category #main_col #archive_catch .catch,
.tax-course_category #main_col #archive_catch .desc,
.post-type-archive-course #main_col #archive_catch .catch,
.post-type-archive-course #main_col #archive_catch .desc {
font-size: 16px !important;
line-height: 1.7;
color: #000000;
font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
font-weight: 500;
}
@media (min-width: 992px) {
.tax-course_category #main_col #archive_catch .catch,
.tax-course_category #main_col #archive_catch .desc,
.post-type-archive-course #main_col #archive_catch .catch,
.post-type-archive-course #main_col #archive_catch .desc {
font-size: 20px !important;
}
}
@media (min-width: 992px) {
.tax-course_category #main_col #course_list,
.post-type-archive-course #main_col #course_list {
margin-top: 127px;
}
}
.tax-course_category #main_col #course_list .headline,
.post-type-archive-course #main_col #course_list .headline {
height: 80px;
line-height: 75px;
font-size: 20px;
font-weight: 700;
margin-bottom: 25px;
background: var(--blue);
}
@media (min-width: 992px) {
.tax-course_category #main_col #course_list .headline,
.post-type-archive-course #main_col #course_list .headline {
font-size: 25px;
}
}
.tax-course_category #main_col #course_list ol,
.post-type-archive-course #main_col #course_list ol {
border: none;
}
@media (min-width: 768px) {
.tax-course_category #main_col #course_list ol,
.post-type-archive-course #main_col #course_list ol {
display: flex;
margin-bottom: 40px;
}
}
.tax-course_category #main_col #course_list ol::after,
.post-type-archive-course #main_col #course_list ol::after {
content: none;
}
.tax-course_category #main_col #course_list li,
.post-type-archive-course #main_col #course_list li {
border: none;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.tax-course_category #main_col #course_list li,
.post-type-archive-course #main_col #course_list li {
width: 48.5%;
height: 280px;
margin: 25px 0 20px;
}
}
.tax-course_category #main_col #course_list li a,
.post-type-archive-course #main_col #course_list li a {
width: 100%;
height: 100%;
background: #d9ddf7 !important;
transition: background 0.3s;
}
.tax-course_category #main_col #course_list li a .image,
.post-type-archive-course #main_col #course_list li a .image {
border-radius: 50%;
}
@media (min-width: 992px) {
.tax-course_category #main_col #course_list li a .image,
.post-type-archive-course #main_col #course_list li a .image {
width: 200px;
height: 200px;
}
}
.tax-course_category #main_col #course_list li a .title,
.post-type-archive-course #main_col #course_list li a .title {
color: var(--blue);
font-size: 20px;
font-weight: 700;
transition: color 0.3s;
}
@media (min-width: 768px) {
.tax-course_category #main_col #course_list li a .title,
.post-type-archive-course #main_col #course_list li a .title {
float: none;
width: 100%;
}
}
@media (min-width: 992px) {
.tax-course_category #main_col #course_list li a .title,
.post-type-archive-course #main_col #course_list li a .title {
font-size: 24px;
margin-top: 35px;
margin-bottom: 21px;
}
}
.tax-course_category #main_col #course_list li a .excerpt,
.post-type-archive-course #main_col #course_list li a .excerpt {
color: #000000;
transition: color 0.3s;
}
.tax-course_category #main_col #course_list li a:hover,
.post-type-archive-course #main_col #course_list li a:hover {
background: var(--blue) !important;
transition: background 0.3s;
}
.tax-course_category #main_col #course_list li a:hover .title,
.post-type-archive-course #main_col #course_list li a:hover .title {
color: #ffffff;
transition: color 0.3s;
}
.tax-course_category #main_col #course_list li a:hover .excerpt,
.post-type-archive-course #main_col #course_list li a:hover .excerpt {
color: #ffffff;
transition: color 0.3s;
}
#body.single-post #main_contents #page_header {
background: url(https://www.yokobussan.co.jp/wp-content/uploads/2025/09/23279047_m.jpg) no-repeat center center;
background-size: cover;
}
#body.single-post #main_contents #post_meta_top li:first-of-type::after {
display: none;
}
#body.single-post #post_title {
color: #666666 !important;
font-size: 28px;
}
#body.archive #blog_list {
margin-top: 0;
}
@media (min-width: 701px) and (max-width: 767px) {
#body.archive #blog_list .item {
width: 30%;
height: 300px;
margin-bottom: 30px;
}
#body.archive #blog_list .item:not(:nth-child(3n)) {
margin-right: 4%;
}
#body.archive #blog_list .item:nth-child(3n) {
margin-right: 0;
}
}
@media (min-width: 768px) {
#body.archive #blog_list .item {
width: 30%;
height: 300px;
margin-bottom: 30px;
}
#body.archive #blog_list .item:not(:nth-child(3n)) {
margin-right: 4%;
}
#body.archive #blog_list .item:nth-child(3n) {
margin-right: 0;
}
}
#body.archive #blog_list .item a {
transition: opacity 0.3s;
}
#body.archive #blog_list .item a:hover {
opacity: 0.6;
transition: opacity 0.3s;
}
#body.archive #blog_list .image img {
width: 100%;
height: auto;
aspect-ratio: 4/3;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
#body.archive #blog_list .meta li:first-of-type::after {
display: none;
}
#body.archive #blog_list .title {
font-size: 14px;
}
#body.archive #archive_catch .catch {
font-size: 28px;
line-height: 1.5;
margin-bottom: 60px;
}
#body.archive.category-column #archive_catch {
display: none;
}
#body.archive .color_font {
color: inherit;
}