/* .top_img{
width: 100%;
height: 80vh;

}
.whole_page{

} */

.main_logo{
position: absolute;
top: 2%;
left: 42%;
width: 8%;
}

.top_tittle{
position: absolute;
top: 15%;
right: 24%;
font-size: 21px;
color: white;
padding: 3px;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
letter-spacing: 0.25rem;
font-weight: bold;

}

.top_tittle2 { 
position: absolute !important;
font-weight: bold;
font-size: 29px;
color: #4C974D;
padding: 3px;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
text-align: center !important;
}

.top_tittle3{
position: absolute !important;
font-size: 41px;
color: #4C974D;
padding: 3px;
font-weight: bold;
letter-spacing: 0.5rem;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
margin-top: 223px;
text-align: center;
}
.pamk{
position: absolute !important;
margin-top: 500px;
text-align: center;
}
.text_list{
position: absolute !important;
font-size: 20px;
padding: 18px;
font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
color: black;
margin-top: 550px;
margin-left: 38%;
} 
/* .aisatsu_bg{
background-color: white !important;
} */
.aisatsu{
text-decoration: underline 1px;
position: absolute;
font-size: 23px;
color: #4C974D ;
/* margin-top: 19px; */
}
.aisatsu_text{
position: absolute;
font-size: 17px;
color:#4C974D ;
/* margin-top: 82px; */
padding: 13px;
}

.aisatsu_text2{
position: absolute;
color: white;
font-size: 9px;
width: 268px;
padding: 50px;
margin: 21px;
margin-left:65%;
top: 32%;
}
.aisatsu_name{
position: absolute;
top: 64%;
font-size: 12px;
color: white;
left: 49%;
}
.sign_sacho{
position: absolute;
margin-left: 149px;
top: 81%;

}
.page_3{
position: absolute;
font-size: 11px;
padding: 15px;
margin-left: 35px;
color: white;
margin-top: 30px;
background-color: rgb(76, 151, 77);
}



.paragraph{
color: #4C974D;  
}
.page_3_1{
position: absolute;
top: 4%;
right: 73%;
font-weight: bold;
font-size: 16px;
color: #4C974D;
padding: 3px;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
letter-spacing: 0.25rem;
}

.mangement{
text-decoration: underline;
}
.man1{
position: absolute;
top: 30%;
width: 9%;
}

.green_logo{
position: absolute;
top: 34%;
right: 60%;
width: 9%;
}

.textlogo{
position: absolute;
top: 40%;
right: 52%;
font-weight: bold;
font-size: 21px;
color: #4C974D;
padding: 10px;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
letter-spacing: 0.25rem;
}
.whitetext{
position: absolute;
top: 56%;
right: 67%;
font-weight: bold;
font-size: 13px;
color: white;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
letter-spacing: 0.25rem;
}

.round_logo{
position: absolute;
top: 15%;
right: 10%;
padding: 12px;


}
.tt_img{
width: 60%;
}

.mainpng{
background-color: #4C974D; 
}
.service{
position: absolute;
top: 6%;
font-size: 14px;
color: #4C974D;
padding: 2px;
background-color: white;
margin-top: -21px;
letter-spacing: 0.25rem;
font-weight: bold;
margin-left: 10px;
}
.bg-img{
background-color: #4C974D; 
}


.kadai{
font-size: 15px;
padding: 4px;
color: white;
}
.nagare{
background-color: #4C974D;
}
.nagare_tt{
color: white;
font-weight: bold;
padding: 10px;
}
.lineup{
color: white;
letter-spacing: 0.1rem;
font-size: 12px;
}
.graph{
font-size: 10px;
color: white;
margin-bottom: auto;
}
.head_tittle{
background-color: white;
color: #4C974D;
letter-spacing: 0.25rem;
top: 6%;
font-size: 14px;
padding: 2px;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
margin-left: 10px;
letter-spacing: 0.25rem;
font-weight: bold;
width: 57%;
text-align: center;
margin-top: 60px;
}
/* .sacho_img{
width: 100%;
} */
.bg_sacho{
background-color:#4C974D ;
}
.jigyo{
color: white;
font-size: 27px;
text-align: center;
}
.Busi_content{
color: white;
font-size: 25px;
text-align: center;
}
.main_tittle{
color: white;
font-size: 27px;
text-align: center;
font-weight: bold;
margin-top: 28px;
}
.under_line{
border-width: 0 0 1px;
border-style: solid;
color: white;
margin-left: 10px;
}
.tittle2{
color: white;
margin-left: 38px;
font-size: 12px;
}
.list_line{
color: white;
font-size: 12px;
list-style: none;
}

.Pro_asset{
color: white;
font-size: 11px;
}
.jyuyo{
color: white;
letter-spacing: 1.25rem;
font-size: 25px;
font-weight: bold;
}
.border_text{
border: 1px solid;
border-radius: 3rem;
color: white;
}
.bg-nav{
background-color: #4C974D;
}
.logo_main{
width: 41px;
}
.company_name{
position: absolute;
top: 30%;
right: 1%;
font-size: 17px;
color: white;
font-weight: bold;
}
.logo_top{
width: 41px;
margin-bottom: 18px;
}
.back_color{
background-color: #ffffff;
}
.bt_tittle{
color: white;
background-color: #4C974D;
border: none;
}
.company_aim{
position: absolute;
top: 40%;
right: 1%;
font-size: 16px;
color: white;
}
.company_brou{
position: absolute;
top: 56%;
right: 5%;
font-size: 16px;
color: white;


}
.company_annai{
position: absolute;
top: 60%;
right: 8%;
font-size: 16px;
color: white;
}
.img_min{
color: white;

}
.company_details{
position: absolute;
top: 60%;
font-size: 10px;
color: white;
}
.mendan{
padding: 2px;
border: solid 1px;
text-align: center;
width: 90%;
}
.top_logo{
position: absolute;
top: 18%;
left: 86%;
width: 5%;
}
.copy_right{
color: white;
}
.qr_code{
position: absolute;
top: 62%;
left: 25%;
width: 50px;
}
.pam_list{
margin-top: 25px;
margin-bottom: 25px;
}
.company_tt{
color: white;
font-size: 20px;
}
.Company_footer{
color: #4C974D;
font-size: 14px;
}
.item{
color: #4C974D;
}
.nav-link{
color: #4C974D!important;

}
.text-image {
position: relative;

}

.text-image img {
width: 100%;
}

.text-image h3 {
position: absolute;
top: 16%;;
left: 39%;
color: #4C974D;
font-weight: bold;
}
.text-image h2 {
position: absolute;
top: 35%;
left: 31%;
color: #4C974D;
font-weight: bold;
}
.text-image h4 {
position: absolute;
top: -15%;
color: #000000;
font-weight: bold;
}
.tt_list {
position: absolute;
top: 56%;
left: 39%;
color: #000000;
font-weight: bold;
font-size: 25px;
}
.kigi_bg{
background-color: #4C974D !important;    
}
/* tab */
.tab_container {
padding-bottom: 1em;
background-color: #E6FFE9;
border:1px solid #4C974D;
margin: 0 auto;}
.tab_item {
width: calc(100%/3);
padding:20px 0;
border-bottom: 3px solid #ffffff ;
background-color: #4C974D;
text-align: center;
color: white ;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
border: 1px solid white;
}
.tab_item:hover {
opacity: 0.75;
}
input[name="tab_item"] {
display: none;
}
.tab_content {
display: none;
padding: 1em 1em 0;
clear: both;
overflow: hidden;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content{
display: block;
}
.tab_container input:checked + .tab_item {
background-color: #005801;
color: #fff;
}
.tab_container:hover input:checked:hover + .tab_item:hover {
background-color: hsl(0, 0%, 100%) ;
color: black;
}
.paragraph{
    margin-top: 40px;
}
.tb_w{
    width: 23%;
}
.navbar-nav{
font-size: 20px !important;
}
.line_nagare{
text-align: left;
list-style: none;
font-size: 13px;
}
.pro{
    width: 100%;
}
.pro1{
    width: 100%;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.main_image { display: block !important; }
.main_image1 { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .main_image { display: none !important; }
    .main_image1 { display: block !important; }
}
/* .top_img {
    background-image: url(/ui/image/top_3.png);    
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
} */
/* tab end */
/* @media screen and (max-width: 325px) {
.top_tittle {
font-size: 10px;
}
} */

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
/* @media screen and (max-width: 600px) {
.top_tittle {
font-size: 30px;
}
}