/* sub01 */

#greeting{position:relative;overflow: hidden;width:100%;}
#greeting .sub_con{max-width:100%;padding:0;}

.sub01_pt.pt_top{position:relative;background:#f4f4f4;min-height:400px;overflow: hidden;}
.sub01_pt.pt_top:before {content: "";display: block;width: 100%;padding-bottom: 22%;min-height: 400px;background-image: url('../../img/sub/gre/01-00.png');position: absolute;bottom: 0;left: calc(50% - -350px);background-repeat: no-repeat;transform: translateX(-50%);}

.sub01_pt{width:100%; margin:0 auto; position:relative;}
.sub01_pt:after {content:""; display:table; clear:both;}

.sub01_pt.pt_bottom{max-width:1240px; padding:0 20px;margin-top: -17%;}
.sub01_pt_rt{position:absolute; z-index:5; top:120px; right:0; max-width:515px; width:100%;}
.sub01_img_box{width:100%; padding-bottom:132.03883495%; background-image:url("../../img/sub/gre/01-02.jpg"); background-position:center; background-size:cover; background-repeat:no-repeat;}

.bn_txt_box{width: 100%; display: flex; align-items: center; max-width: 1200px; margin: 0 -20px;}
.bn_txt_in{ word-break:keep-all; text-align:left;padding: 0 20px;}
.bn_txt_in .txt{color:#333333; font-size:32px; font-weight:500; max-width:650px; width:100%; margin-bottom:25px;letter-spacing:-0.031em;}
.bn_txt_in h2{color:#003959; font-size:60px; font-weight:700; line-height:1.2em; font-style: italic;}
.bn_txt_in h2 span{color:#009ad9;}

.sub01_pt_lf{position:relative; z-index:10; padding:100px 64px 0 75px; background-color:#fff; float:left; max-width:798px; width: calc(100% - 30px); margin-top:238px; word-break:keep-all;}
.sub01_txt{ position:relative; z-index:10; background-color:#fff; max-width:860px; width:100%;}
.sub01_txt p{ font-size:17px; font-weight:300; color:#777; line-height:1.6em; margin-bottom:20px;word-break:keep-all;}
.sub01_sign{font-size:18px; font-weight:400; color:#ffab00;}
.sub01_sign span{color:#333; margin-right:15px;}
.sub01_sign img{vertical-align:middle;}

.logo-wrap { position: absolute; right: 0; bottom: 50px; display: flex; flex-direction: column; align-items: center; }
.logo-wrap p { font-size: 18px; padding: 10px 20px; border: 1px solid #050505; cursor: pointer; margin-top: 15px; display: flex; align-items: center; justify-content: space-between; font-weight: 500; width: 100%; max-width: 266px; font-size: 17px; }
.logo-wrap p:hover { background: #050505; color: #fff; }
.logo-wrap img { width: 100%; }


@media(max-width:1500px){
    .bn_txt_in .txt{font-size:26px;}
    .bn_txt_in h2{font-size:40px;margin-bottom:0;}

}

@media(max-width:1240px){
    .bn_txt_box{margin: 0 auto;}
    .sub01_pt_rt{top:70px;}
    .sub01_pt_lf{margin-top:153px;}
}

@media(max-width:1090px){
    .bn_txt_box{width:100%; height:100%;padding: 0 20px;}
    .bn_txt_in{width:100%;}
    .bn_txt_in .txt{font-size:17px;text-align: center;max-width:100%; margin-bottom: 10px;}
    .bn_txt_in h2{text-align:center; margin-bottom:25px;}
    .sub01_pt_rt{ position:relative; top:0; left:0; max-width:100%; width:100%;padding:0;}
    .sub01_img_box{ padding-bottom:70%; }
    .sub01_pt_lf{ margin-top:0;width:100%; padding:50px 0 0; max-width: 100%;}
    .sub01_txt{font-size:15px;max-width: 100%;}
    .sub01_pt.pt_top{display:none;}
    .sub01_pt.pt_bottom{margin-top:0;}

	.logo-wrap { position: relative; z-index: 10; float: left; margin-top: 100px; }
}

@media(max-width:640px){
    .bn_txt_in .txt{font-size:16px;}
    .bn_txt_in h2{font-size:30px;}
    .sub01_sign{font-size:16px;}
    .sub01_sign img{}
}

@media(max-width:440px){
    .sub01_sign{font-size:15px;}
    .sub01_sign span{margin-right:8px;}
    .sub01_sign img {width: 20%;}
}