.gaiyou-body-container{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    background-color: white;
}
.gaiyou-body-container header {
    font-size: 5rem;
    line-height: 20rem;
    color: #08c;
}
.gaiyou-container {
    min-width: 1200px;
    width: 100%;
    margin: auto;
    padding-bottom: 20rem;
    background-color: white;
}

.no img{
    width: 10rem;
    margin-left: 10rem;
}
.bunya .image img{
    margin-top: 15rem;
    width: 60rem;
}
.bunya .gaiyou-content{
    margin-top: 6rem;
    margin-left: 10rem;
}
.bunya{
    display: flex;
}
.bunya .gaiyou-content{
    position: relative;

}
.gaiyou-box{
    padding:  1rem 1rem 0rem 1rem;
}
.gaiyou-title{
    margin-top: 8rem;
    font-size: 6rem;
    line-height: 12rem;
    text-indent: 20px;
    font-family: 'homuram',sans-serif;
}
.gaiyou-title-small {
    font-size: 4rem;
    line-height: 8rem;
    text-indent: 20px;
    font-family: 'homuram',sans-serif;
}
.width100r{
    width: 100%;
}
.width55{
    width: 55rem;

}
.width40{
    width: 40rem;
}
.flex-box{
    display: flex;
    justify-content: space-between;
    padding:0rem 8rem;
}
.to{
    color: #08c;
    font-size: 8rem;
    margin-left: 10rem;
}
.gaiyou-content{
    
    /* width: 80%; */
    font-size: 2rem;
    line-height: 4rem; 
    text-indent: 20px;
}
.machine-content{
    display: flex;
    padding: 2rem;
}
.machine-content .gaiyou-content{
    padding-left: 2rem;
}
.machine-content .image img{
    width: 50rem;
}
.machine ul {
    list-style-type: square;
}
.machine ul li::marker {
    font-size: 2rem;
}
.text-align-right{
    text-align: right;
}
@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 1024px) {
    
}
@media screen and (max-width: 850px) {
    
}

@media screen and (max-width: 600px) {
    .gaiyou-content{
        font-size: 3.5rem;
        line-height: 4rem; 
        text-indent: 20px;
    }
}
@media screen and (max-width: 300px) {
    
}