@charset "UTF-8";
@media screen and (min-width: 768px),print {

main{width: 100% !important;}

#main-photo{padding: 0 0 93px 0;margin: -9px 0 0 0;}
#main-photo .mainttl{text-align: center;margin: 0 0 39px 0;}
#main-photo .photoinner{text-align: center;background-color:#F5F5F5;margin: 0 0 0px 0;}
#main-photo .photoinner .photo{width: 1050px;padding: 0 0 0 23px;
margin: 0 auto;}

#main-photo .name{
    width: 1050px;
    padding: 12px 0 89px 0;
    margin: 0 auto;
    text-align: right;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 1.5px;
    }
#main-photo .main-txtframe{
    width: 1000px;
    padding: 0px 0 0px 0;
    margin: 0 auto;
    background-image:url(../images/message/main-photo-en.svg);
    background-position: left 0px top -8px;
    background-repeat:no-repeat;
    }
#main-photo .main-txtframe .txt{font-size: 16px;line-height: 2.2;letter-spacing: 1.9px;}

#con01{}
#con01 .box01-frame{width: 1280px;margin: 0 auto 41px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-wrap: wrap;flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;}

#con01 .box01-frame .photo{width: 570px;margin: 0 39px 0 0;}
#con01 .box01-frame .con01-txtframe{width: 580px;padding: 6px 0 0 0;}
#con01 .box01-frame .con01-txtframe .ttl{font-size: 20px;line-height: 2;letter-spacing: 2.3px;margin: 0 0 22px 0;}
#con01 .box01-frame .con01-txtframe .txt{font-size: 16px;line-height: 2.2;letter-spacing: 2px;}
#con01 .box02-frame{border:1px solid #E1E1E1;width: 1100px;margin: 0 auto 121px;padding: 36px 90px 35px 88px;}
#con01 .box02-frame .txt{font-size: 16px;line-height: 2.2;letter-spacing: 2px;}


#con02{margin: 0 0 91px 0;}
#con02 .mainttl{text-align: center;font-size:22px;font-weight: bold;line-height: 1.6;position: relative;letter-spacing: 4.4px;margin: 0 0 69px 0;}
#con02 .mainttl::after{content: "";width: 46px;height: 1px;margin: 0 auto;background: #333;position: absolute;left: 0;right: 0;bottom: -16px;}

#con02 .box01-frame{
    width: 1280px; margin: 0 auto;
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap: wrap;flex-wrap: wrap;
    -webkit-box-orient:horizontal;-webkit-box-direction:normal;
}
#con02 .box01-frame .box01-txtframe{width: 610px;margin: -7px 0 0 89px;}
#con02 .box01-frame .box01-txtframe .txt{font-size: 16px;line-height: 2.25;letter-spacing: 1.9px;}
#con02 .box01-frame .photo{width: 540px;margin: 0 0 0 auto;}


#con03 {margin: 0 0 67px 0;}
#con03 .inner{background-color:#F5F5F5;padding: 0 0 0px 0;}
#con03 .inner .txt{font-size: 16px;line-height: 2.3;padding: 23px 0 31px 0;letter-spacing: 2.5px;font-weight: bold;text-align: center;width: 1000px;margin: 0 auto;border:1px solid #D9D9D9;background-color:#fff;color: #303030;position: relative;top: -40px;}

.end-bunner{width: 1000px;margin: 0 auto 110px;}
.end-bunner .end-bunner-list{
    justify-content: center;
    -ms-flex-wrap: wrap;flex-wrap: wrap;
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -webkit-box-orient:horizontal;-webkit-box-direction:normal;}
.end-bunner .end-bunner-list li{width: 340px;margin: 0px 30px 0 30px;}
.end-bunner .end-bunner-list li a{}

}





@media screen and (max-width: 767px) {

#main-photo{padding: 0 0 12vw 0;margin: 3vw 0 0 0;}
#main-photo .mainttl{text-align: center;margin: 0 auto 7vw auto;padding: 0 5vw 0 5vw;width: 90vw;}
#main-photo .photoinner{text-align: center;background-color:#F5F5F5;margin: 0 0 0px 0;}
#main-photo .photoinner .photo{width: 100%; padding: 0 0 0 0;margin: 0 auto;}

#main-photo .name{
    width: 94%;
    padding: 8vw 0 5vw 0;
    margin: 0 auto;
    text-align: right;
    font-size:3.865vw;
    line-height: 1.6;
    letter-spacing:0.25vw;
    }

#main-photo .main-txtframe{
    width: 100%;
    padding: 0px 0 0px 0;
    margin: 0 auto;
    background-image:url(../images/message/main-photo-en.svg);
    background-position: left 0px top 0vw;
    background-repeat:no-repeat;
    background-size:100%;
    }

#main-photo .main-txtframe .txt{font-size:3.865vw;line-height: 2;width: 92%;margin: 0 auto;letter-spacing: 0.25vw;}

#con01{}
#con01 .box01-frame{width: 100%; margin: 0 auto 5vw;}
#con01 .box01-frame .photo{width: 100%; margin: 0 0 5vw 0;}
#con01 .box01-frame .con01-txtframe{width: 100%; padding: 0 0 0 0;}
#con01 .box01-frame .con01-txtframe .ttl{font-size: 4.4vw;line-height: 1.8;letter-spacing: 0.5vw;margin: 0 0 3vw 0;padding: 0 4vw 0 4vw;}
#con01 .box01-frame .con01-txtframe .txt{font-size:3.865vw;line-height: 2;letter-spacing: 0.25vw;padding: 0 4vw 0 4vw;}
#con01 .box02-frame{border:1px solid #E1E1E1;width: 90%;margin: 0 auto 12vw;padding: 6vw 7vw 6vw 7vw;}
#con01 .box02-frame .txt{font-size:3.865vw;line-height: 1.8;letter-spacing: 0.25vw;}

#con02{margin: 0 0 15vw 0;}
#con02 .mainttl{text-align: center;font-size:4.831vw;font-weight: bold;line-height: 1.6;position: relative;letter-spacing:1vw;margin: 0 0 10vw 0;}
#con02 .mainttl::after{content: "";width: 10vw;height: 0.3vw;margin: 0 auto;background: #333;position: absolute;left: 0;right: 0;bottom: -3vw;}
#con02 .photo{
    margin: 0 0 5vw 0;
}
#con02 .box01-frame{width: 100%; margin: 0 auto;}
#con02 .box01-frame .box01-txtframe{width: 92%;margin: 2vw auto 0 auto;}
#con02 .box01-frame .box01-txtframe .txt{font-size:3.865vw;line-height: 2;letter-spacing: 0.25vw;}
#con02 .box01-frame .photo{width: 100%; margin: 0 0 0 0;}


#con03 {margin: 0 0 12vw 0;}
#con03 .inner{background-color:#F5F5F5;padding: 0 0 3vw 0;}
#con03 .inner .txt{font-size: 3.465vw;line-height: 2;padding: 4vw 6vw 5vw 6vw;letter-spacing: 0.25vw;font-weight: bold;text-align: left;width: 80%;margin: 0 auto;border:1px solid #D9D9D9;background-color:#fff;color: #303030;position: relative;top: -6vw;}


.end-bunner{width: 100%;margin: 0 auto 15vw;}
.end-bunner .end-bunner-list{}
.end-bunner .end-bunner-list li{width: 74%;margin: 0 auto 4vw auto;}
.end-bunner .end-bunner-list li a{}

}