@charset "utf-8";
   h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 ,
a ,
abbr ,
acronym ,
address ,
applet ,
article ,
aside ,
audio ,
b ,
big ,
blockquote ,
body ,
caption ,
canvas ,
center ,
cite ,
code ,
dd ,
del ,
details ,
dfn ,
dialog ,
div ,
dl ,
dt ,
em ,
embed ,
fieldset ,
figcaption ,
figure ,
form ,
footer ,
header ,
hgroup ,
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 ,
html ,
i ,
iframe ,
img ,
ins ,
kbd ,
label ,
legend ,
li ,
mark ,
menu ,
nav ,
object ,
ol ,
output ,
p ,
pre ,
q ,
ruby ,
s ,
samp ,
section ,
main ,
small ,
span ,
strike ,
strong ,
sub ,
summary ,
sup ,
tt ,
table ,
tbody ,
textarea ,
tfoot ,
thead ,
time ,
tr ,
th ,
td ,
u ,
ul ,
var ,
video{
padding : 0;
margin : 0;
font-family : "游明朝体" , "Yu Mincho" , YuMincho , "ヒラギノ明朝 Pro" , "Hiragino Mincho Pro" , "MS P明朝" , "MS PMincho" , serif;
font-size : 100%;
font-weight : 400;
font-weight : 500;
line-height : 1;
white-space : normal;
vertical-align : baseline;
background : transparent;
border : 0;
outline : 0;
}
article ,
aside ,
details ,
figcaption ,
figure ,
footer ,
header ,
hgroup ,
menu ,
nav ,
section ,
main{
display : block;
}
img{
width : 100%;
max-width : 100%;
vertical-align : bottom;
filter : alpha( opacity=100 );
border : none;
opacity : 1;
-webkit-transition : .2s ease-in;
transition : .2s ease-in;
-webkit-backface-visibility : hidden;
backface-visibility : hidden;
}
a{
color : #000;
text-decoration : none;
}
a:hover{
text-decoration : none;
}
a:focus{
outline : none;
}
li{
list-style : none;
}
input[type="text"] ,
input[type="password"] ,
textarea ,
select{
outline : none;
}
body{
width : 100%;
color : #333;
background : #ececec;
}
footer{
height : 120px;
background : #840f0f;
} .clearfix{
zoom : 1;
}
.clearfix::after{
display : block;
clear : both;
content : "";
}
@media print{
.clearfix{
overflow : hidden;
}
}
.Tcenter{
text-align : center;
}
html{
height : 100%;
margin : 0 ! important;
}
.inner{
position : relative;
z-index : 98;
box-sizing : border-box;
justify-content : space-between;
width : 100%;
max-width : 980px;
padding-left : 10px;
padding-right : 10px;
margin-left : auto;
margin-right : auto;
}
@media screen and ( max-width : 1010px ){
.inner{
padding-left : 100px;
padding-right : 100px;
}
}
@media screen and ( max-width : 768px ){
.inner{
padding-left : 28px;
padding-right : 28px;
}
}
@media screen and ( min-width : 1170px ){
.inner-case-img{
max-width : 1140px;
}
}
.inner-about{
position : relative;
box-sizing : border-box;
width : 100%;
max-width : 1366px;
margin-left : auto;
margin-right : auto;
}
.wrap-box{
display : flex;
flex-wrap : wrap;
justify-content : space-between;
}
.anchor-txt{
position : absolute;
top : 0;
left : 0;
z-index : 2;
width : 100%;
height : 100%;
}
img{
width : 100%;
max-width : 100%;
height : auto;
}
a{
transition : .3s;
}
a:hover ,
button:hover{
opacity : .7;
}
.textCenter{
text-align : center;
}
.disp-pc{
display : block;
}
@media screen and ( max-width : 930px ){
.disp-pc{
display : none;
}
}
.disp-sp{
display : none;
}
@media screen and ( max-width : 930px ){
.disp-sp{
display : block;
}
}
br.sp-only{
display : none;
}
@media screen and ( max-width : 768px ){
br.sp-only{
display : block;
}
}
br.pc-tab-only{
display : block;
}
@media screen and ( max-width : 768px ){
br.pc-tab-only{
display : none;
}
} #header{
position : fixed;
top : 0;
left : 0;
z-index : 100;
width : 100%;
background : #ededed;
}
#header.biz-top{
background : transparent;
transition : 1s;
}
#header.biz-top.bg-white{
background : #fff;
transition : 1s;
}
#header .inner{
display : flex;
align-items : center;
justify-content : space-between;
max-width : 100%;
padding : 33px 48px 36px 48px;
}
#header-logo{
width : 135px;
}
@media screen and ( max-width : 930px ){
#header-logo{
width : 110px;
}
#header .inner{
padding : 13px 28px;
}
} #footer{
display : flex;
align-items : flex-end;
justify-content : center;
}
#footer .copyright{
padding : 16px 0;
font-size : 12px;
color : white;
text-align : center;
} .nav-head {
}
.nav-head ul{
display : flex;
align-items : center;
justify-content : center;
}
.nav-head li{
padding : 0 19px;
}
.nav-head a{
font-size : 14px;
}
@media screen and ( max-width : 930px ){
.nav-head{
position : fixed;
top : 0;
bottom : 0;
right : -500px;
z-index : 101;
display : none;
width : 100%;
overflow-x : hidden;
overflow-y : auto;
background : #ccc;
opacity : 0;
transition : all .5s;
-webkit-overflow-scrolling : touch;
}
.open .nav-head{
right : 0;
display : block;
opacity : 1;
}
.nav-head ul{
flex-direction : column;
padding : 30px 15px;
margin-top : 50px;
}
.nav-head a{
display : block;
padding : 10px 0;
font-size : 16px;
}
} #header .toggle-btn{
display : none;
}
@media screen and ( max-width : 930px ){
#header .toggle-btn{
position : fixed;
top : 23px;
right : 28px;
z-index : 999;
width : 38px;
height : 24px;
cursor : pointer;
}
#header .toggle-btn span{
position : absolute;
left : 0;
width : 100%;
height : 3px;
background-color : #666;
border-radius : 4px;
}
#header .toggle-btn , #header .toggle-btn span{
box-sizing : border-box;
display : inline-block;
transition : all .5s;
}
#header .toggle-btn span:nth-child( 1 ){
top : 0;
}
#header .toggle-btn span:nth-child( 2 ){
top : 10px;
}
#header .toggle-btn span:nth-child( 3 ){
bottom : 1px;
}
#header.open .toggle-btn span:nth-child( 1 ){
transform : translateY( 10px ) rotate( -30deg );
}
#header.open .toggle-btn span:nth-child( 2 ){
opacity : 0;
}
#header.open .toggle-btn span:nth-child( 3 ){
transform : translateY( -10px ) rotate( 30deg );
}
} main.biz-common .btn{
box-sizing : border-box;
display : inline-block;
}
main.biz-common .btn.btn-top-read{
display : inline-block;
max-width : 410px;
padding : 18px 22px;
margin-top : 40px;
font-size : 16px;
color : #fff;
text-align : center;
letter-spacing : .2em;
background : rgb( 188 0 0 / .9 );
border-radius : 4px;
}
@media screen and ( max-width : 930px ){
main.biz-common .btn.btn-top-read{
margin-left : -10px;
font-size : 14px;
}
}
@media screen and ( max-width : 768px ){
main.biz-common .btn.btn-top-read{
display : none;
}
}
main.biz-common .btn.btn-common1{
position : relative;
font-size : 14px;
color : #bc0000;
}
main.biz-common .btn.btn-common1::after{
position : absolute;
bottom : 2px;
right : -33px;
width : 28px;
height : 13px;
content : "";
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/common/icon_arrow01_pc.png) no-repeat center center / contain;
}
main.biz-common .btn.btn-common2{
position : relative;
width : 300px;
padding : 20px 0;
font-size : 17px;
color : #bc0000;
text-align : center;
background : #fff;
filter : drop-shadow( 5px 5px 10px rgb( 0 0 0 / .3 ) );
border : 1px solid #bc0000;
border-radius : 4px;
}
main.biz-common .btn.btn-common2::after{
position : absolute;
top : 50%;
right : 20px;
width : 28px;
height : 13px;
margin-bottom : -5px;
content : "";
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/common/icon_arrow01_pc.png) no-repeat center center / contain;
transform : translateY( -50% );
}
main.biz-common .btn.btn-case-tax{
min-width : 100px;
padding : 10px 20px;
margin-bottom : 20px;
font-size : 18px;
color : #fff;
text-align : center;
background : #960f0f;
filter : drop-shadow( 5px 5px 10px rgb( 0 0 0 / .3 ) );
border-radius : 4px;
}
main.biz-common .btn.btn-case-tax.active{
background : #999;
}
main.biz-common .btn.btn-common3{
position : relative;
width : 240px;
padding : 22px 0;
font-size : 16px;
color : #fff;
text-align : center;
background : #bc0000;
filter : drop-shadow( 5px 5px 10px rgb( 0 0 0 / .3 ) );
border-radius : 4px;
}
main.biz-common .btn.btn-common3::after{
position : absolute;
top : 50%;
right : 20px;
width : 28px;
height : 13px;
margin-bottom : -5px;
content : "";
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/common/icon_arrow02_pc.png) no-repeat center center / contain;
transform : translateY( -50% );
}
main.biz-common .btn.btn-faq{
position : relative;
width : 240px;
padding : 20px 30px;
font-size : 17px;
color : #bc0000;
background : #fff;
filter : drop-shadow( 5px 5px 10px rgb( 0 0 0 / .3 ) );
border : 1px solid #bc0000;
border-radius : 4px;
}
main.biz-common .btn.btn-faq::after{
position : absolute;
top : 50%;
right : 20px;
width : 28px;
height : 13px;
margin-bottom : -5px;
content : "";
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/common/icon_arrow03_pc.png) no-repeat center center / contain;
transform : translateY( -50% );
}
@media screen and ( max-width : 768px ){
main.biz-common .btn.btn-common2{
font-size : 14px;
}
}  .card{
box-sizing : border-box;
} .card-top-case{
padding : 100px 0;
}
.card-top-case .inner{
max-width : 1140px;
}
.card-top-case.card01{
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/index/case01_pc.jpg) no-repeat center center / cover;
}
.card-top-case.card02{
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/index/case02_pc.jpg) no-repeat center top / cover;
}
.card-top-case.card03{
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/index/case03_pc.jpg) no-repeat center center / cover;
}
.card-top-case .inner{
display : flex;
}
.card-top-case.card01 .inner , .card-top-case.card03 .inner{
justify-content : flex-start;
}
.card-top-case.card02 .inner{
justify-content : flex-end;
}
.card-top-case .card{
width : calc( (1140px - 40px) / 2 );
min-height : 375px;
padding : 40px 40px 60px 90px;
background : rgb( 255 255 255 / .9 );
}
.card-top-case .card .card-head{
font-size : 17px;
color : #bc0000;
text-align : center;
}
.card-top-case .card .card-body .top{
margin : 40px 0 20px 0;
line-height : 1.6875;
}
.card-top-case .card .card-body .bottom{
font-size : 12px;
line-height : 2;
}
.card-top-case .card .btn.btn-common1{
margin-top : 40px;
}
.card-wrap-materials{
display : flex;
justify-content : space-between;
}
.card-wrap-materials a{
display : block;
flex : 0 0 300px;
}
@media screen and ( max-width : 1010px ){
.card-wrap-materials a{
flex : 0 0 280px;
}
}
.card-wrap-materials .card{
filter : drop-shadow( 10px 10px 15px rgb( 0 0 0 / .5 ) );
}
@media screen and ( max-width : 930px ){
.card-wrap-materials{
flex-direction : column;
}
.card-wrap-materials a{
flex : 0 0 100%;
}
.card-wrap-materials .card{
margin-bottom : 50px;
}
}
@media screen and ( max-width : 768px ){
.card-top-case{
padding : 30px 0;
}
.card-top-case.card01{
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/index/case01_sp.jpg) no-repeat center center / cover;
}
.card-top-case.card02{
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/index/case02_sp.jpg) no-repeat center top / cover;
}
.card-top-case.card03{
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/index/case03_sp.jpg) no-repeat center center / cover;
}
.card-top-case .card{
display : flex;
flex-direction : column;
width : 100%;
min-height : inherit;
padding : 40px 15px;
background : rgb( 255 255 255 / .9 );
}
.card-top-case .card .card-body .top{
font-size : 15px;
text-align : center;
}
.card-top-case .card .card-body .bottom{
font-size : 10px;
line-height : 2.5;
}
.card-top-case .card .btn.btn-common1{
margin : 30px auto 0 auto;
font-size : 10px;
}
.card-wrap-materials .card{
margin-bottom : 30px;
}
} .card-wrap-case{
max-width : 1000px;
margin : 0 auto;
}
.card.card-case{
display : flex;
align-items : flex-end;
margin-bottom : 50px;
}
.card.card-case .card-img{
flex : 1 1 auto;
}
.card.card-case .card-body{
display : flex;
flex : 0 0 350px;
flex-direction : column;
align-items : center;
padding-left : 20px;
}
.card.card-case .card-img .img-wrap img {
}
.card.card-case .card-body .card-header{
margin-bottom : 20px;
font-size : 24px;
line-height : 1.5;
text-align : center;
}
.card.card-case .card-body .card-text{
margin-bottom : 20px;
font-size : 16px;
line-height : 2;
}
@media screen and ( max-width : 1020px ){
.card-wrap-case{
max-width : 100%;
padding : 0 100px;
}
.card.card-case{
display : block;
margin-bottom : 80px;
}
.card.card-case .card-body{
padding-left : 0;
}
.card.card-case .card-body .card-body-bg{
padding : 40px 30px 30px 30px;
background : #fff;
}
.card.card-case .card-body .btn{
margin-top : 25px;
}
}
@media screen and ( max-width : 768px ){
.card-wrap-case{
max-width : 100%;
padding : 0 28px;
}
.card.card-case .card-body .card-body-bg{
padding : 40px 15px 30px 15px;
}
.card.card-case .card-body .card-header{
margin-bottom : 20px;
font-size : 18px;
}
.card.card-case .card-body .card-text{
margin-bottom : 20px;
font-size : 12px;
line-height : 2;
}
} .card-wrap-case-about{
display : flex;
flex-flow : row wrap;
align-items : stretch;
justify-content : space-between;
}
.card-wrap-case-about article{
flex : 0 0 calc( 33.33% - 20px );
}
.card-wrap-case-about article a{
display : block;
}
.card-wrap-case-about article ,
.card-wrap-case-about article a{
display : flex;
align-items : stretch;
}
.card.card-case-about{
position : relative;
display : flex;
flex-direction : column;
justify-content : space-between;
background : #fff;
filter : drop-shadow( 10px 10px 15px rgb( 0 0 0 / .3 ) );
}
.card.card-case-about .card-img{
position : relative;
}
.card.card-case-about .card-img .img-wrap{
height : 236px;
}
.card.card-case-about .card-img img{
object-fit : cover;
width : 100%;
height : 100%;
}
.card.card-case-about .card-img .cat{
position : absolute;
bottom : 0;
right : 0;
padding : 5px 10px;
font-size : 16px;
color : #fff;
background : #a82216;
}
.card.card-case-about .card-body{
display : flex;
align-items : center;
justify-content : center;
height : 100px;
}
@media screen and ( min-width : 769px ){
.card-wrap-case-about article.slick-slide a{
justify-content : center;
}
.card-wrap-case-about .slick-dots{
bottom : -20px;
}
.card-wrap-case-about .slick-list{
padding-bottom : 50px;
}
.card-wrap-case-about .slick-arrow{
top : calc( 50% - 25px );
width : 32px;
height : 32px;
background : #fff ! important;
border : none;
border-radius : 50%;
opacity : 1 ! important;
transform : translateY( -50% );
}
.slick-arrow::before{
display : block;
width : 13px;
height : 24px;
margin-left : auto;
margin-right : auto;
content : "";
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/common/slick_arrow_right_sp.png) no-repeat center center / contain;
}
}
@media screen and ( max-width : 768px ){
.card.card-case-about{
margin : 0 45px;
}
.card-wrap-case-about article a{
justify-content : center;
}
.card-wrap-case-about{
flex-direction : column;
justify-content : center;
}
.card-wrap-case-about.slick-initialized{
flex-direction : row;
justify-content : space-between;
}
.card.card-case-about{
justify-content : center;
margin : 0 45px;
}
.card-wrap-case-about article a {
}
.card-wrap-case-about article{
justify-content : center;
margin : 0 auto 16px;
}
}
.card.card-case-about .card-body .card-header{
padding : 0 15px;
font-size : 16px;
line-height : 1.5;
color : #a82216;
text-align : center;
}
@media screen and ( min-width : 769px ) and ( max-width : 930px ){
.card-wrap-case-about article{
flex : 0 0 calc( 50% - 10px );
margin-bottom : 20px;
}
}
.card-wrap-result{
display : flex;
flex-flow : row wrap;
justify-content : space-between;
padding-bottom : 90px;
margin-top : 30px;
}
.card.card-result{
flex : 0 0 calc( 50% - 15px );
margin-bottom : 30px;
}
.card.card-result.card-max{
flex : 0 0 100%;
}
.card.card-result.card-max.pc-tab-only{
display : block;
}
.card.card-result.card-max.sp-only{
display : none;
}
@media screen and ( max-width : 768px ){
.card-wrap-result{
width : 100%;
padding-bottom : 0;
margin-top : 15px;
}
.card.card-result{
flex : 0 0 calc( 50% - 7.5px );
margin-bottom : 15px;
}
.card.card-result.card-max.pc-tab-only{
display : none;
}
.card.card-result.card-max.sp-only{
display : block;
width : 100%;
overflow : hidden;
background : white;
}
.card.card-result.card-max.sp-only .img-over{
width : 100%;
padding : 20px;
overflow : scroll;
}
.card.card-result.card-max.sp-only .img-over img{
width : auto;
max-width : none;
height : 260px;
padding : 0 40px 0 0;
object-fit : contain;
}
} .card-wrap-dl{
display : flex;
flex-flow : row wrap;
gap : 40px 5%;
align-items : stretch;
justify-content : flex-start;
}
.card-wrap-dl article{
flex : 0 0 30%;
margin-bottom : 70px;
}
.card-wrap-dl .card.card-dl ,
.card-wrap-dl .card.card-dl .card-body{
display : flex;
flex-direction : column;
align-items : stretch;
justify-content : space-between;
}
.card.card-dl .card-body{
background : #fff;
filter : drop-shadow( 10px 10px 15px rgb( 0 0 0 / .3 ) );
}
.card.card-dl .card-img .img-wrap{
height : auto;
}
.card.card-dl .card-img img{
object-fit : cover;
width : 100%;
height : 100%;
}
.card.card-dl .card-header{
display : flex;
align-items : center;
justify-content : center;
min-height : 100px;
padding : 0 15px;
font-size : 16px;
line-height : 1.5;
color : #a82216;
}
.card.card-dl .card-footer{
margin-top : 20px;
text-align : center;
}
.card-wrap-dl .card-dl-pc{
display : block;
}
.card-wrap-dl .card-dl-sp{
display : none;
}
@media screen and ( max-width : 930px ){
.card-wrap-dl article{
flex : 0 0 calc( 50% - 30px );
margin-bottom : 90px;
}
}
@media screen and ( max-width : 768px ){
.card-wrap-dl{
display : block;
}
.card-wrap-dl .card-dl-pc{
display : none;
}
.card-wrap-dl .card-dl-sp{
display : block;
}
.card-wrap-dl .card.card-dl{
margin : 0 28px;
}
.card-wrap-dl article{
margin-bottom : 0;
}
} .form-common td input{
box-sizing : border-box;
width : 100%;
padding : 11px 15px;
border : 1px solid #a7a7a7;
}
.form-common table.item-table .item-txt{
display : inline-block;
padding : 5px 10px;
margin-left : 5px;
font-size : 12px;
color : #bc0000;
border : 1px solid #bc0000;
}
.form-top table.item-table{
width : 100%;
}
.form-top table.item-table th{
width : 33.333% ! important;
font-size : 17px;
color : #1a1a1a;
text-align : left;
}
.form-top table.item-table td{
padding-bottom : 45px;
}
.form-top table.item-table td{
width : 66.667% ! important;
text-align : left;
}
.form-top a{
color : #0091d6;
}
.form-top .itembtn{
text-align : center;
}
.form-top .itembtn button{
width : 340px;
padding : 17px 0;
margin-top : 30px;
font-size : 17px;
color : #fff;
cursor : pointer;
background : #aa0014;
border : none;
border-radius : 4px;
}
.form-top .error{
margin-top : 10px;
}
@media screen and ( max-width : 930px ){
.form-top table.item-table th , .form-top table.item-table td{
display : block;
width : 100% ! important;
}
}
@media screen and ( max-width : 768px ){
.form-top .itembtn button{
width : 100%;
font-size : 14px;
}
} .form-dl table{
width : 100%;
}
.form-dl table.item-table th ,
.form-dl table.item-table td{
display : block;
width : 100% ! important;
}
.form-dl table.item-table td{
margin-bottom : 25px;
}
.form-dl table.item-table th{
margin-bottom : 5px;
text-align : left;
}
.form-dl table.item-table td input{
padding : 11px 15px;
background : #ededed;
border : 1px solid #bcbcbc;
}
.form-dl .itembtn{
text-align : center;
}
.form-dl .itembtn button{
position : relative;
width : 240px;
padding : 17px 0;
margin-top : 30px;
font-size : 16px;
color : #fff;
cursor : pointer;
background : #aa0014;
filter : drop-shadow( 5px 5px 10px rgb( 0 0 0 / .3 ) );
border : none;
border-radius : 4px;
}
.form-dl .itembtn button::after{
position : absolute;
top : 50%;
right : 15px;
width : 28px;
height : 13px;
margin-bottom : -5px;
content : "";
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/common/icon_arrow02_pc.png) no-repeat center center / contain;
transform : translateY( -50% );
}
.form-dl a{
color : #00f;
}
.form-dl .error{
margin-top : 10px;
}
@media screen and ( max-width : 768px ){
.form-common span{
font-size : 10px;
}
.form-common .mwform-checkbox-field > label{
display : flex;
align-items : center;
justify-content : center;
}
.form-common table.item-table .item-txt{
padding : 2px 5px;
font-size : 10px;
}
.form-dl table.item-table td input{
padding : 8px 15px;
}
.form-dl table.item-table th{
font-size : 10px;
}
} @media screen and ( max-width : 768px ){
.slick-arrow{
top : calc( 50% - 50px );
width : 32px;
height : 32px;
background : #fff ! important;
border : none;
border-radius : 50%;
opacity : 1 ! important;
transform : translateY( -50% );
}
.slick-arrow.slick-prev{
left : 10px;
}
.slick-arrow.slick-next{
right : 10px;
}
.slick-arrow::before{
display : block;
width : 13px;
height : 24px;
margin-left : auto;
margin-right : auto;
}
.slick-next::before{
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/common/slick_arrow_right_sp.png) no-repeat center center / contain;
}
.slick-prev::before{
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/common/slick_arrow_left_sp.png) no-repeat center center / contain;
}
.slick-list{
padding-bottom : 50px;
}
.slick-dots{
bottom : 20px;
}
.slick-dots li button{
background : transparent;
border : 1px solid #666;
}
.slick-dots li.slick-active button{
background : #666;
}
} .acc-wrap .head{
cursor : pointer;
}
.acc-wrap .body{
display : none;
} main.biz-common .top-common{
padding : 64px 0;
color : #fff;
text-align : center;
background : linear-gradient( to right , #bd0000 11% , #831413 35% , #b00a1a 51% , #bd0000 64% , #facdc9 95% );
}
main.biz-common .top-common span{
display : block;
}
main.biz-common .top-common .en{
font-size : 17px;
}
main.biz-common .top-common .ja{
margin-top : 10px;
font-size : 25px;
}
main.biz-common .top-about span{
display : block;
}
main.biz-common .top-about .en{
font-size : 16px;
color : #bc0000;
}
main.biz-common .top-about .ja{
margin-top : 10px;
font-size : 24px;
}
main.biz-common .top-vision-body{
margin-bottom : 60px;
font-size : 25px;
}
main.biz-common .top-materials{
position : relative;
padding-bottom : 60px;
font-size : 25px;
text-align : center;
}
main.biz-common .top-materials::after{
position : absolute;
bottom : 0;
left : 50%;
width : 60px;
height : 1px;
content : "";
background : #333;
transform : translateX( -50% );
}
main.biz-common .common-page{
margin-top : 90px;
font-size : 32px;
line-height : 1.1875;
text-align : center;
}
@media screen and ( max-width : 930px ){
main.biz-common .common-page{
margin-top : 60px;
}
}
@media screen and ( max-width : 768px ){
main.biz-common .top-common{
padding : 39px 0;
}
main.biz-common .top-about .en{
font-size : 14px;
}
main.biz-common .top-about .ja{
margin-top : 10px;
font-size : 18px;
}
main.biz-common .common-page{
font-size : 18px;
}
main.biz-common .top-common .en{
font-size : 14px;
}
main.biz-common .top-common .ja{
font-size : 18px;
}
main.biz-common .top-vision-body{
margin-bottom : 30px;
}
main.biz-common .top-materials{
padding-bottom : 25px;
font-size : 18px;
}
} main.biz-common .case-single-head{
text-align : center;
}
main.biz-common .case-single-head span{
display : block;
font-size : 16px;
}
main.biz-common .case-single-head .campany {
}
main.biz-common .case-single-head .position{
margin-top : 5px;
} main.biz-common .page-about{
font-size : 32px;
}
main.biz-common .header-about{
font-size : 32px;
color : #fff;
}
main.biz-common .header-about-com{
position : relative;
padding-bottom : 67px;
margin-bottom : 80px;
font-size : 32px;
text-align : center;
}
main.biz-common .header-about-com::after{
position : absolute;
bottom : 0;
left : 50%;
width : 60px;
height : 1px;
content : "";
transform : translateX( -50% );
}
main.biz-common .header-about-com.color-black{
color : #000;
}
main.biz-common .header-about-com.color-black::after{
background : #a82216;
}
main.biz-common .header-about-com.color-white{
color : #fff;
}
main.biz-common .header-about-com.color-white::after{
background : #fff;
}
@media screen and ( max-width : 930px ){
main.biz-common .page-about{
font-size : 28px;
}
main.biz-common .header-about-com{
font-size : 28px;
}
main.biz-common .header-about{
font-size : 28px;
text-align : center;
}
}
@media screen and ( max-width : 768px ){
main.biz-common .page-about{
font-size : 18px;
}
main.biz-common .header-about-com{
padding-bottom : 35px;
margin-bottom : 35px;
font-size : 18px;
line-height : 1.785;
}
main.biz-common .header-about{
font-size : 18px;
}
} main.biz-common .faq-com{
margin-bottom : 35px;
font-size : 24px;
color : #000;
}
@media screen and ( max-width : 930px ){
main.biz-common .faq-com{
position : relative;
box-sizing : border-box;
width : 61.538%;
padding : 22px 40px 22px 26px;
margin-left : auto;
margin-right : auto;
color : #b80000;
cursor : pointer;
background : #fff;
filter : drop-shadow( 5px 5px 10px rgb( 0 0 0 / .3 ) );
border : 1px solid #b80000;
border-radius : 4px;
}
main.biz-common .faq-com::after{
position : absolute;
top : 50%;
right : 0;
width : 23px;
height : 13px;
margin-right : 15px;
content : "";
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/common/icon_arrow03_sp.png) no-repeat center center / contain;
transform : translateY( -50% );
}
main.biz-common .faq-com.active{
color : #fff;
background : #960f0f;
border : none;
}
main.biz-common .faq-com.active::after{
width : 23px;
height : 14px;
margin-right : 15px;
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/common/icon_arrow05_sp.png) no-repeat center center / contain;
}
}
@media screen and ( max-width : 768px ){
main.biz-common .faq-com{
margin-bottom : 20px;
font-size : 16px;
}
} main.biz-common .dl-com{
display : inline-block;
margin-bottom : 40px;
font-size : 32px;
color : #000;
border-bottom : 1px solid #b80000;
}
@media screen and ( max-width : 768px ){
main.biz-common .dl-com{
margin-bottom : 40px;
font-size : 16px;
}
} main.biz-common .wp-pagenavi a , main.biz-common .wp-pagenavi span{
padding : 2px 10px;
margin : 0;
font-size : 14px;
border : none;
border-right : 1px solid #b80000;
}
main.biz-common .wp-pagenavi a:last-child{
border : none;
}
main.biz-common .wp-pagenavi a{
color : #b80000;
} main.biz-page{
padding-top : 120px;
}
@media screen and ( max-width : 930px ){
main.biz-page{
padding-top : 67px;
}
}  main.biz-top .read{
position : relative;
}
main.biz-top .read .img-wrap{
max-height : 100vh;
}
main.biz-top .read .img-wrap img{
max-height : 100vh;
object-fit : cover;
}
main.biz-top .read .text-wrap{
position : absolute;
top : 50%;
left : 50%;
width : calc( 50% - 80px );
margin-left : 80px;
transform : translateY( -50% );
}
main.biz-top .read .text-wrap span{
display : block;
font-size : 31px;
color : #fff;
}
main.biz-top .read .text-wrap img{
width : inherit;
margin-left : -30px;
}
main.biz-top .read .text-wrap p{
font-size : 21px;
line-height : 1.5;
color : #fff;
}
@media screen and ( max-width : 930px ){
main.biz-top .read .text-wrap{
position : absolute;
top : 50%;
left : 50%;
width : calc( 50% - 80px );
margin-left : 80px;
transform : translateY( -50% );
}
main.biz-top .read .text-wrap span{
margin-left : -10px;
}
main.biz-top .read .text-wrap p{
padding-right : 20px;
margin-left : -10px;
}
}
@media screen and ( max-width : 768px ){
main.biz-top .read{
margin-top : 67px;
}
main.biz-top .read .text-wrap{
position : absolute;
top : inherit;
bottom : 0;
left : inherit;
right : 0;
width : 63%;
padding : 0;
margin : 0;
margin-bottom : 15%;
transform : inherit;
}
main.biz-top .read .text-wrap span{
margin-left : 16px;
font-size : calc( 18px + 20 * (100vw - 390px)/448 );
}
main.biz-top .read .text-wrap img{
width : calc( 200px / 390px );
margin-left : 0;
}
main.biz-top .read .text-wrap p{
margin-left : 15px;
font-size : calc( 10px + 10 * (100vw - 390px)/448 );
text-shadow : 1px 1px 1px rgb( 0 0 0 / .5 );
}
} main.biz-top .about{
padding : 160px 0;
background : #fff;
}
main.biz-top .about .inner{
display : flex;
justify-content : flex-start;
}
main.biz-top .about .box-body{
padding-left : 160px;
margin : 10px 0 0 0;
}
main.biz-top .about .box-body p{
font-size : 16px;
line-height : 2.5;
}
main.biz-top .about .box-body .btn.btn-common1{
margin-top : 45px;
}
@media screen and ( max-width : 930px ){
main.biz-top .about{
padding : 80px 0;
text-align : center;
}
main.biz-top .about .inner{
flex-direction : column;
}
main.biz-top .about .box-body{
padding-left : 0;
margin : 40px 0 0 0;
}
}
@media screen and ( max-width : 768px ){
main.biz-top .about{
padding : 40px 0;
}
main.biz-top .about .inner{
flex-direction : column;
padding-left : 15px;
padding-right : 15px;
}
main.biz-top .about .box-body{
padding-left : 0;
margin : 10px 0 0 0;
}
main.biz-top .about .box-body p{
margin-top : 30px;
font-size : 10px;
line-height : 2.5;
}
main.biz-top .about .box-body .btn.btn-common1{
font-size : 10px;
}
} main.biz-top .vision .vision-body{
padding : 100px 0 90px 0;
text-align : center;
background : #e8e8e8 url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/index/vision_pc.png) no-repeat center top 300px / cover;
}
main.biz-top .vision .vision-body p{
font-size : 16px;
line-height : 2.5;
}
main.biz-top .vision .vision-body .btn{
margin-top : 610px;
}
@media screen and ( max-width : 768px ){
main.biz-top .vision .vision-body{
padding : 60px 0 40px 0;
text-align : center;
background : #e8e8e8 url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/index/vision_sp.png) no-repeat center bottom 125px/ contain;
}
main.biz-top .vision .vision-body .inner{
padding-left : 15px;
padding-right : 15px;
}
main.biz-top .vision .vision-body p{
font-size : 10px;
line-height : 2.5;
}
main.biz-top .vision .vision-body .btn{
margin-top : 340px;
font-size : 14px;
}
} main.biz-top .materials .materials-body{
padding : 80px 0 60px 0;
background : #a7a7a7;
}
main.biz-top .materials .materials-footer{
margin-top : 60px;
text-align : center;
}
@media screen and ( max-width : 768px ){
main.biz-top .materials .materials-body{
padding : 30px 0 30px 0;
}
main.biz-top .materials .materials-footer{
margin-top : 0;
}
} main.biz-top .contact{
padding : 90px 0 80px 0;
background : #e8e8e8;
}
main.biz-top .contact .contact-body{
margin-top : 0;
}
main.biz-top .contact .contact-body .form_preview_iptxt{
margin : 0 auto;
}
main.biz-top .contact .contact-body .form_preview a.privacy{
line-height : 1.4em;
color : #bc0000;
}
main.biz-top .contact .contact-body .form_preview .formError{
left : auto ! important;
right : 20px ! important;
}
@media screen and ( max-width : 768px ){
main.biz-top .contact{
padding : 45px 0 45px 0;
}
main.biz-top .contact .contact-body{
margin-top : 0;
}
main.biz-top .contact .contact-body .form_preview_iptxt{
width : 100%;
}
}  main.biz-about .read{
padding : 237px 0 0 0;
text-align : center;
}
main.biz-about .read p{
margin-top : 15px;
font-size : 16px;
}
main.biz-about .read .read-bg{
padding : 270px 0 0 0;
}
@media screen and ( max-width : 930px ){
main.biz-about .read{
display : flex;
flex-direction : column;
padding : 0 0 0 0;
}
main.biz-about .read .inner{
order : 2;
padding : 80px 20px;
}
main.biz-about .read .read-bg{
order : 1;
padding : 0 0 0 0;
}
main.biz-about .read p{
line-height : 2;
}
}
@media screen and ( max-width : 768px ){
main.biz-about .read p{
font-size : 12px;
}
} main.biz-about .about .inner-about{
position : relative;
padding-bottom : 320px;
margin-top : -100px;
}
main.biz-about .about .inner-about .box-ttl ,
main.biz-about .about .inner-about .box-body{
width : 50%;
height : 850px;
}
main.biz-about .about .inner-about .box-ttl{
position : relative;
z-index : auto;
background : #892019;
}
main.biz-about .about .inner-about .box-ttl .header-about{
position : absolute;
top : 50%;
left : 50%;
transform : translate( -50% , -50% );
}
main.biz-about .about .inner-about .box-ttl p{
position : absolute;
top : 50%;
right : -70%;
display : block;
font-size : 16px;
line-height : 2;
color : #fff;
transform : translateY( -50% );
}
@media screen and ( max-width : 1366px ) and ( min-width : 930px ){
main.biz-about .about .inner-about .box-ttl p{
right : -100%;
margin-right : 30px;
}
}
main.biz-about .about .inner-about .box-ttl::after{
position : absolute;
top : 30px;
left : 58px;
z-index : -2;
display : block;
width : 100%;
height : 100%;
content : "";
background : #e2e2e2;
}
main.biz-about .about .inner-about .box-body{
position : absolute;
top : 160px;
right : 20px;
z-index : -1;
display : block;
content : "";
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/about/about01_pc.jpg) no-repeat center center / cover;
}
@media screen and ( max-width : 930px ){
main.biz-about .about .inner-about{
padding : 0 0 180px 0;
padding-bottom : 0;
margin-top : 0;
}
main.biz-about .about .inner-about .box-ttl ,
main.biz-about .about .inner-about .box-body{
width : 100%;
height : inherit;
}
main.biz-about .about .inner-about .box-ttl{
background : transparent;
}
main.biz-about .about .inner-about .box-ttl .header-about{
position : relative;
top : inherit;
left : inherit;
margin-top : 40px;
transform : inherit;
}
main.biz-about .about .inner-about .box-ttl p{
position : relative;
top : inherit;
right : inherit;
margin-top : 25px;
line-height : 2.1;
text-align : center;
transform : inherit;
}
main.biz-about .about .inner-about .box-ttl::before{
position : absolute;
top : -40px;
left : 0;
z-index : -1;
width : 66.6666%;
height : 450px;
content : "";
background : #960f0f;
}
main.biz-about .about .inner-about .box-ttl::after{
top : -20px;
left : 20px;
z-index : -3;
width : 66.6666%;
height : 450px;
}
main.biz-about .about .inner-about .box-body{
top : 30px;
right : 0;
z-index : -2;
width : 62.56%;
height : 450px;
}
}
@media screen and ( max-width : 768px ){
main.biz-about .about .inner-about .box-ttl p{
font-size : 10px;
}
main.biz-about .about .inner-about .box-ttl::before{
height : 340px;
background : #960f0f;
}
main.biz-about .about .inner-about .box-ttl::after{
z-index : -3;
height : 340px;
}
main.biz-about .about .inner-about .box-body{
height : 320px;
}
} main.biz-about .reason{
position : relative;
z-index : auto;
margin-bottom : 110px;
}
main.biz-about .reason::after{
position : absolute;
top : 15px;
left : 50%;
z-index : -2;
display : block;
width : 840px;
height : calc( 100% - 20px );
content : "";
background : #e2e2e2;
transform : translateX( -50% );
}
main.biz-about .reason .reason-wrap{
display : flex;
justify-content : center;
padding-bottom : 120px;
}
main.biz-about .reason .reason-wrap .box-body ,
main.biz-about .reason .reason-wrap .box-img{
width : 50%;
}
main.biz-about .reason .reason-wrap.reason01 .box-img ,
main.biz-about .reason .reason-wrap.reason03 .box-img{
order : 1;
}
main.biz-about .reason .reason-wrap.reason01 .box-body ,
main.biz-about .reason .reason-wrap.reason03 .box-body{
order : 2;
}
main.biz-about .reason .reason-wrap .box-img{
position : relative;
}
main.biz-about .reason .reason-wrap .box-img::after{
position : absolute;
top : 30px;
left : 60px;
z-index : -1;
display : block;
width : 100%;
height : 100%;
content : "";
background : #892019;
}
main.biz-about .reason .reason-wrap .box-bg{
box-sizing : border-box;
max-width : 460px;
padding : 30px 0 30px 30px;
margin : 0 auto;
background : #fff;
}
@media screen and ( max-width : 1366px ) and ( min-width : 769px ){
main.biz-about .reason .reason-wrap .box-body ,
main.biz-about .reason .reason-wrap .box-img{
width : calc( 50% - 10px );
margin : 0 10px;
}
main.biz-about .reason .reason-wrap.reason02 .box-img::after{
width : calc( 100% - 60px );
}
}
main.biz-about .reason .reason-wrap .box-bg .reason-header{
display : flex;
align-items : center;
}
main.biz-about .reason .reason-wrap .box-bg span{
display : inline-block;
color : #981e1e;
}
main.biz-about .reason .reason-wrap .box-bg .num{
position : relative;
padding-right : 15px;
margin-right : 15px;
font-size : 52px;
}
main.biz-about .reason .reason-wrap .box-bg .num::after{
position : absolute;
top : 50%;
right : 0;
display : block;
width : 1.5px;
height : 75%;
content : "";
background : #a82216;
transform : translateY( -50% );
}
main.biz-about .reason .reason-wrap .box-bg .en{
font-size : 24px;
}
main.biz-about .reason .reason-wrap .box-bg .body{
padding-top : 20px;
padding-left : 81px;
}
main.biz-about .reason .reason-wrap .box-bg .body .ja{
font-size : 32px;
line-height : 1.7815;
color : #1a1a1a;
}
@media screen and ( max-width : 930px ){
main.biz-about .reason::after{
width : 61.5%;
}
main.biz-about .reason .reason-wrap .box-img::after{
height : 215px;
}
main.biz-about .reason .reason-wrap .box-bg .body{
padding-left : 0;
}
}
@media screen and ( max-width : 768px ){
main.biz-about .reason .reason-wrap{
position : relative;
flex-direction : column;
padding-bottom : 0;
margin-bottom : 70px;
}
main.biz-about .reason .reason-wrap.reason02::after{
left : 0;
right : inherit;
}
main.biz-about .reason .reason-wrap::after{
position : absolute;
top : 25px;
right : 0;
z-index : -2;
display : block;
width : calc( 100% - 16.666% );
height : calc( 100% - 8px );
content : "";
background : #892019;
}
main.biz-about .reason::after{
width : 100%;
height : calc( 100% - 20px );
background : transparent;
}
main.biz-about .reason .reason-wrap .box-body ,
main.biz-about .reason .reason-wrap .box-img{
width : calc( 100% - 30px );
}
main.biz-about .reason .reason-wrap.reason01 .box-body ,
main.biz-about .reason .reason-wrap.reason02 .box-body ,
main.biz-about .reason .reason-wrap.reason03 .box-body{
order : 1;
}
main.biz-about .reason .reason-wrap.reason01 .box-img ,
main.biz-about .reason .reason-wrap.reason02 .box-img ,
main.biz-about .reason .reason-wrap.reason03 .box-img{
order : 2;
margin-top : 10px;
}
main.biz-about .reason .reason-wrap.reason02 .box-body ,
main.biz-about .reason .reason-wrap.reason02 .box-img{
margin-left : 30px;
}
main.biz-about .reason .reason-wrap .box-bg{
max-width : 100%;
}
main.biz-about .reason .reason-wrap .box-img::after{
content : none;
}
}
@media screen and ( max-width : 768px ){
main.biz-about .reason .reason-wrap .box-bg .num{
padding-right : 12px;
margin-right : 12px;
font-size : 24px;
}
main.biz-about .reason .reason-wrap .box-bg .en{
font-size : 12px;
}
main.biz-about .reason .reason-wrap .box-bg .body{
padding-top : 15px;
padding-left : 48px;
}
main.biz-about .reason .reason-wrap .box-bg .body .ja{
font-size : 18px;
}
} main.biz-about .method{
position : relative;
padding : 120px 0 140px;
}
main.biz-about .method::after{
position : absolute;
top : 135px;
left : 50%;
display : block;
width : 840px;
height : calc( 100% - 15px - 120px - 140px );
content : "";
background : #e2e2e2;
transform : translateX( -50% );
}
main.biz-about .method p{
font-size : 16px;
line-height : 2;
color : #fff;
text-align : center;
}
main.biz-about .method .img-wrap{
padding-top : 0;
padding-bottom : 50px;
}
main.biz-about .method .img-wrap.pc-tab-only{
display : block;
}
main.biz-about .method .img-wrap.sp-only{
display : none;
}
@media screen and ( max-width : 930px ){
main.biz-about .method::after{
width : 61.5%;
}
}
@media screen and ( max-width : 768px ){
main.biz-about .method .inner{
padding : 0;
}
main.biz-about .method{
padding : 45px 0 45px 0;
}
main.biz-about .method::after{
top : 60px;
height : calc( 100% - 100px );
}
main.biz-about .method p{
font-size : 10px;
}
main.biz-about .method .img-wrap{
padding-top : 0;
padding-bottom : 50px;
}
main.biz-about .method .img-wrap.pc-tab-only{
display : none;
}
main.biz-about .method .img-wrap.sp-only{
display : block;
}
} main.biz-about .result{
position : relative;
z-index : auto;
margin-top : 160px;
margin-bottom : 110px;
}
main.biz-about .result::after{
position : absolute;
top : 15px;
left : 50%;
z-index : -2;
display : block;
width : 840px;
height : calc( 100% - 20px );
content : "";
background : #e2e2e2;
transform : translateX( -50% );
}
main.biz-about .result p{
font-size : 16px;
line-height : 2;
color : #1a1a1a;
text-align : center;
}
@media screen and ( max-width : 930px ){
main.biz-about .result::after{
width : 61.5%;
}
}
@media screen and ( max-width : 768px ){
main.biz-about .result{
margin-top : 90px;
margin-bottom : 70px;
}
main.biz-about .result::after{
content : none;
}
main.biz-about .result p{
font-size : 10px;
}
} main.biz-about .movie{
margin-bottom : 170px;
}
main.biz-about .movie .movie-wrap{
max-width : 560px;
margin : 0 auto;
}
main.biz-about .movie .movie-wrap .iframe-wrap{
position : relative;
height : 0;
padding-bottom : 56.25%;
overflow : hidden;
}
main.biz-about .movie .movie-wrap .iframe-wrap iframe{
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
main.biz-about .movie .movie-wrap .notice-sp{
display : none;
}
@media screen and ( max-width : 768px ){
main.biz-about .movie{
margin-bottom : 100px;
}
main.biz-about .movie .movie-wrap .notice-sp{
display : block;
margin-top : 10px;
font-size : 10px;
text-align : center;
}
} main.biz-top .companies .companies-img.pc-tab-only{
display : block;
}
main.biz-top .companies .companies-img.sp-only{
display : none;
}
@media screen and ( max-width : 768px ){
main.biz-top .companies .companies-img.pc-tab-only{
display : none;
}
main.biz-top .companies .companies-img.sp-only{
display : block;
}
} main.biz-about .case{
padding-bottom : 135px;
}
main.biz-about .case .case-foot{
margin-top : 90px;
text-align : center;
}
@media screen and ( max-width : 768px ){
main.biz-about .case{
padding-bottom : 100px;
}
main.biz-about .case .case-foot{
margin-top : 50px;
text-align : center;
}
main.biz-about .case .inner{
padding : 0;
}
} main.biz-member .vision .vision-title{
padding : 200px 0 90px 0;
padding-bottom : 600px;
text-align : center;
background : #e8e8e8 url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/member/main-img.png) no-repeat center;
background-size : cover;
}
main.biz-member .vision .vision-body{
padding : 100px 0;
text-align : center;
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/member/vision.png) no-repeat center / cover;
}
main.biz-member .vision .vision-body p{
line-height : 40px;
letter-spacing : 1.95px;
}
main.biz-member .members{
padding : 142px 0;
}
main.biz-member .members .members-title{
position : relative;
padding-bottom : 67px;
margin-bottom : 80px;
font-size : 32px;
text-align : center;
}
main.biz-member .members .members-title::after{
position : absolute;
bottom : 0;
left : 50%;
width : 60px;
height : 1px;
content : "";
transform : translateX( -50% );
}
main.biz-member .members .members-body .card-wrap{
flex-wrap : wrap;
}
main.biz-member .members .members-body .card{
position : relative;
flex : 0 0 calc( 33% - 15px );
margin : 0 8px 15px ;
}
main.biz-member .members .members-body .card .name-wrap{
position : absolute;
bottom : 0;
width : 100%;
padding : 20px 0;
font-size : 1em;
color : white;
text-align : center;
background : #950f0f;
opacity : .7;
}
main.biz-member .members .members-body .card.card2{
flex : 0 0 calc( 33% - 7px );
margin : 0 7px 15px 17%;
}
main.biz-member .members .members-body .card.card2:nth-of-type( 2n ){
margin : 0 17% 15px 7px;
}
main.biz-member .vision {
}
main.biz-member .vision .vision-wrap{
display : flex;
flex-direction : row-reverse;
margin-bottom : 90px;
}
main.biz-member .vision .vision-wrap.vision02{
flex-direction : row;
}
main.biz-member .vision .vision-wrap .box-body{
width : 50%;
margin-left : 5%;
}
main.biz-member .vision .vision-wrap.vision02 .box-body{
margin-right : 5%;
}
main.biz-member .vision .vision-wrap .box-body.pc-tab-only{
display : block;
}
main.biz-member .vision .vision-wrap .box-body.sp-only{
display : none;
}
main.biz-member .vision .vision-wrap .box-body.pc-tab-only .body{
display : block;
}
main.biz-member .vision .vision-wrap .box-body.sp-only .body{
display : none;
}
main.biz-member .vision .vision-wrap .box-body .box-bg{
padding-top : 80px;
}
main.biz-member .vision .vision-wrap .box-body .vision-header{
margin-bottom : 24px;
font-size : 32px;
color : #a60000;
}
main.biz-member .vision .vision-wrap .box-body .body .ja{
font-size : 1em;
line-height : 1.5em;
letter-spacing : 1.95px;
}
main.biz-member .vision .vision-wrap .box-img{
width : 50%;
}
main.biz-member .vision .vision-footer{
margin : 60px auto;
text-align : center;
}
@media screen and ( max-width : 768px ){
body.page-template-template-biz-member{
background : white;
}
main.biz-member .vision .vision-title{
padding : 100px 0 300px;
background : white url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/member/main-img.png) no-repeat 0% 200px / contain;
}
main.biz-member .members .members-body .card.card2{
margin : 0 7px 15px;
}
main.biz-member .members .members-body .card.card2:nth-of-type( 2n ){
margin : 0 7px 15px;
}
main.biz-member .vision .vision-wrap{
display : flex;
flex-direction : column;
flex-wrap : wrap;
padding-left : 28px;
padding-right : 28px;
margin-bottom : 90px;
}
main.biz-member .vision .vision-wrap .box-body{
width : 100%;
margin-left : 0;
}
main.biz-member .vision .vision-wrap .box-body.sp-only{
display : block;
}
main.biz-member .vision .vision-wrap .box-body.pc-tab-only .body{
display : none;
}
main.biz-member .vision .vision-wrap .box-body.sp-only .body{
display : block;
}
main.biz-member .vision .vision-wrap.vision02 .box-body{
margin-right : 0;
}
main.biz-member .vision .vision-wrap .box-body .box-bg{
padding-top : 20px;
}
main.biz-member .vision .vision-wrap .box-body .vision-header{
text-align : center;
}
main.biz-member .vision .vision-wrap .box-body .body .ja{
font-size : 1em;
line-height : 1.5em;
letter-spacing : 1.95px;
}
main.biz-member .vision .vision-wrap .box-img{
width : 100%;
}
main.biz-member .vision .vision-footer{
margin : 60px auto;
text-align : center;
}
}
main.biz-about .reason{
position : relative;
z-index : auto;
margin-bottom : 110px;
}
main.biz-about .reason::after{
position : absolute;
top : 15px;
left : 50%;
z-index : -2;
display : block;
width : 840px;
height : calc( 100% - 20px );
content : "";
background : #e2e2e2;
transform : translateX( -50% );
}
main.biz-about .reason .reason-wrap{
display : flex;
justify-content : center;
padding-bottom : 120px;
}
main.biz-about .reason .reason-wrap .box-body ,
main.biz-about .reason .reason-wrap .box-img{
width : 50%;
}
main.biz-about .reason .reason-wrap.reason01 .box-img ,
main.biz-about .reason .reason-wrap.reason03 .box-img{
order : 1;
}
main.biz-about .reason .reason-wrap.reason01 .box-body ,
main.biz-about .reason .reason-wrap.reason03 .box-body{
order : 2;
}
main.biz-about .reason .reason-wrap .box-img{
position : relative;
}
main.biz-about .reason .reason-wrap.reason02 .box-img{
margin-left : -60px;
}
main.biz-about .reason .reason-wrap .box-img::after{
position : absolute;
top : 30px;
left : 60px;
z-index : -1;
display : block;
width : 100%;
height : 100%;
content : "";
background : #892019;
}
main.biz-about .reason .reason-wrap .box-bg{
box-sizing : border-box;
max-width : 460px;
padding : 30px 0 30px 30px;
margin : 0 auto;
background : #fff;
}
@media screen and ( max-width : 1366px ) and ( min-width : 769px ){
main.biz-about .reason .reason-wrap .box-body ,
main.biz-about .reason .reason-wrap .box-img{
width : calc( 50% - 10px );
margin : 0 10px;
}
main.biz-about .reason .reason-wrap.reason02 .box-img::after{
width : calc( 100% - 60px );
}
}
main.biz-about .reason .reason-wrap .box-bg .reason-header{
display : flex;
align-items : center;
}
main.biz-about .reason .reason-wrap .box-bg span{
display : inline-block;
color : #981e1e;
}
main.biz-about .reason .reason-wrap .box-bg .num{
position : relative;
padding-right : 15px;
margin-right : 15px;
font-size : 52px;
}
main.biz-about .reason .reason-wrap .box-bg .num::after{
position : absolute;
top : 50%;
right : 0;
display : block;
width : 1.5px;
height : 75%;
content : "";
background : #a82216;
transform : translateY( -50% );
}
main.biz-about .reason .reason-wrap .box-bg .en{
font-size : 24px;
}
main.biz-about .reason .reason-wrap .box-bg .body{
padding-top : 20px;
padding-left : 81px;
}
main.biz-about .reason .reason-wrap .box-bg .body .ja{
font-size : 32px;
line-height : 1.7815;
color : #1a1a1a;
}
@media screen and ( max-width : 930px ){
main.biz-about .reason::after{
width : 61.5%;
}
main.biz-about .reason .reason-wrap .box-img::after{
height : 215px;
}
main.biz-about .reason .reason-wrap .box-bg .body{
padding-left : 0;
}
}
@media screen and ( max-width : 768px ){
main.biz-about .reason .reason-wrap{
position : relative;
flex-direction : column;
padding-bottom : 0;
margin-bottom : 70px;
}
main.biz-about .reason .reason-wrap.reason02::after{
left : 0;
right : inherit;
}
main.biz-about .reason .reason-wrap::after{
position : absolute;
top : 25px;
right : 0;
z-index : -2;
display : block;
width : calc( 100% - 16.666% );
height : calc( 100% - 8px );
content : "";
background : #892019;
}
main.biz-about .reason::after{
width : 100%;
height : calc( 100% - 20px );
background : transparent;
}
main.biz-about .reason .reason-wrap .box-body ,
main.biz-about .reason .reason-wrap .box-img{
width : calc( 100% - 30px );
}
main.biz-about .reason .reason-wrap.reason01 .box-body ,
main.biz-about .reason .reason-wrap.reason02 .box-body ,
main.biz-about .reason .reason-wrap.reason03 .box-body{
order : 1;
}
main.biz-about .reason .reason-wrap.reason01 .box-img ,
main.biz-about .reason .reason-wrap.reason02 .box-img ,
main.biz-about .reason .reason-wrap.reason03 .box-img{
order : 2;
margin-top : 10px;
}
main.biz-about .reason .reason-wrap.reason02 .box-body ,
main.biz-about .reason .reason-wrap.reason02 .box-img{
margin-left : 30px;
}
main.biz-about .reason .reason-wrap .box-bg{
max-width : 100%;
}
main.biz-about .reason .reason-wrap .box-img::after{
content : none;
}
}
@media screen and ( max-width : 768px ){
main.biz-about .reason .reason-wrap .box-bg .num{
padding-right : 12px;
margin-right : 12px;
font-size : 24px;
}
main.biz-about .reason .reason-wrap .box-bg .en{
font-size : 12px;
}
main.biz-about .reason .reason-wrap .box-bg .body{
padding-top : 15px;
padding-left : 48px;
}
main.biz-about .reason .reason-wrap .box-bg .body .ja{
font-size : 18px;
}
} main.biz-faq .item{
padding-bottom : 100px;
}
main.biz-faq .head p{
margin-top : 40px;
line-height : 2;
text-align : center;
}
main.biz-faq .head .nav-faq{
margin-top : 90px;
margin-bottom : 60px;
}
main.biz-faq .head .nav-faq ul{
display : flex;
flex-flow : row wrap;
justify-content : center;
}
main.biz-faq .head .nav-faq ul li{
margin : 0 30px 30px 30px;
}
main.biz-faq .item-wrap .acc-wrap{
border-top : 1px solid #333;
}
main.biz-faq .item-wrap .acc-wrap:last-child{
border-bottom : 1px solid #333;
}
main.biz-faq .acc-wrap{
padding : 22px 33px;
}
main.biz-faq .acc-wrap dt ,
main.biz-faq .acc-wrap dd{
font-size : 16px;
line-height : 1.5;
}
main.biz-faq .acc-wrap dd{
margin-top : 10px;
font-weight : 700;
}
main.biz-faq .acc-wrap dt{
position : relative;
}
main.biz-faq .acc-wrap dt::after{
position : absolute;
top : 50%;
right : 0;
width : 18px;
height : 10px;
margin-right : -18px;
content : "";
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/common/icon_arrow04_pc.png) no-repeat center center / contain;
transform : translateY( -50% );
}
@media screen and ( max-width : 930px ){
main.biz-faq .head p{
margin-bottom : 40px;
}
main.biz-faq .item{
padding-bottom : 0;
}
main.biz-faq .item-wrap{
margin-bottom : 80px;
}
main.biz-faq .acc-wrap{
padding : 22px 20px 22px;
}
main.biz-faq .acc-wrap dt ,
main.biz-faq .acc-wrap dd{
font-size : 12px;
}
main.biz-faq .acc-wrap dt::after{
width : 18px;
height : 10px;
margin-right : -18px;
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/biz/common/icon_arrow04_sp.png) no-repeat center center / contain;
}
} main.biz-dl-complete .head p{
padding-bottom : 30px;
margin-top : 30px;
margin-bottom : 30px;
line-height : 2;
text-align : center;
border-bottom : 1px solid #ccc;
}
main.biz-dl-complete .head p .dl-btn{
display : block;
width : fit-content;
width : 240px;
padding : 17px 0;
margin : auto;
margin-top : 30px;
font-size : 16px;
color : #fff;
cursor : pointer;
background : #aa0014;
filter : drop-shadow( 5px 5px 10px rgb( 0 0 0 / .3 ) );
border : none;
border-radius : 4px;
}
main.biz-dl-complete .dl-com{
position : relative;
width : 240px;
padding : 22px 0;
font-size : 16px;
color : #960f0f;
color : #fff;
text-align : center;
background : #bc0000;
filter : drop-shadow( 5px 5px 10px rgb( 0 0 0 / .3 ) );
border-radius : 4px;
}
@media screen and ( max-width : 768px ){
main.biz-dl-complete .head p{
padding-bottom : 60px;
margin-top : 30px;
margin-bottom : 60px;
font-size : 12px;
text-align : left;
}
} main.biz-case .head .nav-case{
margin-top : 50px;
}
main.biz-case .head .nav-case ul{
display : flex;
flex-flow : row wrap;
justify-content : center;
}
main.biz-case .head .nav-case ul li{
margin : 0 10px;
}
main.biz-case .case-body{
padding : 120px 0 0 0;
}
main.biz-case .case-foot{
padding : 100px 0 180px 0;
text-align : center;
}
@media screen and ( max-width : 930px ){
main.biz-case .case-body{
padding : 40px 0 0 0;
}
main.biz-case .case-foot{
padding : 0 0 180px 0;
text-align : center;
}
} main.biz-dl .head{
margin-bottom : 135px;
}
main.biz-dl .item{
padding-bottom : 75px;
}
main.biz-dl-complete .item .notice-sp ,
main.biz-dl .item .notice-sp{
display : none;
}
@media screen and ( max-width : 768px ){
main.biz-dl .head{
margin-bottom : 100px;
}
main.biz-dl .item .inner ,
main.biz-dl-complete .item .inner{
padding : 0;
text-align : center;
}
main.biz-dl .item .notice-sp ,
main.biz-dl-complete .item .notice-sp{
display : block;
margin-bottom : 5px;
font-size : 12px;
line-height : 1.75;
color : #666;
}
main.biz-dl .item ,
main.biz-dl-complete .item{
padding-bottom : 180px;
}
} main.biz-case-single .body{
padding : 80px 0 0 0;
}
main.biz-case-single .footer{
padding : 100px 0 170px 0;
text-align : center;
}
main.biz-case-single .body .img-wrap{
padding : 60px 0 0 0;
text-align : center;
}
main.biz-case-single .body .text{
padding : 50px 0 0 0;
}
main.biz-case-single .body .text img{
margin : 12px auto;
}
main.biz-case-single .body p{
line-height : 2;
}
main.biz-case-single .footer a{
font-size : 14px;
color : #b80000;
}
@media screen and ( max-width : 930px ){
main.biz-case-single .body{
padding : 100px 0 0 0;
}
main.biz-case-single .body .img-wrap{
padding : 35px 0 0 0;
}
main.biz-case-single .footer{
padding : 60px 0 130px 0;
}
}
@media screen and ( max-width : 768px ){
main.biz-case-single .body p{
font-size : 14px;
}
} main.biz-dl-single .body .body-wrap{
display : flex;
}
main.biz-dl-single .body .body-wrap .content{
flex : 0 0 300px;
padding-right : 30px;
margin-top : 40px;
}
main.biz-dl-single .body .body-wrap .form-dl{
flex : 1 1 auto;
}
main.biz-dl-single .content .top{
font-size : 24px;
}
main.biz-dl-single .content .text{
margin-top : 30px;
}
main.biz-dl-single .content .img-wrap{
margin-top : 40px;
}
main.biz-dl-single .content .text p{
line-height : 2;
}
main.biz-dl-single .form-dl .form-dl-bg{
padding : 30px 60px;
background : #fff;
}
main.biz-dl-single .form-dl .form-head{
margin-bottom : 45px;
line-height : 1.5;
text-align : center;
}
main.biz-dl-single .footer{
padding : 100px 0;
text-align : center;
}
main.biz-dl-single .footer a{
font-size : 14px;
color : #b80000;
}
@media screen and ( max-width : 930px ){
main.biz-dl-single .body .body-wrap{
flex-direction : column;
}
main.biz-dl-single .body .body-wrap .content{
flex : 0 0 100%;
padding-right : 0;
margin-top : 40px;
}
main.biz-dl-single .body .body-wrap .form-dl{
flex : 0 0 100%;
margin-top : 50px;
}
main.biz-dl-single .content .img-wrap{
margin-top : 30px;
text-align : center;
}
main.biz-dl-single .content .img-wrap img{
width : inherit;
}
main.biz-dl-single .body .inner{
text-align : center;
}
main.biz-dl-single .body .content .top ,
main.biz-dl-single .body .content .text{
text-align : left;
}
}
@media screen and ( max-width : 768px ){
main.biz-dl-single .body .content .top ,
main.biz-dl-single .body .content .text{
padding-left : 20px;
}
main.biz-dl-single .body .body-wrap .content{
margin-top : 0;
}
main.biz-dl-single .content .img-wrap img{
width : 100%;
}
main.biz-dl-single .content .top{
font-size : 16px;
}
main.biz-dl-single .content .text p{
font-size : 12px;
}
main.biz-dl-single .form-dl .form-head{
margin-bottom : 25px;
font-size : 12px;
}
main.biz-dl-single .form-dl .form-dl-bg{
padding : 20px 30px;
}
main.biz-dl-single .footer{
padding : 75px 0;
text-align : center;
}
} main.biz-thanks{
height : calc( 100vh - 300px );
margin-top : 50px;
}
main.biz-thanks .thanks{
margin : 50px auto;
}
main.biz-thanks .thanks h2{
margin-bottom : 48px;
}
main.biz-thanks .thanks p{
font-size : 18px;
line-height : 1.6em;
text-align : center;
}
main.biz-thanks .thanks .note{
margin-top : 48px;
text-align : center;
}
@media screen and ( max-width : 768px ){
main.biz-thanks .thanks h2{
font-weight : 700;
}
main.biz-thanks .thanks p{
font-size : 15px;
}
main.biz-thanks .thanks .note{
font-size : 12px;
}
}