@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*-----------------*/
/* 
--------------------------------------------------------- */
/* VWはSPのみ利用
--------------------------------------------------------- */
/*===contents===*/
#page01, #page02, #page03, #page04 { padding-top: 80px; margin-top: -80px; }

@media (max-width: 750px) { .sp_image img { width: 100%; height: auto; } }

#company__con { margin: 0 auto; width: 90%; }

.ttl--or-01 { color: #FF9900; padding-bottom: 2em; font-family: 'Noto Serif JP', serif; font-size: 2.2rem; }
@media (max-width: 750px) { .ttl--or-01 { padding-bottom: 1em; padding-top: 1em; } }

.ttl--or-02 { display: inline-block; color: #FF9900; padding-bottom: 0.25em; padding-right: 2em; font-size: 2.8rem; border-bottom: 3px solid #FF9900; margin-bottom: 1em; font-weight: 500; }
@media (max-width: 750px) { .ttl--or-02 { padding-bottom: 0em; padding-top: 1em; padding-right: 0em; } }

.ad--subttl01 { font-size: 2.7rem; line-height: 2.0em; }
@media (max-width: 750px) { .ad--subttl01 { line-height: 1.8em; } }

.flex-box--4-1-3 { display: flex; flex-wrap: nowrap; justify-content: space-between; }
@media (max-width: 750px) { .flex-box--4-1-3 { display: block; } }
.flex-box--4-1-3 .flex-box--img { width: 25%; }
@media (max-width: 750px) { .flex-box--4-1-3 .flex-box--img { margin: 0 calc(50% - 50vw); width: 100vw; } }
@media (max-width: 750px) { .flex-box--4-1-3 .flex-box--img img { width: 100%; height: auto; } }
.flex-box--4-1-3 .flex-box--text { width: 70%; padding-bottom: 1em; font-size: 1.7rem; padding-left: 2em; }
@media (max-width: 750px) { .flex-box--4-1-3 .flex-box--text { width: 100%; padding-left: 0em; padding-top: 1.5em; } }

.flex-box--3-1-2 { display: flex; flex-wrap: nowrap; font-size: 1.4rem; }
@media (max-width: 750px) { .flex-box--3-1-2 { display: block; width: 100%; } }
.flex-box--3-1-2 .flex-box--img { width: 40%; }
@media (max-width: 750px) { .flex-box--3-1-2 .flex-box--img { width: 100%; } }
.flex-box--3-1-2 .flex-box--img img { width: 100%; height: auto; }
@media (max-width: 750px) { .flex-box--3-1-2 .flex-box--img img { width: 100%; height: auto; } }
.flex-box--3-1-2 .flex-box--text { width: 60%; padding-left: 2em; }
@media (max-width: 750px) { .flex-box--3-1-2 .flex-box--text { width: 100%; padding-left: 0em; } }

.wd1260 { max-width: 1260px; margin: 0 auto; }
@media (max-width: 750px) { .wd1260 { width: 100%; } }

.wd1240 { max-width: 1240px; width: 100%; margin: 0 auto; }
@media (max-width: 750px) { .wd1240 { width: 100%; } }

.wd1210 { max-width: 1210px; width: 100%; margin: 0 auto; }
@media (max-width: 750px) { .wd1210 { width: 100%; } }
/*------調整---
.adv--box { padding: 2.5em 0; font-size: 1.4rem; }
-----調整------*/
.adv--box { padding: 2.5em 0; font-size: 1.4rem; width: 80%; margin: 0 auto;}
@media (max-width: 750px) { .adv--box { padding: 0em 0 1em 0; } }

.common--box { padding: 8em 0; }
@media (max-width: 750px) { .common--box { padding: 0em 0 3em 0; } }

#advan__con { padding: 3em 0 2em 0; }
#advan__con a[href^="http"]:after, #advan__con a[href^="//"]:after { margin: 0 0 0 3px; font-family: "Font Awesome 5 Free"; content: '\f35d'; font-weight: 900; }
#advan__con a[href^="http://shinchu-kakou.com/"]:after { margin: inherit; font-family: inherit; content: ''; font-weight: inherit; }
@media (max-width: 750px) { #advan__con { width: 90%; margin: 0 auto; } }

.advan--list01 { width: 80%; margin: 0 auto 2em auto; border-top: 1px #B7B7B7 solid; }
.advan--list01 li { border-bottom: 1px #B7B7B7 solid; border-right: 1px #B7B7B7 solid; border-left: 1px #B7B7B7 solid; padding: 2em 2em; }

.flex-box--3-1-1-1 { display: flex; flex-wrap: wrap; justify-content: space-between; }
@media (max-width: 750px) { .flex-box--3-1-1-1 { display: bock; width: 100%; } }
.flex-box--3-1-1-1 .staff_ttl { text-align: center; }
@media (max-width: 750px) { .flex-box--3-1-1-1 .staff_ttl { width: 100%; height: auto; padding: 0em 0em !important; } }
@media (max-width: 750px) { .flex-box--3-1-1-1 .staff_ttl img { width: 100%; height: auto; } }
.flex-box--3-1-1-1 .staff_box { width: 30%; padding: 2em 0; font-size: 2rem; }
@media (max-width: 750px) { .flex-box--3-1-1-1 .staff_box { width: 100%; margin: 0 auto; } }
@media (max-width: 750px) { .flex-box--3-1-1-1 .staff_box ul { width: 90%; margin: 0 auto; } }
@media (max-width: 750px) { .flex-box--3-1-1-1 .staff_box .st--img { text-align: center; } }
@media (max-width: 750px) { .flex-box--3-1-1-1 .staff_box .st--img img { max-width: 90%; height: auto; } }
.flex-box--3-1-1-1 .staff_box .st--name { color: #FF9900; font-weight: 600; display: none; }
.flex-box--3-1-1-1 .staff_box .stf--btn { display: none; }
@media (max-width: 750px) { .flex-box--3-1-1-1 .staff_box .stf--btn { cursor: pointer; display: block; color: #FF9900; text-align: center; text-decoration: underline; }
  .flex-box--3-1-1-1 .staff_box .stf--btn a { color: #FF9900; text-decoration: underline; } }
.flex-box--3-1-1-1 .staff_box .st--hobby { border-bottom: dotted 1px #000; padding: 1em 0; }
.flex-box--3-1-1-1 .staff_box .st--food { border-bottom: dotted 1px #000; padding: 1em 0; }
.flex-box--3-1-1-1 .staff_box .st--comment { padding: 1em 0; }
.flex-box--3-1-1-1 .staff_box .fa:before { /*display: inline-block;*/ text-decoration: underline; }
@media (max-width: 750px) { .flex-box--3-1-1-1 .staff_box .hidecon { display: none; } }

.flex--4-auto { display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 2em 0; }
@media (max-width: 750px) { .flex--4-auto { flex-wrap: wrap; } }
.flex--4-auto li { width: 23%; }
@media (max-width: 750px) { .flex--4-auto li { width: 48%; } }
.flex--4-auto li img { max-width: 100%; height: auto; }

.flex--2-auto { display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 2em 0 4em 0; }
.flex--2-auto li { width: 48%; }
.flex--2-auto li img { max-width: 100%; height: auto; }

.pick-up--box { border: solid 2px #FF9900; }
.pick-up--box p { padding: 1.5em 1.5em; }

.text--mark { background: #FFCC00; }

.sub_line { border-top: solid 20px #FF9900; }

.inq--area-pt01 { padding: 5em 0; text-align: center; width: 100%; max-width: 1140px; margin: 0 auto; }

.text--32 { font-size: 3.2rem; }

.text--28 { font-size: 2.8rem; }

#visual_img { position: relative; }
@media (max-width: 750px) { #visual_img { padding-top: 70px; } }
#visual_img .contents--ttl { text-align: right; vertical-align: bottom; position: absolute; bottom: 0%; right: 10%; margin: 0 auto; }
@media (max-width: 750px) { #visual_img .contents--ttl { width: 20%; height: auto; bottom: 0%; right: 0%; text-align: right; } }
#visual_img .contents--ttl img { vertical-align: bottom; display: block; width: auto; height: 100%; max-height: 125px; }
@media (max-width: 1800px) { #visual_img .contents--ttl img { display: block; width: auto; height: 100%; max-height: 90px; } }
@media (max-width: 1400px) { #visual_img .contents--ttl img { display: block; width: auto; height: 100%; max-height: 70px; } }
@media (max-width: 750px) { #visual_img .contents--ttl img { width: 88%; height: auto; bottom: 0%; right: 0%; } }
#visual_img span img { vertical-align: bottom; display: block; width: 100%; height: auto; }
#visual_img .s-size img { vertical-align: bottom; display: block; width: 100%; height: auto; margin-top: -10%; }

#contents_img {    /* 	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
 overflow: hidden;*/ }
#contents_img img { vertical-align: bottom; display: block; width: 100%; height: auto; }

#pankuzu_wrap { background: #E4E4E4; width: 100%; }
#pankuzu_wrap #pankuzu_nav { max-width: 1240px; width: 100%; margin: 0 auto; display: flex; align-items: center; }
@media (max-width: 750px) { #pankuzu_wrap #pankuzu_nav { margin: 0 0; } }
@media (max-width: 750px) { #pankuzu_wrap #pankuzu_nav span { display: inline-flex; } }
#pankuzu_wrap #pankuzu_nav li { padding: 1.3em 1.8em; font-size: 1.5rem;　font-weight: bold!important; }
@media (max-width: 750px) { #pankuzu_wrap #pankuzu_nav li { font-size: 1.5rem; padding: 0em 0em; font-weight: bold;} }
#pankuzu_wrap #pankuzu_nav .nav--ttl { color: #FFF; background: #FF9900; }
#pankuzu_wrap #pankuzu_nav .nav--active { color: #003670; }

/*TABLE*/
.common_table { width: 100%; }
.common_table th { background: #EEEEEE; border-bottom: #FFF 1px solid; border-right: #FFF 1px solid; padding: 1em 0 1em 1em; vertical-align: top; }
@media (max-width: 750px) { .common_table th { display: block; width: 100%; } }
.common_table td { background: #F5F5F5; border-bottom: #FFF 1px solid; padding: 1em 0.5em 1em 1em; }
@media (max-width: 750px) { .common_table td { display: block; width: 100%; } }

.ta--com-pt01 { width: 100%; max-width: 910px; margin: 0 auto; }
@media (max-width: 750px) { .ta--com-pt01 { padding-bottom: 2.5em; } }

.common_ta01 { width: 100%; font-size: 1.7rem; line-height: 2.2em; }
.common_ta01 th { background: #EEEEEE; border-bottom: #FFF 1px solid; border-right: #FFF 1px solid; padding: 1em 0 1em 1em; width: 15%; vertical-align: top; text-align: left; font-weight: normal; }
@media (max-width: 750px) { .common_ta01 th { display: block; width: 100%; } }
.common_ta01 td { background: #F5F5F5; border-bottom: #FFF 1px solid; padding: 1em 0.5em 1em 1em; width: 85%; }
@media (max-width: 750px) { .common_ta01 td { display: block; width: 100%; } }
.common_ta01 td a:hover { text-decoration: underline; }

.com_ttl { font-weight: 600; }
@media (max-width: 750px) { .com_ttl { padding-left: 0.5em; } }

@media (max-width: 750px) { #flow__con { width: 90%; margin: 0 auto; } }
#flow__con .eyec_text { text-align: center; padding: 2em 0 2em 0; font-size: 2.8rem; }
@media (max-width: 750px) { #flow__con .eyec_text { padding: 1.5em 1em 1.5em 1em; font-size: 3.7333333333vw; } }
#flow__con .fre { font-size: 6.2rem !important; }
@media (max-width: 750px) { #flow__con .fre { font-size: 4rem !important; } }
#flow__con .end_text { text-align: center; padding: 10em 0em 10em 0em; }
@media (max-width: 750px) { #flow__con .end_text { font-size: 3.7333333333vw; padding: 2em 1em 2em 1em; } }
#flow__con .end_text .btn-to-case { display: inline-block; margin: 0 auto; padding: 1em 0; }
#flow__con .end_text .btn-to-case a { border-radius: 10px; background: #FF9900; color: #FFF; padding: 1em 2em; font-weight: 400; display: block; font-size: 2.8rem; width: 330px; height: 90px; }
#flow__con .flow--box { display: flex; justify-content: space-between; padding: 4em 0; }
@media (max-width: 750px) { #flow__con .flow--box { display: block; } }
#flow__con .flow--box .flow--box--list .list--ttl { padding-bottom: 2.5em; }
@media (max-width: 750px) { #flow__con .flow--box .flow--box--list .list--ttl { width: 100%; } }
#flow__con .flow--box .flow--box--list .list--ttl img { max-width: 80%; height: auto; }
@media (max-width: 750px) { #flow__con .flow--box .flow--box--list .list--ttl img { max-width: 60%; height: auto; } }
#flow__con .flow--box .flow--box--list .list--text { padding-left: 5px; font-size: 1.7rem; line-height: 2.4em; }
@media (max-width: 750px) { #flow__con .flow--box .flow--box--list .list--text { padding: 0 0 2em 0; font-size: 2.9333333333vw; } }
#flow__con .flow--box .flow--box--list ul { border-bottom: 2px solid #FF9900; padding-bottom: 2em; padding-right: 1em; }
#flow__con .flow--box .flow--box--list ul li { line-height: .5; }
#flow__con .flow--box .flow--box--list ul .v-step { color: #FF9900; font-size: 4rem; padding-bottom: 1em; }
#flow__con .flow--box .flow--box--list ul .v-step span { font-weight: 600; font-size: 6rem; }
@media (max-width: 750px) { #flow__con .flow--box .flow--box--list ul .v-step span { font-size: 8vw; } }
/*------調整---
#flow__con .flow--box .flow--box--list ul .v-ttl { font-weight: 500; font-size: 4rem; padding-bottom: 0.1em; }
@media (max-width: 750px) { #flow__con .flow--box .flow--box--list ul .v-ttl { font-size: 8rem; }}
-----調整------*/
#flow__con .flow--box .flow--box--list ul .v-ttl { font-weight: 500; font-size: 4rem!important; padding-bottom: 0.1em; }
@media (max-width: 750px) { #flow__con .flow--box .flow--box--list ul .v-ttl { font-size: 4rem; }}

@media (max-width: 750px) { #flow__con .flow--box .flow--img { width: 100%; } }
#flow__con .flow--box .flow--img img { max-width: 100%; height: auto; }
@media (max-width: 750px) { #flow__con .flow--box .flow--img img { width: 100%; height: auto; } }
#flow__con .st-right { flex-direction: row-reverse; }

.cp_ipselect { overflow: hidden; width: 100%; margin: 0em auto; text-align: center; }

.cp_ipselect select { width: 100%; padding-right: 1.5em; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; border: none; outline: none; background-image: none; box-shadow: none !important; -webkit-appearance: none; appearance: none; }

.cp_ipselect select::-ms-expand { display: none; }

.cp_ipselect.cp_sl01 { position: relative; border: 0px solid #FFF; border-radius: 0px; background: #FFF; }

.cp_ipselect.cp_sl01::before { position: absolute; top: 3.4em; right: 1.8em; width: 0; height: 0; padding: 0; content: ''; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #FFF; pointer-events: none; }

.cp_ipselect.cp_sl01 select { padding: 12px 38px 12px 20px; color: #FFF; background: #FF9900; line-height: 80px; font-size: 2.4rem; }

.cp_ipselect.cp_sl01 option { color: #000; background: #FFF; line-height: 80px; font-size: 2.4rem; padding-left: 5em; box-shadow: none !important; }

.dp--list { color: #000; background: #FFF; padding-left: 5em; box-shadow: none !important; }

#sitemap__con { font-size: 1.4rem; display: flex; justify-content: space-between; padding: 90px 0 80px 0; }
@media (max-width: 750px) { #sitemap__con { display: block; padding: 6.6666666667vw 0 6.6666666667vw 0; } }
#sitemap__con .sitemap--box { width: 30%; }
@media (max-width: 750px) { #sitemap__con .sitemap--box { width: 90%; margin: 0 auto; } }
#sitemap__con .sitemap--box .sitemap--list { padding-bottom: 85px; }
@media (max-width: 750px) { #sitemap__con .sitemap--box .sitemap--list { padding-bottom: 6.6666666667vw; } }
#sitemap__con .sitemap--box .sitemap--list .s-list--ttl { color: #FF9900; border-top: solid 1px #FF9900; border-left: solid 9px #FF9900; border-bottom: solid 1px #FF9900; border-right: solid 1px #FF9900; box-sizing: border-box; padding-left: 25px; line-height: 50px; font-weight: 500; font-size: 2.4rem; }
#sitemap__con .sitemap--box .sitemap--list .s-list--ttl a { line-height: 50px; color: #FF9900; position: relative; display: inline-block; width: 100%; text-decoration: none; font-size: 2.4rem; }
#sitemap__con .sitemap--box .sitemap--list .s-list--ttl a:after { content: ''; width: 6px; height: 6px; border: 0; border-top: solid 2px #FF9900; border-right: solid 2px #FF9900; position: absolute; top: 40%; right: 22px; transform: rotate(45deg); }
#sitemap__con .sitemap--box .sitemap--list dd { padding: 22px 0 22px 10px; border-bottom: solid 1px #FF9900; font-size: 2.2rem; }
#sitemap__con .sitemap--box .sitemap--list dd a { position: relative; display: inline-block; padding-left: 20px; color: #000; text-decoration: none; }
#sitemap__con .sitemap--box .sitemap--list dd a:before { content: ''; width: 6px; height: 6px; border: 0; border-top: solid 2px #FF9900; border-right: solid 2px #FF9900; position: absolute; top: 14px; left: 0; /*  margin-top: -4px;*/ transform: rotate(45deg); }