#sec03 .linkbox{position:relative;}

#sec03 .linkbox a{position: absolute;top:0;left:0;height:100%;width:100%;}#sec03 section{width:100%;padding-top:70px;padding-bottom:70px;}

#sec03 .container{margin-left:5%;transform:rotateZ(0.03deg);}

#sec03 .left_wrap{width:40%;float:left;padding-bottom:60px;background:url(../images/common/rhylogo_back.png) no-repeat top 15px left;}

#sec03 .left_wrap .dashed1{background-image:linear-gradient(to right, #707070, #707070 5px, transparent 5px, transparent 10px);background-size:10px 2px;background-position:left bottom;background-repeat:repeat-x;width:100%;margin:0 0 10px 0;}

#sec03 .left_wrap .flex{display:flex;margin:0 auto;}

#sec03 .left_wrap .img_wrap{width:20%;}

#sec03 .left_wrap .summary{width:85%;padding:0 10px;}

#sec03 .left_wrap img{display:block;}

#sec03 .left_wrap .img_wrap{cursor:pointer;overflow:hidden;margin:0 10px;width:100px;height:100px;}

#sec03 .left_wrap .img_wrap img{border:1px solid #ddd;padding:2px;width:100%;height:100%;transition-duration:0.5s;}

#sec03 .left_wrap .img_wrap:hover img{transform:scale(1.2);transition-duration:0.5s;}

#sec03 .left_wrap .time{font-size:14px;}

#sec03 .left_wrap .title{margin-top:15px;font-size:16px;font-weight:600;line-height:1.2;}

#sec03 .p-link{text-decoration:none;color:#FB7398;background-image:linear-gradient(90deg, #747373, #747373);background-repeat:no-repeat;background-position:left bottom;background-size:0 2px;transition:background-size 0.3s;border-radius:4px;}

#sec03 .p-link:hover{background-size:100% 2px;}

#sec03 .left_wrap .title2{margin-top:15px;font-size:14px;line-height:1.2;}

#sec03 .left_wrap .model{margin-top:15px;font-size:14px;color:#FB7398;}

#sec03 .left_wrap .lk31{line-height:1.2;text-align:right;}

#sec03 .left_wrap .g-link{font-size:14px;color:#747373;position:relative;text-decoration:none;}

#sec03 .left_wrap .g-link::before{content:'';position:absolute;width:100%;height:2px;border-radius:4px;background-color:#FB7398;bottom:0;left:0;transform-origin:right;transform:scaleX(0);transition:transform .3s ease-in-out;}

#sec03 .left_wrap .g-link:hover::before{transform-origin:left;transform:scaleX(1);}

#sec03 .right_wrap{width:52.5%;float:right;padding-bottom:60px;background:url(../images/common/rhylogo_back.png) no-repeat bottom left;}

#sec03 .right_wrap .flexbox{display:flex;display:-ms-flexbox;flex-wrap:wrap;align-items:stretch;width:100%;}

#sec03 .right_wrap .frame{width:48.5%;}

#sec03 .right_wrap .flex{display:flex;margin:0 auto;}

#sec03 .right_wrap img{display:block;margin-right:5px;width:130px;border:1px solid #000;}

#sec03 .right_wrap .box02{width:325px;margin-top:20px;margin-left:10px;margin-bottom:25px;padding:5px;background:#fff;background:linear-gradient(-45deg,#FCCBD7 0%,#FFE2E9 25%,#FFF 51%,#EBEBEB 100%);background-position:1% 50%;background-size:200% auto;filter:drop-shadow(0px 3px 4px rgba(0,0,0,0.6));transition:all 0.3s ease-out;}

#sec03 .right_wrap .box02:hover{background-position:99% 50%;}

#sec03 .right_wrap .lk30{font-size:14px;font-weight:600;line-height:1.2;margin-top:5px;}

#sec03 .right_wrap .model{margin-top:15px;font-size:14px;color:#FB7398;}

#sec03 .right_wrap .time{font-size:14px;margin-top:15px;}

#sec03 .right_wrap .lk31{line-height:1.2;text-align:right;font-size:14px;margin-top:15px;}

#sec03 button{margin-top:30px;margin-left:25%;outline:none;position:relative;overflow:hidden;text-decoration:none;color:#747373;background:#FFF;border:2px solid #707070;width:300px;height:60px;font-size:20px;}

#sec03 button:hover:before{opacity:1;transform:translate(0,0);}

#sec03 button:before{content:attr(data-hover);position:absolute;top:0.9em;left:0;width:100%;letter-spacing:3px;opacity:0;transform:translate(-100%,0);transition:all .3s ease-in-out;}

#sec03 button:hover div{opacity:0;transform:translate(100%,0)}

#sec03 button div{letter-spacing:3px;transition:all .3s ease-in-out;}

#sec04{padding-top:70px;padding-bottom:70px;clear:both;background:url(../images/common/rhylogo_back.png) no-repeat top 15px left #fff3f6;transform:rotateZ(0.03deg);}

#sec04 .slider1 .img_wrap{width:350px;height:350px;margin:50px 3px 0 3px;overflow:hidden;cursor:pointer;}

#sec04 .slider1 .img_wrap img{width:100%;padding:3px;transition-duration:0.5s;}

#sec04 .slider1 .img_wrap:hover img{transform:scale(1.2);transition-duration:0.5s;}

#sec04 .container{position:relative;}

#sec04 .name{font-weight:600;font-size:17px;color:#FF1A5C;position: absolute;top:90%;left:59%;transform:translate(-90%,-59%);text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}

#sec04 button{margin-left:37%;margin-top:3%;}

#sec05{padding-top:70px;padding-bottom:750px;background:url(../images/common/rhylogo_back.png) no-repeat top 50px right;}

#sec05 .left_wrap{width:30%;float:left;padding-bottom:60px;margin-left:200px;}

#sec05 .tw{margin-left:30px;margin-bottom:10px;font-size:20px;font-weight:600;}

#sec05 .tw img{margin-left:50px;margin-bottom:20px;}

#sec05 .timeline{width:500px;border:2px solid #00ACEE;}

#sec05 .right_wrap{width:30%;float:right;padding-bottom:60px;margin-right:150px;}

#sec05 .button{margin-left:13%;margin-top:30px;}

#sec05 .btn2{margin-top:50%;position:relative;display:inline-block;font-size:20px;font-weight:700;line-height:1.8;padding:50px 50px;letter-spacing:0.05em;text-decoration:none;text-align:center;}

#sec05 a.btn-border{border:2px solid #00ACEE;border-radius:0;background:#fff;color:#747373;-webkit-box-shadow:4px 4px 0 #00ACEE;box-shadow:4px 4px 0 #00ACEE;}

#sec05 a.btn-border:hover{-webkit-box-shadow:-4px -4px 0 #00ACEE;box-shadow:-4px -4px 0 #00ACEE;}

#sec06{padding-top:70px;padding-bottom:70px;background:url(../images/common/rhylogo_back.png) no-repeat top 15px left #f5f5f5;}

#sec06 .yt{position:relative;float:left;margin-right:35px;width:30%;}

#sec06 .yt .img{border-radius:30px;width:360px;height:202px;}

#sec06 i{position:absolute;top:22%;left:28%;font-size:65px;color:#FF0000;}

#sec06 .title{color:#FB7398;font-size:16px;font-weight:600;transform:rotateZ(0.03deg);}

#sec06 .name{font-size:16px;line-height:1.2;}

#sec06 dt{float:left;transform:rotateZ(0.03deg);}

#sec06 dt::after{content: "："}

#sec06 dd{margin-left:50px;}

#sec06 .p-link{text-decoration:none;color:#FB7398;background-image:linear-gradient(90deg, #747373, #747373);background-repeat:no-repeat;background-position:left bottom;background-size:0 2px;transition:background-size 0.3s;border-radius:4px;}

#sec06 .p-link:hover{background-size:100% 2px;}

#sec06 .g-link{font-size:14px;color:#747373;position:relative;text-decoration:none;}

#sec06 .g-link::before{content:'';position:absolute;width:100%;height:2px;border-radius:4px;background-color:#FB7398;bottom:0;left:0;transform-origin:right;transform:scaleX(0);transition:transform .3s ease-in-out;}

#sec06 .g-link:hover::before{transform-origin:left;transform:scaleX(1);}

#sec06 .button{clear:both;margin-left:5%;padding-top:5%;transform:rotateZ(0.03deg);}

#sec07 .heading01{margin-top:10px;}

#sec07{padding-top:70px;margin-bottom:200px;background:url(../images/common/rhylogo_back.png) no-repeat top 15px right;transform:rotateZ(0.03deg);}

#sec07 .left_wrap{width:28%;float:left;margin-left:250px;margin-bottom:30px;font-size:16px;line-height:1.2;}

#sec07 .right_wrap{width:33%;float:right;margin-right:270px;margin-bottom:200px;}

#page_top{position:fixed;right:0;bottom:50px;box-sizing:border-box;filter:drop-shadow(0px 3px 5px rgba(0,0,0,0.6));transition-property:opacity;-webkit-transition-property:opacity;transition-duration:0.3s;-webkit-transition-duration:0.3s;}

#page_top a::before{background:url(../images/common/gotop.png) no-repeat 50% 50% #fff;border-radius:50%;content:'';position:absolute;width:50px;height:50px;top:0;bottom:55px;right:0;left:-90px;margin:auto;}

#page_top:hover{opacity:0.7;}

#footermenu{clear:both;overflow:hidden;padding:20px 15%;background:#dcdcdc;}

#footermenu .footicon{display:inline;}

#footermenu .footicon i{width:30px;margin-left:40px;font-size:40px;color:#fff;}

#footermenu a .fa-youtube:hover{color:#ff0000;text-decoration:none;}

#footermenu a .fa-x-twitter:hover{color:#000;text-decoration:none;}

#footermenu a{text-decoration:none;opacity:0.7;}

#footermenu li a:hover{color:#FB7398;opacity:1;}

.m-btn-pf {margin-right:30px;margin-left:30px;text-align:center;display:inline-block;line-height:0.8em;letter-spacing:0.05em;width:160px;height:30px;background-color:#FB7398;border:2px solid #FB7398;font-size:14px;color:#FB7398;text-decoration:none;font-weight:600;padding:10px 5px;border-radius:4px;position:relative;box-sizing:border-box;}

.m-btn-pf span{position:relative;z-index:1;}

.m-btn-pf::before,

.m-btn-pf::after{content:"";display:block;background-color:#FFF;width:50%;height:100%;position:absolute;top:0;transition:0.2s;}

.m-btn-pf::before{left:0;}

.m-btn-pf::after{right:0;}

.m-btn-pf:hover::before,

.m-btn-pf:hover::after{width:0;background-color:#FFF;}

.m-btn-pf:hover{color:#FFF;}

.m-btn-gf {font-family:rounded-mplus-1p;text-align:center;display:inline-block;text-align:center;line-height:0.8em;letter-spacing:0.05em;width:160px;height:30px;background-color:#8D8B8B;border:2px solid #8D8B8B;font-size:14px;color:#747373;text-decoration:none;font-weight:600;padding:10px 5px;border-radius:4px;position:relative;box-sizing:border-box;}

.m-btn-gf span{position:relative;z-index:1;}

.m-btn-gf::before,

.m-btn-gf::after{content:"";display:block;background-color:#FFF;width:50%;height:100%;position:absolute;top:0;transition:0.2s;}

.m-btn-gf::before{left:0;}

.m-btn-gf::after{right:0;}

.m-btn-gf:hover::before,

.m-btn-gf:hover::after{width:0;background-color:#FFF;}

.m-btn-gf:hover{color:#FFF;}

#footermenu ul{margin-top:40px;text-align:center;}

#footermenu li{display:inline-block;margin-left:15px;font-weight:600;color:#747373;font-size:16px;}

#footermenu li span{display:block;font-size:10px;}

#copyright{margin-top:40px;text-align:center;font-weight:400;color:#747373;font-size:16px;}

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

#sec03 .container{margin-left:10%;}

#sec03 .left_wrap{width:40%;float:left;}

#sec03 .right_wrap{width:52.5%;float:right;}

#sec03 .soon{margin-top:50px;margin-bottom:30px;text-align:center;font-size:28px;font-weight:600;}

#sec03 .jsoon{display:block;font-size:20px;font-weight:600;}

#sec03 .soon1{margin-top:50px;margin-bottom:30px;margin-left:30%;text-align:center;font-size:28px;font-weight:600;}

#sec03 .jsoon1{display:block;font-size:20px;font-weight:600;}

#sec04 .slider1 .img_wrap{width:400px;height:400px;}

#sec04 .name{position:absolute;top:93%;left:57%;transform:translate(-93%,-57%);}

#sec04 button{margin-left:43%;margin-top:3%;}

#sec05 .left_wrap{margin-left:350px;}

#sec05 .right_wrap{margin-right:300px;}

#sec05 .button{margin-left:-22%;}

#sec06 .yt{margin-left:1%;margin-right:5px;width:30%;}

#sec06 .title{width:80%;}

#sec07 .left_wrap{margin-left:17%;}

#sec07 .right_wrap{margin-right:22%;}}

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

#sec03 .left_wrap{width:44%;}

#sec04 .slider1 .img_wrap{width:350px;height:350px;}

#sec04 .name{position:absolute;top:90%;left:59%;transform:translate(-90%,-59%);}

#sec04 button{margin-left:38%;}

#sec05 .left_wrap{margin-left:150px;}

#sec05 .right_wrap{margin-right:150px;}

#sec05 .button{margin-left:-18%;}

#sec06 .yt{margin-left:1%;}

#sec06 i{left:37%;}

#sec06 .title{width:90%;}

#sec06 .button{margin-left:0%;}}

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

#sec03 .container{margin-left:5%;}

#sec03 .left_wrap{width:46%;}

#sec03 .left_wrap .summary{width:83%;}

#sec03 .right_wrap .frame{width:48%;}

#sec04 .name{position:absolute;top:86%;left:59%;transform:translate(-86%,-57%);}

#sec05 .button{margin-left:-13%;}

#sec06 .yt{width:30%;margin-right:10px;}

#sec06 i{left:40%;}

#sec06 .title{padding-left:7%;width:90%;}

#sec06 .name{padding-left:7%;}

#sec06 .button{margin-top:13%;}}

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

#sec03 .left_wrap{width:45%;}

#sec04 .name{top:82%;left:58%;transform:translate(-82%,-58%);}

#sec05 .left_wrap{margin-left:100px;}

#sec05 .right_wrap{margin-top:70px;margin-right:170px;}

#sec05 .button{margin-left:-10%;}

#sec06 .yt{float:left;width:37%;margin-left:-5%;margin-right:10px;}

#sec06 i{left:35%;}

#sec06 .button{margin-left:0%;}

#footermenu{overflow:hidden;padding:20px 14%;}}

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

#sec03 .container{margin-left:3%;}

#sec03 .left_wrap .img_wrap{width:100px;}

#sec03 .left_wrap{width:90%;float:none;margin-left:3%;padding-bottom:110px;}

#sec03 .left_wrap .title{margin-top:15px;font-size:16px;font-weight:600;line-height:1.2;color:#FB7398;}

#sec03 .right_wrap{width:100%;float:none;margin-left:-1%;background:url(../images/common/rhylogo_back.png) no-repeat 50% 20%,url(../images/common/rhylogo_back.png) no-repeat bottom left;}

#sec03 .right_wrap .frame{width:48%;}

#sec03 button{margin-left:32%}

#sec04 .container{position:relative;}

#sec04 .slider1 .img_wrap{width:300px;height:300px;}

#sec04 .name{top:77%;left:59%;transform:translate(-77%,-59%);}

#sec04 button{margin-left:35%;}

#sec05 .left_wrap{margin-left:150px;}

#sec05 .timeline{width:400px;margin-left:-50px;}

#sec05 .right_wrap{margin-right:130px;}

#sec05 button{margin-left:12%;}

#sec06 .yt{width:30%;margin-left:1%;margin-right:10px;margin-bottom:30px;}

#sec06 .yts .img{width:250px;height:138px;}

#sec06 i{top:14%;left:33%;font-size:65px;}

#sec06 .title{padding-left:7%;}

#sec06 .name{padding-left:7%;}

#sec06 .button{margin-left:-2%;}

#footermenu{overflow:hidden;padding:20px 5%;}}

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

#sec04 .container{margin-left:5%}

#sec04 .name{top:92%;left:58%;transform:translate(-92%,-58%);}

#sec04 button{margin-left:30%;}

#sec05{padding-top:20px;padding-bottom:100px;}

#sec05 .container{margin-left:5%}

#sec05 .left_wrap{width:100%;float:none;margin-left:15px;}

#sec05 .right_wrap{width:100%;float:none;margin-left:15px;margin-right:0px;}

#sec05 .tw{margin-left:15%;}

#sec05 .timeline{width:500px;margin-left:17%;}

#sec05 .button{margin-left:20%;}

#sec05 .btn2{margin-top:1.5%;margin-left:20%;width:450px;height:103px;font-size:14px;line-height:1;}

#sec06 .container{margin-left:5%}

#sec06 .yts{float:none;display:block;margin-left:3%;margin-right:5px;width:90%;padding-bottom:25px;}

#sec06 .yts .img{border-radius:30px;width:640px;height:360px;}

#sec06 i{top:31%;left:43%;}

#sec06 .button{margin-left:2%;}

#footermenu{overflow:hidden;padding:20px 1%;}}

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

#sec03 .left_wrap .img_wrap{width:20%;}

#sec03 .left_wrap{display:block;padding-bottom:60px;background:url(../images/common/rhylogo_back250.png) no-repeat top 15px left,url(../images/common/rhylogo_back250.png) no-repeat bottom right;}

#sec03 .right_wrap{width:90%;display:block;margin-left:3%;padding-bottom:60px;background:url(../images/common/rhylogo_back250.png) no-repeat top 15px left,url(../images/common/rhylogo_back250.png) no-repeat bottom right;}

#sec03 .right_wrap .frame{width:47%;}

#sec03 .right_wrap img{display:block;margin:10px;width:230px;border:1px solid #000;}

#sec03 .right_wrap .divs{display:block;margin-top:340px;margin-left:-230px;}

#sec03 .soon{margin-left:-5%;}

#sec03 button{margin-left:30%;width:250px;height:50px;font-size:14px;}

#sec04{padding-top:20px;background:url(../images/common/rhylogo_back300.png) no-repeat top 15px right,url(../images/common/rhylogo_back300.png) no-repeat bottom 15px left #fff3f6;}

#sec04 .container{margin-left:3%;}

#sec04 .name{top:95%;left:59%;transform:translate(-95%,-59%);}

#sec04 button{width:250px;height:50px;font-size:14px;}

#sec05{padding-bottom:20px;background:url(../images/common/rhylogo_back300.png) no-repeat top 50px left;}

#sec05 .tw{margin-left:10%;}

#sec05 .timeline{margin-left:10%;}

#sec05 .btn2{margin-left:13%;}

#sec06 .yts .img{width:540px;height:330px;}

#sec06 i{top:31%;left:43%;}

#sec06 .button{margin-left:-2%;}}

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

#sec03 .left_wrap{width:95%;margin-left:-1%;}

#sec03 .left_wrap .img_wrap{width:25%;}

#sec03 .left_wrap .summary{width:72%;}

#sec03 .right_wrap .frame{width:47%;}

#sec03 .right_wrap img{margin:5px;width:150px;}

#sec03 .right_wrap .divs{margin-top:230px;margin-left:-150px;}

#sec03 .right_wrap .time{font-size:13px;margin-left:-5px;}

#sec03 .soon{margin-left:0%;}

#sec03 .soon1{margin-left:25%;}

#sec03 button{margin-left:20%;}

#sec04 .container{margin-left:1%;}

#sec04 .name{top:80%;left:59%;transform:translate(-80%,-59%);}

#sec04 button{margin-left:18%;}

#sec05 .container{margin-left:1%;}

#sec05 .tw{margin-left:5%;}

#sec05 .timeline{margin-left:5%;width:350px;}

#sec05 .button{margin-left:-2%;margin-top:4%;}

#sec05 .btn2{margin-left:5%;width:350px;height:103px;}

#sec06{padding-top:20px;background:url(../images/common/rhylogo_back300.png) no-repeat top 50px right #f5f5f5;}

#sec06 .container{margin-left:1%;}

#sec06 .yts{margin-left:5%;width:100%;}

#sec06 .yts .img{width:90%;height:90%;}

#sec06 i{top:20%;left:35%;}

#sec06 .name{font-size:16px;line-height:1.2;}

#sec06 .button{margin-left:-25%;}

#sec07{padding-top:20px;background:url(../images/common/rhylogo_back300.png) no-repeat top 15px right;}

#sec07 .container{margin-left:1%;}

#sec07 .left_wrap{width:95%;float:none;margin-left:10px;}

#sec07 .right_wrap{width:99%;float:none;margin-right:10px;}

#sec07 button{margin-left:15%;margin-top:5%;}

#footermenu{overflow:hidden;padding:20px 5%;}

#footermenu .footicon i{font-size:50px;}

.m-btn-pf{margin-top:20px;margin-right:10px;margin-left:10px;text-align:center;display:inline-block;}

.m-btn-gf{margin-top:20px;}

#footermenu ul{column-count:2;column-width:50%;margin-top:40px;text-align:left;}

#footermenu li{display:block;white-space:nowrap;padding-top:20px;margin-left:15px;}

#copyright{font-size:15px;}}

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

#sec03 .left_wrap{width:98%;}

#sec03 .left_wrap .img_wrap{width:29%;}

#sec03 .left_wrap .summary{width:70%;}

#sec03 .right_wrap{margin-left:-3%;width:100%;}

#sec03 .right_wrap img{width:160px;}

#sec03 .right_wrap .divs{margin-top:240px;}

#sec03 button{margin-left:18%;}

#sec04 .name{top:75%;left:59%;transform:translate(-75%,-59%);}

#sec05 .timeline{margin-left:4%;width:330px;}

#sec05 button{margin-left:10%;}

#sec05 .btn2{margin-left:1%;}

#sec06 .yts{margin-left:4%;}

#sec06 .yt .img{border-radius:20px;}

#sec07 .left_wrap{width:92%;}

#sec07 button{margin-left:12%;}

#copyright{font-size:14px;}}

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

#sec03 .right_wrap img{width:150px;}

#sec03 .right_wrap .divs{margin-top:230px;}

#sec03 button{margin-left:15%;}

#sec04 .container{margin-left:1%;}

#sec04 .name{top:75%;left:59%;transform:translate(-75%,-59%);}

#sec04 button{margin-left:18%;}

#sec05 .container{margin-left:1%;}

#sec05 .left_wrap{padding-bottom:10px;margin:0 15px;}

#sec05 .right_wrap{padding-bottom:60px;}

#sec05 .tw{margin-left:20px;font-size:16px;}

#sec05 .tw img{margin-left:50px;}

#sec05 .timeline{margin-left:7%;width:300px;}

#sec05 button{margin-left:11.5%;width:280px;height:55px;font-size:20px;}

#sec05 .btn2{margin-left:3%;width:330px;height:103px;}

#sec06 .container{margin-left:1%;}

#sec06 .yts{margin-left:3%;}

#sec06 .button{margin-left:-30%;}

#sec07 .container{margin-left:1%;}

#sec07 button{margin-left:10%;margin-top:5%;}

#footermenu .footicon i{font-size:30px;}

#footermenu{overflow:hidden;padding:20px 3%;}

#footermenu li{margin-left:10px;}}

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

#sec03 .right_wrap{margin-left:-1%;}

#sec03 .right_wrap .frame{width:92%;}

#sec03 .right_wrap img{display:block;margin:10px 30px;width:250px;}

#sec03 .right_wrap .divs{display:block;margin-top:370px;margin-left:-290px;}

#sec03 .right_wrap .time{font-size:14px;margin-left:5px;}

#sec04 .name{top:70%;left:59%;transform:translate(-70%,-59%);}

#sec05 .timeline{margin-left:5%;}

#sec05 button{margin-left:10.5%;}

#sec05 .btn2{width:300px;}

#sec06 .button{margin-left:-13%;width:250px;height:50px;font-size:14px;}

#sec07 .left_wrap{width:97%;}

#sec07 button{margin-left:8%;}

#footermenu .footicon i{margin-left:30px;font-size:40px;}

.m-btn-pf{margin-right:0;margin-left:5px;font-size:12px;width:150px;}

.m-btn-gf{font-size:12px;width:150px;}}

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

#sec03 .left_wrap .flex{display:block;margin:0 auto;}

#sec03 .left_wrap .img_wrap{width:100%;}

#sec03 .left_wrap .img_wrap img{margin-left:28%;width:100px;height:100px;}

#sec03 .left_wrap .summary{width:100%;margin:15px 10px 5px 10px;}

#sec03 .right_wrap{margin-left:1%;}

#sec03 .right_wrap .frame{width:90%;}

#sec03 .right_wrap img{display:block;margin:10px;width:250px;}

#sec03 .right_wrap .divs{display:block;margin-top:380px;margin-left:-260px;}

#sec03 button{margin-left:8%;}

#sec04 .name{font-size:13px;top:63%;left:58%;transform:translate(-63%,-58%);}

#sec04 button{margin-left:10%;}

#sec05{padding-bottom:20px;}

#sec05 .timeline{margin-left:7%;width:250px;}

#sec05 button{margin-left:-10%;}

#sec05 .btn2{margin-top:1.5%;margin-left:3%;width:270px;height:100px;}

#sec06 button{margin-left:-12%;width:150px;height:40px;font-size:14px;}

#sec07 .left_wrap{width:95%;}

#sec07 button{margin-left:10%;width:250px;height:45px;}

#footermenu .footicon i{font-size:50px;}

#footermenu{padding:20px 1%;}

#footermenu li{margin-left:0px;font-size:15px;}

#copyright{font-size:12px;}}