jscss
pg_inquiry.css
/* line 12, ../inquiry.scss */
.inquiry .container {
max-width: 800px;
margin: 0 auto 20px;
}
/* line 18, ../inquiry.scss */
.inquiry-intro {
margin-bottom: 80px;
}
/* line 20, ../inquiry.scss */
.inquiry-intro__desc {
font-size: 1.6rem;
line-height: 2;
}
/* line 23, ../inquiry.scss */
.inquiry-intro__desc small {
font-size: 1.4rem;
}
/* line 30, ../inquiry.scss */
.inquiry-notice__ttl {
margin-bottom: 15px;
padding-top: 50px;
border-top: 2px solid #000;
}
/* line 35, ../inquiry.scss */
.inquiry-notice__h3 {
font-size: 1.8rem;
font-weight: bold;
line-height: 2;
color: #6aaad0;
}
.inquiry-natice__h3 {
font-size: 1.8rem;
font-weight: bold;
line-height: 2;
color: black;
}
/* line 44, ../inquiry.scss */
.inquiry-notice__item {
font-size: 1.4rem;
line-height: 1.71;
list-style: none;
}
.container_request{
padding: 2% 0;
width:100%;
}
.request_ttl{
width: 60%;
float: left;
}
.request_ttl h3{
color: #6aaad0;
line-height: 2;
font-weight: bold;
font-size: 1.8rem;
}
.request_img{
width: 40%;
float: left;
}
.inquiry-intro__desc h3{
font-size: 25px;
font-weight: 600;
margin: 30px 0;
line-height: 1.7;
color: black;
}
#whatstoivo section{
padding:40px 0 40px 0;
width:100%;
max-width:1100px;
margin:0 auto;
}
#whatstoivo section img{
width:100%;
height:auto;
}
#whatstoivo section p{
padding:10px 0;
}
#whatstoivo section h3{
font-size:25px;
font-weight:600;
margin:0 0 30px 0;
line-height:1.7;
color: #6aaad0;
}
.kakomi{
padding:3%;
border:1px solid #79a9cc;
margin:20px 0;
}
.bk10{
padding-top:10px;
}
.bk20{
padding-top:20px;
}
.flex {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
-moz-flex-direction: row;
-o-flex-direction: row;
-webkit-flex-direction: row;
-ms-flex-direction: row;
align-content: space-between;
align-items: stretch;
}
.fl_between {
-webkit-justify-content: space-between !important;
justify-content: space-between !important;
}
.fl_leftlarge_l{
width:60%;
}
.fl_leftlarge_r{
width:35%;
}
.fl_right {
flex-direction: row-reverse!important;
}
.page-kugiri{
width:10%;
border: none;
background-color: #fff;
border-width: 1px 0 0 0;
border-top: double;
border-color: black;
}
.bt-block{
display:inline-block;
background:url("https://www.toivo.co.jp/wp-content/uploads/2021/02/yajirushi.png");
padding:25px 20px;
width:100%;
height:70px;
max-width:400px;
border:1px solid #fff;
position:relative;
}
.bt-block span{
color:#fff;
font-size:15px;
}
@media screen and (max-width: 765px) {
#method section{
padding-top:40px;
}
.fl_leftlarge_l{
width:100%;
margin-bottom:30px;
box-sizing:border-box;
}
.fl_leftlarge_r{
width:100%;
box-sizing:border-box;
}
.fl_leftlarge_r img{
width:100%;
}
.page-kugiri{
width:20%;
}
.fl_right {
flex-direction:row!important;
}
}
#whatstoivo .ghost-btn__wrap--reverse{
max-width: 400px;
width: 100%;
}
#whatstoivo .ghost-btn a{
max-width:400px;
}
#whatstoivo .fl_right .ghost-btn__wrap--reverse{
float:right;
}
@media screen and (max-width: 768px) {
.page-ttl__h2 br{
display: none;
}
#whatstoivo h3 br{
display:none;
}
}
.request_youtube{width: 100%; height: 400px; text-align: center; margin: 0 auto;}
@media screen and (max-width:640px) {
.request_youtube{width: 100%; height: 180px;}
}