tc_construction.scss
.construction_page__inner {
box-sizing: border-box;
max-width: 980px;
margin: 0 auto;
padding: 0 20px;
}
@media screen and (max-width: 1024px) {
.construction_page__inner {
padding: 0 2%;
}
}
/*css common*/
.construction_page section {
box-sizing: border-box;
}
.construction_page .tc {
max-width: none;
margin: 0 auto;
}
.construction_page .clearfix::after {
content: "";
display: block;
clear: both;
}
.construction_page p {
font-size: 16px;
line-height: 1.625em;
letter-spacing: 0;
line-height: 2em;
font-size: 20px;
letter-spacing: 0.1em;
}
@media screen and (max-width: 1024px) {
.construction_page p {
font-size: 16px;
}
}
.construction_page img {
display: block;
margin: 0 auto;
overflow: hidden;
}
.construction_page .display-pc {
display: block;
}
@media screen and (max-width: 767px) {
.construction_page .display-pc {
display: none;
}
}
.construction_page .display-tb {
display: none;
}
@media screen and (max-width: 1024px) {
.construction_page .display-tb {
display: block;
}
}
.construction_page .display-sp {
display: none;
}
@media screen and (max-width: 767px) {
.construction_page .display-sp {
display: block;
}
}
.construction_page__bg {
background-position: top;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 767px) {
.construction_page__bg {
background-position: center;
}
}
.construction_page__inner {
box-sizing: border-box;
max-width: 980px;
padding: 0 20px;
margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.construction_page__inner {
padding: 0 2%;
}
}
.construction01_qa_acdn {
cursor: pointer;
}
a.construction01_qa_acdn:hover {
opacity: 0.6;
}
.construction01_qa_wrap {
max-width: 980px;
margin: 0 auto;
overflow: hidden;
}
.construction01_qa_wrap .construction01_qa {
width: 100%;
max-width: 940px;
padding: 30px;
margin-bottom: 20px;
background-size: 70px auto;
text-align: left;
box-sizing: border-box;
transition: all 0.4s !important;
-webkit-transition: all 0.4s !important;
background-color: #ff7900;
}
@media screen and (max-width: 1024px) {
.construction01_qa_wrap .construction01_qa {
margin-bottom: 2%;
padding: 3%;
background-size: 7% auto;
}
}
@media screen and (max-width: 767px) {
.construction01_qa_wrap .construction01_qa {
padding: 4%;
}
}
.construction01_qa_wrap .construction01_qa h4 {
font-size: 28px;
font-weight: normal;
color: #fff;
position: relative;
line-height: 1.5em;
letter-spacing: 0.1em;
padding-right: 0.5em;
}
@media screen and (max-width: 767px) {
.construction01_qa_wrap .construction01_qa h4 {
font-size: 24px;
}
}
@media screen and (max-width: 460px) {
.construction01_qa_wrap .construction01_qa h4 {
font-size: 20px;
}
}
@media screen and (max-width: 380px) {
.construction01_qa_wrap .construction01_qa h4 {
font-size: 18px;
letter-spacing: 0.05em;
}
}
.construction01_qa_wrap .construction01_qa h4::after {
content: "+";
height: 1em;
margin: auto;
line-height: 1em;
font-weight: bold;
text-align: right;
position: absolute;
top: 0;
bottom: 0;
right: 0;
font-size: 24px;
}
.construction01_qa_wrap .construction01_qa h4 > span {
font-size: 24px;
color: #222;
}
@media screen and (max-width: 767px) {
.construction01_qa_wrap .construction01_qa h4 > span {
display: block;
font-size: 20px;
}
}
@media screen and (max-width: 460px) {
.construction01_qa_wrap .construction01_qa h4 > span {
font-size: 16px;
}
}
@media screen and (max-width: 380px) {
.construction01_qa_wrap .construction01_qa h4 > span {
font-size: 14px;
}
}
.construction01_qa_wrap .construction01_qa .construction01_qa_acdn_01--cnt {
display: none;
background: #fff;
margin-top: 30px;
}
@media screen and (max-width: 1024px) {
.construction01_qa_wrap .construction01_qa .construction01_qa_acdn_01--cnt {
margin-top: 3%;
}
}
.construction01_qa_wrap .construction01_qa .construction01_qa_acdn_01--cnt > p {
float: left;
padding: 30px;
font-size: 16px;
box-sizing: border-box;
max-width: 490px;
letter-spacing: 0.05em;
line-height: 1.625em;
}
@media screen and (max-width: 1024px) {
.construction01_qa_wrap .construction01_qa .construction01_qa_acdn_01--cnt > p {
padding: 4%;
width: 55%;
}
}
@media screen and (max-width: 767px) {
.construction01_qa_wrap .construction01_qa .construction01_qa_acdn_01--cnt > p {
width: 100%;
float: none;
}
}
.construction01_qa_wrap .construction01_qa .construction01_qa_acdn_01--cnt--inner {
float: left;
}
.construction01_qa_wrap .construction01_qa .construction01_qa_acdn_01--cnt--inner h5 {
font-size: 20px;
letter-spacing: 0.05em;
line-height: 1.7em;
border-bottom: 1px solid #000;
}
.construction01_qa_wrap .construction01_qa .construction01_qa_acdn_01--cnt--inner h5 span {
font-size: 18px;
display: block;
color: #087645;
}
.construction01_qa_wrap .construction01_qa .construction01_qa_acdn_01--cnt--inner p {
margin-bottom: 30px;
}
.construction01_qa_wrap .construction01_qa .construction01_qa_acdn_01--cnt > img {
float: right;
width: 390px;
}
@media screen and (max-width: 1024px) {
.construction01_qa_wrap .construction01_qa .construction01_qa_acdn_01--cnt > img {
width: 45%;
}
}
@media screen and (max-width: 767px) {
.construction01_qa_wrap .construction01_qa .construction01_qa_acdn_01--cnt > img {
width: 100%;
float: none;
}
}
.construction01_qa_wrap a:hover {
text-decoration: none;
}
.construction01_qa_wrap a:hover .construction01_qa h4 {
color: #fff;
text-decoration: none;
}
.construction01_qa_wrap a:hover .construction01_qa p {
color: #000;
text-decoration: none;
}
.construction01_qa_wrap a .construction01_qa.qa_on {
background-color: #222;
}
.construction01_qa_wrap a .construction01_qa.qa_on > h4 > span {
color: #ff7900;
}
.construction01_qa_wrap .construction01_qa.qa_on h4, .construction01_qa_wrap a:hover .construction01_qa.qa_on, .construction01_qa_wrap a:hover .construction01_qa.qa_on h4 {
color: #fff;
}
.construction01_qa_wrap .construction01_qa.qa_on h4::after {
content: "-";
color: #fff;
}
.construction01_qa_wrap #construction01_qa_acdn_01.construction01_qa > div {
display: block;
}
.construction02_qa_acdn {
cursor: pointer;
}
a.construction02_qa_acdn:hover {
opacity: 0.6;
}
.construction02_qa_wrap {
max-width: 980px;
margin: 0 auto;
overflow: hidden;
}
.construction02_qa_wrap .construction02_qa {
width: 100%;
max-width: 940px;
padding: 30px;
margin-bottom: 20px;
background-size: 70px auto;
text-align: left;
box-sizing: border-box;
transition: all 0.4s !important;
-webkit-transition: all 0.4s !important;
background-color: #ff7900;
}
@media screen and (max-width: 1024px) {
.construction02_qa_wrap .construction02_qa {
margin-bottom: 2%;
padding: 3%;
background-size: 7% auto;
}
}
@media screen and (max-width: 767px) {
.construction02_qa_wrap .construction02_qa {
padding: 4%;
}
}
.construction02_qa_wrap .construction02_qa h4 {
font-size: 28px;
font-weight: normal;
color: #fff;
position: relative;
line-height: 1.5em;
letter-spacing: 0.1em;
padding-right: 0.5em;
}
@media screen and (max-width: 767px) {
.construction02_qa_wrap .construction02_qa h4 {
font-size: 24px;
}
}
@media screen and (max-width: 460px) {
.construction02_qa_wrap .construction02_qa h4 {
font-size: 20px;
}
}
@media screen and (max-width: 380px) {
.construction02_qa_wrap .construction02_qa h4 {
font-size: 18px;
letter-spacing: 0.05em;
}
}
.construction02_qa_wrap .construction02_qa h4::after {
content: "+";
height: 1em;
margin: auto;
line-height: 1em;
font-weight: bold;
text-align: right;
position: absolute;
top: 0;
bottom: 0;
right: 0;
font-size: 24px;
}
.construction02_qa_wrap .construction02_qa h4 > span {
font-size: 24px;
color: #222;
}
@media screen and (max-width: 767px) {
.construction02_qa_wrap .construction02_qa h4 > span {
display: block;
font-size: 20px;
}
}
@media screen and (max-width: 460px) {
.construction02_qa_wrap .construction02_qa h4 > span {
font-size: 16px;
}
}
@media screen and (max-width: 380px) {
.construction02_qa_wrap .construction02_qa h4 > span {
font-size: 14px;
}
}
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt {
display: none;
background: #fff;
margin-top: 30px;
}
@media screen and (max-width: 1024px) {
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt {
margin-top: 3%;
}
}
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt > p {
float: left;
padding: 30px;
font-size: 16px;
box-sizing: border-box;
max-width: 490px;
letter-spacing: 0.05em;
line-height: 1.625em;
}
@media screen and (max-width: 1024px) {
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt > p {
padding: 4%;
width: 55%;
}
}
@media screen and (max-width: 767px) {
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt > p {
width: 100%;
float: none;
}
}
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt--inner--01 {
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt--inner--01 {
margin-bottom: 4%;
}
}
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt--inner--01 > div {
float: left;
padding: 40px;
box-sizing: border-box;
width: 490px;
}
@media screen and (max-width: 1024px) {
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt--inner--01 > div {
width: 55%;
padding: 4%;
}
}
@media screen and (max-width: 767px) {
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt--inner--01 > div {
float: none;
width: 100%;
}
}
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt--inner--01 > img {
float: right;
width: 390px;
}
@media screen and (max-width: 1024px) {
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt--inner--01 > img {
width: 45%;
}
}
@media screen and (max-width: 767px) {
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt--inner--01 > img {
float: none;
width: 100%;
}
}
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt--inner--02 {
padding: 0 40px 40px;
box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt--inner--02 {
padding: 0 4% 4%;
}
}
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt--inner h5 {
font-size: 20px;
letter-spacing: 0.05em;
border-bottom: 1px solid #000;
line-height: 1.38em;
padding-bottom: 10px;
margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt--inner h5 {
padding-bottom: 1%;
margin-bottom: 1%;
}
}
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt--inner h5 span {
line-height: 1em;
font-size: 18px;
display: block;
color: #087645;
padding-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt--inner h5 span {
padding-bottom: 1%;
}
}
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt--inner p {
font-size: 16px;
line-height: 0.05em;
line-height: 1.625em;
}
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt > img {
float: right;
width: 390px;
}
@media screen and (max-width: 1024px) {
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt > img {
width: 45%;
}
}
@media screen and (max-width: 767px) {
.construction02_qa_wrap .construction02_qa .construction02_qa_acdn_01--cnt > img {
width: 100%;
float: none;
}
}
.construction02_qa_wrap a:hover {
text-decoration: none;
}
.construction02_qa_wrap a:hover .construction02_qa h4 {
color: #fff;
text-decoration: none;
}
.construction02_qa_wrap a:hover .construction02_qa p {
color: #000;
text-decoration: none;
}
.construction02_qa_wrap a .construction02_qa.qa_on {
background-color: #222;
}
.construction02_qa_wrap a .construction02_qa.qa_on > h4 > span {
color: #ff7900;
}
.construction02_qa_wrap .construction02_qa.qa_on h4, .construction02_qa_wrap a:hover .construction02_qa.qa_on, .construction02_qa_wrap a:hover .construction02_qa.qa_on h4 {
color: #fff;
}
.construction02_qa_wrap .construction02_qa.qa_on h4::after {
content: "-";
color: #fff;
}
.construction02_qa_wrap #construction02_qa_acdn_01.construction02_qa > div {
display: block;
}
.construction03_qa_acdn {
cursor: pointer;
}
a.construction03_qa_acdn:hover {
opacity: 0.6;
}
.construction03_qa_wrap {
max-width: 980px;
margin: 0 auto;
overflow: hidden;
}
.construction03_qa_wrap .construction03_qa {
width: 100%;
max-width: 940px;
padding: 30px;
margin-bottom: 20px;
background-size: 70px auto;
text-align: left;
box-sizing: border-box;
transition: all 0.4s !important;
-webkit-transition: all 0.4s !important;
background-color: #ff7900;
}
@media screen and (max-width: 1024px) {
.construction03_qa_wrap .construction03_qa {
margin-bottom: 2%;
padding: 3%;
background-size: 7% auto;
}
}
@media screen and (max-width: 767px) {
.construction03_qa_wrap .construction03_qa {
padding: 4%;
}
}
.construction03_qa_wrap .construction03_qa h4 {
font-size: 28px;
font-weight: normal;
color: #fff;
position: relative;
line-height: 1.5em;
letter-spacing: 0.1em;
padding-right: 0.5em;
}
@media screen and (max-width: 767px) {
.construction03_qa_wrap .construction03_qa h4 {
font-size: 24px;
}
}
@media screen and (max-width: 460px) {
.construction03_qa_wrap .construction03_qa h4 {
font-size: 20px;
}
}
@media screen and (max-width: 380px) {
.construction03_qa_wrap .construction03_qa h4 {
font-size: 18px;
letter-spacing: 0.05em;
}
}
.construction03_qa_wrap .construction03_qa h4::after {
content: "+";
height: 1em;
margin: auto;
line-height: 1em;
font-weight: bold;
text-align: right;
position: absolute;
top: 0;
bottom: 0;
right: 0;
font-size: 24px;
}
.construction03_qa_wrap .construction03_qa h4 > span {
font-size: 24px;
color: #222;
}
@media screen and (max-width: 767px) {
.construction03_qa_wrap .construction03_qa h4 > span {
display: block;
font-size: 20px;
}
}
@media screen and (max-width: 460px) {
.construction03_qa_wrap .construction03_qa h4 > span {
font-size: 16px;
}
}
@media screen and (max-width: 380px) {
.construction03_qa_wrap .construction03_qa h4 > span {
font-size: 14px;
}
}
.construction03_qa_wrap .construction03_qa .construction03_qa_acdn_01--cnt {
display: none;
background: #fff;
margin-top: 30px;
padding: 30px;
box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
.construction03_qa_wrap .construction03_qa .construction03_qa_acdn_01--cnt {
margin-top: 3%;
padding: 4%;
}
}
.construction03_qa_wrap .construction03_qa .construction03_qa_acdn_01--cnt > span {
font-size: 28px;
line-height: 1em;
font-weight: bold;
letter-spacing: 0.1em;
color: #ff7900;
display: block;
margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.construction03_qa_wrap .construction03_qa .construction03_qa_acdn_01--cnt > span {
margin-bottom: 1%;
}
}
@media screen and (max-width: 767px) {
.construction03_qa_wrap .construction03_qa .construction03_qa_acdn_01--cnt > span {
font-size: 24px;
}
}
.construction03_qa_wrap .construction03_qa .construction03_qa_acdn_01--cnt > p {
float: left;
font-size: 16px;
box-sizing: border-box;
letter-spacing: 0.05em;
line-height: 1.625em;
}
@media screen and (max-width: 767px) {
.construction03_qa_wrap .construction03_qa .construction03_qa_acdn_01--cnt > p {
width: 100%;
float: none;
}
}
.construction03_qa_wrap a:hover {
text-decoration: none;
}
.construction03_qa_wrap a:hover .construction03_qa h4 {
color: #fff;
text-decoration: none;
}
.construction03_qa_wrap a:hover .construction03_qa p {
color: #000;
text-decoration: none;
}
.construction03_qa_wrap a .construction03_qa.qa_on {
background-color: #222;
}
.construction03_qa_wrap a .construction03_qa.qa_on > h4 > span {
color: #ff7900;
}
.construction03_qa_wrap .construction03_qa.qa_on h4, .construction03_qa_wrap a:hover .construction03_qa.qa_on, .construction03_qa_wrap a:hover .construction03_qa.qa_on h4 {
color: #fff;
}
.construction03_qa_wrap .construction03_qa.qa_on h4::after {
content: "-";
color: #fff;
}
.construction03_qa_wrap #construction03_qa_acdn_01.construction03_qa > div {
display: block;
}
.construction04_qa_acdn {
cursor: pointer;
}
a.construction04_qa_acdn:hover {
opacity: 0.6;
}
.construction04_qa_wrap {
max-width: 980px;
margin: 0 auto;
overflow: hidden;
}
.construction04_qa_wrap .construction04_qa {
width: 100%;
max-width: 940px;
padding: 0 30px 30px;
margin-bottom: 20px;
background-size: 70px auto;
text-align: left;
box-sizing: border-box;
transition: all 0.4s !important;
-webkit-transition: all 0.4s !important;
background-color: #087645;
}
@media screen and (max-width: 1024px) {
.construction04_qa_wrap .construction04_qa {
margin-bottom: 2%;
padding: 0 3% 3%;
background-size: 7% auto;
}
}
@media screen and (max-width: 767px) {
.construction04_qa_wrap .construction04_qa {
padding: 0 4% 4%;
}
}
.construction04_qa_wrap .construction04_qa > img {
margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
.construction04_qa_wrap .construction04_qa > img {
margin-bottom: 2%;
width: 23.8vw;
}
}
@media screen and (max-width: 767px) {
.construction04_qa_wrap .construction04_qa > img {
margin-bottom: 3%;
width: 32vw;
}
}
.construction04_qa_wrap .construction04_qa h4 {
font-size: 28px;
font-weight: normal;
color: #fff;
position: relative;
line-height: 1.5em;
letter-spacing: 0.1em;
padding-right: 0.5em;
}
@media screen and (max-width: 767px) {
.construction04_qa_wrap .construction04_qa h4 {
font-size: 24px;
}
}
@media screen and (max-width: 460px) {
.construction04_qa_wrap .construction04_qa h4 {
font-size: 20px;
}
}
@media screen and (max-width: 380px) {
.construction04_qa_wrap .construction04_qa h4 {
font-size: 18px;
letter-spacing: 0.05em;
}
}
.construction04_qa_wrap .construction04_qa h4::after {
content: "+";
height: 1em;
margin: auto;
line-height: 1em;
font-weight: bold;
text-align: right;
position: absolute;
top: 0;
bottom: 0;
right: 0;
font-size: 24px;
}
.construction04_qa_wrap .construction04_qa h4 > span {
font-size: 24px;
color: #222;
}
@media screen and (max-width: 767px) {
.construction04_qa_wrap .construction04_qa h4 > span {
display: block;
font-size: 20px;
}
}
@media screen and (max-width: 460px) {
.construction04_qa_wrap .construction04_qa h4 > span {
font-size: 16px;
}
}
@media screen and (max-width: 380px) {
.construction04_qa_wrap .construction04_qa h4 > span {
font-size: 14px;
}
}
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt {
display: none;
background: #fff;
margin-top: 30px;
}
@media screen and (max-width: 1024px) {
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt {
margin-top: 3%;
}
}
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt > p {
float: left;
padding: 30px;
font-size: 16px;
box-sizing: border-box;
max-width: 490px;
letter-spacing: 0.05em;
line-height: 1.625em;
}
@media screen and (max-width: 1024px) {
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt > p {
padding: 4%;
width: 55%;
}
}
@media screen and (max-width: 767px) {
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt > p {
width: 100%;
float: none;
}
}
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt--inner--01 {
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt--inner--01 {
margin-bottom: 4%;
}
}
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt--inner--01 > div {
float: left;
padding: 40px;
box-sizing: border-box;
width: 490px;
}
@media screen and (max-width: 1024px) {
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt--inner--01 > div {
width: 55%;
padding: 4%;
}
}
@media screen and (max-width: 767px) {
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt--inner--01 > div {
float: none;
width: 100%;
}
}
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt--inner--01 > img {
float: right;
width: 390px;
}
@media screen and (max-width: 1024px) {
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt--inner--01 > img {
width: 45%;
}
}
@media screen and (max-width: 767px) {
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt--inner--01 > img {
float: none;
width: 100%;
}
}
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt--inner--02 {
padding: 0 40px 40px;
box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt--inner--02 {
padding: 0 4% 4%;
}
}
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt--inner h5 {
font-size: 20px;
letter-spacing: 0.05em;
border-bottom: 1px solid #000;
line-height: 1.38em;
padding-bottom: 10px;
margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt--inner h5 {
padding-bottom: 1%;
margin-bottom: 1%;
}
}
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt--inner h5 span {
line-height: 1em;
font-size: 18px;
display: block;
color: #087645;
padding-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt--inner h5 span {
padding-bottom: 1%;
}
}
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt--inner p {
font-size: 16px;
line-height: 0.05em;
line-height: 1.625em;
}
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt > img {
float: right;
width: 390px;
}
@media screen and (max-width: 1024px) {
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt > img {
width: 45%;
}
}
@media screen and (max-width: 767px) {
.construction04_qa_wrap .construction04_qa .construction04_qa_acdn_01--cnt > img {
width: 100%;
float: none;
}
}
.construction04_qa_wrap a:hover {
text-decoration: none;
}
.construction04_qa_wrap a:hover .construction04_qa h4 {
color: #fff;
text-decoration: none;
}
.construction04_qa_wrap a:hover .construction04_qa p {
color: #000;
text-decoration: none;
}
.construction04_qa_wrap a .construction04_qa.qa_on > h4 > span {
color: #ff7900;
}
.construction04_qa_wrap .construction04_qa.qa_on h4, .construction04_qa_wrap a:hover .construction04_qa.qa_on, .construction04_qa_wrap a:hover .construction04_qa.qa_on h4 {
color: #fff;
}
.construction04_qa_wrap .construction04_qa.qa_on h4::after {
content: "-";
color: #fff;
}
.construction04_qa_wrap #construction04_qa_acdn_01.construction04_qa > div {
display: block;
}
.construction05_qa_acdn {
cursor: pointer;
}
a.construction05_qa_acdn:hover {
opacity: 0.6;
}
.construction05_qa_wrap {
max-width: 980px;
margin: 0 auto;
overflow: hidden;
}
.construction05_qa_wrap .construction05_qa {
width: 100%;
max-width: 940px;
padding: 0 30px 30px;
margin-bottom: 20px;
background-size: 70px auto;
text-align: left;
box-sizing: border-box;
transition: all 0.4s !important;
-webkit-transition: all 0.4s !important;
background-color: #087645;
}
@media screen and (max-width: 1024px) {
.construction05_qa_wrap .construction05_qa {
margin-bottom: 2%;
padding: 0 3% 3%;
background-size: 7% auto;
}
}
@media screen and (max-width: 767px) {
.construction05_qa_wrap .construction05_qa {
padding: 0 4% 4%;
}
}
.construction05_qa_wrap .construction05_qa > img {
margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
.construction05_qa_wrap .construction05_qa > img {
margin-bottom: 2%;
width: 23.8vw;
}
}
@media screen and (max-width: 767px) {
.construction05_qa_wrap .construction05_qa > img {
margin-bottom: 3%;
width: 32vw;
}
}
.construction05_qa_wrap .construction05_qa h4 {
font-size: 28px;
font-weight: normal;
color: #fff;
position: relative;
line-height: 1.5em;
letter-spacing: 0.1em;
padding-right: 0.5em;
}
@media screen and (max-width: 767px) {
.construction05_qa_wrap .construction05_qa h4 {
font-size: 24px;
}
}
@media screen and (max-width: 460px) {
.construction05_qa_wrap .construction05_qa h4 {
font-size: 20px;
}
}
@media screen and (max-width: 380px) {
.construction05_qa_wrap .construction05_qa h4 {
font-size: 18px;
letter-spacing: 0.05em;
}
}
.construction05_qa_wrap .construction05_qa h4::after {
content: "+";
height: 1em;
margin: auto;
line-height: 1em;
font-weight: bold;
text-align: right;
position: absolute;
top: 0;
bottom: 0;
right: 0;
font-size: 24px;
}
.construction05_qa_wrap .construction05_qa h4 > span {
font-size: 24px;
color: #222;
}
@media screen and (max-width: 767px) {
.construction05_qa_wrap .construction05_qa h4 > span {
display: block;
font-size: 20px;
}
}
@media screen and (max-width: 460px) {
.construction05_qa_wrap .construction05_qa h4 > span {
font-size: 16px;
}
}
@media screen and (max-width: 380px) {
.construction05_qa_wrap .construction05_qa h4 > span {
font-size: 14px;
}
}
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt {
display: none;
background: #fff;
margin-top: 30px;
}
@media screen and (max-width: 1024px) {
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt {
margin-top: 3%;
}
}
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt > p {
float: left;
padding: 30px;
font-size: 16px;
box-sizing: border-box;
max-width: 490px;
letter-spacing: 0.05em;
line-height: 1.625em;
}
@media screen and (max-width: 1024px) {
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt > p {
padding: 4%;
width: 55%;
}
}
@media screen and (max-width: 767px) {
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt > p {
width: 100%;
float: none;
}
}
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt--inner--01 {
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt--inner--01 {
margin-bottom: 4%;
}
}
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt--inner--01 > div {
float: left;
padding: 40px;
box-sizing: border-box;
width: 490px;
}
@media screen and (max-width: 1024px) {
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt--inner--01 > div {
width: 55%;
padding: 4%;
}
}
@media screen and (max-width: 767px) {
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt--inner--01 > div {
float: none;
width: 100%;
}
}
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt--inner--01 > img {
float: right;
width: 390px;
}
@media screen and (max-width: 1024px) {
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt--inner--01 > img {
width: 45%;
}
}
@media screen and (max-width: 767px) {
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt--inner--01 > img {
float: none;
width: 100%;
}
}
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt--inner--02 {
padding: 0 40px 40px;
box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt--inner--02 {
padding: 0 4% 4%;
}
}
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt--inner h5 {
font-size: 20px;
letter-spacing: 0.05em;
border-bottom: 1px solid #000;
line-height: 1.38em;
padding-bottom: 10px;
margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt--inner h5 {
padding-bottom: 1%;
margin-bottom: 1%;
}
}
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt--inner h5 span {
line-height: 1em;
font-size: 18px;
display: block;
color: #087645;
padding-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt--inner h5 span {
padding-bottom: 1%;
}
}
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt--inner p {
font-size: 16px;
line-height: 0.05em;
line-height: 1.625em;
}
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt > img {
float: right;
width: 390px;
}
@media screen and (max-width: 1024px) {
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt > img {
width: 45%;
}
}
@media screen and (max-width: 767px) {
.construction05_qa_wrap .construction05_qa .construction05_qa_acdn_01--cnt > img {
width: 100%;
float: none;
}
}
.construction05_qa_wrap a:hover {
text-decoration: none;
}
.construction05_qa_wrap a:hover .construction05_qa h4 {
color: #fff;
text-decoration: none;
}
.construction05_qa_wrap a:hover .construction05_qa p {
color: #000;
text-decoration: none;
}
.construction05_qa_wrap a .construction05_qa.qa_on > h4 > span {
color: #ff7900;
}
.construction05_qa_wrap .construction05_qa.qa_on h4, .construction05_qa_wrap a:hover .construction05_qa.qa_on, .construction05_qa_wrap a:hover .construction05_qa.qa_on h4 {
color: #fff;
}
.construction05_qa_wrap .construction05_qa.qa_on h4::after {
content: "-";
color: #fff;
}
.construction05_qa_wrap #construction05_qa_acdn_01.construction05_qa > div {
display: block;
}
.construction_page__wide {
overflow: hidden;
}
.construction_page__wide--inner {
max-width: 980px;
margin: 0 auto;
width: 100%;
}
.construction_page__wide--inner--cnt {
position: relative;
}
.construction_page__wide--inner--cnt > div:nth-of-type(1) > img {
margin-left: -470px;
}
@media screen and (max-width: 960px) {
.construction_page__wide--inner--cnt > div:nth-of-type(1) > img {
margin-left: -50%;
}
}
@media screen and (max-width: 767px) {
.construction_page__wide--inner--cnt > div:nth-of-type(1) > img {
width: 100%;
margin: 0 auto;
}
}
.construction_page__wide--inner--cnt > div:nth-of-type(2) {
box-sizing: border-box;
padding: 0 20px;
position: relative;
margin-top: -550px;
}
@media screen and (max-width: 1024px) {
.construction_page__wide--inner--cnt > div:nth-of-type(2) {
padding: 0 2%;
margin-top: -58%;
}
}
@media screen and (max-width: 767px) {
.construction_page__wide--inner--cnt > div:nth-of-type(2) {
margin-top: -13%;
}
}
.construction_page__wide--inner--cnt > div:nth-of-type(2) > p {
padding: 30px 40px;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.9);
margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
.construction_page__wide--inner--cnt > div:nth-of-type(2) > p {
padding: 3% 4%;
margin-bottom: 4%;
}
}
.construction_page__wide02 {
overflow: hidden;
}
.construction_page__wide02--inner {
max-width: 980px;
margin: 0 auto;
width: 100%;
}
.construction_page__wide02--inner--cnt {
position: relative;
}
.construction_page__wide02--inner--cnt > div:nth-of-type(1) > img {
margin-left: -480px;
}
@media screen and (max-width: 960px) {
.construction_page__wide02--inner--cnt > div:nth-of-type(1) > img {
margin-left: -50%;
}
}
@media screen and (max-width: 767px) {
.construction_page__wide02--inner--cnt > div:nth-of-type(1) > img {
width: 100%;
margin: 0 auto;
}
}
.construction_page__wide02--inner--cnt > div:nth-of-type(2) {
box-sizing: border-box;
padding: 0 20px;
position: relative;
}
@media screen and (max-width: 1024px) {
.construction_page__wide02--inner--cnt > div:nth-of-type(2) {
padding: 0 2%;
}
}
.construction_page__wide02--inner--cnt > div:nth-of-type(2) > div {
padding: 30px 40px;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.9);
margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
.construction_page__wide02--inner--cnt > div:nth-of-type(2) > div {
padding: 3% 4%;
margin-bottom: 4%;
}
}
.construction_page__wide03 {
overflow: hidden;
}
.construction_page__wide03--inner {
max-width: 980px;
margin: 0 auto;
width: 100%;
}
.construction_page__wide03--inner--cnt {
position: relative;
}
.construction_page__wide03--inner--cnt > div:nth-of-type(1) > img {
margin-left: 480px;
}
@media screen and (max-width: 960px) {
.construction_page__wide03--inner--cnt > div:nth-of-type(1) > img {
margin-left: 50%;
}
}
@media screen and (max-width: 767px) {
.construction_page__wide03--inner--cnt > div:nth-of-type(1) > img {
width: 100%;
margin: 0 auto;
}
}
.construction_page__wide03--inner--cnt > div:nth-of-type(2) {
box-sizing: border-box;
padding: 0 20px;
position: relative;
}
@media screen and (max-width: 1024px) {
.construction_page__wide03--inner--cnt > div:nth-of-type(2) {
padding: 0 2%;
}
}
.construction_page__wide03--inner--cnt > div:nth-of-type(2) > div {
padding: 30px 40px;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.9);
margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
.construction_page__wide03--inner--cnt > div:nth-of-type(2) > div {
padding: 3% 4%;
margin-bottom: 4%;
}
}
.construction_page .construction_slider {
margin-bottom: 0;
position: relative;
}
.construction_page .construction_slider .slick-dots {
box-sizing: border-box;
position: relative;
margin-top: -80px;
bottom: 0 !important;
}
@media screen and (max-width: 1024px) {
.construction_page .construction_slider .slick-dots {
margin-top: -8%;
}
}
@media screen and (max-width: 767px) {
.construction_page .construction_slider .slick-dots {
margin-top: -12%;
}
}
.construction_page .construction_slider .slick-dots > li {
position: relative;
width: 20px;
height: 20px;
margin: 0 5px;
}
.construction_page .construction_slider .slick-dots > li > button::before {
background-color: rgba(255, 255, 255, 0.9);
content: "";
opacity: 1;
border-radius: 0;
border: none;
width: 20px;
height: 20px;
}
.construction_page .construction_slider .slick-dots .slick-active > button::before {
background-color: rgba(251, 128, 15, 0.9);
content: "";
opacity: 1;
}
.construction_page .construction_slider .prev-arrow {
position: absolute;
top: 80px;
bottom: 0;
margin: auto;
left: -30px;
z-index: 1;
background: none !important;
width: 60px;
height: 100px;
}
@media screen and (max-width: 1024px) {
.construction_page .construction_slider .prev-arrow {
top: 8%;
left: -2%;
}
}
@media screen and (max-width: 767px) {
.construction_page .construction_slider .prev-arrow {
top: 10%;
left: 0;
}
}
@media screen and (max-width: 460px) {
.construction_page .construction_slider .prev-arrow {
top: 12%;
width: 45px;
height: 75px;
}
}
.construction_page .construction_slider .prev-arrow::before {
display: none;
}
.construction_page .construction_slider .next-arrow {
position: absolute;
top: 80px;
bottom: 0;
margin: auto;
right: -30px;
z-index: 1;
background: none !important;
width: 60px;
height: 100px;
}
@media screen and (max-width: 1024px) {
.construction_page .construction_slider .next-arrow {
top: 8%;
right: -2%;
}
}
@media screen and (max-width: 767px) {
.construction_page .construction_slider .next-arrow {
top: 10%;
right: 0;
}
}
@media screen and (max-width: 460px) {
.construction_page .construction_slider .next-arrow {
top: 12%;
width: 45px;
height: 75px;
}
}
.construction_page .construction_slider .next-arrow::before {
display: none;
}
.construction_page .construction_slider .slick-slide {
height: 100%;
}
.construction_page .section001 {
padding: 125px 0 120px;
background-image: url("../../../387_pw-r/images/construction/tc_construction_bg01_pc.jpg");
}
@media screen and (max-width: 1024px) {
.construction_page .section001 {
padding: 13% 0 12%;
background-image: url("../../../387_pw-r/images/construction/tc_construction_bg01_tb.jpg");
}
}
@media screen and (max-width: 767px) {
.construction_page .section001 {
padding: 16% 0 12%;
background-image: url("../../../387_pw-r/images/construction/tc_construction_bg01_sp.jpg");
}
}
@media screen and (max-width: 767px) {
.construction_page .section001__inner {
padding: 0 2%;
}
}
.construction_page .section001__inner > h3 > img {
margin-bottom: 105px;
}
@media screen and (max-width: 1024px) {
.construction_page .section001__inner > h3 > img {
margin-bottom: 10.5%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section001__inner > h3 > img {
margin-bottom: 9%;
}
}
.construction_page .section001__inner > a:nth-of-type(1) > img {
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.construction_page .section001__inner > a:nth-of-type(1) > img {
margin-bottom: 3%;
}
}
@media screen and (max-width: 1024px) {
.construction_page .section001__inner > a > img {
width: 58vw;
}
}
@media screen and (max-width: 767px) {
.construction_page .section001__inner > a > img {
width: 78vw;
}
}
.construction_page .section002 {
padding: 100px 0;
}
@media screen and (max-width: 1024px) {
.construction_page .section002 {
padding: 10% 0;
}
}
@media screen and (max-width: 1024px) {
.construction_page .section002 {
padding: 13% 0;
}
}
.construction_page .section002__inner > h3 img {
margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
.construction_page .section002__inner > h3 img {
margin-bottom: 5%;
}
}
.construction_page .section002__inner > img {
margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
.construction_page .section002__inner > img {
margin-bottom: 5%;
}
}
.construction_page .section002__inner--cnt {
max-width: 720px;
margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.construction_page .section002__inner--cnt {
width: 70.31vw;
}
}
@media screen and (max-width: 767px) {
.construction_page .section002__inner--cnt {
width: 100%;
padding: 4%;
box-sizing: border-box;
}
}
.construction_page .section002__inner--cnt > p {
float: left;
font-size: 24px;
margin-top: 40px;
}
@media screen and (max-width: 1024px) {
.construction_page .section002__inner--cnt > p {
margin-top: 3.9vw;
font-size: 2.34vw;
}
}
@media screen and (max-width: 767px) {
.construction_page .section002__inner--cnt > p {
float: none;
font-size: 3.9vw;
margin-top: 0;
margin-bottom: 5%;
}
}
.construction_page .section002__inner--cnt > img {
float: right;
}
@media screen and (max-width: 1024px) {
.construction_page .section002__inner--cnt > img {
width: 24.8vw;
}
}
@media screen and (max-width: 767px) {
.construction_page .section002__inner--cnt > img {
float: none;
width: auto;
margin: 0;
}
}
.construction_page .section003 {
background-image: url("../../../387_pw-r/images/construction/tc_construction_bg02_pc.jpg");
}
@media screen and (max-width: 1024px) {
.construction_page .section003 {
background-image: url("../../../387_pw-r/images/construction/tc_construction_bg02_tb.jpg");
}
}
@media screen and (max-width: 767px) {
.construction_page .section003 {
background-image: url("../../../387_pw-r/images/construction/tc_construction_bg02_sp.jpg");
}
}
.construction_page .section004 {
padding: 50px 0;
background-color: #ddd;
}
@media screen and (max-width: 1024px) {
.construction_page .section004 {
padding: 5% 0;
}
}
.construction_page .section004__inner > p {
margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
.construction_page .section004__inner > p {
margin-bottom: 5%;
}
}
.construction_page .section004__inner > .construction__qa01 {
margin-bottom: 80px;
}
@media screen and (max-width: 1024px) {
.construction_page .section004__inner > .construction__qa01 {
margin-bottom: 8%;
}
}
@media screen and (max-width: 1024px) {
.construction_page .section004__inner > .construction__qa01 {
margin-bottom: 11%;
}
}
.construction_page .section005 {
background-color: #ddd;
padding-bottom: 80px;
}
@media screen and (max-width: 1024px) {
.construction_page .section005 {
padding-bottom: 8%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section005 {
padding-bottom: 11%;
}
}
.construction_page .section006 {
background-image: url("../../../387_pw-r/images/construction/tc_construction_bg03_pc.jpg");
}
@media screen and (max-width: 1024px) {
.construction_page .section006 {
background-image: url("../../../387_pw-r/images/construction/tc_construction_bg03_tb.jpg");
}
}
@media screen and (max-width: 767px) {
.construction_page .section006 {
background-image: url("../../../387_pw-r/images/construction/tc_construction_bg03_sp.jpg");
}
}
.construction_page .section007 {
padding: 50px 0;
}
@media screen and (max-width: 1024px) {
.construction_page .section007 {
padding: 5% 0;
}
}
@media screen and (max-width: 767px) {
.construction_page .section007 {
padding: 5% 0 6%;
}
}
.construction_page .section007__inner > p {
margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
.construction_page .section007__inner > p {
margin-bottom: 5%;
}
}
.construction_page .section007__inner .construction__qa02 {
padding-bottom: 80px;
}
@media screen and (max-width: 1024px) {
.construction_page .section007__inner .construction__qa02 {
padding-bottom: 8%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section007__inner .construction__qa02 {
padding-bottom: 11%;
}
}
.construction_page .section008 {
padding-bottom: 80px;
}
@media screen and (max-width: 1024px) {
.construction_page .section008 {
padding-bottom: 8%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section008 {
padding-bottom: 10%;
}
}
.construction_page .section008__inner--cnt > a > img {
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.construction_page .section008__inner--cnt > a > img {
margin-bottom: 3%;
width: 58vw;
}
}
@media screen and (max-width: 767px) {
.construction_page .section008__inner--cnt > a > img {
width: 78vw;
}
}
.construction_page .section008__inner--cnt .construction__qa05 {
padding-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.construction_page .section008__inner--cnt .construction__qa05 {
padding-bottom: 3%;
}
}
.construction_page .section009 {
padding: 80px 0 70px;
background-color: #ddd;
}
@media screen and (max-width: 1024px) {
.construction_page .section009 {
padding: 8% 0 7%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section009 {
padding: 13% 0 10%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section009__inner {
padding: 0;
}
}
.construction_page .section009__inner > h3 {
display: block;
}
@media screen and (max-width: 767px) {
.construction_page .section009__inner > h3 {
padding: 0 2%;
box-sizing: border-box;
}
}
.construction_page .section009__inner > h3 > img {
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.construction_page .section009__inner > h3 > img {
margin-bottom: 5%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section009__inner > h3 > img {
margin-bottom: 8%;
max-width: 710px;
width: 100%;
}
}
.construction_page .section009__inner--cnt > div > div {
position: relative;
background-color: rgba(255, 255, 255, 0.9);
border-left: 3px #087645 solid;
padding: 40px;
box-sizing: border-box;
margin: 20px 40px 50px;
}
@media screen and (max-width: 1024px) {
.construction_page .section009__inner--cnt > div > div {
margin: 2% 4% 5%;
padding: 4%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section009__inner--cnt > div > div {
margin: 1% 2% 6%;
}
}
.construction_page .section009__inner--cnt > div > div > h4 {
font-size: 20px;
margin-bottom: 30px;
letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
.construction_page .section009__inner--cnt > div > div > h4 {
margin-bottom: 3%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section009__inner--cnt > div > div > h4 {
line-height: 1.825em;
letter-spacing: 0.1em;
margin-bottom: 4%;
}
}
.construction_page .section009__inner--cnt > div > div > h4 > span {
color: #087645;
}
.construction_page .section009__inner--cnt > div > div p {
font-size: 16px;
}
.construction_page .section009__inner > a > img {
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.construction_page .section009__inner > a > img {
width: 58vw;
margin-bottom: 3%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section009__inner > a > img {
width: 78vw;
}
}
.construction_page .section010 {
padding: 100px 0 50px;
}
@media screen and (max-width: 1024px) {
.construction_page .section010 {
padding: 10% 0 5%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section010 {
padding: 11% 0 6%;
}
}
.construction_page .section010__inner--cnt > h3 > img {
margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
.construction_page .section010__inner--cnt > h3 > img {
margin-bottom: 5%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section010__inner--cnt > h3 > img {
margin-bottom: 6%;
}
}
.construction_page .section011 {
height: 547px;
padding-bottom: 50px;
box-sizing: content-box;
}
@media screen and (max-width: 1024px) {
.construction_page .section011 {
padding-bottom: 5%;
}
}
@media screen and (max-width: 960px) {
.construction_page .section011 {
height: 57vw;
}
}
@media screen and (max-width: 767px) {
.construction_page .section011 {
height: auto;
padding-bottom: 2%;
}
}
.construction_page .section011__inner--cnt > div:nth-of-type(2) {
margin-top: -500px;
}
@media screen and (max-width: 1024px) {
.construction_page .section011__inner--cnt > div:nth-of-type(2) {
margin-top: -53%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section011__inner--cnt > div:nth-of-type(2) {
margin-top: -63%;
}
}
.construction_page .section011__inner--cnt > div > h3 > img {
margin-bottom: 50px;
margin-right: 0;
}
@media screen and (max-width: 1024px) {
.construction_page .section011__inner--cnt > div > h3 > img {
margin-bottom: 5%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section011__inner--cnt > div > h3 > img {
margin-bottom: 37%;
}
}
.construction_page .section012 {
height: 509px;
padding-bottom: 50px;
box-sizing: content-box;
}
@media screen and (max-width: 1024px) {
.construction_page .section012 {
padding-bottom: 5%;
}
}
@media screen and (max-width: 960px) {
.construction_page .section012 {
height: 53vw;
}
}
@media screen and (max-width: 767px) {
.construction_page .section012 {
height: auto;
padding-bottom: 2%;
}
}
.construction_page .section012__inner--cnt > div:nth-of-type(2) {
margin-top: -460px;
}
@media screen and (max-width: 1024px) {
.construction_page .section012__inner--cnt > div:nth-of-type(2) {
margin-top: -49%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section012__inner--cnt > div:nth-of-type(2) {
margin-top: -63%;
}
}
.construction_page .section012__inner--cnt > div > h3 > img {
margin-bottom: 50px;
margin-left: 0;
}
@media screen and (max-width: 1024px) {
.construction_page .section012__inner--cnt > div > h3 > img {
margin-bottom: 5%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section012__inner--cnt > div > h3 > img {
margin-bottom: 37%;
}
}
.construction_page .section013 {
padding-bottom: 70px;
height: auto;
box-sizing: content-box;
}
@media screen and (max-width: 1024px) {
.construction_page .section013 {
padding-bottom: 7%;
}
}
@media screen and (max-width: 960px) {
.construction_page .section013 {
height: 144vw;
}
}
@media screen and (max-width: 767px) {
.construction_page .section013 {
height: auto;
padding-bottom: 10%;
}
}
.construction_page .section013__inner--cnt > div:nth-of-type(2) {
margin-top: -500px;
}
@media screen and (max-width: 1024px) {
.construction_page .section013__inner--cnt > div:nth-of-type(2) {
margin-top: -53%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section013__inner--cnt > div:nth-of-type(2) {
margin-top: -63%;
}
}
.construction_page .section013__inner--cnt > div:nth-of-type(2) > div {
margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
.construction_page .section013__inner--cnt > div:nth-of-type(2) > div {
margin-bottom: 2%;
}
}
/* ADD */
.construction_page .section013__inner--cnt .btn_box {
padding: 0 !important;
margin: 0 auto 30px !important;
}
.construction_page .section013__inner--cnt > div > h3 > img {
margin-bottom: 50px;
margin-right: 0;
}
@media screen and (max-width: 1024px) {
.construction_page .section013__inner--cnt > div > h3 > img {
margin-bottom: 5%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section013__inner--cnt > div > h3 > img {
margin-bottom: 37%;
}
}
.construction_page .section013__inner--cnt--01 {
padding-top: 30px;
}
@media screen and (max-width: 1024px) {
.construction_page .section013__inner--cnt--01 {
padding-top: 3%;
}
}
.construction_page .section013__inner--cnt--01 > li:not(:last-of-type) {
margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
.construction_page .section013__inner--cnt--01 > li:not(:last-of-type) {
margin-bottom: 2%;
}
}
.construction_page .section013__inner a > img {
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.construction_page .section013__inner a > img {
width: 58vw;
margin-bottom: 3%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section013__inner a > img {
width: 78vw;
}
}
.construction_page .section014 {
background-image: url("../../../387_pw-r/images/construction/tc_construction_bg04_pc.jpg");
}
@media screen and (max-width: 1024px) {
.construction_page .section014 {
background-image: url("../../../387_pw-r/images/construction/tc_construction_bg04_tb.jpg");
}
}
@media screen and (max-width: 767px) {
.construction_page .section014 {
background-image: url("../../../387_pw-r/images/construction/tc_construction_bg04_sp.jpg");
}
}
.construction_page .section015 {
padding: 50px 0 100px;
background-color: #ddd;
}
@media screen and (max-width: 1024px) {
.construction_page .section015 {
padding: 5% 0 10%;
}
}
.construction_page .section015__inner .construction__qa03 {
padding-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.construction_page .section015__inner .construction__qa03 {
padding-bottom: 3%;
}
}
.construction_page .section015__inner > a:nth-of-type(1) > img {
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.construction_page .section015__inner > a:nth-of-type(1) > img {
margin-bottom: 3%;
}
}
@media screen and (max-width: 1024px) {
.construction_page .section015__inner > a > img {
width: 58vw;
}
}
@media screen and (max-width: 767px) {
.construction_page .section015__inner > a > img {
width: 78vw;
}
}
.construction_page .section016 {
padding: 100px 0 80px;
background-image: url("../../../387_pw-r/images/construction/tc_construction_bg05_pc.jpg");
}
@media screen and (max-width: 1024px) {
.construction_page .section016 {
padding: 10% 0 8%;
background-image: url("../../../387_pw-r/images/construction/tc_construction_bg05_tb.jpg");
}
}
@media screen and (max-width: 767px) {
.construction_page .section016 {
padding: 13% 0 13%;
background-image: url("../../../387_pw-r/images/construction/tc_construction_bg05_sp.jpg");
}
}
@media screen and (max-width: 767px) {
.construction_page .section016__inner {
padding: 0 2%;
}
}
.construction_page .section016__inner > h3 img {
margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
.construction_page .section016__inner > h3 img {
margin-bottom: 4%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section016__inner > h3 img {
margin-bottom: 5%;
}
}
.construction_page .section016__inner > p {
text-align: center;
}
@media screen and (max-width: 1024px) {
.construction_page .section016__inner > p {
font-size: 1.953vw;
}
}
@media screen and (max-width: 767px) {
.construction_page .section016__inner > p {
text-align: left;
font-size: 3.65vw;
}
}
.construction_page .section017 {
padding: 100px 0 40px;
}
@media screen and (max-width: 1024px) {
.construction_page .section017 {
padding: 10% 0 4%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section017 {
padding: 13% 0 7%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section017__inner {
padding: 0;
}
}
.construction_page .section017__inner > h3 {
display: block;
}
@media screen and (max-width: 767px) {
.construction_page .section017__inner > h3 {
padding: 0 2%;
box-sizing: border-box;
}
}
.construction_page .section017__inner > h3 > img {
margin-bottom: 55px;
}
@media screen and (max-width: 1024px) {
.construction_page .section017__inner > h3 > img {
margin-bottom: 5.5%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section017__inner > h3 > img {
margin-bottom: 6%;
max-width: 710px;
width: 100%;
}
}
.construction_page .section017__inner--cnt > div {
margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
.construction_page .section017__inner--cnt > div {
margin-bottom: 6%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section017__inner--cnt > div > img {
width: 100%;
}
}
.construction_page .section017__inner--cnt > div > div {
position: relative;
background-color: rgba(0, 0, 0, 0.9);
border-left: 3px #ff7900 solid;
padding: 40px;
box-sizing: border-box;
margin: -40px 40px 50px;
}
@media screen and (max-width: 1024px) {
.construction_page .section017__inner--cnt > div > div {
margin: -4% 4% 5%;
padding: 4%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section017__inner--cnt > div > div {
margin: -6% 2% 6%;
}
}
.construction_page .section017__inner--cnt > div > div > h4 {
font-size: 20px;
margin-bottom: 30px;
letter-spacing: 0.05em;
color: #ff7900;
}
@media screen and (max-width: 1024px) {
.construction_page .section017__inner--cnt > div > div > h4 {
margin-bottom: 3%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section017__inner--cnt > div > div > h4 {
line-height: 1.825em;
letter-spacing: 0.1em;
margin-bottom: 4%;
}
}
.construction_page .section017__inner--cnt > div > div p {
color: #fff;
font-size: 16px;
}
.construction_page .section017__inner--cnt--01 {
margin-top: 40px;
padding-top: 35px;
border-top: 1px #fff solid;
}
@media screen and (max-width: 1024px) {
.construction_page .section017__inner--cnt--01 {
margin-top: 4%;
padding-top: 4%;
}
}
.construction_page .section017__inner--cnt--01 p {
float: left;
margin-right: 17px;
width: 380px;
}
@media screen and (max-width: 1024px) {
.construction_page .section017__inner--cnt--01 p {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 3%;
}
}
.construction_page .section017__inner--cnt--01 > div {
float: right;
width: 380px;
}
@media screen and (max-width: 1024px) {
.construction_page .section017__inner--cnt--01 > div {
float: none;
width: 100%;
}
}
.construction_page .section017__inner--cnt--01 > div > iframe {
margin-top: 10px;
width: 100%;
height: 210px;
}
@media screen and (max-width: 1024px) {
.construction_page .section017__inner--cnt--01 > div > iframe {
margin-top: 0;
height: 33.2vw;
}
}
@media screen and (max-width: 1024px) {
.construction_page .section017__inner--cnt--01 > div > iframe {
height: 44.3vw;
}
}
.construction_page .section017__inner > a > img {
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.construction_page .section017__inner > a > img {
width: 58vw;
margin-bottom: 3%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section017__inner > a > img {
width: 78vw;
}
}
.construction_page .section018 {
padding: 100px 0;
background-color: #ddd;
}
@media screen and (max-width: 1024px) {
.construction_page .section018 {
padding: 10% 0;
}
}
@media screen and (max-width: 1024px) {
.construction_page .section018 {
padding: 13% 0;
}
}
@media screen and (max-width: 767px) {
.construction_page .section018__inner {
padding: 0;
}
}
@media screen and (max-width: 767px) {
.construction_page .section018__inner > h3 {
display: block;
padding: 0 2%;
box-sizing: border-box;
}
}
.construction_page .section018__inner > h3 > img {
margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
.construction_page .section018__inner > h3 > img {
margin-bottom: 5%;
}
}
.construction_page .section018__inner > p {
margin-bottom: 50px;
text-align: center;
}
@media screen and (max-width: 1024px) {
.construction_page .section018__inner > p {
font-size: 1.5625vw;
margin-bottom: 5%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section018__inner > p {
font-size: 2.086vw;
padding: 0 2%;
box-sizing: border-box;
}
}
.construction_page .section018__inner > img {
margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
.construction_page .section018__inner > img {
margin-bottom: 6%;
}
}
@media screen and (max-width: 767px) {
.construction_page .section018__inner > img {
padding: 0 2%;
box-sizing: border-box;
}
}
.construction_page .section018__inner > ul .slick-dots {
margin-top: -40px;
margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
.construction_page .section018__inner > ul .slick-dots {
margin-top: -4%;
margin-bottom: 7%;
}
}
.construction_page .section018__inner #construction_form {
margin-top: -60px;
padding-top: 60px;
}
@media screen and (max-width: 767px) {
.construction_page .section018__inner #construction_form {
padding: 0 2%;
box-sizing: border-box;
}
}
.construction_page .section019__inner p {
font-size: 1.6rem;
line-height: 1.625em;
letter-spacing: 0;
}
/* page-ttl コメントアウト */
.page-ttl {
display: none;
}
/* ADD BTN BOX*/
.construction_page .btn_box {
display: block;
margin: 0 auto 30px;
overflow: hidden;
text-align: center;
//margin-bottom: 30px;
}
.construction_page .btn_box a {
display: inline-block;
}
.construction_page .btn_box a img {
margin-bottom: 0 !important;
}
@media screen and (max-width: 1024px) {
}