@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);
body{overflow-x:hidden}
/*! アニメーションをする部分は透過させておく */
.animation{opacity:0}
/*! アニメーションに関する記述終了 */
/*! ヘッダー */
#module_titleArea{margin-top:23px;display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex}
#module_titleArea .categoryTitlePC{display:block}
#module_titleArea .categoryTitlePC:nth-child(2){position:relative}
#module_titleArea .categoryTitlePC:nth-child(2) img{position:absolute;top:6px;left:13px}
#module_titleArea .categoryTitleSp{color:#333;font-size:1.43em;display:none;font-weight:700;padding:12px 0 10px 10px;line-height:1.8}
#module_titleArea .categoryTitleSp:before{content:'';display:inline-block;border-radius:4px;width:4px;height:22px;position:relative;top:2px;background-color:#e60000;margin-right:10px}
/*! 改行トグル */
.spBreak{display:none}
.pcBreak{display:inline}
/*! リンク */
a:hover{text-decoration:none}
img{vertical-align:bottom}
.content-footer a:hover,.content-header a:hover,.content-header--nav a:hover,.global-footer a:hover{text-decoration:underline}
.content-footer a:not([href]):hover,.content-header a:not([href]):hover,.content-header--nav a:not([href]):hover,.global-footer a:not([href]):hover{text-decoration:none}
.content-footer img,.content-header img,.content-header--nav img,.global-footer img{vertical-align:inherit}
.content-header--nav img.ico{margin-left: 0;max-width: 15px;}
/*! sup */
#main sup{font-size:50%;vertical-align:super}
/*! -------------------- メインビジュアル -------------------- */
.mainVisual{font-family:"Noto Sans JP",sans-serif;letter-spacing:.6px}
.mainVisualLogo{height:111px;position:absolute;top:108px;left:0;right:0;margin:0 auto}
.mainVisualSky{position:relative;height:270px}
.mainVisualOcean{text-align:center;height:238px}
.mainVisualOcean .mainVisualHeading{font-weight:700;font-size:28px;line-height:1.7}
/*! -------------------- スクロールアイコン -------------------- */
@keyframes moveScroll{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(16px);transform:translateY(16px)}
}
.scrollIcon{display:block;position:relative;bottom:45px;margin:0 auto;height:95px;-webkit-animation:.7s ease-in-out infinite alternate moveScroll;animation:.7s ease-in-out infinite alternate moveScroll;z-index:99}
/*! -------------------- コンテンツ -------------------- */
.VirtualSustieSection,.FloorPlanSection,.InfoSection,.LearnMoreSection,.messageSection,.technologiesSection{font-family:"Noto Sans JP",sans-serif}
.messageSection{margin-top:-90px}
.messageSectionBgImg{background:url(../img/img_message.jpg) center top/100% auto no-repeat;padding-bottom:40.401%}
.messageSectionBgcolor{background:linear-gradient(180deg,#0072b2 76%,#f5f5f5 25%);padding:70px 0 0}
.SectionWrap{max-width:979px;width:90%;margin:0 auto}
.messageSectionHeading{text-align:center;position:relative;margin-bottom:100px}
.messageSectionHeading:before{display:block;content:"";width:100%;height:50%;position:absolute;top:0;left:0;background-color:#fff}
.messageSectionHeadingText{width:100%;font-size:36px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}
.messageSectionHeadingImg{position:relative}
.messageSectionTextBody p{font-size:20px;font-weight:700;color:#fff;line-height:1.75}
.messageSectionTextBody p+p{margin-top:.5em}
.messageSectionTextBody:not(:last-of-type){margin-bottom:40px}
.messageSectionTextBody a{color: #fff; text-decoration: underline;}
.messageSectionTextBody a:hover{text-decoration: none;}
.messageSectionNoteList{color:#fff;font-size:14px;margin-top:33px}
.messageSectionNoteList .noteBold{font-weight:700}
.messageSectionNoteList .noteText{line-height:2;margin-top:5px;letter-spacing:.044em}
.messageSectionNoteList+.messageSectionNoteList{border-top:1px solid #fff;padding-top:20px;margin-top:17px}
.noteHascol{display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;justify-content:space-between}
.noteColText{width:77%}
.noteColImg{margin-top:-20px;width:20.4%}
.noteCol+.noteCol{margin-left:37px}
.messageSectionZebImg{max-width:200px;width:100%}
a:hover .messageSectionZebImg{transition:.2s;opacity:.7}
.messageSectionlMovie{max-width:948px;margin-right:auto;margin-left:auto;border:15px solid #fff;margin-top:60px}
.messageSectionlMovie .vjs-big-play-button{top:0!important;left:0!important;margin-left:0!important;margin-top:0!important;width:100%!important;height:100%!important;line-height:2em;border:none;border-radius:0!important;font-size:3.5em;background-color:transparent!important;background-image:url(../img/movie_btn.png)!important;background-repeat:no-repeat!important;background-size:360px 240px!important;background-position:center 50%!important;color:#fff;transition:.4s!important}
.messageSectionlMovie .vjs-big-play-button:before{font-size:0}
.messageSectionlMovie .video-js .vjs-big-play-button .vjs-icon-placeholder:before{display:none}
.technologiesSection{background-color:#f5f5f5;padding-top:75px;padding-bottom:80px}
.SectionHeading{font-size:20px;font-family:"Noto Sans JP",sans-serif;color:#333;text-align:center}
.SectionHeading span{font-size:54px;font-weight:700;margin-top:2px;display:block}
.technologiesContent{display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;margin-top:28px}
.technologiesContents:nth-child(n+3){margin-top:20px}
.technologiesContents{border:1px solid #cfcfcf;display:block;width:48.928%}
.technologiesContent+.technologiesContents{width:100%;margin-top:20px}
.technologiesContentsImg{max-width:inherit;width:100%}
a.technologiesContents:hover{-webkit-transition:.2s;-o-transition:.2s;transition:.2s;opacity:.7!important}
.technologiesTextBLock{padding:30px 22px 28px;border-top:1px solid #cfcfcf;position:relative;background:url(../img/arrow_big_bl.png) right 20px center/30px auto no-repeat #f0f8fc}
.technologiesContentsHeading{font-size:18px;color:#0072b2;font-weight:700;position:relative;padding-left:2em}
.technologiesContentsHeading span{position:absolute;left:0;font-size:24px;margin-right:7px;line-height:1.09}
.technologiesContentsText{font-size:14px;color:#333;margin-left:40px;margin-top:13px;padding-right:75px}
.technologiesTopics{background-color:#fff;padding:44px 60px 48px;margin-top:30px;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}
.technologiesTopicsHeading{margin-bottom:20px;font-size:22px}
.technologiesTopicsText,.technologiesTopicsLink{font-size:16px;line-height:2}
.technologiesTopicsLink{margin-top:16px}
.technologiesTopicsLink a{position:relative;display:inline-block;padding-left:25px}
.technologiesTopicsLink a .ico{position:absolute;top:1em;left:0;margin-left:0;transform:translateY(-50%)}
.technologiesTopicsLink a:hover{text-decoration:underline}
.technologiesTopicsWrap{display:flex;justify-content:space-between}
.technologiesTopicsWrap__l{width:calc(510/859*100%)}
.technologiesTopicsWrap__r{width:calc(320/859*100%)}
.technologiesTopicsWrap__r .technologiesTopicsImg{margin-top:0}
.italic_text{font-style:italic}
.note{position:relative;padding-left:25px;font-size:12px;margin-top:7px}
.note span{position:absolute;left:0}
.technologiesTopicsImg{text-align:center;margin-top:20px}
.technologiesTopicsImg img{max-width:829px;width:100%}
.technologiesTopicsCaption{font-size:16px;text-align:center;margin-top:25px}
.SustieBtn{background-color:#0072b2;text-align:center;margin-top:32px}
.SustieBtn a{padding:37px 20px 32px;display:block;color:#fff;font-size:24px}
.SustieBtn a:hover{-webkit-transition:.2s;-o-transition:.2s;transition:.2s;opacity:.7!important}
.SustieBtn a span{background:url(../img/arrow_big_w.png) right 10px center no-repeat;padding-right:60px}
.VirtualSustieSection {background-color: #0072b2;color: #fff;padding: 100px 0 150px;}
.VirtualSustieSection .SectionHeading{color: #fff;}
.virtualSustieSectionText{margin-top: 32px;font-size: 16px;}
.virtualSustieSectionImg{margin-top: 55px;}
.virtualSustieSectionImg img{max-width: 100%;height: auto; transition: opacity .3s;}
.virtualSustieSectionImg a{display: block;background-color: #fff;}
.virtualSustieSectionImg a:hover img{opacity: .7;}
.FloorPlanSection{padding:76px 0 80px}
.floorPLanTextBlock{max-width:819px;width:84%;margin:32px auto 0}
.floorPLanText{font-size:18px;font-weight:700;position:relative;padding-left:76px;padding-bottom:25px}
.floorPLanText+.floorPLanText{border-top:1px solid #dbdbdb;padding-top:26px;padding-bottom:26px}
.floorPLanText span{position:absolute;left:0;margin-top:-3px}
.floorPLanText span em{position:relative}
.floorPLanText span em:before{display:inline-block;content:'';position:relative;width:18px;height:4px}
.floorPLanText span em+em{margin-left:3px}
.floorPLanText span em:nth-child(1):before{background-color:#5480c1}
.floorPLanText span em:nth-child(2):before{background-color:#008262}
.floorPLanText span em:nth-child(3):before{background-color:#826d51}
.floorPLanText:nth-of-type(2) span em:before{width:60px;background-color:#826d51}
.floorPLanText:nth-of-type(3) span em:before{width:60px;background-color:#a86200}
.FloorPlanBlockSection{margin-top:60px}
.FloorPlanBlockSection+.FloorPlanBlockSection{margin-top:68px}
.FloorSectionHeading{font-size:44px;font-weight:700;margin-left:78px;line-height:1.7}
.FloorSectionHeading span{font-size:52px;margin-right:15px}
.FloorPlanBlock{padding:60px 60px 66px;text-align:center}
.FloorPlanImg img{max-width:863px;width:100%}
.FloorListPart{position:relative;padding:46px 60px 39px 74px}
.FloorPlanSImg{position:absolute;right:90px;top:-108px;width:29.827%}
.FloorPlanSImg img{max-width:292px;width:100%}
.FloorList{font-size:18px;font-weight:700;color:#fff;display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;flex-wrap:wrap;max-width:442px}
.FloorList li+li{margin-left:77px}
.FloorList li{position:relative;padding-left:8px;line-height:1.5}
.FloorList li:before{content:"";width:6px;height:6px;background-color:#fff;display:inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.FloorPlanBlockSection_02 .FloorList li+li,.FloorPlanBlockSection_03 .FloorList li+li{margin-left:12px}
.FloorPlanBlockSection_01 .FloorList li+li{margin-left:26px}
.FloorList li:nth-child(2n-1){margin-left:0}
.FloorList+.FloorList{margin-top:5px}
.FloorPlanBlockSection_01 .FloorList li:nth-child(n+3){margin-top:0}
.FloorPlanBlockSection_04 .FloorListPart{background-color:#4a74b4}
.FloorPlanBlockSection_04 .FloorPlanBlock{border:4px solid #4a74b4}
.FloorPlanBlockSection_04 .FloorSectionHeading{color:#4a74b4}
.FloorPlanBlockSection_03 .FloorListPart{background-color:#008262;padding:46px 60px 39px 74px}
.FloorPlanBlockSection_03 .FloorPlanBlock{border:4px solid #008262}
.FloorPlanBlockSection_03 .FloorSectionHeading{color:#008262;line-height:1.8}
.FloorPlanBlockSection_02 .FloorListPart{background-color:#826d51;padding:46px 60px 39px 74px}
.FloorPlanBlockSection_02 .FloorPlanBlock{border:4px solid #826d51}
.FloorPlanBlockSection_02 .FloorSectionHeading{color:#826d51;line-height:1.85}
.FloorPlanBlockSection_01 .FloorListPart{background-color:#a86200}
.FloorPlanBlockSection_01 .FloorPlanBlock{border:4px solid #a86200}
.FloorPlanBlockSection_01 .FloorSectionHeading{color:#a86200;line-height:1.8}
.InfoSection{background-color:#f5f5f5;padding:76px 0}
.banner_list{display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px}
.banner_list li{border:1px solid #cfcfcf;width:48.52%}
.BannerImg{max-width:475px;width:100%}
.banner_list li:nth-child(n+3){margin-top:30px}
a.BannerLink .BnrTextLink{font-size:16px;font-weight:700;color:#333;display:block;border-top:1px solid #cfcfcf;background-color:#e4f1f7;padding:10px 20px;text-align:center}
a.BannerLink:hover,a.BannerLink:hover p{-webkit-transition:.2s;-o-transition:.2s;transition:.2s;opacity:.7!important}
a.BannerLink .BnrCaption{font-size:15px;color:#333;font-weight:700;padding-left:25px;margin-top:-16px}
.BannerPdf .BannerImg{max-width:119px;width:100%}
.BannerPdf{display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;align-items:center;padding:20px 50px 0 30px;background-color:#fff}
img.ico{margin-left:10px;position:relative;display:inline-block;top:-2px;vertical-align:middle;max-width:18px}
.LearnMoreSection{background-color:#0072b2;padding:40px 0}
.LearnMoreSection .SustieBtn{background-color:inherit;border:1px solid #f5f5f5;margin-top:0}
/*! -------------------- SUSTIE広告 -------------------- */
.adSection{padding:76px 0}
.adSection .relatedcov{width:185px;margin:0 auto;text-align: center;}
.adSection ul.related_lists{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top: 30px;}
.adSection ul.related_lists li a img{max-width:185px;width:100%}
.adSection ul.related_lists li a img.pdf_icon{max-width:17px;vertical-align:middle;position:relative;top:-2px}
.adSection ul.related_lists li a img.ico{margin-left:10px;position:relative;display:inline-block;top:-2px;vertical-align:middle;max-width:18px}
.adSection ul.related_lists li .pdf_title{padding-top:15px}
.adSection ul.related_lists li a:hover{transition:.2s;opacity:.7}
/*! -------------------- ニュース -------------------- */
.newsSection{background-color:#f5f5f5;font-family:"Noto Sans JP",sans-serif;padding:76px 0 90px}
.newsContent{position:relative;margin-top:6px}
.newsContent .newsSubheading{font-weight:700;font-size:22px;margin-bottom:10px}
.newsContent .newsContents{border-bottom:1px solid #e6e6e6;font-size:14px;padding:15px 0}
.newsContent .newsContents .newsTitle{position:relative;line-height:1.35}
.newsContent .newsContents .newsTitle a:hover{text-decoration:underline}
/*! -------------------- お問い合わせ -------------------- */
.contact{position:relative;text-align:center;font-weight:700;color:#fff;height:300px;background-image:url(../img/contact.jpg);background-size:cover;background-position:center center}
.contact .contactHeading{font-size:32px;padding:80px 0 35px}
.contact .contactLink{color:#fff;position:relative;width:348px;margin:0 auto;font-size:16px;line-height:58px;border:1px solid #fff;background-color:rgba(255,255,255,.1)}
.contact .contactLink:hover{background-color:rgba(255,255,255,.3);-webkit-transition:.2s;-o-transition:.2s;transition:.2s}
.contact .contactLink:before{content:'';display:block;width:30px;height:30px;background-image:url(../img/arrow_big.png);background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:25px;margin:auto 0}
.global_footer{margin-top:0}
/*! -------------------- ページトップへ戻る -------------------- */
.pageTop .goTopImg{z-index:20;width:45px;position:fixed;right:10%;bottom:0;visibility:hidden;opacity:0}
.bc-iframe,.bc-iframe body,.bc-player-HyOVNc6C_default,.bc-player-HyOVNc6C_default .vjs-poster{background-color:#fff}
.modal{position:fixed;top:0;left:0;z-index:-1;visibility:hidden;width:100%;height:100%;opacity:0;transition:z-index linear .5s,visibility linear .5s,opacity 1s;pointer-events:none}
.modal-container,.modal-ovarlay{position:absolute;top:0;left:0;width:100%;height:100%}
.modal-ovarlay{background-color:rgba(0,0,0,.8)}
.modal-container{display:flex;padding:0 15px;justify-content:center;align-items:center}
.modal.is-virtual .modal-container{padding:0}
.modal-block{box-sizing:border-box;position:relative;background-color:#fff;padding:40px 10px 10px;width:100%;max-width:820px}
.modal.is-virtual .modal-block{max-width:none;height:100%}
.modal-close-btn{position:absolute;top:10px;right:10px;width:20px;height:20px;background-color:#000}
.modal-close-btn:after,.modal-close-btn:before{position:absolute;top:calc(50% - .5px);left:calc(50% - 7px);display:block;width:14px;height:1px;background-color:#fff;content:''}
.modal-close-btn:before{transform:rotate(45deg)}
.modal-close-btn:after{transform:rotate(-45deg)}
.modal-content{position:relative;overflow:hidden;display:none}
.modal-content.is-visible{display:block}
.modal.is-virtual .modal-content{height:100%}
.modal.is-virtual .modal-content>div{position:absolute;top:0;left:0;padding:0!important;width:100%;height:100%}
.modal.is-visible{z-index:9999;visibility:visible;opacity:1;transition:opacity 1s;pointer-events:auto}
@media screen and (max-width:767px){
.pc{display:none!important}
.animationSp{opacity:0}
.animationSp .animation{opacity:1}
#module_titleArea{margin:0;width:80%}
#module_titleArea .categoryTitlePC{display:none}
#module_titleArea .categoryTitleSp{display:block}
.spBreak{display:inline}
.pcBreak{display:none}
.mainVisualLogo{top:55px;height:52px}
.mainVisualSky{height:130px}
.mainVisualOcean{height:114px;padding-left:16px;padding-right:16px}
.mainVisualOcean .mainVisualHeading{font-size:17px;letter-spacing:.4px}
.scrollIcon{bottom:-23px;height:62.5px}
.messageSection{padding:50px 0 30px;margin-top:-60px}
.messageSectionBgImg{background:url(../img/img_message_sp.jpg) center top/100% auto no-repeat;padding-bottom:80.625%}
.messageSectionBgcolor{background:linear-gradient(180deg,#0072b2 78%,#f5f5f5 22%);padding:32px 0 123px}
.messageSectionHeadingText{font-size:21px}
.messageSectionHeadingImg{max-width:100%;width:auto;height:58px}
.messageSectionHeading{margin-bottom:50px}
.messageSectionTextBody p{font-size:16px}
.messageSectionTextBody p+p{margin-top:1em}
.messageSectionTextBody:not(:last-of-type){margin-bottom:25px}
.messageSectionNoteList{margin-top:22px}
.messageSectionNoteList .noteText{font-size:13px;line-height:1.9;letter-spacing:normal;margin-top:10px}
.messageSectionNoteList+.messageSectionNoteList{padding-top:13px}
.noteHascol{flex-direction:column}
.noteColImg{order:1;order:1;text-align:center;margin-top:17px;width:auto}
.noteColText{width:auto;order:2}
.noteColText .noteText{line-height:1.67}
.messageSectionZebImg{max-width:115px}
.messageSectionlMovie{max-width:calc(100% - 17px)!important;margin-bottom:65px;border:9px solid #fff;margin-top:30px}
.messageSectionlMovie .vjs-big-play-button{background-size:40% auto!important;background-position:center!important}
.technologiesSection{margin-top:-212px;padding-top:47px;padding-bottom:50px}
.SectionHeading{font-size:14px}
.SectionHeading span{font-size:30px}
.technologiesContent{display:block}
.technologiesContents{width:auto}
.technologiesContents+.technologiesContents{margin-top:15px}
.technologiesTextBLock{padding:15px 10px;background-position:right 12px center;background-size:19px auto}
.technologiesContentsHeading{font-size:15px}
.technologiesContentsHeading span{font-size:17px}
.technologiesContentsText{width:74%;margin-left:30px;margin-top:7px;padding-right:0}
.technologiesTopics{padding:30px 30px 24px;margin-top:15px}
.technologiesTopicsHeading{font-size:19px;line-height:1.46}
.technologiesTopicsText,.technologiesTopicsLink{font-size:14px;line-height:1.46}
.technologiesTopicsLink a{padding-left:15px}
.technologiesTopicsLink a .ico{top:.73em}
.technologiesTopicsWrap{display:block}
.technologiesTopicsWrap__l,.technologiesTopicsWrap__r{width:auto}
.technologiesTopicsWrap__r{margin-top:20px}
.SustieBtn{text-align:center;margin-top:15px}
.technologiesTopicsImg img{max-width:463px;width:100%}
.SustieBtn a{padding:20px 10px;font-size:12px}
.SustieBtn a span{background-size:15px auto;padding-right:30px;background-position:right 3px center}
.FloorPlanSection{padding:50px 0}
.floorPLanTextBlock{width:auto;max-width:100%;margin:23px auto 0}
.floorPLanText{font-size:14px;padding-bottom:0;padding-left:0}
.floorPLanText+.floorPLanText{border-top:none;padding-top:24px;padding-bottom:0}
.floorPLanText span{width:auto;position:inherit;display:block;text-align:center;margin-bottom:15px}
.floorPLanText span em:before{width:9px;height:5px}
.floorPLanText:nth-of-type(2) span em:before,.floorPLanText:nth-of-type(3) span em:before{width:30px}
.FloorSectionHeading{font-size:28px;margin-left:0;line-height:1.7;text-align:center}
.FloorPlanBlockSection{margin-top:40px}
.FloorPlanBlockSection+.FloorPlanBlockSection{margin-top:25px}
.FloorSectionHeading span{font-size:31px;margin-right:10px}
.FloorPlanBlock{padding:28px 15px}
.FloorListPart{padding:57px 20px 12px;margin-top:50px}
.FloorPlanImg img{max-width:100%}
.FloorPlanSImg{left:0;top:-135px;width:100%;text-align:center}
.FloorPlanSImg img{max-width:240px}
.FloorList{font-size:12px;max-width:100%}
.FloorList li+li{margin-left:20px}
.FloorList li:before{width:4px;height:4px}
.FloorPlanBlockSection_03 .FloorList li+li{margin-left:20px}
.FloorPlanBlockSection_02 .FloorList li+li{margin-left:0}
.FloorPlanBlockSection_01 .FloorList li+li{margin-left:10px}
.FloorList li:nth-child(2n-1){margin-left:0}
.FloorList li:nth-child(n+3){margin-top:9px}
.FloorPlanBlockSection_01 .FloorList li:nth-child(n+3){margin-top:9px;margin-left:0}
.FloorPlanBlockSection_04 .FloorListPart{padding:40px 30px 15px;margin-top:138px}
.FloorPlanBlockSection_04 .FloorPlanBlock{border:2px solid #4a74b4}
.FloorPlanBlockSection_03 .FloorListPart{padding:40px 30px 15px;margin-top:138px}
.FloorPlanBlockSection_03 .FloorPlanBlock{border:2px solid #008262}
.FloorPlanBlockSection_02 .FloorListPart{padding:40px 30px 15px;margin-top:138px}
.FloorPlanBlockSection_02 .FloorPlanBlock{border:2px solid #826d51}
.FloorPlanBlockSection_02 .FloorListPart .FloorList{justify-content:inherit}
.FloorPlanBlockSection_02 .FloorListPart .FloorList li{margin-right:20px}
.FloorPlanBlockSection_01 .FloorListPart .FloorList li:nth-child(2){margin-left:20px}
.FloorPlanBlockSection_01 .FloorListPart{padding:40px 30px 15px;margin-top:138px}
.FloorPlanBlockSection_01 .FloorPlanBlock{border:2px solid #a86200;padding:22px 15px}
.InfoSection{padding:50px 0}
.InfoSection .SectionHeading span{font-size:27px;margin-top:7px}
.banner_list{display:block;margin-top:28px}
.banner_list li{width:auto}
.BannerImg{max-width:100%}
a.BannerLink .BnrTextLink{font-size:11px;padding:5px 20px}
.BannerPdf{padding:11px 10px 0 15px}
a.BannerLink .BnrCaption{font-size:12px;padding-left:20px;line-height:1.4}
.BannerPdf .BannerImg{max-width:72px}
.banner_list li+li,.banner_list li:nth-child(n+3){margin-top:15px}
img.ico{margin-left:5px;max-width:11px}
.adSection ul.related_lists li a img.ico{margin-left:5px;max-width:11px}
.LearnMoreSection{padding:17px 0}
.LearnMoreSection .SustieBtn a{padding:19px 10px 18px}
.newsSection{padding:55px 0 50px}
.newsContent .newsSubheading{font-size:16px;margin-bottom:5px}
.newsContent{margin-top:37px}
.newsContent .newsContents{padding:16px 0 18px}
.newsContent .newsContents .newsDate{margin-bottom:10px}
.newsContent .newsContents .newsTitle .ico{margin-right:10px}
.contact{height:211px;background-image:url(../img/contact_sp.jpg)}
.contact .contactHeading{font-size:20px;padding:54px 0 36px}
.contact .contactLink{width:95%;max-width:228px;font-size:14px;line-height:48px}
.contact .contactLink:before{width:20px;height:20px;left:12px}
.pageTop .goTopImg{right:6.25%}

.VirtualSustieSection {padding: 52px 0 65px;}
.virtualSustieSectionText{margin-top: 23px;font-size: 14px;}
.virtualSustieSectionImg{margin-top: 35px;}
.virtualSustieSectionImg img{transition: none;}
.virtualSustieSectionImg a:hover img{opacity: 1;}
}
@media screen and (min-width:768px){
.sp{display:none!important}
.newsContent .newsContents{display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex}
.newsContent .newsContents .newsDate{margin-right:40px}
.newsContent .newsContents .newsTitle{padding-left:23px}
.modal-close-btn{transition:opacity .3s}
.modal-close-btn:hover{opacity:.7}
}
@media only screen and (min-width:768px) and (max-width:940px){
.FloorSectionHeading span{font-size:40px}
.FloorSectionHeading{font-size:30px}
}