@charset "UTF-8"; /* -------------------------------------------------------- style -------------------------------------------------------- */ /* line 13, page_guideline.scss */ #guideline { /* 街並みガイドライン */ } /* line 15, page_guideline.scss */ #guideline .guidelineWrapper { background: linear-gradient(-45deg, rgba(233, 229, 227, 0.5) 0%, white 100%); } /* line 16, page_guideline.scss */ #guideline .guidelineWrap { width: 100%; padding: 50px 0 100px; } /* line 17, page_guideline.scss */ #guideline .copy { font-size: 18px; line-height: 2.0; font-family: "YakuHanMP", "Shippori Mincho B1", serif; /*-webkit-text-stroke-width: .15px;*/ text-align: center; } /* line 18, page_guideline.scss */ #guideline .ttlCmn { position: relative; color: #fff; font-size: 22px; font-size: 1.375rem; line-height: 2.0625rem; font-family: "YakuHanMP", "Shippori Mincho B1", serif; padding: .5em 0; margin-bottom: 30px; width: 100%; /*background: rgba($sC, .5);*/ background: linear-gradient(90deg, rgba(191, 174, 115, 0) 0%, rgba(191, 174, 115, 0.65) 10%, rgba(191, 174, 115, 0.65) 90%, rgba(191, 174, 115, 0) 100%); } /* line 19, page_guideline.scss */ #guideline .ttlCmn::before, #guideline .ttlCmn::after { content: ""; width: 100%; height: 1px; position: absolute; left: 0; /*background: rgba($sC, .5);*/ background: linear-gradient(90deg, rgba(191, 174, 115, 0) 0%, rgba(191, 174, 115, 0.65) 10%, rgba(191, 174, 115, 0.65) 90%, rgba(191, 174, 115, 0) 100%); } /* line 20, page_guideline.scss */ #guideline .ttlCmn::before { top: -3px; } /* line 21, page_guideline.scss */ #guideline .ttlCmn::after { bottom: -3px; } @media only screen and (max-width: 1023px) { /* line 29, page_guideline.scss */ #guideline .guidelineWrap { width: 94%; padding: 30px 0 60px; } /* line 30, page_guideline.scss */ #guideline .guidelineWrap .catch.jpH { font-size: 21px; } /* line 32, page_guideline.scss */ #guideline .copy { text-align: left; /*padding: 0 5%;*/ font-size: 16px; line-height: 2.0; /*-webkit-text-stroke-width: 0px;*/ } /* line 33, page_guideline.scss */ #guideline .ttlCmn { font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; padding: .5em 0; margin: 0 auto 20px; width: 100%; } } /* line 47, page_guideline.scss */ #guideline .machinamiguideline .sec { filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.075)); font-family: "YakuHanMP", "Shippori Mincho B1", serif; max-width: 1040px; margin: 0 auto; } /* line 48, page_guideline.scss */ #guideline .machinamiguideline .sec:not(:last-child) { margin-bottom: 100px; } /* line 49, page_guideline.scss */ #guideline .machinamiguideline .sec .title { width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; height: 50px; } /* line 50, page_guideline.scss */ #guideline .machinamiguideline .sec .title span, #guideline .machinamiguideline .sec .title em { height: 100%; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 24px; } /* line 51, page_guideline.scss */ #guideline .machinamiguideline .sec .title span { width: 50px; background: #133f4a; } /* line 52, page_guideline.scss */ #guideline .machinamiguideline .sec .title em { width: calc(100% - 50px); background: #879da2; justify-content: flex-start; padding-inline: .75em; } /* line 56, page_guideline.scss */ #guideline .machinamiguideline .sec .readWrap .read:not(:last-child) { margin-bottom: .75em; } /* line 59, page_guideline.scss */ #guideline .machinamiguideline .sec .read { font-size: 16px; text-align: justify; } /* line 60, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap { background: #fff; padding: 2.5em 3.5em; /*text-align: left;*/ } /* line 62, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .list:not(:last-child) { margin-bottom: 3em; } /* line 64, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .list .li:not(:last-child) { margin-bottom: 3.5em; } /* line 67, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .titCmn { font-size: 22px; border-bottom: 2px solid #d3c8a2; padding-bottom: .25em; margin-bottom: 1em; text-align: left; } /* line 68, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .titCmn em { letter-spacing: .0em; font-weight: 600; } /* line 70, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .tCmn { font-size: 20px; font-weight: 600; letter-spacing: 0; border-left: 5px solid #d3c8a2; padding-left: .75em; margin-bottom: .5em; text-align: left; } /* line 71, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .tCmn small { font-size: 15px; margin-left: 1em; font-weight: 500; } /* line 74, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .read strong, #guideline .machinamiguideline .sec .wrap .note2 strong, #guideline .machinamiguideline .sec .wrap .listMaru li strong { font-size: 18px; font-weight: 600; padding-left: 1.1em; position: relative; line-height: 1.6; } /* line 75, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .read strong::before, #guideline .machinamiguideline .sec .wrap .note2 strong::before, #guideline .machinamiguideline .sec .wrap .listMaru li strong::before { content: "●"; color: #d3c8a2; position: absolute; top: 0; left: 0; } /* line 79, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .listMaru { text-align: left; } /* line 80, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .listMaru li { display: block; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; } /* line 81, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .listMaru li::before { content: ""; width: 100%; height: 0; border-bottom: 1px dotted rgba(0, 0, 0, 0.25); position: absolute; z-index: 0; top: 1rem; left: 0px; } /* line 82, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .listMaru li strong, #guideline .machinamiguideline .sec .wrap .listMaru li span { background: #fff; position: relative; z-index: 5; } /* line 83, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .listMaru li strong { padding-right: .25em; /*width: 100px;*/ } /* line 84, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .listMaru li span { padding-left: .25em; width: calc(100% - 110px); } /* line 87, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .stdList { width: 100%; } /* line 88, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .stdList li { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } /* line 89, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .stdList li:not(:last-child) { margin-bottom: 1.5em; } /* line 90, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .stdList li .t { border: 2px solid #999; display: flex; justify-content: center; align-items: center; font-size: 18px; letter-spacing: 0; font-weight: 600; width: 110px; height: 110px; } /* line 91, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .stdList li .read { width: calc(100% - 135px); } /* line 92, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .stdList li .read small { display: block; font-size: 13px; line-height: 1.6; margin-top: .35em; } /* line 96, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .note { position: relative; padding-left: 1.1em; display: inline-block; } /* line 97, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .note::before { content: "※"; position: absolute; top: 0; left: 0; } /* line 105, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .copy { text-align: justify; font-size: 16px; margin-bottom: 1.75em; } /* line 106, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap u { background: linear-gradient(transparent 50%, #ecec79 50%); background-repeat: no-repeat; background-size: 100% .5em; background-position: 0 100%; text-decoration: none; padding-bottom: -.0em; } /* line 107, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .titGoal, #guideline .machinamiguideline .sec .wrap .titPolicy { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; border-bottom: 2px solid #d3c8a2; text-align: left; margin-bottom: 1em; padding-bottom: .25em; } /* line 108, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .titGoal span, #guideline .machinamiguideline .sec .wrap .titPolicy span { width: 80px; display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 600; letter-spacing: 0; color: #fff; } /* line 109, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .titGoal em, #guideline .machinamiguideline .sec .wrap .titPolicy em { width: calc(100% - 80px); font-size: 24px; font-weight: 600; letter-spacing: 0; padding: 0 .75em; } /* line 119, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .cap { font-size: 12px; text-align: right; letter-spacing: 0; display: block; margin-top: 2.5em; opacity: .8; } /* line 123, page_guideline.scss */ #guideline .machinamiguideline .sec.othesSec .title span { width: 100px; background: #b8a669; } /* line 124, page_guideline.scss */ #guideline .machinamiguideline .sec.othesSec .title em { width: calc(100% - 100px); background: #d3c8a2; } @media only screen and (max-width: 1023px) { /* line 132, page_guideline.scss */ #guideline .machinamiguideline .sec { max-width: 100%; } /* line 133, page_guideline.scss */ #guideline .machinamiguideline .sec:not(:last-child) { margin-bottom: 60px; } /* line 134, page_guideline.scss */ #guideline .machinamiguideline .sec .title { height: 42px; } /* line 135, page_guideline.scss */ #guideline .machinamiguideline .sec .title span, #guideline .machinamiguideline .sec .title em { height: 100%; font-size: 20px; } /* line 136, page_guideline.scss */ #guideline .machinamiguideline .sec .title span { width: 42px; } /* line 137, page_guideline.scss */ #guideline .machinamiguideline .sec .title em { width: calc(100% - 42px); padding-inline: .5em; } /* line 141, page_guideline.scss */ #guideline .machinamiguideline .sec .readWrap .read:not(:last-child) { margin-bottom: 1em; } /* line 144, page_guideline.scss */ #guideline .machinamiguideline .sec .read { font-size: 15px; letter-spacing: 0; } /* line 145, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap { padding: 1.25em 1.25em; } /* line 147, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .list:not(:last-child) { margin-bottom: 2em; } /* line 149, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .list .li:not(:last-child) { margin-bottom: 3.5em; } /* line 152, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .titCmn { font-size: 19px; line-height: 1.6; padding-bottom: .5em; margin-bottom: 1em; } /* line 155, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .tCmn { font-size: 18px; border-left: 5px solid #d3c8a2; padding-left: .75em; margin-bottom: .5em; } /* line 156, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .tCmn small { font-size: 13px; margin-left: 0em; display: block; } /* line 159, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .read strong, #guideline .machinamiguideline .sec .wrap .note2 strong, #guideline .machinamiguideline .sec .wrap .listMaru li strong { font-size: 16px; } /* line 166, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .listMaru li:not(:last-child) { margin-bottom: .25em; } /* line 167, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .listMaru li::before { top: .85rem; left: 0px; } /* line 169, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .listMaru li strong { padding-right: 2px; } /* line 170, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .listMaru li span { padding-left: 2px; width: calc(100% - 85px); text-align: justify; font-size: 15px; letter-spacing: 0; } /* line 175, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .stdList li:not(:last-child) { margin-bottom: 1.5em; } /* line 176, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .stdList li .t { font-size: 17px; width: 100px; height: auto; margin-bottom: .5em; } /* line 177, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .stdList li .read { width: calc(100% - 0px); text-align: justify; font-size: 15px; } /* line 178, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .stdList li .read small { font-size: 12px; line-height: 1.5; margin-top: .35em; } /* line 182, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .note { text-align: justify; font-size: 15px; line-height: 1.6; } /* line 185, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .note2 { text-align: justify; font-size: 15px; line-height: 1.6; } /* line 191, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .copy { font-size: 15px; line-height: 1.8; margin-bottom: 1.5em; letter-spacing: 0; } /* line 193, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .titGoal, #guideline .machinamiguideline .sec .wrap .titPolicy { margin-bottom: .75em; padding-bottom: .5em; } /* line 194, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .titGoal span, #guideline .machinamiguideline .sec .wrap .titPolicy span { width: 80px; font-size: 16px; margin-bottom: .5em; } /* line 195, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .titGoal em, #guideline .machinamiguideline .sec .wrap .titPolicy em { width: 100%; font-size: 20px; line-height: 1.5; padding: 0 .0em; text-align: justify; } /* line 205, page_guideline.scss */ #guideline .machinamiguideline .sec .wrap .cap { font-size: 10px; text-align: center; margin-top: 2.5em; letter-spacing: 0; } /* line 209, page_guideline.scss */ #guideline .machinamiguideline .sec.othesSec .title span { width: 70px; font-size: 18px; } /* line 210, page_guideline.scss */ #guideline .machinamiguideline .sec.othesSec .title em { width: calc(100% - 70px); } } /* line 225, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list01 { position: relative; } /* line 232, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list01 .ph { width: 445px; position: absolute; top: -10px; right: 0; } @media only screen and (max-width: 1023px) { /* line 232, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list01 .ph { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; width: 100%; margin: 1em auto 0; } } /* line 238, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list02 { position: relative; } /* line 242, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list02 .concept { background: #e1dac0; border-radius: 15px; filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.1)); padding: .5em 1.25em 1em; display: flex; justify-content: space-between; flex-wrap: wrap; display: inline-flex; width: 570px; position: absolute; top: 250px; right: -10px; } /* line 243, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list02 .concept .t { font-size: 20px; font-weight: 600; text-align: center; width: 100%; margin-bottom: .5em; } /* line 244, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list02 .concept ul { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; } /* line 245, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list02 .concept ul li { font-size: 20px; letter-spacing: 0; font-weight: 600; background: rgba(255, 255, 255, 0.5); width: 48.5%; display: flex; justify-content: center; align-items: center; padding: .25em 0em; } @media only screen and (max-width: 1023px) { /* line 242, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list02 .concept { padding: .5em 1em .75em; width: 100%; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin-bottom: 1.25em; } /* line 249, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list02 .concept .t { font-size: 17px; margin-bottom: .5em; } /* line 251, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list02 .concept ul li { font-size: 17px; width: 100%; padding: .25em 0em; } /* line 252, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list02 .concept ul li:not(:last-child) { margin-bottom: .5em; } } /* line 259, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list02 .readWrap ul { margin-top: 1.5em; margin-bottom: 2em; text-align: left; } @media only screen and (max-width: 1023px) { /* line 259, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list02 .readWrap ul { margin-bottom: 1.75em; } } /* line 260, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list02 .readWrap ul li { font-size: 20px; font-weight: 600; letter-spacing: 0; display: block; position: relative; padding-left: 1em; } @media only screen and (max-width: 1023px) { /* line 260, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list02 .readWrap ul li { font-size: 18px; } } /* line 262, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list02 .readWrap ul li:not(:last-child) { margin-bottom: .5em; } /* line 263, page_guideline.scss */ #guideline .machinamiguideline #sec01.sec .wrap .list02 .readWrap ul li::before { content: "●"; color: #d3c8a2; font-size: 60%; position: absolute; top: .2em; left: 0; } /* line 281, page_guideline.scss */ #guideline .machinamiguideline #sec02.sec .wrap .phWrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 2em; } /* line 282, page_guideline.scss */ #guideline .machinamiguideline #sec02.sec .wrap .phWrap .ph { width: 48.5%; } @media only screen and (max-width: 1023px) { /* line 282, page_guideline.scss */ #guideline .machinamiguideline #sec02.sec .wrap .phWrap .ph { width: 100%; } /* line 282, page_guideline.scss */ #guideline .machinamiguideline #sec02.sec .wrap .phWrap .ph:not(:last-child) { margin-bottom: 1em; } } /* line 286, page_guideline.scss */ #guideline .machinamiguideline #sec02.sec .wrap .list { /*width: calc(100% / 3 - 20px);*/ } /* line 287, page_guideline.scss */ #guideline .machinamiguideline #sec02.sec .wrap .list:not(:last-child) { margin-bottom: 1.5em; } /* line 296, page_guideline.scss */ #guideline .machinamiguideline #sec02.sec .wrap .list01.list .titGoal span { background: #8ca33f; } /* line 297, page_guideline.scss */ #guideline .machinamiguideline #sec02.sec .wrap .list01.list .titGoal em { color: #8ca33f; } /* line 303, page_guideline.scss */ #guideline .machinamiguideline #sec02.sec .wrap .list02.list .titGoal span { background: #d5786f; } /* line 304, page_guideline.scss */ #guideline .machinamiguideline #sec02.sec .wrap .list02.list .titGoal em { color: #d5786f; } /* line 310, page_guideline.scss */ #guideline .machinamiguideline #sec02.sec .wrap .list03.list .titGoal span { background: #4e8990; } /* line 311, page_guideline.scss */ #guideline .machinamiguideline #sec02.sec .wrap .list03.list .titGoal em { color: #4e8990; } /* line 330, page_guideline.scss */ #guideline .machinamiguideline #sec03.sec .wrap .list01.list { position: relative; } /* line 331, page_guideline.scss */ #guideline .machinamiguideline #sec03.sec .wrap .list01.list .tCmn { position: relative; z-index: 5; } /* line 334, page_guideline.scss */ #guideline .machinamiguideline #sec03.sec .wrap .list01.list ul.listWrap { position: absolute; top: 3em; left: 0; width: 70%; } @media only screen and (max-width: 1023px) { /* line 334, page_guideline.scss */ #guideline .machinamiguideline #sec03.sec .wrap .list01.list ul.listWrap { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; width: 100%; margin-top: 1em; } } /* line 341, page_guideline.scss */ #guideline .machinamiguideline #sec03.sec .wrap .list01.list .ph { margin-top: -30px; } /* line 343, page_guideline.scss */ #guideline .machinamiguideline #sec03.sec .wrap .list02.list { margin-bottom: 1.5em; } /* line 351, page_guideline.scss */ #guideline .machinamiguideline #sec03.sec .wrap .list02.list .ph { margin-top: 1em; } /* line 360, page_guideline.scss */ #guideline .machinamiguideline #sec03.sec .wrap .list03.list .ph { margin-top: 1em; } /* line 384, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list:not(:last-child) { margin-bottom: 4em; } /* line 385, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list .for { border-bottom: 0; padding: .15em .75em; margin-bottom: 1.5em; } /* line 386, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list .for span { background: #fff; } /* line 387, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list .for em { color: #fff; } @media only screen and (max-width: 1023px) { /* line 385, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list .for { width: calc(100% + 2.5em); margin-inline: -1.25em; padding: .75em 1em; } /* line 390, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list .for span { margin-bottom: .5em; } /* line 391, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list .for em { font-size: 20px; } } @media only screen and (max-width: 1023px) { /* line 396, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list .titPolicy span { font-size: 19px; width: 100%; margin-bottom: 1em; position: relative; } /* line 397, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list .titPolicy span::before { content: ""; width: 18px; height: 12px; background: #999; clip-path: polygon(50% 100%, 0 0, 100% 0); position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: calc(100% - 1px); } /* line 398, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list .titPolicy em { font-size: 21px; } } /* line 401, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list.list01 .for { background: #8ca33f; } /* line 401, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list.list01 .for span { color: #8ca33f; } /* line 402, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list.list02 .for { background: #d5786f; } /* line 402, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list.list02 .for span { color: #d5786f; } /* line 403, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list.list03 .for { background: #4e8990; } /* line 403, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list.list03 .for span { color: #4e8990; } /* line 415, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li01.li .titPolicy span { background: #8ca33f; } /* line 415, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li01.li .titPolicy span::before { background: #8ca33f; } /* line 416, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li01.li .titPolicy em { color: #8ca33f; } /* line 421, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li01.li ul.listWrap li .t { border-color: #8ca33f; color: #8ca33f; } /* line 427, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li01.li .phWrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 2.5em; align-items: flex-end; } /* line 429, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li01.li .phWrap .ph.ph01 { width: 55%; } /* line 430, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li01.li .phWrap .ph.ph02 { width: 44%; } @media only screen and (max-width: 1023px) { /* line 427, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li01.li .phWrap { margin-top: 1.5em; } /* line 433, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li01.li .phWrap .ph.ph01 { width: 100%; margin-bottom: 2em; } /* line 434, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li01.li .phWrap .ph.ph02 { width: 100%; } } /* line 440, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li02.li .titPolicy span { background: #8ca33f; } /* line 440, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li02.li .titPolicy span::before { background: #8ca33f; } /* line 441, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li02.li .titPolicy em { color: #8ca33f; } /* line 446, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li02.li ul.listWrap li .t { border-color: #8ca33f; color: #8ca33f; } /* line 453, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li02.li ul.listWrap li .note { margin: 1.5em auto 0; } @media only screen and (max-width: 1023px) { /* line 453, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li02.li ul.listWrap li .note { margin: 1em auto 0; } } /* line 456, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li02.li .phWrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end; margin: 2.5em auto 2.5em; width: 90%; } /* line 457, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li02.li .phWrap .ph.ph01 { width: 52%; margin-left: -30px; } /* line 458, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li02.li .phWrap .ph.ph02 { width: 42%; } @media only screen and (max-width: 1023px) { /* line 456, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li02.li .phWrap { margin-top: 2em; width: 100%; } /* line 461, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li02.li .phWrap .ph.ph01 { width: 100%; margin-left: auto; margin-bottom: 2em; } /* line 462, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list01.list .li02.li .phWrap .ph.ph02 { width: 100%; } } /* line 482, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li .titPolicy span { background: #d5786f; } /* line 482, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li .titPolicy span::before { background: #d5786f; } /* line 483, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li .titPolicy em { color: #d5786f; } /* line 488, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li ul.listWrap li .t { border-color: #d5786f; color: #d5786f; } /* line 492, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li .plantsSec { margin-top: 2.5em; } /* line 494, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li .plantsSec .ttl { color: #b8a669; border: 1px solid #b8a669; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 500; margin: 1em auto .75em; } /* line 495, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li .plantsSec ul.phWrap { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 496, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li .plantsSec ul.phWrap li { width: calc(100% / 5 - 15px); } /* line 498, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li .plantsSec ul.phWrap li .text { margin-top: .5em; } /* line 499, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li .plantsSec ul.phWrap li .text .name { font-size: 16px; font-weight: 600; letter-spacing: 0; border-bottom: 1px solid #d3c8a2; padding-bottom: .25em; margin-bottom: .5em; } /* line 500, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li .plantsSec ul.phWrap li .text .read { font-size: 14px; line-height: 1.5; } @media only screen and (max-width: 1023px) { /* line 506, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li .plantsSec .ttl { font-size: 18px; margin: 1em auto .75em; } /* line 508, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li .plantsSec ul.phWrap li { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 509, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li .plantsSec ul.phWrap li:not(:last-child) { margin-bottom: 1em; } /* line 510, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li .plantsSec ul.phWrap li .ph { width: 100px; } /* line 511, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li .plantsSec ul.phWrap li .text { margin-top: 0em; width: calc(100% - 115px); text-align: left; } /* line 512, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li .plantsSec ul.phWrap li .text .name { font-size: 15px; padding-bottom: .25em; margin-bottom: .5em; } /* line 513, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list02.list .li01.li .plantsSec ul.phWrap li .text .read { font-size: 13px; line-height: 1.5; } } /* line 531, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list03.list .li01.li .titPolicy span { background: #4e8990; } /* line 531, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list03.list .li01.li .titPolicy span::before { background: #4e8990; } /* line 532, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list03.list .li01.li .titPolicy em { color: #4e8990; } /* line 537, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list03.list .li01.li ul.listWrap li .t { border-color: #4e8990; color: #4e8990; } /* line 541, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list03.list .li01.li .ph { margin: 2em auto 2.5em; width: 96%; } @media only screen and (max-width: 1023px) { /* line 541, page_guideline.scss */ #guideline .machinamiguideline #sec04.sec .wrap .list03.list .li01.li .ph { margin: 1em auto 1em; width: 100%; } } /* line 565, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list .copy, #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list .note2 { margin-inline: 1.5em; } @media only screen and (max-width: 1023px) { /* line 565, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list .copy, #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list .note2 { margin-inline: 0em; } } /* line 578, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec { background: #f2f2f2; padding: 1.5em 1.5em; display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 579, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec .text { width: calc(100% - 290px); } /* line 580, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec .text .ttl { font-size: 18px; font-weight: 500; letter-spacing: 0; text-align: left; margin-bottom: .5em; margin-top: -.5em; } /* line 581, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec .text ul.listWrap { background: #fff; padding: 1em 1em; } /* line 582, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec .text ul.listWrap li { align-items: flex-start; } /* line 583, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec .text ul.listWrap li:not(:last-child) { margin-bottom: 1em; } /* line 584, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec .text ul.listWrap li .t { width: 80px; height: 35px; color: #8ca33f; border-color: #8ca33f; } /* line 585, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec .text ul.listWrap li .read { width: calc(100% - 100px); line-height: 1.7; } /* line 597, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec .text ul.listWrap.listWrap01 + .ttl { margin-top: 1em; } /* line 606, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec .ph { width: 265px; } @media only screen and (max-width: 1023px) { /* line 578, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec { padding: 1em 1em; } /* line 609, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec .text { width: 100%; } /* line 610, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec .text .ttl { font-size: 16px; margin-bottom: .5em; margin-top: -.5em; text-align: justify; } /* line 611, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec .text ul.listWrap { padding: 1em 1em; } /* line 613, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec .text ul.listWrap li:not(:last-child) { margin-bottom: 1em; } /* line 614, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec .text ul.listWrap li .t { width: 80px; height: 35px; } /* line 615, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec .text ul.listWrap li .read { width: 100%; line-height: 1.8; } /* line 627, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec .text ul.listWrap.listWrap01 + .ttl { margin-top: 1em; } /* line 630, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list01 .examSec .ph { width: 100%; margin-top: 2em; } } /* line 639, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list02 .copy { margin-bottom: .5em; } /* line 641, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list02 .phWrap .note2 { text-align: left; margin-bottom: 2.5em; } /* line 646, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list02 .phWrap .ph { width: 80%; margin: 0 auto; } @media only screen and (max-width: 1023px) { /* line 646, page_guideline.scss */ #guideline .machinamiguideline #othesSec01.sec.othesSec .wrap .list02 .phWrap .ph { width: 100%; } } /* line 660, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 663, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .titCmn em strong { color: #8ca33f; } /* line 667, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list .note2 { text-align: left; margin-inline: 1.25em; margin-bottom: 1em; } /* line 668, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list ul.phWrap { margin-top: 1em; padding: 0 1.25em; width: 100%; box-sizing: border-box; text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 670, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list ul.phWrap li .read { font-size: 15px; line-height: 1.8; letter-spacing: 0; margin-top: .75em; } /* line 671, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list ul.phWrap li .read small { display: block; font-size: 12px; } /* line 675, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list.list01 { width: 100%; } /* line 676, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list.list02 { width: 33%; margin-bottom: 0; } /* line 677, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list.list03 { width: 63%; } /* line 678, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list .cap { margin-top: 1em; } @media only screen and (max-width: 1023px) { /* line 680, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list .note2 { margin-inline: 0em; margin-bottom: .75em; } /* line 681, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list ul.phWrap { margin-top: .75em; padding: 0 0em; } /* line 683, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list ul.phWrap li .read { font-size: 14px; line-height: 1.8; margin-top: .5em; } /* line 684, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list ul.phWrap li .read small { font-size: 12px; } /* line 688, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list.list01 { width: 100%; } /* line 689, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list.list02 { width: 100%; margin-bottom: 2em; } /* line 690, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list.list03 { width: 100%; } /* line 691, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list .cap { margin-top: 1em; } } /* line 698, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list01 .tCmn { margin-bottom: 1em; } /* line 699, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list01 .li.li01 { margin-bottom: 2em; } /* line 711, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list01 .li.li01 ul.phWrap li.ph01 { width: 45%; } /* line 712, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list01 .li.li01 ul.phWrap li.ph02, #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list01 .li.li01 ul.phWrap li.ph03 { width: 25%; } @media only screen and (max-width: 1023px) { /* line 714, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list01 .li.li01 ul.phWrap li.ph01 { width: 100%; margin-bottom: 1.25em; } /* line 715, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list01 .li.li01 ul.phWrap li.ph02, #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list01 .li.li01 ul.phWrap li.ph03 { width: 48%; } } /* line 743, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list01 .li.li02 ul.phWrap li { width: calc(100% / 4 - 10px); } @media only screen and (max-width: 1023px) { /* line 742, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list01 .li.li02 ul.phWrap { grid-row-gap: 1.5em; } /* line 753, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list01 .li.li02 ul.phWrap li { width: calc(100% / 2 - 7px); } } @media only screen and (max-width: 1023px) { /* line 776, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list02 ul.phWrap li.ph01 .ph { width: 80%; margin: auto; } } /* line 792, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list03 ul.phWrap { padding: 0; } /* line 793, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list03 ul.phWrap li { width: 48%; } @media only screen and (max-width: 1023px) { /* line 792, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list03 ul.phWrap { display: flex; flex-direction: column; flex-direction: column-reverse; } /* line 803, page_guideline.scss */ #guideline .machinamiguideline #othesSec02.sec.othesSec .wrap .list03 ul.phWrap li { width: 100%; } } /* line 811, page_guideline.scss */ #guideline .machinamiguideline .outro { width: 920px; margin: -2em auto 5em; padding: 1.0em 1.5em; border: 1px solid rgba(77, 77, 77, 0.75); text-align: justify; font-family: "YakuHanMP", "Shippori Mincho B1", serif; letter-spacing: 0; } @media only screen and (max-width: 1023px) { /* line 811, page_guideline.scss */ #guideline .machinamiguideline .outro { width: 96%; margin: -1em auto 5em; padding: .75em 1em; font-size: 14px; line-height: 1.6; } } /* line 827, page_guideline.scss */ #guideline .sewariblock .copy { font-size: 17px; margin-bottom: 30px; } /* line 828, page_guideline.scss */ #guideline .sewariblock .zu { width: 75%; margin: 3em auto 0; } @media only screen and (max-width: 1023px) { /* line 834, page_guideline.scss */ #guideline .sewariblock { width: 106%; margin-inline: -3%; } /* line 836, page_guideline.scss */ #guideline .sewariblock .ttlCmn span { display: block; } /* line 837, page_guideline.scss */ #guideline .sewariblock .ttlCmn em { letter-spacing: 0; } /* line 839, page_guideline.scss */ #guideline .sewariblock .copy { font-size: 16px; line-height: 1.8; margin-bottom: 10px; } /* line 840, page_guideline.scss */ #guideline .sewariblock .zu { width: 100%; margin: 2em auto 0; } }