@charset "UTF-8";


#content{
background-color: #eafaf9;
}


/* ----------------------------------------
	#　パンくずリスト
---------------------------------------- */
.pankuzulist{
position: fixed;
top: 90px;
width: 100%;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 14px;
text-align: right;
}
@media only screen and (max-width:1024px) {
.pankuzulist{
position: inherit;
}
}

.pankuzulist p{
width: 100%;
max-width: 1000px;
padding: 5px 15px;
margin: 0 auto;
}
@media only screen and (max-width:1024px) {
.pankuzulist p{
padding-right: 30px;
padding-left: 30px;
}

}

.pankuzulist a{
color: #fff;
}


/* ----------------------------------------
	#　共通
---------------------------------------- */
.main_tit{
width: 100%;
height: 500px;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
background-color: #0053A3;
}
@media only screen and (max-width:1024px) {
.main_tit{
height: 300px;
}
}

.main_tit.phi{background-image: url("../img/top_corp_bg.jpg");}
.main_tit.com{background-image: url("../img/com_bg.jpg");}
.main_tit.fac{background-image: url("../img/fac_bg.jpg");}

.tit_txt{
margin-bottom: 30px;
}


.content_box{
width: 92%;
max-width: 1000px;
margin: 0 auto 30px;
padding: 50px;
background-color: #fff;
}
@media only screen and (max-width:1024px) {
.content_box{
width: 100%;
padding: 70px 4%;
margin: 0;
}
}

.content_box:first-of-type{
margin-top: -30px;
}

.btn{
width: 100%;
max-width: 350px;
margin: 50px auto 0;
text-align: center;
}

.btn a{
display: block;
width: 100%;
padding: 10px;
border: 1px solid #0052A0;
color: #0052A0;
transition: all .3s;
background-color: #fff;
}

.btn a:hover{
background-color: #0052A0;
color: #fff;
transition: all .3s;
}


/* ----------------------------------------
	#　企業理念
---------------------------------------- */
#philosophy{}

p.name{
margin-top: 30px;
text-align: right;
}

p.name img{
width: 200px;
}

.phi02_box ul{
display: flex;
justify-content: center;
margin-bottom: 30px;
}
@media only screen and (max-width:1024px) {
.phi02_box ul{
justify-content: space-between;
}
}
@media only screen and (max-width:767px) {
.phi02_box ul{
flex-direction: column;
}
}

.phi02_box li{
width: 240px;
margin: 0 15px;
padding: 15px;
text-align: center;
border: 1px solid;
font-size: 20px;
line-height: 120%;
display: flex;
justify-content: center;
align-items: center;
}
.phi02_box li:nth-child(1){border-color: #CD0000;}
.phi02_box li:nth-child(2){border-color: #EA6E00;}
.phi02_box li:nth-child(3){border-color: #FFA300;}

.phi02_box li:nth-child(1) span{color: #CD0000;}
.phi02_box li:nth-child(2) span{color: #EA6E00;}
.phi02_box li:nth-child(3) span{color: #FFA300;}
@media only screen and (max-width:1024px) {
.phi02_box li{
width: 30%;
background-color: #fff;
margin: 0;
}
}
@media only screen and (max-width:767px) {
.phi02_box li{
width: 100%;
max-width: 300px;
margin: 0 auto 15px;
}

.phi02_box li:last-child{
margin-bottom: 0;
}
}

.phi02_box li span{
font-size: 32px;
font-weight: 500;
display: inline-block;
line-height: 120%;
}

.phi03_inner{
display: flex;
justify-content: space-between;
margin-top: 30px;
}
@media only screen and (max-width:1024px) {
.phi03_inner{
flex-direction: column;
}
.phi03_inner:first-child{
margin-bottom: 50px;
}
}

.phi03_inner .r{
width: 80%;
}
@media only screen and (max-width:1024px) {
.phi03_inner .r{
margin-left: 5%;
width: 75%;
}
}
@media only screen and (max-width:767px) {
.phi03_inner .r{
width: 100%;
margin: 0;
}
}

.phi03_inner ul{
padding-left: 25px;
list-style: decimal;
}

.phi03_box h4{
width: auto;
}


/* ----------------------------------------
	#　会社概要
---------------------------------------- */
#company{}

#com01.content_box{
padding-left: 0;
padding-right: 0;
}

#com01 h3{
padding-left: 50px;
padding-right: 50px;
}

.com01_box{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 50px;
}

.com01_box:last-child{
margin-bottom: 0;
}

.com01_txt{
width: 50%;
}

.com01_txt.l{padding-left: 50px;}
.com01_txt.r{padding-right: 50px;}

.com01_img{
width: 47%;
}

.com02_box{
border-bottom: 1px dotted #b5b5b5;
}

.com02_box th{
padding: 15px 0 15px 50px;
border-top: 1px dotted #b5b5b5;
}

.com02_box td{
padding: 15px;
border-top: 1px dotted #b5b5b5;
}

.com02_box.table01 th{width: 20%;}
.com02_box.table01 td{width: 80%;}
@media only screen and (max-width:767px) {
.com02_box.table01 th{
min-width: 100px;
padding: 0 15px;
}
.com02_box.table01 td{
padding-left: 0;
}
}

.com02_box.table01 p:first-child{
margin-bottom: 15px;
}
@media only screen and (max-width:767px) {
.com02_box.table01 p{
text-align: left;
}
}

.com02_box.table01 p span{
display: block;
font-weight: bold;
}

.com02_img{
display: flex;
justify-content: center;
align-items: center;
margin: 30px 0 80px;
}
.com02_img img{
width: 190px;
}
@media only screen and (max-width:1024px) {
.com02_img{
padding: 30px 15px;
background: #fff;
margin-top: 0;
}
}
@media only screen and (max-width:767px) {
.com02_img img{
width: 100%;
max-width: 170px;
}
}

.com02_img p{
margin-left: 15px;
}

.com02_box th span{
font-size: 13px;
display: inline-block;
}

@media only screen and (max-width:767px) {
.com02_box.table02{
display: block;
width: 100%;
}
}

.com02_box.table02 th{width: 25%;}
.com02_box.table02 td{width: 70%;}
@media only screen and (max-width:1024px) {
.com02_box.table02 th{
width: 15%;
text-align: center;
padding-left: 10px;
}
}
@media only screen and (max-width:767px) {
.com02_box.table02 th{
display: block;
width: 100%;
background-color: #F2F2F2;
padding: 10px;
}

.com02_box.table02 td{
display: block;
width: 100%;
}
}

.com02_box td div{
display: flex;
}

.com02_box td div:nth-child(n+2){
margin-top: 10px;
}

.com02_box td div p:first-child{width: 15%;}
.com02_box td div p:nth-child(2){width: 85%;}


/* ----------------------------------------
	#　アクセス
---------------------------------------- */
.com03_map_box{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 100px;
}

.com03_map_inner{
width: 48%;
}

.com03_map_inner p{
margin-bottom: 15px;
}

.com03_map_img{
width: 100%;
max-width: 700px;
margin: 0 auto;
}


#district{}

.dist_box{
margin-bottom: 20px;
}

.dist_box:last-child,
.dist_box:last-child .dist_inner{
margin-bottom: 0;
}

.dist_name{
height: 100px;
display: flex;
align-items: center;
background-color: #4D4D4D;
cursor: pointer;
position: relative;
transition: .3s;
}
.dist_name.active{
background-color: #0053A3;
}
@media only screen and (max-width:767px) {
.dist_name{
position: relative;
}
}

.dist_name span{
position: relative;
transition: 0.3s;
}

.dist_name span:after{
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
position:absolute;
top: 20%;
right: -25px;
transition: 0.2s;
}
.dist_name.active span:after {
transform: translateY(50%) rotate(225deg);
transition: 0.2s;
}

.name_img{
width: 50%;
height: 100px;
object-fit: cover;
}
@media only screen and (max-width:767px) {
.name_img{
width: 100%;
}
}

.name_img img{
height: 100px;
object-fit: cover;
}
.nairiku .name_img img{object-position: center -50px;}
.rocket .name_img img{object-position: center -190px;}
.space .name_img img{object-position: center -150px;}

.name_txt{
width: 50%;
font-size: 20px;
color: #fff;
text-align: center;
}
@media only screen and (max-width:767px) {
.name_txt{
height: 100%;
width: 100%;
position: absolute;
background-color: rgba(0,0,0,0.4);
display: flex;
align-items: center;
justify-content: center;
}
}

.dist_inner{
display: none;
margin-bottom: 50px;
}

.dist_inner div{
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-top: 25px;
}
@media only screen and (max-width:767px) {
.dist_inner div{
margin-top: 15px;
}

.dist_inner div.top{
width: 100%;
flex-direction: column;
}
}

.dist_inner .top img{
width: 60%;
}
@media only screen and (max-width:767px) {
.dist_inner .top img{
width: 100%;
}
}

.dist_inner .top p{
width: 37%;
}
@media only screen and (max-width:767px) {
.dist_inner .top p{
margin-top: 15px;
width: 100%;
}
}

.dist_inner .btm img{
width: 48.5%;
}

.rocket .dist_inner .btm img:first-child{width: 29%;}
.rocket .dist_inner .btm img:last-child{width: 68%;}


/* ----------------------------------------
	#　設備案内
---------------------------------------- */
#facilities{}

.fac01_box{
display: flex;
}
@media only screen and (max-width:767px) {
.fac01_box{
flex-direction: column;
}
}

.fac01_inner{
width: 42.5%;
}
@media only screen and (max-width:767px) {
.fac01_inner{
width: 100%;
}
}

.ani .fac_name{
background: #0098A3;
}

.fac_name{
padding: 7px 15px;
margin-bottom: 15px;
font-size: 20px;
line-height: 100%;
color: #fff;
text-align: center;
background: #0053A3;
}

@media only screen and (max-width:767px) {
.fac01_img02{
display: flex;
justify-content: flex-start;
}
}

.fac01_img02 > div{
display: flex;
align-items: flex-start;
margin-top: 15px;
}
@media only screen and (max-width:767px) {
.fac01_img02 > div{
flex-direction: column;
margin-top: 10px;
}

.fac01_img02 > div:nth-child(2){
margin: 10px 10px 0;
}

.fac01_img02 > div:last-child{
margin-right: 0;
}
}

.fac01_img02 > div img{
width: 70%;
}
@media only screen and (max-width:1024px) {
.fac01_img02 > div img{
width: 60%;
}
}
@media only screen and (max-width:767px) {
.fac01_img02 > div img{
width: 100%;
}
}

.fac01_img02 > div span{
flex: 1;
display: block;
margin-top: 10px;
padding: 10px 15px;
font-size: 18px;
line-height: 100%;
border-bottom: 2px solid #0053A3;
}
@media only screen and (max-width:767px) {
.fac01_img02 > div span{
width: 100%;
font-size: 16px;
text-align: center;
margin: 0;
}
}

.ani .fac01_img02 > div span{
border-bottom-color: #0098A3;
}


.fac01_inner.center{
width: 15%;
min-width: 150px;
height: 285px;
margin-top: 50px;
padding: 0 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media only screen and (max-width:1024px) {
.fac01_inner.center{
height: 250px;
}
}
@media only screen and (max-width:767px) {
.fac01_inner.center{
width: 100%;
height: auto;
margin: 25px 0;
padding: 0;
flex-direction: row;
justify-content: center;
align-items: center;
}
}

.inner_center{
background: #F4C582;
border-radius: 10px;
padding: 10px;
font-size: 12px;
text-align: center;
position: relative;
}
@media only screen and (max-width:767px) {
.inner_center{
width: 140px;
}
}

.inner_center p{
line-height: 120%;
}
.inner_center p:first-child{
margin-bottom: 5px;
}

.inner_center span{
display: inline-block;
line-height: 120%;
}

.arrow{
width: 100%;
height: 80px;
background-image: url("../img/fac/arrow_pc.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center
}
@media only screen and (max-width:1024px) {
.arrow{
height: 50px;
}
}
@media only screen and (max-width:767px) {
.arrow{
background-image: url("../img/fac/arrow_smp.png");
width: 100px;
height: 80px;
}
}

.inner_center.txt01:after,
.inner_center.txt02:after{
content: "";
position: absolute;
left: 50%;
transform: translate(-50%,0);
box-sizing: border-box;
width: 8px;
height: 8px;
border: 8px solid transparent;
}
.inner_center.txt01:after{
bottom: -20px;
border-top: 15px solid #F4C582;
}
.inner_center.txt02:after{
top: -20px;
border-bottom: 15px solid #F4C582;
}
@media only screen and (max-width:767px) {
.inner_center.txt01:after,
.inner_center.txt02:after{
left: auto;
top: 50%;
}
.inner_center.txt01:after{
bottom: auto;
right: -15px;
transform: translate(0,-50%) rotate(-90deg);
}
.inner_center.txt02:after{
left: -15px;
transform: translate(0,-50%) rotate(-90deg);
}
}

.fac02_box{
margin-bottom: 30px;
}

.fac02_box:last-child{
margin-bottom: 0;
}

.fac02_inner{
display: none;
}

.fac02_inner > div{
display: flex;
justify-content: space-between;
margin-top: 20px;
}

.fac02_inner .top{
align-items: center;
}

.fac02_inner .top p,
.fac02_inner .top span{
width: 50%;
}

.fac02_inner .top span.img_sin img{
width: auto;
margin: 0 auto;
display: block;
}

.fac02_inner .btm{
padding: 0 30px;
justify-content: center;
}

.fac02_inner .btm .l{
width: 550px;
}

.fac02_inner .btm .l a:hover{
opacity: 0.7;
}

.fac02_inner .btm .r{
width: 250px;
margin-left: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.fac_name.name02{
display: none;
}

.fac03_inner{
margin-bottom: 50px;
}

.fac03_inner:last-child{
margin-bottom: 0;
}

.fac03_inner table{
border-top: 1px solid #999999;
border-left: 1px solid #999999;
background-color: #fff;
}
@media only screen and (max-width:767px) {
.fac03_inner table,
.fac03_inner tbody,
.fac03_inner table tr,
.fac03_inner table th,
.fac03_inner table td{display: block;}

.fac03_inner table{
border-top: none;
}
}

.fac03_inner tr:first-child{
background-color: #F2F2F2;
}

.fac03_inner tr.tr{
border-top: 1px solid #999999;
}
@media only screen and (max-width:767px) {
.fac03_inner tr.midashi{
display: none;
}

.fac03_inner tr.tr{
border-top:none;
}

.fac03_inner tr.tr02{
border-top: 1px dotted #999999;
}

.fac03_inner tr:nth-child(2).tr{
border-top: none;
}
}

.fac03_inner th, .fac03_inner td{
padding: 10px;
vertical-align: middle;
text-align: center;
border-right: 1px solid #999999;
}
@media only screen and (max-width:767px) {
.fac03_inner th.f01,
.fac03_inner th.f02{
width: 100%;
background-color: #F2F2F2;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}

.fac03_inner th.f02{
padding: 10px;
text-align: center;
}
}

.fac03_inner td{
border-bottom: 1px dotted #999999;
font-size: 15px;
}
@media only screen and (max-width:767px) {
.fac03_inner td:before{color: #0053A3;}

.fac03_inner td.f02:before{content: "［機械名・型式］";}
.fac03_inner .m:before{content: "［メーカー］";}
.fac03_inner .p:before{content: "［設置工場］";}
.fac03_inner .n:before{content: "［台数］";}

.fac03_inner td:first-of-type{
padding-top: 10px;
}

.fac03_inner td:last-child{
padding-bottom: 10px;
}
}

.fac03_inner td span{
display: inline-block;
}

.fac03_inner tr:last-child{
border-bottom: 1px solid #999;
}

.fac03_inner .f01{width: 32%;}
.fac03_inner .f02{
width: 25%;
border-bottom: 1px dotted #999999;
}
.fac03_inner .m{width: 15%;}
.fac03_inner .p{width: 20%;}
.fac03_inner .n{width: 8%;}
@media only screen and (max-width:767px) {
.fac03_inner .f02,
.fac03_inner .m,
.fac03_inner .p,
.fac03_inner .n{
width: 100%;
text-align: left;
border-bottom: none;
padding: 5px 5px 0;
}
}

.fac03_inner p{
text-align: right;
margin-top: 5px;
}


/* ----------------------------------------
	#　サイトマップ
---------------------------------------- */
.sit01_box{
display: flex;
flex-wrap: wrap;
}

h4 a{
color: #0053A3;
}

.sit01_box a{
font-weight: 500;
}

.sit01_box a:hover{
opacity: 0.6;
}

.sit_inner{
width: 30%;
margin-right: 5%;
margin-top: 30px;
}
.sit_inner:nth-child(3n){margin-right: 0;}
.sit_inner:nth-child(-n+3){margin-top: 0;}
@media only screen and (max-width:767px) {
.sit_inner{
width: 100%;
margin-bottom: 50px;
margin-right: 0;
margin-top: 0;
}
.sit_inner:last-child{margin-bottom: 0;}
}

.sit01_txt{
padding-left: 60px;
margin-bottom: 15px;
}

.sit01_txt:last-child{
margin-bottom: 0;
}

.sit02_txt h4{
padding: 0;
margin: 0;
}

.sit02_txt h4:before,
.sit02_txt h4:after{
display: none;
}


/* ----------------------------------------
	#　プライバシーポリシー
---------------------------------------- */
.pry01_txt{
margin-bottom: 50px;
}

.pry01_txt:last-child{
margin-bottom: 0;
}



/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●　タブレット　769〜1024　●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media screen and ( max-width : 1024px ) {


/* ----------------------------------------
	#　設備案内
---------------------------------------- */
#facilities{}

.fac02_inner .btm{
padding: 0;
}

.fac02_inner .btm .l{
width: 70%;
}

.fac02_inner .btm .r{
width: 28%;
justify-content: flex-end;
}

.fac02_inner .btm .r img{
margin-top: 15px;
}

}





/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●　スマホ　●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media screen and ( max-width : 1024px ) {

/* ----------------------------------------
	#　共通
---------------------------------------- */


.content_box:nth-of-type(2n){
background-color: #E4EEF4;
}

.content_box:first-of-type {
margin-top: 0;
}

h1{
padding-top: 30px;
font-size: 45px;
}

h3{
text-align: center;
}


/* ----------------------------------------
	#　企業理念
---------------------------------------- */



/* ----------------------------------------
	#　会社概要
---------------------------------------- */
#company{}

#com01.content_box{
padding-left: 4%;
padding-right: 4%
}

.com01_box{
flex-direction: column;
}

.com01_box:nth-of-type(2){
flex-direction: column-reverse;
}

.com01_txt{
width: 100%;
margin-bottom: 20px;
}

.com01_txt.l,
.com01_txt.r{
padding: 0;
}

.com01_img{
width: 100%;
max-width: 500px;
}

.com02_box{
background-color: #fff;
}

.com02_box th{
padding-left: 30px;
}

.com02_box th span{
font-size: 13px;
}


/* ----------------------------------------
	#　アクセス
---------------------------------------- */
.com03_map_box{
flex-direction: column;
}

.com03_map_inner{
width: 100%;
}

.com03_map_inner:first-child{
margin-bottom: 30px;
}

.com03_map_inner iframe{
height: 250px;
}


#district{}




/* ----------------------------------------
	#　設備案内
---------------------------------------- */
#facilities{}

#facilities .content_box{
background-color: #E4EEF4;
}

#facilities .content_box:nth-of-type(2n){
background-color: #fff;
}

.fac02_inner .top{
flex-direction: column-reverse;
}

.fac02_inner .top p,
.fac02_inner .top span{
width: 100%;
}

.fac02_inner .top p{
margin-top: 10px;
}

.fac02_inner .btm{
flex-direction: column;
}

.fac02_inner .btm .l,
.fac02_inner .btm .r{
width: 100%;
}

.fac02_inner .btm .r {
flex-direction: row;
justify-content: space-between;
align-items: baseline;
margin-left: 0;
}

.fac02_inner .btm .r img{
width: 48%;
}

#fac03 h4{
display: none;
}

.fac_name.name02{
display: block;
margin-top: 20px;
}


}





/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●　スマホ　●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media only screen and (max-width: 767px) {


/* ----------------------------------------
	#　私たちの働く環境
---------------------------------------- */
#district{}




/* ----------------------------------------
	#　サイトマップ
---------------------------------------- */
.sit01_box{
flex-direction: column;
}


}



.equ_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.equ_box li{
width: 48%;
margin-top: 30px;
background: #EEEEEE;
}
.equ_box li:nth-child(-n+2){
margin-top: 0;
}
@media only screen and (max-width:1024px) {
.equ_box li{
background: #fff;
}
}
@media only screen and (max-width:767px) {
.equ_box li{
width: 100%;
}
.equ_box li:nth-child(2){
margin-top: 30px;
}
}

.equ_img{
padding: 15px;
text-align: center;
}

.equ_name{
width: 100%;
background: #4D4D4D;
padding: 10px;
text-align: center;
color: #fff;
font-size: 20px;
line-height: 100%;
position: relative;
}

.equ_name:after{
content: "";
position: absolute;
margin: auto;
top: 50%;
right: 20px;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: translate(0,-50%) rotate(45deg);
transition: .3s;
}

.equ_inner{
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media only screen and (max-width:1024px) {
.equ_inner{
flex-direction: column;
}
}

.equ_inner p{
flex: 1;
font-size: 18px;
}

.equ_inner .img01{
width: 45%;
max-width: 400px;
margin-left: 15px;
}
@media only screen and (max-width:1024px) {
.equ_inner .img01{
width: 100%;
margin-left: 0;
margin-top: 15px;
}
}

.equ_inner .img02{
width: 100%;
margin-top: 30px;
display: flex;
justify-content: center;
}

.equ_inner .img02 div{
max-width: 250px;
margin: 0 30px;
}
#equ04 .equ_inner .img02 div{
max-width: 350px;
}
@media only screen and (max-width:767px) {
.equ_inner .img02 div{
margin: 0;
width: 48%;
}

.equ_inner .img02 div:first-child{
margin-right: 4%
}

#equ04 .equ_inner .img02 div{
width: 100%;
}
}

.equ_inner .img02 p{
font-size: 13px;
}