jscss
pg_whats_toivo.css
#whatstoivo section{
padding:40px 0 40px 0;
width:90%;
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;
}
.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;
}
}