kodomoecosumai.scss
#pg_kodomoecosumai {}
/*----------------- 20221207 ---------------- edit */
/* -------- reset -------- */
#layout03 {
margin: 0 auto;
width: 100%;
}
.pg {
padding: 0;
}
/* -------- ALL -------- */
.flex {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: stretch;
}
@media screen and (max-width: 769px) {
.flex {}
.pg {
max-width: 100%;
}
}
@media screen and (max-width: 1024px) {
.pg {
max-width: 100%;
}
}
.inner {
padding: 0 4%;
}
@media screen and (min-width: 769px) {
.sp {
display: none;
}
}
@media screen and (max-width: 769px) {
.sp {
display: block;
}
}
.beige {
background-color: #efe3da !important;
}
.parlbeige {
background-color: #fff2d3 !important;
}
.parlpink {
background-color: #ffdbd8 !important;
}
.green {
color: #008c6c !important;
}
.orange {
color: #e86b4f !important;
font-weight: bold;
}
.parlorange {
color: #ea9600 !important;
}
.bg_beige {
background: url(https://www.uchiyama-home.com/images/kodomoecosumai/bg_beige.jpg) repeat;
padding-top: 20px;
}
.fsB {
font-size: 18px;
}
.inPost .bg_orange {
background-color: #e86b4f !important;
}
.inPost .bg_parlorange {
background-color: #ea9600 !important;
}
.inPost img {
width: 100%;
margin: 0 auto;
vertical-align: bottom;
}
.inPost h3,
.inPost p {
color: #132722 !important;
}
.inPost .inner h3 {
background: url(https://www.uchiyama-home.com/images/kodomoecosumai/h3.png) no-repeat top left !important;
padding: 20px 0 36px 80px !important;
margin: 0;
font-weight: bold;
font-size: 26px;
}
.inPost section h4 {
background: #008c6c !important;
color: #fff !important;
font-size: 26px;
font-weight: bold;
padding: 10px !important;
margin: 20px auto 0 auto;
}
h5 {
background: #fff;
text-align: center;
font-weight: bold;
color: #008c6c;
font-size: 28px;
padding: 20px;
border-radius: 20px 20px 0 0;
margin-top: 30px;
position: relative;
line-height: 1.4;
}
.inPost section p {
padding: 40px !important;
font-size: 16px;
}
.inPost section p.tableText {
padding: 10px 0 !important;
}
@media screen and (max-width: 769px) {
.inPost section p {
padding: 20px !important;
}
}
strong {
color: #000;
font-weight: bold !important;
background: linear-gradient(transparent 66%, #ff6 60%);
}
.mt20 {
margin-top: 20px !important;
}
.pb40 {
padding-bottom: 40px;
}
.colorBox_A {
background: #008c6c;
color: #fff;
font-size: 20px;
font-weight: bold;
padding: 5px 10px;
border-radius: 7px;
display: inline-block;
margin-left: 14px;
line-height: 1.7;
}
.colorBox_B {
background: #e86b4f;
color: #fff;
font-size: 20px;
font-weight: bold;
padding: 5px 10px;
border-radius: 7px;
display: inline-block;
margin-left: 14px;
line-height: 1.7;
}
.colorBox_C {
background: #ea9600;
color: #fff;
font-size: 20px;
font-weight: bold;
padding: 5px 10px;
border-radius: 7px;
display: inline-block;
margin-left: 14px;
line-height: 1.7;
}
.colorBox_red {
background: #e86b4f;
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 5px 10px;
border-radius: 7px;
display: inline-block;
line-height: 1.7;
margin-right: 10px;
}
.colorBox_black {
background: #778380;
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 5px 10px;
border-radius: 7px;
display: inline-block;
line-height: 1.7;
margin-right: 10px;
}
.colorTextLine {
color: #008c6c;
border-bottom: 3px solid;
padding-bottom: 4px;
font-weight: bold;
font-size: 28px;
display: inline-block;
}
.contactBox {
width: 100%;
text-align: center;
padding: 40px 0;
background: #fff;
margin: 0 auto;
}
.contactBox.bgnone {
background: none;
}
.contactBox img {
width: 90%;
}
.fukidashi {
max-width: 100%;
box-sizing: border-box;
color: #555;
font-size: 16px;
border-radius: 15px;
background: #ffffff;
margin-top: 10px;
}
.fukidashi p {
margin: 0;
padding: 0;
}
.fukidashi p span.orange {
color: #ef6b11;
font-weight: 600;
}
.fukidashi p span.small {
font-size: 13px;
}
@media screen and (max-width: 769px) {
.contactBox {
padding: 20px 0;
}
.contactBox img {
width: 100%;
}
}
/* -------- fv -------- */
.fv {
overflow: hidden;
margin-bottom: 40px;
}
.fv img {
margin: 0 auto;
width: 100%;
}
.fv h2 {
background: none !important;
}
.inPost p,
.inPost h2,
.inPost h3,
.inPost h4 {
padding: 0 !important;
border: none !important;
line-height: 1.7 !important;
}
.fv_02 {
width: 100%;
margin: 0 auto;
padding-top: 20px;
}
.fv_02 img {
width: 100%;
}
ul.box.flex {
justify-content: center;
float: none;
flex-wrap: wrap;
text-align: center;
background-color: #fff;
}
ul.box.flex li {
margin: 15px;
display: inline-block;
width: 28%;
}
.inPost section .fv_02_p1.wdsmall {
padding: 10px !important;
}
.inPost section .fv_02_p1.wdsmall:last-child {
padding-bottom: 40px !important;
}
@media only screen and (max-width: 769px) {
.fv {
background: url(https://www.uchiyama-home.com/images/ecoreform/back_01_sp.jpg) no-repeat top center;
background-size: contain;
}
.fv_02 {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.fv_02 h3 {
width: 80%;
margin: 15px auto !important;
}
#sec_01 h3 {
margin: 30px auto 9px auto;
}
ul.box.flex li {
margin: 5px;
width: 29%;
}
}
/* -------- section01 -------- */
#sec_01 {
padding: 40px 0;
margin-top: 100px;
}
/* -------- sectionA, B, C 共通 -------- */
/* -------- sectionA -------- */
#sec_A {
overflow: hidden;
padding-bottom: 40px;
margin-top: 40px;
}
span.koujiLabel {
display: inline-block;
font-size: 19px;
font-weight: bold;
padding: 5px 20px;
text-align: right;
right: 4%;
position: absolute;
}
span.koujiLabel.any {
background: #e3e3e3;
}
span.koujiLabel.required {
background: #ffe2e2;
color: #e86b4f;
}
@media only screen and (max-width: 769px) {
span.koujiLabel {
display: block;
text-align: center;
right: inherit;
position: inherit;
margin-top: 10px;
}
}
.gaiyouBox {
padding: 20px 0;
}
.inPost section .gaiyouBox .gaiyou {
padding: 20px 0 !important;
}
.inPost section .gaiyouBox .gaiyou:nth-of-type(2) {
padding: 0 0 40px 0 !important;
line-height: 2;
}
.inPost section ul.box.flex p.ttl {
border: 2px solid #008c6c !important;
border-radius: 3px;
color: #008c6c !important;
padding: 5px 5px 5px 10px !important;
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
}
.inPost section p.price {
padding: 10px !important;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
font-size: 22px;
color: #e65d3d !important;
}
@media only screen and (max-width: 769px) {
.inPost section ul.box.flex p.ttl {
font-size: 14px;
}
.inPost section p.price {
font-size: 17px;
}
}
/* -------- sectionB -------- */
#sec_B {
overflow: hidden;
padding-bottom: 40px;
margin-top: 40px;
}
/* -------- section02 -------- */
.green_wrap {
background: #008c6c;
padding-bottom: 40px;
margin-bottom: 40px;
}
.white_wrap {
background: #fff;
padding: 0 2%;
}
.inner.original {
padding: 0 3.2%;
}
.inPost section .fukidashi.textBig p {
font-size: 22px;
}
/* -------- section contact -------- */
#sec_contact {}
.contact_ttl {
text-align: center !important;
font-weight: bold;
font-size: 26px !important;
}
/* -------- section03 -------- */
#sec_03 {
padding: 40px 0;
}
#sec_03 h4 {
margin: 0 auto;
background: none !important;
}
#sec_03 .inner {
position: relative;
}
/* -------- section04 -------- */
#sec_04 {
padding-bottom: 40px;
}
#sec_04 h3 {
margin-top: 0;
padding-top: 40px;
}
.box2 {
margin: 0 4%;
background: #fff;
border: 1px solid #000;
border-radius: 10px;
padding-bottom: 40px;
margin: 0 4% 80px 4%;
}
#sec_04 .box2:nth-of-type(3) {
margin-bottom: 20px;
}
.box2 h4 {
background: #ef6b11 !important;
margin: 0;
padding: 20px !important;
color: #fff !important;
text-align: center;
font-weight: bold;
font-size: 30px;
}
.box2 h5 {
text-align: center;
padding: 20px 0;
font-size: 23px;
font-weight: 700;
color: #6d9632;
letter-spacing: 3px;
}
.box2 .flex:nth-of-type(1) {
margin: 0 4%;
justify-content: space-between;
flex-wrap: wrap;
}
.box2 .box2_list {
width: 46%;
}
.box2 .box2_list p {
background: #ffec40;
text-align: center;
padding: 5px 0 !important;
font-size: 26px;
font-weight: 600;
line-height: 1.5;
}
.box2 .box2_list span.small {
font-size: 12px;
}
.box2 .box2_list .img {
margin: 20px auto;
}
.box2 .box2_list .flex .flex {}
.box2 .box2_list .tate {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-weight: 600;
background: #ffec40;
padding: 10px 5px;
margin-right: 10px;
font-size: 20px;
display: inherit;
}
.box2 .box2_list .tate2 {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-weight: 600;
text-align: center;
font-size: 20px;
}
.box2 .box2_list .kingaku {
/*width: 72%;*/
}
.box2 .box2_list .kingaku span:nth-child(1) {
display: block;
}
.box2 .box2_list .kingaku span.price {
color: #ef6b11;
font-size: 54px;
font-family: 'Impact', 'Arial', sans-serif !important;
display: flex;
align-items: end;
position: relative;
}
.box2 .box2_list .kingaku span.en {
font-size: 23px;
font-weight: 600;
color: #2a2a2a;
padding-left: 3px;
display: inline-block;
}
.box2 .box2_list .kingaku span.kome {
font-size: 15px;
color: #000;
position: absolute;
right: 2%;
top: 0;
}
@media only screen and (max-width: 769px) {
#sec_04 h3 {
width: 94%;
margin: 0 auto 20px auto;
}
.box2 {
margin-bottom: 20px;
padding-bottom: 0;
}
.box2 .flex {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
.box2 h4 {
font-size: 23px;
}
.box2 .box2_list {
width: 100%;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 640px) {
.box2 .flex .flex {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
.box2 h5 {
padding: 10px 0;
}
.box2 .box2_list .kingaku span.kome {
right: 3%;
}
.box2 .box2_list .kingaku span.price {
font-weight: bold;
display: inline-block;
}
.box2 .box2_list .tate,
.box2 .box2_list .tate2 {
width: 10%;
}
.box2 .box2_list .kingaku {
/* width: 70%; */
}
}
@media only screen and (max-width: 320px) {
.box2 .box2_list .tate,
.box2 .box2_list .tate2 {
font-size: 16px;
}
.box2 .box2_list .kingaku span.price {
font-size: 44px;
}
.box2 .box2_list .kingaku span.en {
font-size: 18px;
}
}
/* -------- section05 -------- */
#sec_05 {
padding-bottom: 40px;
}
#sec_05 .list_box .flex {
justify-content: space-evenly;
margin-bottom: 40px;
}
#sec_05 .list_box h3 {
margin: 0 auto;
padding: 30px 0 !important;
}
#sec_05 .list_box .keisan {}
#sec_05 .list_box .keisan p {
font-size: 28px;
font-weight: 600;
width: 85%;
margin: 0 auto 10px auto;
}
#sec_05 .list_box .keisan p span {
background: #ef6b11;
color: #fff;
padding: 0 30px;
display: inline-block;
margin-right: 10px;
font-weight: bold;
}
#sec_05 .list_box .shikibox {
background: #fff;
width: 85%;
margin: 30px auto;
padding: 10px;
box-sizing: border-box;
border: 2px solid;
border-radius: 9px
}
#sec_05 .list_box .shikibox p {
text-align: center;
font-size: 23px;
font-weight: 600;
}
#sec_05 .list_box .shikibox p.shiki {
color: #729b38;
}
#sec_05 .list_box .shikibox p.shiki span.small {
font-size: 18px;
}
#sec_05 .list_box .box_w {
background: #fff;
border: 1px solid #000;
border-radius: 10px;
padding-bottom: 40px;
width: 43%;
}
#sec_05 .list_box .box_w h4 {
background: #ef6b11 !important;
margin: 0;
padding: 20px !important;
color: #fff !important;
text-align: center;
font-weight: bold;
font-size: 20px;
}
#sec_05 .list_box .box_w p {
text-align: center;
font-size: 22px;
font-weight: 700;
margin-top: 30px;
}
#sec_05 .list_box .box_w p span {
font-size: 45px;
color: #ef6b11;
font-family: 'Impact', 'Arial', sans-serif !important;
letter-spacing: 4px;
}
#sec_05 .list_box .box_w span.minibox {
background: #e9edd9;
font-size: 13px;
padding: 5px;
font-weight: 700;
width: 53px;
display: inline-block;
line-height: 1.5;
margin-right: 7px;
letter-spacing: 1px;
}
#sec_05 .list_box .textbox {
background: #fff;
width: 90%;
margin: 30px auto 0 auto;
padding: 15px;
box-sizing: border-box;
}
#sec_05 .list_box .textbox p span {
background: #89b653;
padding: 0 10px;
border-radius: 10px;
margin-bottom: 10px;
display: inline-block;
font-weight: 600;
}
@media only screen and (max-width: 769px) {
.list_box {
padding: 0 4%;
}
.list_box .inner {
padding: 0;
}
#sec_05 .list_box .box_w {
width: 100%;
margin-bottom: 20px;
}
#sec_05 .list_box .textbox {
width: 100%;
}
#sec_05 .list_box .keisan p span {
display: block;
text-align: center;
font-size: 24px;
}
#sec_05 .list_box .keisan p {
font-size: 22px;
width: 100%;
margin: 0 auto 20px auto;
text-align: center;
}
#sec_05 .list_box .shikibox {
width: 100%;
}
#sec_05 .list_box .box_w h4 {
padding: 10px !important;
}
#sec_05 .list_box .box_w p {
font-size: 22px;
}
#sec_05 .list_box .box_w p span {
font-weight: bold;
}
}
/* -------- 表1 -------- */
table td {
vertical-align: middle;
line-height: 1.2;
}
.table_1 {
background: #fff;
border: 1px solid #000;
padding-bottom: 40px;
width: 100%;
margin: 10px auto;
}
.table_1 th {
background: #ea9600 !important;
margin: 0;
padding: 12px !important;
color: #fff !important;
text-align: center;
font-weight: bold;
font-size: 16px;
border-right: 1px solid #000;
line-height: 1.4;
vertical-align: middle;
}
.table_1.type_hayami th {
background: #008c6c !important;
}
.table_1.type_B th {
background: #e86b4f !important;
}
.table_1 .colorBox_A,
.colorBox_B,
.colorBox_C {
font-size: 16px;
margin-bottom: 5px;
}
.table_1 td {
padding: 20px;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
text-align: center;
font-size: 13px;
}
.table_1 td span.en {
font-size: 45px;
color: #ef6b11;
font-family: 'Impact', 'Arial', sans-serif !important;
letter-spacing: 4px;
}
@media only screen and (max-width: 769px) {
.table_1 {
width: 100%;
border-collapse: collapse;
white-space: nowrap;
}
.table_1 td {
font-size: 14px;
padding: 5px;
text-align: left;
}
.table_1 td span.en {
font-size: 28px;
font-weight: bold;
}
.table_1 td span.small {
font-size: 14px;
}
.table_1 th {
padding: 10px !important;
font-size: 16px;
}
}
/* -------- 表2 -------- */
.table_2 {
background: #fff;
border: 1px solid #000;
padding-bottom: 40px;
width: 100%;
margin: 0 auto;
}
.table_2 tr {
display: contents;
height: 100%;
}
.table_2 th {
background: #ef6b11 !important;
margin: 0;
padding: 20px !important;
color: #fff !important;
text-align: center;
font-weight: bold;
font-size: 20px;
border-right: 1px solid #000;
}
.table_2 td {
padding: 20px;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
text-align: center;
font-size: 23px;
font-weight: 600;
}
.table_2 td span.en {
font-size: 45px;
color: #ef6b11;
font-family: 'Impact', 'Arial', sans-serif !important;
letter-spacing: 4px;
}
table.table_2 h5 {
text-align: left;
font-size: 25px;
font-weight: 600;
color: #ef6b11;
}
table.table_2 p span {
color: #89b653;
}
table.table_2 p span.small {
color: #000;
font-size: 13px;
}
@media only screen and (max-width: 769px) {
.table_wrap {
overflow-x: scroll;
}
.table_2 {
width: 100%;
border-collapse: collapse;
white-space: nowrap;
}
.table_2 th,
.table_2 td {
padding: 10px !important;
font-size: 16px;
}
table.table_2 h5 {
font-size: 22px;
}
.table_2 th:nth-child(3) {
padding: 10px 186px !important;
}
}
/* -------- 表3 -------- */
.table_3 {
background: #fff;
border: 1px solid #000;
padding-bottom: 40px;
width: 100%;
margin: 0 auto;
}
.table_3 th {
background: #008c6c !important;
margin: 0;
padding: 20px !important;
color: #fff !important;
text-align: center;
font-weight: bold;
font-size: 16px;
border-right: 1px solid #000;
}
.table_3 td {
padding: 10px;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
text-align: center;
font-size: 12px;
}
.table_3 th:first-child {
width: 20%;
background: none !important;
border-bottom: 1px solid #000;
}
.table_3 th:nth-child(2) {
background: #89b653 !important;
}
.table_3 td span.en {
font-size: 45px;
color: #ef6b11;
font-family: 'Impact', 'Arial', sans-serif !important;
letter-spacing: 4px;
}
.table_3 td span.small {
font-size: 11px;
}
.table_3 strong {
font-weight: 600 !important;
}
@media only screen and (max-width: 769px) {
.table_3 {
width: 100%;
}
}
/* -------- 表4 -------- */
.table_4 {
background: #fff;
border: 1px solid #000;
padding-bottom: 40px;
width: 100%;
margin: 0 auto 7px auto;
}
.table_4 th {
background: #008c6c !important;
margin: 0;
padding: 20px 5px !important;
color: #fff !important;
text-align: center;
font-weight: bold;
font-size: 16px;
border-right: 1px solid #000;
line-height: 1.4;
vertical-align: middle;
}
.table_4.type_B th {
background: #e86b4f !important;
}
.table_4 td {
padding: 10px;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
text-align: center;
font-size: 13px;
}
.table_4 td span.d {
font-size: 26px;
font-weight: 600;
padding: 0 2px;
display: inline-block;
}
@media only screen and (max-width: 769px) {
.table_4 {
width: 100%;
}
.table_4 th {
padding: 5px !important;
font-size: 14px;
}
.table_4 td {
padding: 10px;
font-size: 13px;
line-height: 1.2;
}
.table_4 td span.d {
font-size: 22px;
}
}
/* -------- section06 -------- */
#sec_06 {
padding-bottom: 60px;
}
#sec_06 h3 {
margin: 0 auto;
padding: 30px 0 !important;
}
#sec_06 h3.chigai {
padding: 60px 0 0 0 !important;
}
h4.leftborder {
margin: 20px auto 20px 4%;
border-left: 10px solid #89b653 !important;
background: none !important;
padding-left: 10px !important;
font-size: 25px;
font-weight: 600;
}
.youken {
width: 91%;
margin: 0 auto 40px auto;
}
.youken p {
background: #fff;
padding: 10px 10px 10px 13px !important;
font-size: 23px;
font-weight: 600;
display: flex;
margin-bottom: 10px;
}
.youken p span {
color: #ef6b11;
padding-right: 10px;
font-weight: 600;
display: inline-block;
vertical-align: top;
}
.youken p span.normal {
color: #000;
width: 30%;
}
@media only screen and (max-width: 769px) {
h4.leftborder {
margin: 20px auto;
font-size: 19px;
}
.youken,
.youken p span.normal {
width: 100%;
}
.youken p {
text-align: center;
}
.youken p,
.youken p span,
.youken p span {
display: block;
}
}
/* -------- section07 -------- */
#sec_07 {
padding: 40px 0 60px 0;
}
#sec_07 .flex {
margin: 0 auto;
justify-content: center;
}
#sec_07 .flex .text h3 {
font-size: 30px;
padding-left: 30px !important;
font-weight: 600;
}
#sec_07 .flex .text h3 span {
color: #ef6b11;
font-weight: 600;
}
#sec_07 .inner p {
text-align: center;
margin-bottom: 60px;
}
#sec_07 .inner h4 {
background: #e9edd9 !important;
padding: 10px !important;
border-left: 10px solid #89b653 !important;
margin: 30px auto 10px auto;
font-weight: 600;
font-size: 23px;
}
#sec_07 .inner h4 span {
display: inline-block;
color: #fff;
font-weight: 600;
background: #ef6b11;
border-radius: 20px;
padding: 0 10px;
font-size: 15px;
margin-left: 10px;
}
#sec_07 .inner h5 {
color: #749e39;
font-weight: 600;
font-size: 20px;
padding-left: 20px;
}
#sec_07 .inner ul {
padding: 10px 0 0 20px;
}
#sec_07 .inner ul li {
font-size: 18px;
padding-bottom: 5px;
}
#sec_07 .inner ul li span {
color: #ef6b11;
}
@media only screen and (max-width: 769px) {
#sec_07 .sec_02_deco2 {
display: block;
width: 17%;
margin: 0 auto;
}
#sec_07 .flex .text h3 {
font-size: 24px;
padding-left: 0 !important;
text-align: center;
}
#sec_07 .inner p {
margin-bottom: 40px;
}
#sec_07 .inner h4 {
font-size: 18px;
}
#sec_07 .inner h5 {
font-size: 18px;
padding-left: 0;
}
}
/* -------- section08 -------- */
#sec_08 {
padding: 40px 0 60px;
}
.schedule {
margin-bottom: 20px;
}
@media only screen and (max-width: 769px) {
.schedule {
overflow-x: scroll;
}
.schedule img {
width: 730px;
height: 488px;
max-width: none;
}
}
/* -------- section09 -------- */
#sec_09 {
padding: 40px 0;
}
.contact_txt {}
.contact_txt p {
font-size: 19px;
text-align: center;
font-weight: 600;
}
.contact_txt p.soudan {
font-size: 24px;
}
.contact_txt p span {
font-weight: 600;
color: #ef6b11;
}
.contact_txt_2 {
background: #efefef;
padding: 30px 10px;
}
.contact_txt_2 .txt {
width: 59%;
}
.contact_txt_2 .txt p {
font-size: 21px;
font-weight: 600;
}
.contact_txt_2 .img {
width: 36%;
}
@media only screen and (max-width: 769px) {
#sec_09 h3 {
padding: 0 4% !important;
}
.contact_txt {
padding: 0 4%;
}
.contact_txt_2 .txt,
.contact_txt_2 .img {
width: 100%;
}
.contact_txt_2 .img {
text-align: center;
}
.contact_txt_2 {
padding: 40px 4%;
}
.contact_txt_2 .txt p {
font-size: 19px;
}
.contact_txt_2 img {
width: 50%;
}
}
/*お問い合わせボタン表示非表示*/
.d-640 {
display: block;
}
.d640-320 {
display: none;
}
@media screen and (max-width: 640px) {
.d-640 {
display: none;
}
}
@media screen and (max-width: 640px) {
.d640-320 {
display: block;
}
}
.inPost .side-ttl__pt2--head {
background: none !important;
font-size: 1.8rem !important;
font-weight: 600 !important;
color: #222 !important;
padding: 0 !important;
margin: 0 !important;
}
//CLS
.fv_01_p1 img {
aspect-ratio: 213/193;
}
// スクロールバーの視認性向上
.table_wrap::-webkit-scrollbar{
width: 10px;
height: 6px;
}
.table_wrap::-webkit-scrollbar-track{
background-color: #ccc;
}
.table_wrap::-webkit-scrollbar-thumb{
background-color: #e86b4f;
}
.schedule::-webkit-scrollbar{
width: 10px;
height: 6px;
}
.schedule::-webkit-scrollbar-track{
background-color: #ccc;
}
.schedule::-webkit-scrollbar-thumb{
background-color: #e86b4f;
}
