/* MOBILE */
@media (max-width: 767px) {
.company_01 {position: relative; height: 750px; box-sizing: border-box; line-height: 1.5; color: #fff;}
.company_01 {background-image: url('/images/01_source_3.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.company_07 {position: relative; height: 750px; box-sizing: border-box; line-height: 1.5; color: #f5f0e7;}
.company_07 {background-image: url('/images/01_source_5.jpg'); background-size: cover; background-position: left center; background-repeat: no-repeat;}
.company_02 {position: relative; height: auto; padding: 80px 20px; box-sizing: border-box; background-color: #f5f5f5; line-height: 1.5; color: #46342a;}
.company_03 {position: relative; height: auto; padding: 80px 20px 60px; box-sizing: border-box; background-color: #dad3cb; line-height: 1.5; color: #46342a;
             background-image: url('/images/01_source_4.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.company_04 {position: relative; height: auto; padding: 80px 20px; box-sizing: border-box; background-color: #fff; line-height: 1.5; color: #1e1e1e;}
.company_05 {position: relative; height: auto; padding: 80px 20px; box-sizing: border-box; background-color: #dad3cb; line-height: 1.5; color: #46342a;}
.company_06 {position: relative; height: auto; padding: 80px 20px; box-sizing: border-box; background-color: #f5f0e7; line-height: 1.5; color: #46342a;}
.company_08 {position: relative; height: 750px; box-sizing: border-box; line-height: 1.5; color: #fff;}
.company_08 {background-image: url('/images/01_source_5.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.company_title_text {position: absolute; top: 50%; left:20px; right:20px; transform: translateY(-50%);}
.company_frame {padding:20px; border: 1px solid #7a6c62; min-height:200px; margin-bottom:20px; background-color: #dad3cb;}
.company_title {font-weight:600; font-size:24px; padding-bottom:20px; color: #fff; line-height: 1.5;}
.company_text {font-size:14px; color: #fff; line-height: 1.5; }

.company_title_dark {font-weight:600; font-size:24px; padding-bottom:20px; color: #1e1e1e; line-height: 1.5;}
.company_text_dark {font-size:14px; color: #1e1e1e; line-height: 1.5; }
}

/* PC */
@media (min-width: 768px) {
.company_01 {background-image: url('/images/01_source_3.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.company_01 {position: relative; height: 100vh; min-height:700px; box-sizing: border-box; line-height: 1.5; color: #fff;}
    
.company_07 {background-image: url('/images/01_source_5.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.company_07 {position: relative; height: 100vh; min-height:700px; box-sizing: border-box; line-height: 1.5; color: #f5f0e7;}
    
.company_02 {position: relative; height: auto; padding: 100px 10%; box-sizing: border-box; background-color: #f5f5f5; line-height: 1.5; color: #46342a;
             display: grid; grid-template-columns: 1fr 2fr; gap: 20px; align-items: start;}
.company_03 {position: relative; height: auto; padding: 100px 10%; box-sizing: border-box; background-color: #dad3cb; line-height: 1.5; color: #46342a;
             display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; align-items: start;
             background-image: url('/images/01_source_4.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.company_04 {position: relative; height: auto; padding: 100px 10%; box-sizing: border-box; background-color: #fff; line-height: 1.5; color: #1e1e1e;
             display: grid; grid-template-columns: 1fr 2fr; gap: 20px; align-items: start;}
.company_05 {position: relative; height: auto; padding: 100px 10%; box-sizing: border-box; background-color: #dad3cb; line-height: 1.5; color: #46342a;
             display: grid; grid-template-columns: 1fr 2fr; gap: 20px; align-items: start;}
.company_06 {position: relative; height: auto; padding: 100px 10%; box-sizing: border-box; background-color: #dad3cb; line-height: 1.5; color: #46342a;
             display: grid; grid-template-columns: 1fr 2fr; gap: 20px; align-items: start;}
.company_08 {position: relative; height: 750px; box-sizing: border-box; line-height: 1.5; color: #fff;}
.company_08 {background-image: url('/images/01_source_5.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.company_title_text {position: absolute; top: 50%; left:10%; right:10%; transform: translateY(-50%);
                     display: grid; grid-template-columns: 1fr 2fr; gap: 20px; align-items: start;}
.company_frame {padding:20px; border: 1px solid #7a6c62; min-height:250px; background-color: #dad3cb;}
.company_title {font-weight:600; font-size:32px; padding-bottom:10px; color: #fff; line-height: 1.5;}
.company_text {font-size:14px; color: #fff; line-height: 1.5; padding-top:10px;}
    
.company_title_dark {font-weight:600; font-size:32px; padding-bottom:10px; color: #1e1e1e; line-height: 1.5;}
.company_text_dark {font-size:14px; color: #1e1e1e; line-height: 1.5; padding-top:10px;}
}