@charset "UTF-8";

/*----------------------------------------------------pc*/
@media (min-width : 769px ){
#top_image .main {
    object-position: center 20%;
}
#cont_ttl .image01 {
    position: absolute;
    top: -118px;
    width: 30%;
    right: -8%;
}
#cmpny_box {
    width: 100%;
    position: relative;
}
#cmpny_box .info_box {
    margin: 60px 0 120px;
    position: relative;
    padding-bottom: 60px;
}

#cmpny_box .info_box .ttl {
    position: relative;
    margin: 20px auto;
    width: 338px;
    height: 60px;
}
#cmpny_box .info_box .ttl img {
    width: 55px;
    position: absolute;
    bottom: 0px;
}
#cmpny_box .info_box .ttl .ms {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 40px;
    font-size: 24px;
}
#cmpny_box .info_box .ttl .jp {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 40px;
}
#cmpny_box .info_box .info_cnt {
    width: 100%;
}
#cmpny_box .info_box .info_cnt ul {
    margin: 20px auto;
    width: 76%;
    max-width: 700px;
}
#cmpny_box .info_box .info_cnt ul li {
    padding: 6px 0;
    margin: 10px 0;
    line-height: 24px;
}
#cmpny_box .info_box .info_cnt ul li .ctg {
    width: 24%;
    display: inline-block;
    float: left;
}
#cmpny_box .info_box .info_cnt ul li .cnt {
    width: 76%;
    display: inline-block;
    float: left;
}
#cmpny_box .info_box .info_cnt div {
    margin: 48px auto;
    width: 88%;
    max-width: 840px;
}
#cmpny_box .info_box .info_cnt div .sntns_ttl {
    border-bottom: 12px solid rgba(231,225,255,1.00);
    padding: 0 2%;
    line-height: 0px;
}
#cmpny_box .info_box .info_cnt div .sntns {
    margin: 12px 0;
    padding: 0 2%;
    line-height: 22px;
}
#cmpny_box .info_box .imgbox {
    margin: 16px auto;
    width: 48%;
    max-width: 480px;
}
#cmpny_box .info_box .imgbox img {
    width: 100%;
}
#cmpny_box .info_box .flower01 {
    position: absolute;
    left: -6%;
    width: 260px;
    bottom: -100px;
}
#cmpny_box .info_box .flower02 {
    position: absolute;
    width: 260px;
    bottom: -106px;
    left: -1%;
}
#cmpny_box .image01 {
    position: absolute;
    top: -84px;
    width: 36%;
    right: -6%;
    max-width: 362px;
}
.image03 {
    width: 100%;
    height: 264px;
    object-fit: cover;
    margin: 120px 0;
    font-family: 'object-fit: cover;';
}


}
/*----------------------------------------------------sp*/
@media (max-width : 768px ){
#top_image .main {
    object-position: center 20%;
}
#cont_ttl .image01 {
    position: absolute;
    top: -118px;
    width: 26%;
    right: -8%;
}
#cmpny_box {
    width: 100%;
    position: relative;
    font-size: 0.84rem;
    overflow-x: hidden;
    padding-top: 70px;
    margin-top: -46px;
}
#cmpny_box .info_box {
    margin: 60px 0 120px;
    position: relative;
    padding-bottom: 60px;
}

#cmpny_box .info_box .ttl {
    position: relative;
    margin: 20px auto;
    width: 338px;
    height: 60px;
}
#cmpny_box .info_box .ttl img {
    width: 55px;
    position: absolute;
    bottom: 0px;
}
#cmpny_box .info_box .ttl .ms {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 40px;
    font-size: 24px;
}
#cmpny_box .info_box .ttl .jp {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 40px;
}
#cmpny_box .info_box .info_cnt {
    width: 100%;
}
#cmpny_box .info_box .info_cnt ul {
    margin: 20px auto;
    width: 88%;
    max-width: 480px;
}
#cmpny_box .info_box .info_cnt ul li {
    padding: 6px 0;
    margin: 10px 0;
    line-height: 24px;
}
#cmpny_box .info_box .info_cnt ul li .ctg {
    width: 24%;
    display: inline-block;
    float: left;
}
#cmpny_box .info_box .info_cnt ul li .cnt {
    width: 76%;
    display: inline-block;
    float: left;
}
#cmpny_box .info_box .info_cnt ul li .cnt a {
    display: block;
}

#cmpny_box .info_box .info_cnt div {
    margin: 48px auto;
    width: 88%;
    max-width: 840px;
}
#cmpny_box .info_box .info_cnt div .sntns_ttl {
    border-bottom: 12px solid rgba(231,225,255,1.00);
    padding: 0 2%;
    line-height: 0px;
}
#cmpny_box .info_box .info_cnt div .sntns {
    margin: 12px 0;
    padding: 0 2%;
    line-height: 22px;
}
#cmpny_box .info_box .imgbox {
    margin: 16px auto;
    width: 48%;
    max-width: 480px;
}
#cmpny_box .info_box .imgbox img {
    width: 100%;
}
#cmpny_box .info_box .flower01 {
    position: absolute;
    left: -6%;
    width: 50%;
    bottom: -100px;
    max-width: 276px;
}
#cmpny_box .info_box .flower02 {
    position: absolute;
    width: 58%;
    bottom: -106px;
    left: -1%;
    max-width: 248px;
}
#cmpny_box .image01 {
    position: absolute;
    top: 0px;
    width: 36%;
    right: -6%;
    max-width: 220px;
}
.image03 {
    width: 100%;
    height: 264px;
    object-fit: cover;
    margin: 120px 0;
    font-family: 'object-fit: cover;';
}

}