@charset "UTF-8";
/* CSS Document */

/** --------------------------------------------------
company-subvisual
-------------------------------------------------- **/
#company-renewal2022 #company-subvisual{
margin: 0 auto;
width: 100%;
}

#company-renewal2022 #company-subvisual .bar{
margin: 0 auto;
padding-top: 180px;
width: 100%;
height: 800px;
background-image: url( "../img/company/company-subvisual.jpg");
background-size:cover;
background-repeat: no-repeat;
background-position:center;
}

#company-renewal2022 #company-subvisual .bar h2{
text-align: center!important;
margin:0 auto;
width: 100%;
color: #fff;
font-size: 200px;
font-family: 'Bebas Neue', cursive;
opacity: .8;
position: relative;
}

#company-renewal2022 #company-subvisual .bar h2::after{
content:"";
display:block;
width:300px;
height:10px;
background:#fff;
position:absolute;
bottom:-30px;
left:50%;
transform: translateX(-50%);
}

#company-renewal2022 #company-subvisual .bar h3{
text-align: center!important;

margin:80px auto 0;
width: 100%;
font-size: 37px;
font-weight: 600;
color: #fff;
}

#company-renewal2022 #company-subvisual .bar p{
text-align: center!important;

margin-top: 30px;
width: 100%;
font-size: 13px;
line-height: 2;
letter-spacing: 0.05em;
color: #fff;
}

/* ******************************************* */
@media screen and (max-width: 1500px) {
 /* ---------------------------------- */
#company-renewal2022 #company-subvisual .bar{height: 700px;}
#company-renewal2022 #company-subvisual .bar h2{font-size: 150px;}
#company-renewal2022 #company-subvisual .bar h2::after{width:200px;}

#company-renewal2022 #company-subvisual .bar h3{
margin-top: 70px;
font-size: 30px;
}

#company-renewal2022 #company-subvisual .bar p{font-size: 12px;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#company-renewal2022 #company-subvisual .bar{
height: 600px;
padding-top: 150px;
}

#company-renewal2022 #company-subvisual .bar h2{font-size: 130px;}
#company-renewal2022 #company-subvisual .bar h2::after{width:200px;}
#company-renewal2022 #company-subvisual .bar h3{font-size: 25px;}
#company-renewal2022 #company-subvisual .bar p{font-size: 11px;}
 /* ---------------------------------- */
}


/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#company-renewal2022 #company-subvisual .bar{
height: 500px;
padding-top: 110px;
}

#company-renewal2022 #company-subvisual .bar h2{font-size: 115px;}

#company-renewal2022 #company-subvisual .bar h2::after{
width:150px;
height: 7px;
}

#company-renewal2022 #company-subvisual .bar h3{font-size: 23px;}
#company-renewal2022 #company-subvisual .bar p{font-size: 10px;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#company-renewal2022 #company-subvisual .bar{
padding-top: 70px;
height: 400px;
}

#company-renewal2022 #company-subvisual .bar h2{font-size: 90px;}

#company-renewal2022 #company-subvisual .bar h2::after{
width:100px;
height: 5px;
}

#company-renewal2022 #company-subvisual .bar h3{
margin-top: 60px;
font-size: 20px;
}

#company-renewal2022 #company-subvisual .bar p{margin-top: 15px;}

 /* ---------------------------------- */
}

/** --------------------------------------------------
block01
-------------------------------------------------- **/
#company-renewal2022 #block01{
margin: 0 auto 12%;
width: 100%;
position: relative
}

/*左縦文字　それぞれの位置*/
#company-renewal2022 #block01 .h2-vertical-text{
writing-mode: vertical-rl;
text-align: center;
height: 520px;
padding: 10px 20px;
font-size: 32px;
font-weight: 500;
letter-spacing: 0.03em;
background: #ffe233;

position: absolute;
top:-150px;
left: 30%;
}

#company-renewal2022 #block01 .h1-vertical-text{
writing-mode: vertical-rl;
text-align: center;
height: 570px;
padding: 10px 20px;
font-size: 37px;
font-weight: 700;
letter-spacing: 0.03em;
background: #ffe233;

position: absolute;
top:50px;
left: 25%;
}

/*挨拶部分*/
#company-renewal2022 #block01 div{
margin:150px 0 0 40%;
width: 60%;
padding-right: 20%;
}

#company-renewal2022 #block01 div p:nth-of-type(1){
text-align: left;
margin: 10% auto;
width: 100%;
color: #44361a;
font-size: 40px;
font-family: 'Bebas Neue', cursive;
position: relative;
}

#company-renewal2022 #block01 div p:nth-of-type(1)::after{
   content:"";
   display:block;
   width:85%;
   height:2px;
   background:#44361a;
   position:absolute;
   top:15px;
   right:0;
}

#company-renewal2022 #block01 div p:nth-of-type(2){
text-align: justify;
margin: 0 auto;
width: 100%;
font-size: 18px;
line-height: 1.7;
}

#company-renewal2022 #block01 div p:nth-of-type(3){
margin-top: 30px;
text-align: right;
font-size: 20px;
}

/* *********** ******************************** */
@media screen and (max-width: 1920px) {
 /* ---------------------------------- */
#company-renewal2022 #block01{margin: 0 auto 15%;}
 
/*左縦文字　それぞれの位置*/
#company-renewal2022 #block01 .h2-vertical-text{
height: 460px;
font-size: 28px;
left: 22%;
}

#company-renewal2022 #block01 .h1-vertical-text{
height: 500px;
font-size: 32px;
left: 15%;
}

/*挨拶部分*/
#company-renewal2022 #block01 div{
margin:150px 0 0 30%;
width: 70%;
padding-right: 15%;
}

#company-renewal2022 #block01 div p:nth-of-type(1){
margin: 10% auto 5%;
font-size: 35px;
}

#company-renewal2022 #block01 div p:nth-of-type(2){
font-size: 14px;
line-height: 1.7;
}

#company-renewal2022 #block01 div p:nth-of-type(3){font-size: 18px;}
 /* ---------------------------------- */
}

/* *********** ******************************** */
@media screen and (max-width: 1500px) {
 /* ---------------------------------- */
/*左縦文字　それぞれの位置*/
#company-renewal2022 #block01 .h2-vertical-text{
height: 400px;
padding: 7px 15px;
font-size: 23px;
}

#company-renewal2022 #block01 .h1-vertical-text{
height: 420px;
padding: 7px 15px;
font-size: 27px;
left: 15%;
}

#company-renewal2022 #block01 div p:nth-of-type(1)::after{
width:80%;
height:1.5px;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
/*左縦文字　それぞれの位置*/
#company-renewal2022 #block01 .h2-vertical-text{
height: 350px;
font-size: 20px;
top: -120px;
left: 16%;
}

#company-renewal2022 #block01 .h1-vertical-text{
height: 370px;
font-size: 23px;
left: 8%;
}

#company-renewal2022 #block01 div p:nth-of-type(1)::after{
width:80%;
height:1.5px;
}

/*挨拶部分*/
#company-renewal2022 #block01 div{
margin:120px 0 0 25%;
width: 75%;
padding-right: 10%;
}

#company-renewal2022 #block01 div p:nth-of-type(1){
margin: 10% auto 7%;
font-size: 35px;
}

#company-renewal2022 #block01 div p:nth-of-type(2){
font-size: 13px;
line-height: 1.7;
}

#company-renewal2022 #block01 div p:nth-of-type(3){font-size: 16px;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#company-renewal2022 #block01{margin: 0 auto 20%;}

/*挨拶部分*/
#company-renewal2022 #block01 div{
margin:120px 0 0 28%;
width: 72%;
padding-right: 10%;
}

#company-renewal2022 #block01 div p:nth-of-type(1)::after{width:75%;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
/*左縦文字　それぞれの位置*/
#company-renewal2022 #block01 .h2-vertical-text{
height: 300px;
font-size: 18px;
top: -120px;
left: 18%;
}

#company-renewal2022 #block01 .h1-vertical-text{
height: 350px;
font-size: 23px;
left: 8%;
}

/*挨拶部分*/
#company-renewal2022 #block01 div{
margin:120px 0 0 32%;
width: 68%;
padding-right: 10%;
}

#company-renewal2022 #block01 div p:nth-of-type(1)::after{
height:1px;
width:70%;
}

#company-renewal2022 #block01 div p:nth-of-type(1){
margin: 10% auto 7%;
font-size: 35px;
}

#company-renewal2022 #block01 div p:nth-of-type(2){
font-size: 12px;
line-height: 1.7;
}

#company-renewal2022 #block01 div p:nth-of-type(3){font-size: 14px;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#company-renewal2022 #block01{
margin: 0 auto 25%;
padding: 0 10%;
}

/*左縦文字　それぞれの位置*/
#company-renewal2022 #block01 .h2-vertical-text{
padding: 5px 15px;
font-size: 18px;
top: -450px;
left: 55%;
transform: translateX(-60%);
}

#company-renewal2022 #block01 .h1-vertical-text{
padding: 5px 15px;
font-size: 22px;
top: -400px;
left: 42%;
transform: translateX(-65%);
}

/*挨拶部分*/
#company-renewal2022 #block01 div{
margin:480px auto 0;
width: 100%;
padding:0;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#company-renewal2022 #block01{margin: 0 auto 30%;}
#company-renewal2022 #block01 div p:nth-of-type(1)::after{width:65%;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
/*左縦文字　それぞれの位置*/
#company-renewal2022 #block01 .h2-vertical-text{
padding: 5px 15px;
font-size: 16px;
top: -420px;
left: 58%;
}

#company-renewal2022 #block01 .h1-vertical-text{
padding: 5px 15px;
font-size: 20px;
height: 300px;
top: -380px;
left: 42%;
}

/*挨拶部分*/
#company-renewal2022 #block01 div{margin:450px auto 0;}
#company-renewal2022 #block01 div p:nth-of-type(1)::after{width:60%;}
 /* ---------------------------------- */
}


/** --------------------------------------------------
block02
-------------------------------------------------- **/
#company-renewal2022 #block02{
margin: 0 auto;
width: 100%;
padding-top: 250px;
background: #ffe233;
position: relative;
}

#company-renewal2022 #block02 .eiji{
text-align: center;
margin: 0 auto;
width: 100%;
color: rgba(255,226,52,0.6);
font-family: 'Bebas Neue', cursive;
font-size: 13vw;
mix-blend-mode: multiply;
position: absolute;
top: -5%;
left: 50%;
transform: translateX(-50%);
}

#company-renewal2022 #block02 h1{
text-align: center;
margin: 0 auto;
width: 100%;
background: #fff;
color: #44361a;
padding: 50px 0;
font-size: 30px;
font-weight: 700;
position: relative;
}

#company-renewal2022 #block02 h1::before,
#company-renewal2022 #block02 h1::after{
   content:"";
   display:block;
   width:4px;
   height:35px;
   background:#44361a;
   position:absolute;
   left:50%;
   transform: translateX(-50%);
}

#company-renewal2022 #block02 h1::before{top:-20px;}
#company-renewal2022 #block02 h1::after{bottom:-20px;}


#company-renewal2022 #block02 .Reasons{
margin: 10% auto 0;
width: 100%;
padding-bottom: 10%;
}

#company-renewal2022 #block02 .Reasons article{
margin: 0 auto;
width: 100%;
padding-bottom: 10%;
max-width: 1000px;
}

#company-renewal2022 #block02 .Reasons article:last-of-type{padding-bottom: 0;}

/*数字*/
#company-renewal2022 #block02 .Reasons article .suuji{
text-align: center;
color: #44361a;
font-size: 55px;
font-family: 'Bebas Neue', cursive;
position: relative;
}

#company-renewal2022 .suuji::before,
#company-renewal2022 .suuji::after{
   content:"";
   display:block;
   width:45%;
   height:12px;
   background:#fff;
   position:absolute;
   top: 20px;
}

#company-renewal2022 .suuji::before{left: 0;}
#company-renewal2022 .suuji::after{right: 0;}

#company-renewal2022 #block02 .Reasons article .Reasons-flex{
margin: 5% auto 0;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}

#company-renewal2022 #block02 .Reasons article .Reasons-flex .text{width: 47%;}
#company-renewal2022 #block02 .Reasons article .Reasons-flex .photo{width: 47%;}

#company-renewal2022 #block02 .Reasons article .Reasons-flex .text h2{
margin-bottom: 50px;
font-size:27px;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.03em;
position: relative;
}

#company-renewal2022 #block02 .Reasons article .Reasons-flex .text h2::after{
   content:"";
   display:block;
   width:100%;
   height:2px;
   background:#fff;
   position:absolute;
   bottom: -25px;
   left: 0;
}

#company-renewal2022 #block02 .Reasons article .Reasons-flex .text p{
text-align: justify;
font-size: 18px;
line-height: 1.5;
letter-spacing: 0.05em;
}


/* *********** ******************************** */
@media screen and (max-width: 1920px) {
 /* ---------------------------------- */
#company-renewal2022 #block02{padding-top: 200px;}

#company-renewal2022 #block02 .eiji{top: -4.5%;}

#company-renewal2022 #block02 h1{
padding: 60px 0;
font-size: 25px;
}

#company-renewal2022 #block02 h1::before,
#company-renewal2022 #block02 h1::after{height:40px;}

#company-renewal2022 #block02 h1::before{top:-20px;}
#company-renewal2022 #block02 h1::after{bottom:-20px;}


/*数字*/
#company-renewal2022 #block02 .Reasons article .suuji{font-size: 45px;}

.suuji::before,
.suuji::after{
   height:10px;
   top: 15px;
}

#company-renewal2022 #block02 .Reasons article .Reasons-flex .text h2{font-size:24px;}
#company-renewal2022 #block02 .Reasons article .Reasons-flex .text p{font-size: 16px;}
 /* ---------------------------------- */
}

/* *********** ******************************** */
@media screen and (max-width: 1500px) {
 /* ---------------------------------- */
#company-renewal2022 #block02{padding-top: 10%;}

#company-renewal2022 #block02 .eiji{top: -4%;}

#company-renewal2022 #block02 h1{
padding: 45px 0;
font-size: 22px;
}

#company-renewal2022 #block02 h1::before,
#company-renewal2022 #block02 h1::after{height:35px;}

#company-renewal2022 #block02 h1::before{top:-20px;}
#company-renewal2022 #block02 h1::after{bottom:-20px;}

#company-renewal2022 #block02 .Reasons{
margin: 7% auto 0;
padding: 0 10% 10%;
}
 /* ---------------------------------- */
}

/* *********** ******************************** */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#company-renewal2022 #block02 .eiji{top: -3%;}

/*数字*/
#company-renewal2022 #block02 .Reasons article .suuji{font-size: 40px;}

.suuji::before,
.suuji::after{height:8px;}

#company-renewal2022 #block02 .Reasons article .Reasons-flex{margin: 3% auto 0;}
#company-renewal2022 #block02 .Reasons article .Reasons-flex .text h2{font-size:20px;}
#company-renewal2022 #block02 .Reasons article .Reasons-flex .text p{font-size: 14px;}
 /* ---------------------------------- */
}

/* *********** ******************************** */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#company-renewal2022 #block02 .Reasons article .suuji{font-size: 40px;}

#company-renewal2022 #block02 .Reasons article .Reasons-flex .text h2{font-size:19px;}
#company-renewal2022 #block02 .Reasons article .Reasons-flex .text p{font-size: 13px;}
 /* ---------------------------------- */
}

/* *********** ******************************** */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#company-renewal2022 #block02{padding-top: 12%;}

#company-renewal2022 #block02 h1{
padding: 40px 0;
font-size: 20px;
}

#company-renewal2022 #block02 h1::before,
#company-renewal2022 #block02 h1::after{height:30px;}

#company-renewal2022 #block02 h1::before{top:-15px;}
#company-renewal2022 #block02 h1::after{bottom:-15px;}

#company-renewal2022 #block02 .Reasons article .Reasons-flex .text h2{
font-size:17px;
margin-bottom: 25px;
}

#company-renewal2022 #block02 .Reasons article .Reasons-flex .text h2::after{bottom: -12.5px;}
#company-renewal2022 #block02 .Reasons article .Reasons-flex .text p{font-size: 12px;}
 /* ---------------------------------- */
}

/* *********** ******************************** */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#company-renewal2022 #block02 .eiji{top: -1.5%;}
#company-renewal2022 #block02{padding-top: 12%;}

#company-renewal2022 #block02 h1{padding: 30px 0;}

.suuji::before,
.suuji::after{width:40%;}

#company-renewal2022 #block02 .Reasons{
width: 70%;
padding: 0 0 15%;
}

#company-renewal2022 #block02 .Reasons article{
margin: 20% auto 25%;
padding-bottom: 0;
}

#company-renewal2022 #block02 .Reasons article:last-of-type{margin-bottom: 0;}

#company-renewal2022 #block02 .Reasons article .Reasons-flex{
margin: 5% auto 0;
width: 100%;
flex-flow: column wrap;
}

#company-renewal2022 #block02 .Reasons article .Reasons-flex .text{width: 100%;}
#company-renewal2022 #block02 .Reasons article .Reasons-flex .photo{width: 100%;}

#company-renewal2022 #block02 .Reasons article .Reasons-flex .text h2{
text-align: center;
margin-bottom: 50px;
font-size:17px;
}

#company-renewal2022 #block02 .Reasons article .Reasons-flex .text h2::after{
height:2px;
width: 100%;
bottom: -25px;
left: 50%;
transform: translateX(-50%);
}

#company-renewal2022 #block02 .Reasons article .Reasons-flex .text p{
margin-bottom: 25px;
font-size: 12px;
}

#company-renewal2022 #block02 .Reasons article:nth-of-type(2) .Reasons-flex .photo{order: 2;}
#company-renewal2022 #block02 .Reasons article:nth-of-type(2) .Reasons-flex .text{order: 1;}
 /* ---------------------------------- */
}

/* *********** ******************************** */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#company-renewal2022 #block02{padding-top: 12%;}
#company-renewal2022 #block02 .eiji{top: -1%;}

#company-renewal2022 #block02 h1{
padding: 30px 0;
font-size: 18px;
}

#company-renewal2022 #block02 h1::before,
#company-renewal2022 #block02 h1::after{
width: 3px;
height:25px;
}

#company-renewal2022 #block02 h1::before{top:-10px;}
#company-renewal2022 #block02 h1::after{bottom:-10px;}

#company-renewal2022 #block02 .Reasons{width: 80%;}
 /* ---------------------------------- */
}

/* *********** ******************************** */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
#company-renewal2022 #block02{padding-top: 12%;}

#company-renewal2022 #block02 h1::before,
#company-renewal2022 #block02 h1::after{height:20px;}

#company-renewal2022 #block02 .Reasons article{margin: 30% auto;}
 /* ---------------------------------- */
}


/** --------------------------------------------------
block03
-------------------------------------------------- **/
#company-renewal2022 #block03{
margin: 0 auto;
width: 100%;
}

#company-renewal2022 #block03 p{
padding: 100px 0 150px;
text-align: center;
margin: 0 auto;
width: 100%;
color: #44361a;
font-size: 22px;
font-weight: 700;
line-height: 2;
letter-spacing: 0.03em;
position: relative;
}

#company-renewal2022 #block03 p::after{
   content:"";
   display:block;
   width:100%;
   height:50px;
   background:#44361a;
   position:absolute;
   bottom:0;
   left: 0;
}

/* *********** ******************************** */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#company-renewal2022 #block03 p{
padding: 80px 0 100px;
font-size: 16px;
}

#company-renewal2022 #block03 p::after{height:35px;}
 /* ---------------------------------- */
}

/* *********** ******************************** */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#company-renewal2022 #block03 p{
padding: 60px 0 80px;
font-size: 14px;
}

#company-renewal2022 #block03 p::after{height:25px;}
 /* ---------------------------------- */
}

/* *********** ******************************** */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
#company-renewal2022 #block03 p{
padding: 40px 0 60px;
font-size: 12px;
}
 /* ---------------------------------- */
}


/** --------------------------------------------------
block04
-------------------------------------------------- **/
/*********上部分　レスポンシブまで*********/
#company-renewal2022 #block04{
margin: 0 auto;
width: 100%;
}

/*メインタイトル*/
#company-renewal2022 #block04 .bar-title{
position:relative;
margin: 0 auto;
width: 100%;
padding: 6% 0;
background-image: url( "../img/company/company-info-bg@2x.jpg");
background-size:cover;
background-repeat: no-repeat;
background-position:center;
}

#company-renewal2022 #block04 .bar-title .title{
margin: 0 auto;
width: 100%;
max-width: 400px;
}


#company-renewal2022 #block04 article{
margin: 0 auto;
width: 100%;
max-width: 1200px;
padding: 10% 0;
display: flex;
justify-content: space-between;
align-items: stretch;
}

#company-renewal2022 #block04 article ul{
margin: 0 auto;
width: 55%;
padding: 20px 0;
position: relative;
}

#company-renewal2022 #block04 article ul::before,
#company-renewal2022 #block04 article ul::after{
   content:"";
   display:block;
   width:90%;
   height:15px;
   background:#ffe233;
   position:absolute;
   left: 0;
}

#company-renewal2022 #block04 article ul::before{top: 0;}
#company-renewal2022 #block04 article ul::after{bottom: 0;}


#company-renewal2022 #block04 article ul li{
margin: 30px auto;
display: flex;
justify-content: space-between;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.05em;
position: relative;
}

#company-renewal2022 #block04 article ul li:not(:last-of-type)::before{
   content:"";
   display:block;
   width:90%;
   height:1px;
   background:#44361a;
   position:absolute;
   bottom:-15px;
   left: 0;
}

#company-renewal2022 #block04 article ul li p:nth-of-type(1){width: 25%;}
#company-renewal2022 #block04 article ul li p:nth-of-type(2){width: 75%;}

#company-renewal2022 #block04 article .google-map{
margin: 0 auto;
width: 40%;
position: relative;
}

#company-renewal2022 #block04 article .google-map-link{
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
}

/* ******************************************* */
@media screen and (max-width: 1500px) {
 /* ---------------------------------- */
#company-renewal2022 #block04 article{padding: 10%;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
/*メインタイトル*/
#company-renewal2022 #block04 .bar-title{padding: 6% 0;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
/*メインタイトル*/
#company-renewal2022 #block04 .bar-title{padding: 7% 0;}
#company-renewal2022 #block04 .bar-title .title{max-width: 350px;}

#company-renewal2022 #block04 article{
margin: 0 auto;
width: 90%;
padding: 10% 0;
display: block;
justify-content: center;
align-items: center;
}

#company-renewal2022 #block04 article ul{
margin: 0 auto;
width: 90%;
padding: 20px 0;
}

#company-renewal2022 #block04 article ul li{width: 90%;}

#company-renewal2022 #block04 article ul::before,
#company-renewal2022 #block04 article ul::after{
   width:100%;
   height:15px;
   left: 50%;
   transform: translateX(-50%);
}

#company-renewal2022 #block04 article ul li:not(:last-of-type)::before{
   content:"";
   display:block;
   width:100%;
   height:1px;
   background:#44361a;
   position:absolute;
   bottom:-15px;
   left: 0;
}

#company-renewal2022 #block04 article ul li p:nth-of-type(1){width: 25%;}
#company-renewal2022 #block04 article ul li p:nth-of-type(2){width: 75%;}

#company-renewal2022 #block04 article .google-map{
margin-top: 5%;
height: 500px;
width: 90%;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
/*メインタイトル*/
#company-renewal2022 #block04 .bar-title{padding: 10% 0;}
#company-renewal2022 #block04 .bar-title .title{max-width: 350px;}

#company-renewal2022 #block04 article{
width: 80%;
padding: 10% 0;
}

#company-renewal2022 #block04 article ul{width: 100%;}

#company-renewal2022 #block04 article ul li{
margin: 20px auto;
width: 100%;
font-size: 14px;
}

#company-renewal2022 #block04 article ul::before,
#company-renewal2022 #block04 article ul::after{
   width:100%;
   height:15px;
   left: 50%;
   transform: translateX(-50%);
}

#company-renewal2022 #block04 article ul li:not(:last-of-type)::before{bottom:-10px;}
#company-renewal2022 #block04 article ul li p:nth-of-type(1){width: 25%;}
#company-renewal2022 #block04 article ul li p:nth-of-type(2){width: 75%;}

#company-renewal2022 #block04 article .google-map{
margin-top: 10%;
height: 350px;
width: 100%;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
/*メインタイトル*/
#company-renewal2022 #block04 .bar-title{padding: 12% 0 ;}
#company-renewal2022 #block04 .bar-title .title{max-width: 350px;}

#company-renewal2022 #block04 article ul li{font-size: 12px;}
#company-renewal2022 #block04 article ul li p:nth-of-type(1){width: 30%;}
#company-renewal2022 #block04 article ul li p:nth-of-type(2){width: 70%;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#company-renewal2022 #block04 .bar-title{padding: 15% 0;}
#company-renewal2022 #block04 .bar-title .title{max-width: 80%;}
#company-renewal2022 #block04 article ul li p:nth-of-type(1){width: 25%;}
#company-renewal2022 #block04 article ul li p:nth-of-type(2){width: 75%;}

#company-renewal2022 #block04 article .google-map{height: 250px;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
#company-renewal2022 #block04 article ul li p:nth-of-type(1){width: 35%;}
#company-renewal2022 #block04 article ul li p:nth-of-type(2){width: 65%;}
 /* ---------------------------------- */
}