@charset "UTF-8";


/* *****************************************************************************
共通
***************************************************************************** */

.sans {
    font-family: "見出ゴMB31", "Midashi Go MB31", "見出ゴMB1", "Midashi Go MB1", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

.serif {
    font-family: "見出ミンMA31", "Midashi Min MA31", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.kokuyo-st-container #kokuyo-st-main-contents {
    font-family: "見出ゴMB31", "Midashi Go MB31", "見出ゴMB1", "Midashi Go MB1", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    letter-spacing: 0.05em;
    ;
}

.kokuyo-st-container #kokuyo-st-main-contents img {
    vertical-align: bottom;
    max-width: 100%;
}

.fieldnote #lnavi {
    font-weight: bold;
}

#stationery #lnavi ul li a {
    padding-left: 2em;
    padding-right: 2em;
}

#stationery #lnavi ul li.mark_new {
    position: relative;
}

#stationery #lnavi ul li.mark_new::before {
    position: absolute;
    top: 5px;
    left: 5px;
    content: 'NEW';
    color: #f00;
    font-size: 10px;
}

.fieldnote .has_subNav {
    position: relative;
}


#stationery #lnavi ul.subNav {
    position: absolute;
    top: calc(100% + 1px);
    display: none;
    line-height: 1.5;
    height: auto;
    border-right: solid 1px #bcbcbc;
    border-left: solid 1px #bcbcbc;
    width: 250px;
    background-color: #fff;
    z-index: 2;
}

#stationery #lnavi ul.subNav.subNav_wide {
    width: 250px;
}

#stationery #lnavi ul.subNav li {
    display: block;
    border-bottom: solid 1px #bcbcbc;
}

#stationery #lnavi ul.subNav a {
    padding: 1em 3em;
}

.mb-nav .list-globalsubnav01 li.mark_new {
    position: relative;
}

.mb-nav .list-globalsubnav01 li.mark_new::before {
    position: absolute;
    top: 7px;
    left: -8px;
    content: 'NEW';
    color: #f00;
    font-size: 10px;
}

#kokuyo-st-main-contents .title_filled {
    background-color: #2a4c3d;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.24em;
    font-weight: bold;
    padding: 0.4em 1em;
}

.title_filled span {
    font-size: 12px;
    letter-spacing: 0.12em;
    margin-left: 0.5em;
}


#kokuyo-st-main-contents .title_lined {
    font-size: 18px;
    font-weight: bold;
    color: #2a4c3d;
    padding-bottom: 0.2em;
    border-bottom: solid 3px #2a4c3d;
    letter-spacing: 0.08em;
    ;
}

#kokuyo-st-main-contents .contentSection {
    width: 90%;
    max-width: 840px;
    margin: auto;
}

#kokuyo-st-main-contents .sectionHeader {
    margin-bottom: 50px;
}


#kokuyo-st-main-contents .sectionCatch {
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 0.12em;
    color: #2a4c3d;
}

#kokuyo-st-main-contents .catch_lined {
    font-size: 22px;
    letter-spacing: 0.1em;
    line-height: 1.54;
}

#kokuyo-st-main-contents .catch_lined span {
    display: inline-block;
    border-bottom: solid 3px #d3ca1a;
    margin-bottom: 0.1em;
}

#kokuyo-st-main-contents .itemConcept_catch .lang-en {
    font-size: 12px;
}

#kokuyo-st-main-contents .itemConcept_lead {
    line-height: 1.92;
}

#kokuyo-st-main-contents .itemConcept_lead .lang-en {
    line-height: 1.6;
}

#kokuyo-st-main-contents .footer-showcase {
    margin-bottom: 0;
}

#kokuyo-st-main-contents .footer-showcase .buttons {
    width: 90%;
    max-width: 540px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    font-weight: bold;
}

#kokuyo-st-main-contents .button_detail {}

#kokuyo-st-main-contents .button_detail .button_inner {
    display: flex;
    width: 340px;
    height: 88px;
    margin: auto;
    border: solid 2px #2a4c3d;
    background: url(../images/index/button_arrow.png) 95% 50% no-repeat #fff;
    text-align: center;
    align-items: center;
    justify-content: center;
    line-height: 1.42;
    color: #2a4c3d;
    text-decoration: none;
}

.footer-showcase .buttons .button_inner {
    display: flex;
    width: 100%;
    height: 100%;
    border: solid 1px #333;
    background: url(../images/index/banner_arrow.png) 50% 85% no-repeat #eee;
    text-align: center;
    align-items: center;
    justify-content: center;
    line-height: 1.42;
    color: #333;
    text-decoration: none;
}

.footer-showcase .buttons .button_inner span {
    padding-bottom: 1em;

}

#kokuyo-st-main-contents .button_buy {
    width: 46.3%;
    height: 80px;

}

#kokuyo-st-main-contents a:hover {
    opacity: 0.7;
}

#stationery .fieldnote .footer-showcase {
    border: none;
    background-color: #fff;
}

#kokuyo-st-main-contents .lang-en {
    font-size: 10px;
}

/* *****************************************************************************
ホームページ
***************************************************************************** */
.fieldnoteIndex {
    background-color: #eeedec;
}

/* ************************************ メインビジュアル
*/
#kokuyo-st-main-contents .fieldnote .mainvisual {
    width: 100%;
    max-width: initial;
    margin: 0 auto 66px auto;
}

#kokuyo-st-main-contents .fieldnote .mainvisual img {
    width: 100%;
    max-width: initial;
}

#kokuyo-st-main-contents .mainvisual_swiper-pagination {
    width: 100%;
    margin-top: 20px;
}

#kokuyo-st-main-contents .mainvisual_swiper-pagination .swiper-pagination-bullet {
    width: 50px;
    height: 5px;
    border-radius: 0;
}

#kokuyo-st-main-contents .mainvisual_swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 7px;
}

.mainvisual_swiper-pagination .swiper-pagination-bullet-active {
    background-color: #2a4c3d;

}

/* ************************************ イントロ
*/
#kokuyo-st-main-contents .indexBanner {
    text-align: center;
    margin-bottom: 70px;
}

.indexIntro,
.indexAbout,
.indexLineup {
    font-weight: bold;
}

#kokuyo-st-main-contents .indexIntro {
    margin-bottom: 100px;
}

#kokuyo-st-main-contents .indexIntro_catch {
    color: #2a4c3d;
    text-align: center;
    font-size: 22px;
    letter-spacing: 0.24em;
    margin-bottom: 1.5em;
}


#kokuyo-st-main-contents .indexIntro_lead {
    color: #2a4c3d;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.12em;
    line-height: 1.875;
}

#kokuyo-st-main-contents .indexIntro_lead p {
    margin-bottom: 1.5em;
}

#kokuyo-st-main-contents .indexIntro_lead p u {
    text-decoration: none;
    border-bottom: solid 1px #2a4c3d;
    padding-bottom: 0.33em;
}

#kokuyo-st-main-contents .indexIntro_lead.lang-en {
    font-size: 10px;
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin-top: 40px;
}

#kokuyo-st-main-contents .indexIntro_lead.lang-en .indexIntro_catch {
    font-size: larger;
}

/* ************************************ 野帳とは
*/
#kokuyo-st-main-contents .indexAbout {
    width: 90%;
    max-width: 840px;
    margin: 0 auto 70px auto;
}

#kokuyo-st-main-contents .indexAbout .sectionHeader {
    margin-bottom: 27px;
}

#kokuyo-st-main-contents .indexAbout .subsection+.subsection {
    padding-top: 70px;
}

#kokuyo-st-main-contents .indexAbout .title_filled+.note {
    color: #2a4c3d;
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: 0.05em;
}

#kokuyo-st-main-contents .indexAbout .sectionCatch {
    margin-bottom: 16px;
}

#kokuyo-st-main-contents .indexAbout .sectionCatch+.lang-en {
    font-size: 14px;
    letter-spacing: 0.03em;
}

#kokuyo-st-main-contents .indexAbout_content {
    display: flex;
    margin-top: 35px;
}

.indexAbout_pictures {
    min-width: 40%;
    max-width: 40%;
}

.indexAbout_pictures img+img {
    margin-top: 14px;
}

#kokuyo-st-main-contents .indexAbout_sentence {
    margin-left: 30px;
}

#kokuyo-st-main-contents .indexAbout_sentence .lang-ja {
    font-size: 14px;
    line-height: 1.85;
}

#kokuyo-st-main-contents .indexAbout_sentence .lang-en {
    line-height: 1.8;
    letter-spacing: 0.06em;
    margin-bottom: 30px;
    margin-top: 1em;
}

#kokuyo-st-main-contents .indexAbout_sentence .lang-en:last-child {
    margin-bottom: 0;
}

#kokuyo-st-main-contents .indexAbout_point {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: solid 3px #2a4c3d;
    font-weight: bold;
}

#kokuyo-st-main-contents .indexAbout_point span:first-child {
    background-color: #2a4c3d;
    font-size: 16px;
    letter-spacing: 0.12em;
    line-height: 1;
    color: #fff;
    padding: 0.5em 0.9em;
}

#kokuyo-st-main-contents .indexAbout_point span+span {
    margin-left: 1em;
    color: #2a4c3d;
    letter-spacing: 0.1em;
}

.indexAbout_point span:nth-child(2) {
    font-size: 18px;
}

.indexAbout_point span:nth-child(3) {
    font-size: 12px;
}

#kokuyo-st-main-contents .indexAbout_point_sentence {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.06em;
}

#kokuyo-st-main-contents .indexAbout_point_sentence .lang-en {
    margin-top: 0.1em;
}

#kokuyo-st-main-contents .indexAbout_point_sentence.indexAbout_point_caption {
    font-size: 12px;
}

#kokuyo-st-main-contents .indexAbout_point_picture3 ul {
    display: flex;
    padding: 30px;
    background-color: #fff;
    justify-content: space-between;
}

#kokuyo-st-main-contents .indexAbout_point_picture3 li p {
    font-size: 12px;
    margin-top: 0.5em;
}


/* ************************************ ラインアップ
*/
#kokuyo-st-main-contents .indexLineup {
    width: 90%;
    max-width: 840px;
    margin: 0 auto 50px auto;
    padding-top: 50px;
}

#kokuyo-st-main-contents .indexLineup .sectionBody {
    width: 100%;
    max-width: 750px;
    margin: auto;
}

#kokuyo-st-main-contents .indexLineup_unit {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.indexLineup_unit ul {
    display: flex;
    justify-content: space-between;
}

.indexLineup .subsection li {
    width: 147px;
    position: relative;
}

.subsection_full {
    width: 100%;
}

.subsection_3units {
    width: 73.2%
}

#kokuyo-st-main-contents .indexLineup_unit h3 {
    font-size: 14px;
    font-weight: bold;
    color: #2a4c3d;
    display: flex;
    white-space: nowrap;
    align-items: center;
    margin: 0 0.75em 0.5em 0.75em;
}

#kokuyo-st-main-contents .indexLineup_unit h3:after {
    flex-grow: 1;
    content: '';
    display: block;
    height: 1px;
    width: calc(100% - 1em);
    margin-left: 1em;
    border-top: solid 1px #2a4c3d;
}

#kokuyo-st-main-contents .indexLineup_unit .subsection_1unit h3:after {
    display: none;
}

.indexLineup_unit .lineup_pop {
    position: absolute;
    bottom: -20px;
    right: -40px;
    opacity: 0;
    pointer-events: none;
    transition-property: opacity;
    transition-duration: 0.25s;
}

.indexLineup_unit a:hover .lineup_pop {
    opacity: 1;
}


/* ************************************ 野帳の世界
*/
#kokuyo-st-main-contents .indexWorld {
    width: 90%;
    max-width: 840px;
    margin: auto;
    padding-top: 75px;
}

#kokuyo-st-main-contents .indexWorld .sectionHeader {
    margin-bottom: 30px;
}

#kokuyo-st-main-contents .indexWorld .sectionBody ul {
    width: 100%;
    max-width: 686px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#kokuyo-st-main-contents .indexWorld .sectionBody li {
    width: 31.19%;
    margin-bottom: 20px;
}


#kokuyo-st-main-contents .indexWorld .sectionBody li .lang-en {
    margin-top: 0.5em;
}

/* ************************************ 関連サイト
*/
#kokuyo-st-main-contents .indexRelated {
    width: 90%;
    max-width: 840px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 100px;
}

#kokuyo-st-main-contents .indexRelated .sectionBody ul {
    width: 100%;
    max-width: 686px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#kokuyo-st-main-contents .indexRelated .sectionBody li {
    width: 31.19%;
    margin-bottom: 20px;
}


#kokuyo-st-main-contents .indexRelated .sectionBody li .lang-en {
    margin-top: 0.5em;
}


/* *****************************************************************************
アイテム
***************************************************************************** */
.itemConcept,
.itemLineup {
    font-weight: bold;
}

#kokuyo-st-main-contents .itemConcept {
    width: 90%;
    max-width: 840px;
    margin: 0 auto 100px auto;
}

#kokuyo-st-main-contents .itemConcept_catch {
    margin-bottom: 30px;
}

#kokuyo-st-main-contents .itemConcept_catch .lang-ja {
    margin-bottom: 10px;
}

#kokuyo-st-main-contents .itemConcept_lead {
    margin-bottom: 30px;
}

#kokuyo-st-main-contents .itemConcept_lead {
    margin-bottom: 70px;
}

#kokuyo-st-main-contents .businessConcept_point>ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    line-height: 1.6;
}

.businessConcept_point_2columns>li {
    width: 49%;
}

.businessConcept_point_3columns>li {
    width: 32.1%;
}

#kokuyo-st-main-contents .businessConcept_point li img {
    margin-bottom: 5px;
}

#kokuyo-st-main-contents .businessConcept_point li .lang-ja {
    margin-bottom: 5px;
    font-size: 12px;
}

#kokuyo-st-main-contents .itemLineup {
    background-color: #eeedec;
    padding-top: 75px;
    padding-bottom: 55px;
}


#kokuyo-st-main-contents .itemLineup .sectionHeader,
#kokuyo-st-main-contents .itemLineup .sectionBody {
    background-color: #eeedec;
    width: 90%;
    margin: 0 auto 30px auto;
}

#kokuyo-st-main-contents .itemLineup .sectionHeader {
    max-width: 840px;
}

#kokuyo-st-main-contents .itemLineup .sectionBody {
    max-width: 800px;
}

#kokuyo-st-main-contents .itemLineup .title_filled {
    background-color: #636364;
}

#kokuyo-st-main-contents .lineupList {
    width: 100%;
    max-width: 760px;
    margin: 0 auto 70px auto;
    font-size: 12px;
    text-align: center;
}

.lineupList ul {
    display: flex;
    justify-content: space-between;
}

.lineupList ul li {
    width: 19.3%
}

.lineupList_centered ul {
    justify-content: center;
}

#kokuyo-st-main-contents .lineupList_centered ul li+li {
    margin-left: 9%;
}

#kokuyo-st-main-contents .lineup_grid {
    margin-bottom: 0.5em;
}

#kokuyo-st-main-contents .lineupPage {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 760px;
    margin: 0 auto 50px auto;
}

.lineupPage_picture {
    max-width: 32%;
    min-width: 32%;
}

#kokuyo-st-main-contents .lineupPage_explain {
    margin-left: 30px;
    line-height: 1.6;
    flex-grow: 1;
}

#kokuyo-st-main-contents .lineupPage_explain .lang-ja {
    line-height: 1.6;
}

#kokuyo-st-main-contents .lineupPage_explain .lang-en {
    margin-top: 5px;
}

#kokuyo-st-main-contents .lineupTable {
    font-size: 14px;
    margin-bottom: 60px;
}

#kokuyo-st-main-contents .lineupTable:last-child {
    margin-bottom: 0;
}

.lineupTable .lang-en,
.lineupTable small {
    font-size: 12px;
    display: block;
}

.lineupTable table {
    border-collapse: collapse;
    line-height: 1.5;
    width: 100%;
}

#kokuyo-st-main-contents .lineupTable th,
#kokuyo-st-main-contents .lineupTable td {
    border: solid 1px #b3b3b3;
    padding: 8px;
    text-align: center;
    vertical-align: middle;
}

#kokuyo-st-main-contents .lineupTable thead th {
    background-color: #f7f7f7;
    font-weight: bold;
}

.lineupTable td {
    background-color: #fff;
}

.lineupTable_price {
    width: 130px;
}

#kokuyo-st-main-contents .lineupTable .note_item {
    margin-top: 2em;
    font-size: 12px;
}

#kokuyo-st-main-contents .lineupTable .note_item.note_middle .lang-ja {
    font-size: 116%;
    color: #2a4c3d;
}

#kokuyo-st-main-contents .lineupExample h3 {
    margin-bottom: 0.5em;
    font-size: 14px;
    font-weight: bold;
}

.lineupExample ul {
    display: flex;
    justify-content: space-between;
}

.lineupExample li {
    width: 32.5%;
}

#kokuyo-st-main-contents .lineupExample li img {
    margin-bottom: 5px;
}

#kokuyo-st-main-contents .lineupExample li .lang-ja {
    margin-bottom: 5px;
    font-size: 12px;
}

#kokuyo-st-main-contents .businessLineup .lineupExample {
    max-width: 760px;
    width: 100%;
    margin: auto;
}

.businessLineup .lineupExample ul {
    display: block;
}


#kokuyo-st-main-contents .businessLineup .lineupExample li {
    width: 100%;
    margin-bottom: 3rem;
}

#kokuyo-st-main-contents .businessLineup .lineupExample li img {
    margin-bottom: 1rem;
}

/* *****************************************************************************
グッズ
***************************************************************************** */
.fieldnoteGoods {
    background-color: #eeedec;
    padding-top: 70px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.42;
}

#kokuyo-st-main-contents .fieldnoteGoods h3 {
    font-size: 18px;
    color: #2d5b44;
    font-weight: bold;
    margin-bottom: 30px;
}

#kokuyo-st-main-contents .fieldnoteGoods h3+.lang-en {
    font-size: 12px;
    margin-top: -25px;
    margin-bottom: 20px;
    letter-spacing: 0.14em;
}

#kokuyo-st-main-contents .fieldnoteGoods_item {
    width: 90%;
    max-width: 840px;
    padding-top: 70px;
    padding-bottom: 70px;
    margin: 0 auto;
}

#kokuyo-st-main-contents .fieldnoteGoods_main {
    display: flex;
    margin-bottom: 45px;
}

.fieldnoteGoods_visual {
    min-width: 41%;
    max-width: 41%;
    position: relative
}

.fieldnoteGoods_visual_sub {
    position: absolute;
    bottom: -20px;
    left: calc(100% - 45px);
    width: 133px;
}

#kokuyo-st-main-contents .fieldnoteGoods_introduction {
    margin-left: 30px;
    line-height: 1.6;
}

#kokuyo-st-main-contents .fieldnoteGoods_introduction .lang-ja+.lang-en {
    margin-bottom: 20px;
    letter-spacing: 0.18em;
}

#kokuyo-st-main-contents .fieldnoteGoods_example {
    background-color: #fff;
    padding: 30px 50px 50px 50px;
    margin-bottom: 60px;
}

#kokuyo-st-main-contents .fieldnoteGoods_example h3 {
    margin-bottom: 20px;
}

#kokuyo-st-main-contents .fieldnoteGoods_example h3 span {
    border-bottom: solid 2px #2a4c3d;
    padding-bottom: 0.2em;
}

.fieldnoteGoods_example_wrap {
    display: flex;
    justify-content: space-between;
}

.fieldnoteGoods_example_item {
    width: 44%;
}

.fieldnoteGoods_example_item:first-child .fieldnoteGoods_example_picture {
    position: relative;
}

.fieldnoteGoods_example_item:first-child .fieldnoteGoods_example_picture::after {
    content: '';
    background: url(../images/goods/example_arrow.png) center center no-repeat;
    background-size: contain;
    width: 26px;
    height: 24px;
    position: absolute;
    top: calc(50% - 12px);
    left: calc(100% + 32px);
}

#kokuyo-st-main-contents .fieldnoteGoods_example_item .lang-en {
    letter-spacing: 0.1em;
    margin-top: 5px;
    min-height: 4em;
}

#kokuyo-st-main-contents .fieldnoteGoods_points {
    display: flex;
    margin-bottom: 40px;
}

.fieldnoteGoods_points_picture {
    min-width: 46%;
    max-width: 46%;
}

#kokuyo-st-main-contents .fieldnoteGoods_points_explain {
    margin-left: 30px;
}

#kokuyo-st-main-contents .fieldnoteGoods_points_explain .note {
    font-size: smaller;
}

#kokuyo-st-main-contents .fieldnoteGoods_points_explain .lang-en {
    margin-bottom: 1.5em;
    margin-top: 0.5em;
}

#kokuyo-st-main-contents .fieldnoteGoods_points_explain .lang-en:last-child {
    margin-bottom: 0;
}

#kokuyo-st-main-contents .fieldnoteGoods_points+.lineupTable {
    margin-top: 70px;
    margin-bottom: 80px;
}

.fieldnoteGoods .lineupTable_price {
    width: auto;
}

#kokuyo-st-main-contents .fieldnoteGoods_banner {}

.fieldnoteGoods_banner .banners {
    display: flex;
    justify-content: space-between;
}

.fieldnoteGoods_banner .banner_item {
    width: 48%;
    background-color: #fff;
}





/* *****************************************************************************
測量現場での野帳
***************************************************************************** */
.fieldnoteHowto {
    background-color: #eeedec;
    padding-top: 70px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.42;
}

#kokuyo-st-main-contents .fieldnoteHowto h3 {
    margin-bottom: 30px;
}

#kokuyo-st-main-contents .fieldnoteHowto h3+.lang-en {
    font-size: 12px;
    margin-top: -25px;
    margin-bottom: 40px;
    letter-spacing: 0.14em;
}

#kokuyo-st-main-contents .fieldnoteHowto_section {
    width: 90%;
    max-width: 840px;
    margin: 0 auto;
    padding-bottom: 70px;
}

#kokuyo-st-main-contents .fieldnoteHowto_visual {
    padding-top: 70px;
}

.fieldnoteHowto_visual .sectionBody {
    text-align: center;
}

#kokuyo-st-main-contents .fieldnoteHowto_section .fieldnoteHowto_lead {
    line-height: 1.5;
    margin-bottom: 30px;
}

#kokuyo-st-main-contents .fieldnoteHowto_section .fieldnoteHowto_lead .lang-en {
    margin-top: 20px;
}

#kokuyo-st-main-contents .fieldnoteHowto_example {
    background-color: #fff;
    padding: 70px;
}

.fieldnoteHowto_example_visual {
    text-align: center;
}

#kokuyo-st-main-contents .fieldnoteHowto_example_pictures {
    margin-top: 40px;
}

#kokuyo-st-main-contents .fieldnoteHowto_example_pictures img {
    margin-bottom: 0.5em;
}

.fieldnoteHowto_example_pictures ul {
    display: flex;
    justify-content: center;
}

.fieldnoteHowto_example_pictures ul li {
    width: 200px;
}

#kokuyo-st-main-contents .fieldnoteHowto_example_pictures ul li+li {
    margin-left: 50px;
}





/* *****************************************************************************
ラインアップ
***************************************************************************** */
.fieldnoteLineup {
    line-height: 1.42;
}

#kokuyo-st-main-contents .fieldnoteLineup .pageHeader {
    background-color: #eeedec;
    padding-top: 70px;
}

#kokuyo-st-main-contents .pageHeader .title_filled {
    width: calc(90% - 2em);
    max-width: calc(840px - 2em);
    margin: 0 auto;
}

#kokuyo-st-main-contents .subsectionTitle {
    color: #2a4c3d;
    border-bottom: solid 1px #2a4c3d;
    padding-bottom: 0.2em;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1em;
}

#kokuyo-st-main-contents .subsectionTitle .mark_new {
    background-color: #a47935;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    margin-right: 0.5em;
    padding: 0.3em;
}

#kokuyo-st-main-contents .subsectionTitle .lang-en {
    margin-left: 1.5em;
    font-size: 12px;
}

#kokuyo-st-main-contents .lineupCatch {
    line-height: 1.5;
}

#kokuyo-st-main-contents .lineupCatch .lang-en {
    margin-top: 0.5em;
}

#kokuyo-st-main-contents .fieldnoteLineup .lineupExample {
    margin-bottom: 50px;
}


#kokuyo-st-main-contents .itemLineup_bright .lineupPage {
    max-width: inherit;
    align-items: center;
}

#kokuyo-st-main-contents .itemLineup_bright .lineupPage .lineupPage_picture {
    max-width: 37%;
    min-width: 37%;
}

#kokuyo-st-main-contents .itemLineup_bright .lineupPage .lang-en+.lang-ja {
    margin-top: 2em;
}

#kokuyo-st-main-contents .itemLineup_normal .lineupExample {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

#kokuyo-st-main-contents .itemLineup_bright .lineupExample {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
}

#kokuyo-st-main-contents .itemLineup_bright .lineupExample li {
    width: 30%;
}

.itemLineup_cover .fieldnoteGoods_main {
    justify-content: space-between;
}

.itemLineup_cover .fieldnoteGoods_visual:nth-child(2) {
    min-width: 46%;
    max-width: 46%;
}



/* *****************************************************************************
使用シーン
***************************************************************************** */
.fieldnoteScene {
    background-color: #eeedec;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.42;
}

#kokuyo-st-main-contents .fieldnoteScene_section {
    padding-top: 70px;
    padding-bottom: 140px;
    width: 90%;
    max-width: 840px;
    margin: 0 auto;
}

#kokuyo-st-main-contents .fieldnoteScene_section .sectionCatch {
    font-size: 18px;
    margin-bottom: 1em;
}


#kokuyo-st-main-contents .fieldnoteScene .sectiontitle {
    color: #2a4c3d;
    font-size: 22px;
    font-weight: bold;
}

#kokuyo-st-main-contents .fieldnoteScene .sectiontitle span {
    display: inline-block;
    border-bottom: solid 2px #2a4c3d;
    padding-bottom: 0.1em;
    margin-bottom: 0.5em;
}

#kokuyo-st-main-contents .fieldnoteScene h3+.lang-en {
    font-size: 12px;
    margin-bottom: 20px;
    letter-spacing: 0.14em;
}

#kokuyo-st-main-contents .banner_uniqueWay {
    display: flex;
    background-color: #2a4c3d;
    margin-bottom: 0.5em;
}

#kokuyo-st-main-contents .uniqueWay_label {
    color: #fff;
    text-align: center;
    font-size: 24px;
    padding-top: 2.5em;
    line-height: 2;
    flex-grow: 1;
}

#kokuyo-st-main-contents .uniqueWay_label small {
    font-size: 20px;
}

.banner_uniqueWay .button_detail {
    font-size: 16px;
}

#kokuyo-st-main-contents .banner_uniqueWay .button_detail .button_inner {
    width: 70%;
    height: auto;
    margin-top: 2em;
    padding: 1em 0;
}

#kokuyo-st-main-contents .banner_uniqueWay+.lang-en {
    font-size: 12px;
    letter-spacing: 0.1em;
}

#kokuyo-st-main-contents .fieldnoteScene_catch {
    margin-bottom: 3em;
    margin-top: 3em;
}

#kokuyo-st-main-contents .fieldnoteScene_catch .lang-ja {
    font-size: 22px;
    color: #2a4c3d;
    margin-bottom: 0.3em;
}

#kokuyo-st-main-contents .fieldnoteScene_catch .lang-en {
    font-size: 12px;
    letter-spacing: 0.1em;
}

#kokuyo-st-main-contents .fieldnoteScene_lead {
    margin-bottom: 4em;
}

#kokuyo-st-main-contents .fieldnoteScene_lead .lang-ja {
    margin-bottom: 2em;
}

#kokuyo-st-main-contents .fieldnoteScene_lead .lang-en {
    margin-bottom: 2em;
    letter-spacing: 0.1em;
}

.sceneList ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sceneList ul li {
    width: 47.6%;
    background-color: #fff;
}

#kokuyo-st-main-contents .sceneList ul li>.inner {
    padding: 35px 45px;
}

#kokuyo-st-main-contents .sceneList li {
    margin-bottom: 3em;
}

#kokuyo-st-main-contents .sceneList li h4 {
    font-size: 18px;
    font-weight: bold;
    color: #2a4c3d
}

#kokuyo-st-main-contents .sceneList_header {
    margin-bottom: 2em;
}

#kokuyo-st-main-contents .sceneList li h4 .lang-en {
    font-size: 12px;
    color: #000;
    display: block;
}

#kokuyo-st-main-contents .sceneList_picture {
    margin-bottom: 2em;
}

#kokuyo-st-main-contents .sceneList_body .lang-en {
    letter-spacing: 0.1em;
    margin-top: 1em;
}

#kokuyo-st-main-contents .fieldnoteScene_example ul {
    background-color: #fff;
    padding: 3em 3em 1em 3em;
    list-style-type: none;
    display: block;
}

#kokuyo-st-main-contents .fieldnoteScene_example li {
    width: 100%;
    margin-bottom: 3rem;
}

#kokuyo-st-main-contents .fieldnoteScene_example img {
    margin-bottom: 1em;
}

#kokuyo-st-main-contents .fieldnoteScene_example li .lang-ja {
    font-size: 13px;
}

#kokuyo-st-main-contents .fieldnoteScene_example li .lang-en {
    margin-top: 0.5em;
}

@media screen and (max-width: 750px) {
    body {
        min-width: inherit;
    }

    /* *****************************************************************************
共通
***************************************************************************** */
    .kokuyo-st-container #kokuyo-st-main-contents {
        font-size: 3vw;
        line-height: 1.4;
    }


    #kokuyo-st-main-contents .title_filled {
        font-size: 4.125vw;
    }

    .title_filled span {
        font-size: 2.5vw;
    }


    #kokuyo-st-main-contents .title_lined {
        font-size: 4.125vw;
    }

    #kokuyo-st-main-contents .sectionHeader {
        margin-bottom: 3vw;
    }


    #kokuyo-st-main-contents .sectionCatch {
        font-size: 4.125vw;
    }

    #kokuyo-st-main-contents .button_detail .button_inner {
        width: 100%;
        height: 6em;
    }

    #kokuyo-st-main-contents .pcOnly {
        display: none;
    }

    #kokuyo-st-main-contents .indexIntro {
        margin-bottom: 15vw;
    }

    #kokuyo-st-main-contents .indexIntro_catch {
        font-size: 4.125vw;
        line-height: 1.5;
    }


    #kokuyo-st-main-contents .indexIntro_lead {
        font-size: 3vw;
        text-align: left;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    #kokuyo-st-main-contents .indexIntro_lead p u {
        line-height: 2;
    }

    #kokuyo-st-main-contents .indexIntro_lead.lang-en {
        font-size: 2.7vw;
        margin-top: 4em;
    }

    #kokuyo-st-main-contents .catch_lined {
        font-size: 4.125vw;
        letter-spacing: 0;
    }

    #kokuyo-st-main-contents .itemConcept_catch .lang-en {
        font-size: 2.7vw;
        margin-top: 0.5em;
    }


    #kokuyo-st-main-contents .itemConcept_lead .lang-en {
        font-size: 2.7vw;
    }

    #stationery .footer-showcase .btnBox02 .leadTxt {
        font-size: 4vw;
    }

    #kokuyo-st-main-contents .footer-showcase .buttons {
        margin-bottom: 7vw;
        display: block;
        font-size: 3vw;
    }

    #kokuyo-st-main-contents .button_buy {
        height: 15vw;
        width: 100%;
    }

    #kokuyo-st-main-contents .button_buy+.button_buy {
        margin-top: 1em;
    }

    #kokuyo-st-main-contents .lang-en {
        font-size: 2.7vw;
    }

    /* ************************************ メインビジュアル
*/
    #kokuyo-st-main-contents .fieldnote .mainvisual {
        margin-bottom: 12vw;
    }

    #kokuyo-st-main-contents .mainvisual_swiper-pagination {
        margin-top: 4vw;
    }

    /* ************************************ 野帳とは
*/

    #kokuyo-st-main-contents .indexAbout_content {
        margin-top: 5vw;
        display: block;
    }

    #kokuyo-st-main-contents .indexAbout .title_filled+.note {
        font-size: 3vw;
    }

    #kokuyo-st-main-contents .indexAbout .sectionCatch+.lang-en {
        font-size: 3vw;
    }

    .indexAbout_pictures {
        min-width: initial;
        max-width: initial;
        text-align: center;
    }

    .indexAbout_pictures img+img {
        margin-top: 1em;
    }

    #kokuyo-st-main-contents .indexAbout_sentence {
        margin-top: 1em;
        margin-left: 0;
    }

    #kokuyo-st-main-contents .indexAbout_sentence .lang-ja {
        font-size: 3vw;
    }

    #kokuyo-st-main-contents .indexAbout_sentence .lang-en {
        margin-bottom: 1em;
    }

    #kokuyo-st-main-contents .indexAbout .subsection+.subsection {
        padding-top: 10vw;
    }

    #kokuyo-st-main-contents .indexAbout_point {
        display: block;
        margin-bottom: 1rem;
        border-bottom: none;
    }

    #kokuyo-st-main-contents .indexAbout_point span:first-child {
        font-size: 2.7vw;
        border-bottom: solid 3px #2a4c3d;
        display: block;
        width: 6em;
        padding: 0.5em 0 0.3em 0;
        text-align: center;
        margin-bottom: 0.3em;
    }

    #kokuyo-st-main-contents .indexAbout_point span+span {
        margin-left: 0;
        display: block;
    }

    .indexAbout_point span:nth-child(2) {
        font-size: 4.125vw;
    }

    .indexAbout_point span:nth-child(3) {
        font-size: 3vw;
    }

    #kokuyo-st-main-contents .indexAbout_point_picture3 ul {
        flex-wrap: wrap;
        padding: 4vw;
    }

    #kokuyo-st-main-contents .indexAbout_point_picture3 li {
        width: 48%;
        margin-bottom: 2em;
    }

    #kokuyo-st-main-contents .indexAbout_point_picture3 li p {
        font-size: 2.7vw;
    }

    #kokuyo-st-main-contents .indexAbout_point_sentence {
        margin-top: 0.5em;
        margin-bottom: 1em;
        font-size: 3vw;
    }

    #kokuyo-st-main-contents .indexAbout_point_caption {
        font-size: 2.7vw;
    }

    /* ************************************ ラインアップ
*/
    #kokuyo-st-main-contents .indexLineup {
        padding-top: 10vw;
    }


    #kokuyo-st-main-contents .indexLineup_unit {
        margin-bottom: 8vw;
        align-items: flex-end;
    }

    .indexLineup .subsection li {
        width: 22.5vw;
    }

    .subsection_full {
        width: auto;
    }

    .subsection_3units {
        width: auto;
    }

    #kokuyo-st-main-contents .indexLineup_unit h3 {
        font-size: 2.8vw;
        margin: 0 0.75em 0.5em 0.75em;
    }

    #kokuyo-st-main-contents .indexLineup_unit h3:after {
        flex-grow: 1;
        content: '';
        display: block;
        height: 1px;
        width: calc(100% - 1em);
        margin-left: 1em;
        border-top: solid 1px #2a4c3d;
    }

    #kokuyo-st-main-contents .indexLineup_unit .subsection_1unit h3:after {
        display: none;
    }

    .indexLineup_unit .lineup_pop {
        display: none;
    }

    .indexLineup_unit a:hover .lineup_pop {
        display: none;
    }

    /* ************************************ 野帳の世界
*/
    #kokuyo-st-main-contents .indexWorld {
        padding-top: 14vw;
    }

    #kokuyo-st-main-contents .indexWorld .sectionBody li {
        width: 48%;
        margin-bottom: 2em;
    }

    /* ************************************ 関連サイト
*/


    #kokuyo-st-main-contents .indexRelated {
        padding-top: 10vw;
        padding-bottom: 15vw;
    }

    #kokuyo-st-main-contents .indexRelated .sectionBody li {
        width: 48%;
        margin-bottom: 2em;
    }




    /* *****************************************************************************
アイテム
***************************************************************************** */
    #kokuyo-st-main-contents .subsectionTitle {
        font-size: 4.125vw;
    }

    #kokuyo-st-main-contents .subsectionTitle .mark_new {
        font-size: 3vw;
    }

    #kokuyo-st-main-contents .subsectionTitle .lang-en {
        font-size: 3vw;
    }


    #kokuyo-st-main-contents .itemConcept {
        margin-bottom: 12vw;
    }

    #kokuyo-st-main-contents .itemConcept_catch {
        margin-bottom: 4vw;
    }

    #kokuyo-st-main-contents .itemConcept_lead {
        margin-bottom: 4vw;
    }

    #kokuyo-st-main-contents .itemConcept_lead {
        margin-bottom: 4vw;
    }

    #kokuyo-st-main-contents .businessConcept_point>ul {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 7vw;
    }

    #kokuyo-st-main-contents .businessConcept_point li {
        margin-bottom: 2em;
    }

    .businessConcept_point_2columns>li,
    .businessConcept_point_3columns>li {
        width: 100%;
    }

    .businessConcept_point_2columns>li img,
    .businessConcept_point_3columns>li img {
        width: 100%;
        max-width: initial;
    }

    #kokuyo-st-main-contents .businessConcept_point li .lang-ja {
        font-size: 3vw
    }

    #kokuyo-st-main-contents .itemLineup {
        padding-top: 14vw;
        padding-bottom: 2vw;
    }

    #kokuyo-st-main-contents .itemLineup .sectionHeader,
    #kokuyo-st-main-contents .itemLineup .sectionBody {
        margin-bottom: 4vw;
    }

    #kokuyo-st-main-contents .lineupList {
        margin-bottom: 7vw;
        font-size: 3vw;
    }

    .lineupList ul {
        flex-wrap: wrap;
    }

    .lineupList_centered:not(.lineupList_oneItem) ul {
        justify-content: space-between;
    }

    #kokuyo-st-main-contents .lineupList ul li {
        width: 46%;
        margin-bottom: 2em;
    }

    #kokuyo-st-main-contents .lineupList_centered ul li+li {
        margin-left: 0;
    }

    #kokuyo-st-main-contents .lineupTable .note_item {
        font-size: 3vw;
    }

    #kokuyo-st-main-contents .lineupTable .note_item .lang-ja {
        margin-bottom: 0.5em;
    }

    #kokuyo-st-main-contents .lineupPage {
        display: block;
        margin-bottom: 7vw;
    }

    #kokuyo-st-main-contents .lineupPage_picture {
        max-width: initial;
        min-width: initial;
        margin-bottom: 1em;
        text-align: center;
    }

    #kokuyo-st-main-contents .lineupPage_explain {
        margin-left: 0;
    }

    #kokuyo-st-main-contents .lineupTable {
        font-size: 3vw;
    }

    #kokuyo-st-main-contents .lineupTable_scroller {
        overflow-x: scroll
    }

    .lineupTable small {
        font-size: 2.7vw;
    }


    #kokuyo-st-main-contents .lineupTable th,
    #kokuyo-st-main-contents .lineupTable td {
        white-space: nowrap;
    }

    .lineupTable_price {
        width: auto;
    }

    #kokuyo-st-main-contents .note_scroll {
        margin: 0.5em 0;
    }

    #kokuyo-st-main-contents .lineupExample {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    #kokuyo-st-main-contents .lineupExample img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .lineupExample ul {
        display: block;
    }

    #kokuyo-st-main-contents .lineupExample li {
        width: 100%;
        margin-bottom: 2em;
    }

    #kokuyo-st-main-contents .lineupExample li .lang-ja {
        font-size: 3vw;
    }

    #kokuyo-st-main-contents .itemLineup_bright .lineupPage .lineupPage_picture {
        max-width: initial;
        min-width: initial;
        width: 100%;
    }

    #kokuyo-st-main-contents .itemLineup_bright .lineupExample li {
        width: 100%;
    }

    #kokuyo-st-main-contents .itemLineup_cover .fieldnoteGoods_visual:nth-child(2) {
        max-width: initial;
        min-width: initial;
        width: 100%;
        margin-top: 2em;
    }

    #kokuyo-st-main-contents .fieldnoteLineup .pageHeader {
        padding-top: 7vw;
    }

    #kokuyo-st-main-contents .itemLineup.itemLineup_cover {
        margin-bottom: 15vw;
    }

    /* *****************************************************************************
グッズ
***************************************************************************** */
    .fieldnoteGoods {
        padding-top: 7vw;
        font-size: 3vw;
    }

    #kokuyo-st-main-contents .fieldnoteGoods h3 {
        font-size: 4.125vw;
        margin-bottom: 4vw;
    }

    #kokuyo-st-main-contents .fieldnoteGoods h3+.lang-en {
        margin-top: -1.5em;
        margin-bottom: 2em;
    }

    #kokuyo-st-main-contents .fieldnoteGoods_item {
        padding-top: 7vw;
        padding-bottom: 15vw;
    }

    #kokuyo-st-main-contents .fieldnoteGoods_main {
        display: block;
        margin-bottom: 15vw;
    }

    .fieldnoteGoods_visual {
        min-width: initial;
        max-width: initial;
        width: 100%;
    }

    .fieldnoteGoods_visual_sub {
        position: absolute;
        bottom: -2vw;
        left: auto;
        right: -3vw;
        width: 25vw;
    }

    #kokuyo-st-main-contents .fieldnoteGoods_introduction {
        margin-left: 0;
        margin-top: 15vw;
    }

    #kokuyo-st-main-contents .fieldnoteGoods_introduction .lang-ja+.lang-en {
        margin-bottom: 2em;
    }

    #kokuyo-st-main-contents .fieldnoteGoods_example {
        padding: 1em;
        margin-bottom: 15vw;
    }

    .fieldnoteGoods_example_wrap {
        display: block;
    }

    .fieldnoteGoods_example_item {
        width: 100%;
    }

    #kokuyo-st-main-contents .fieldnoteGoods_example_item+.fieldnoteGoods_example_item {
        margin-top: 2em;
    }

    #kokuyo-st-main-contents .fieldnoteGoods_example_item .lang-en {
        min-height: initial;
        margin-bottom: 0.5em;
    }

    #kokuyo-st-main-contents .fieldnoteGoods_example_item:first-child .fieldnoteGoods_example_picture {
        padding-bottom: 34px;
    }

    .fieldnoteGoods_example_item:first-child .fieldnoteGoods_example_picture::after {
        top: calc(100% - 20px);
        left: calc(50% - 13px);
        transform: rotate(90deg);
    }

    #kokuyo-st-main-contents .fieldnoteGoods_points {
        display: block;
        margin-bottom: 15vw;
    }

    .fieldnoteGoods_points_picture {
        min-width: initial;
        max-width: initial;
        width: 100%;
    }

    #kokuyo-st-main-contents .fieldnoteGoods_points_explain {
        margin-left: 0;
        margin-top: 1em;
    }

    #kokuyo-st-main-contents .fieldnoteGoods_banner {}

    .fieldnoteGoods_banner .banners {
        display: block;
    }

    .fieldnoteGoods_banner .banner_item {
        width: 100%;
        background-color: #fff;
    }

    #kokuyo-st-main-contents .fieldnoteGoods_banner .banner_item+.banner_item {
        margin-top: 1em;
    }


    /* *****************************************************************************
測量現場での野帳
***************************************************************************** */
    .fieldnoteHowto {
        padding-top: 7vw;
        font-size: 3vw;
    }

    #kokuyo-st-main-contents .fieldnoteHowto h3 {
        font-size: 4.125vw;
        margin-bottom: 4vw;
    }

    #kokuyo-st-main-contents .fieldnoteHowto h3+.lang-en {
        margin-top: -1em;
        margin-bottom: 2em;
        font-size: 3vw;
    }

    #kokuyo-st-main-contents .fieldnoteHowto_section {
        padding-top: 7vw;
        padding-bottom: 7vw;
    }

    #kokuyo-st-main-contents .fieldnoteHowto_section .fieldnoteHowto_lead {
        margin-bottom: 4vw;
    }

    #kokuyo-st-main-contents .fieldnoteHowto_section .fieldnoteHowto_lead .lang-en {
        margin-top: 1em;
    }

    #kokuyo-st-main-contents .fieldnoteHowto_example {
        padding: 2em;
    }

    #kokuyo-st-main-contents .fieldnoteHowto_example_pictures {
        margin-top: 2em;
    }

    #kokuyo-st-main-contents .fieldnoteHowto_example_pictures ul li {
        width: 46%;
    }

    #kokuyo-st-main-contents .fieldnoteHowto_example_pictures ul li img {
        margin-bottom: 0.5em;
    }

    #kokuyo-st-main-contents .fieldnoteHowto_example_pictures ul li+li {
        margin-left: auto;
    }

    #kokuyo-st-main-contents .fieldnoteHowto_section.fieldnoteHowto_transit {
        padding-bottom: 15vw;
    }


    /* *****************************************************************************
使用シーン
***************************************************************************** */
    .fieldnoteScene {
        font-size: 3vw;
    }

    #kokuyo-st-main-contents .fieldnoteScene_section {
        padding-top: 7vw;
        margin-bottom: 15vw;
        padding-bottom: 0;
    }

    #kokuyo-st-main-contents .fieldnoteScene_section .sectionCatch {
        font-size: 4.125vw;
    }


    #kokuyo-st-main-contents .fieldnoteScene .sectiontitle {
        font-size: 4.125vw;
    }

    #kokuyo-st-main-contents .fieldnoteScene h3+.lang-en {
        font-size: 2.7vw;
        margin-bottom: 2em;
    }

    #kokuyo-st-main-contents .banner_uniqueWay {
        display: block;
        background-color: #2a4c3d;
    }

    #kokuyo-st-main-contents .uniqueWay_picture img {
        max-width: initial;
        width: 100%;
    }

    #kokuyo-st-main-contents .uniqueWay_label {
        font-size: 4.125vw;
        padding: 2em 0;
        line-height: 1.6;
    }

    #kokuyo-st-main-contents .uniqueWay_label small {
        font-size: 3vw;
    }

    .banner_uniqueWay .button_detail {
        font-size: 3vw;
    }

    #kokuyo-st-main-contents .banner_uniqueWay .button_detail .button_inner {
        width: 70%;
        margin-top: 1em;
    }

    #kokuyo-st-main-contents .banner_uniqueWay+.lang-en {
        font-size: 2.7vw;
    }

    #kokuyo-st-main-contents .fieldnoteScene_catch .lang-ja {
        font-size: 4.125vw;
    }

    #kokuyo-st-main-contents .fieldnoteScene_catch .lang-en {
        font-size: 3vw;
    }


    .sceneList ul {
        display: block;
    }

    .sceneList ul li {
        width: 100%;
    }

    #kokuyo-st-main-contents .sceneList ul li>.inner {
        padding: 1em;
    }

    #kokuyo-st-main-contents .sceneList li {
        margin-bottom: 3em;
    }

    #kokuyo-st-main-contents .sceneList li h4 {
        font-size: 4.125vw;
    }


    #kokuyo-st-main-contents .sceneList li h4 .lang-en {
        font-size: 3vw;
    }

    .sceneList_picture {
        text-align: center;
    }


    #kokuyo-st-main-contents .fieldnoteScene_example ul {
        padding: 3em 3em 1em 3em;
        display: block;
    }

    #kokuyo-st-main-contents .fieldnoteScene_example li {
        width: 100%;
        margin: 0 auto 3em auto;
    }

    #kokuyo-st-main-contents .fieldnoteScene_example img {
        margin-bottom: 1em;
    }

    #kokuyo-st-main-contents .fieldnoteScene_example li .lang-ja {
        font-size: 3vw;
    }



}