@charset "utf-8"; /* ===== index ===== */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600;700&display=swap'); 

body{-webkit-text-size-adjust: 100%;}
.osr_art *{color: #4D4D4D;}
.osr_arr{ display: inline-block; width: 1em; height: 1em; border-left: 1px solid #000; border-bottom: 1px solid #000; transform:scale(1, 0.75) rotate(45deg); }

/**gfontアルファベット**/
.osr_alph{font-family: 'Open Sans', sans-serif; }


/**横割り上書き**/
ul[class*="colspa_02"]>li { width: calc(50% - 30px); margin-right: 60px;}
ul[class*="colspa_02"][class*="_nomarg"] li{margin-right: 0!important; width: 50%;}

/**横幅設定**/
[class*="OsrWth_"]{width: 100%; padding-left: 50px!important; padding-right: 50px!important; margin: auto;}
[class*="OsrWth_600"]{max-width: 600px;}
[class*="OsrWth_700"]{max-width: 700px;}
[class*="OsrWth_800"]{max-width: 800px;}
[class*="OsrWth_900"]{max-width: 900px;}
[class*="OsrWth_1000"]{max-width: 1000px;}
[class*="OsrWth_1100"]{max-width: 1100px;}
[class*="OsrWth_1200"]{max-width: 1200px;}
[class*="OsrWth_1300"]{max-width: 1300px;}
[class*="OsrWth_1500"]{max-width: 1500px;}
[class*="OsrWth_1600"]{max-width: 1600px;}
[class*="OsrWth_1700"]{max-width: 1700px;}
[class*="OsrWth_1800"]{max-width: 1800px;}
[class*="OsrWth_1900"]{max-width: 1900px;}
[class*="OsrWth_2000"]{max-width: 2000px;}
[class*="OsrWth_"][class*="_nopad"]{padding-left: 0!important; padding-right: 0!important;}

/**<section>内基本設定**/
section[id*="sect_"]{padding: 50px 0 100px 0; position: relative; overflow: hidden; }
section[id*="sect_"] .sect_ttl{ font-size: 5.5rem; line-height: 1; padding-bottom: 0.75em;}
section[id*="sect_"] .mid_japan{font-size:4.0rem; line-height: 1.6; padding-bottom: 0.75em;}
section[id*="sect_"] .sect_midset{}
section[id*="sect_"] .sect_midset .midset_ttl{ font-weight: bold; padding-bottom: 3em;}
section[id*="sect_"] .sect_midset .midset_ttl *{ color: #000; }
section[id*="sect_"] .sect_midset .midset_ttl .sect_ttl{ padding-bottom: 0; font-weight: normal; display: block;}

section[id*="sect_"] .sect_midset .midset_ttl p{display: inline-block; padding-left: 0.5em; padding-top: 1em;}
section[id*="sect_"] .sect_midset .midset_txt{ width: 100%; font-size: 1.6rem; line-height: 2;}
section[id*="sect_"] .sect_midset .midset_ttl+.midset_txt{ }
section[id*="sect_"] .sect_midset .midset_txt .midset_name{font-size: 2.5rem; padding-bottom: 0.5em;}
section[id*="sect_"] .sect_midset .midset_txt p{}
section[id*="sect_"] .sect_midset .btn_box{ width:100%; }
section[id*="sect_"] .sect_midset [class*="midset_photo"]{ margin: 0 calc(50% - 50vw); width: 100vw; margin-top: 4em;}
section[id*="sect_"] .sect_midset [class*="midset_photo"] .bg_photo{background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height:100%; height: 40vw;}
section[id*="sect_"] .sect_midset [class*="midset_photo"] .bg_photo img{ width: 100%; height: 100%; object-fit: cover;}

/**<section>内基本設定(ReApartmenta))**/
[class*="reapa_osr-photo"]{ display:flex; flex-wrap: wrap; padding-top: 3em;}
[class*="reapa_osr-photo"]>li{ width: 48.5%; margin-bottom: 40px; background-color: #CBCBCB;}
[class*="reapa_osr-photo"]>li:nth-child(2n){ margin-right: 3%;}
[class*="reapa_osr-photo"]>li:first-child{width: 100%;}
[class*="reapa_osr-photo"]>li:last-child{width: 100%; margin-right: 0;}
[class*="reapa_osr-photo"] img{ width:100%; display: block;}

/**slickカスタマイズ**/
[class*="_SlDes"] .slick-list li.slick-slide img{ max-width: 100%;}
[class*="_SlDes"] [class*="arrow-"]{display: inline-block; width: 3em; height: 3em; position: absolute; top: 0; bottom: 0; margin: auto;/* background-image: url(../img/arr_black.svg); width: 3em; height: 3em; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;*/ cursor: pointer; z-index: 101; }
[class*="_SlDes"] [class*="arrow-"]:before{ display: inline-block; width: 75%; height: 75%; content: ""; border-left: 1px solid #000; border-bottom: 1px solid #000; transform:scale(1, 0.75) rotate(45deg) ; position: absolute; top:0; bottom: 0; left:0; right:0; margin: auto;}
[class*="_SlDes"] .arrow-prev{ left:2vw;}
[class*="_SlDes"] .arrow-next{ right:2vw; }
[class*="_SlDes"] .arrow-next:before{ transform:scale(1, 0.75) rotate(-135deg);}
[class*="_SlDes"] .uniq-dots{position: absolute; bottom:0; display: flex; width: 100%; justify-content: center;}
[class*="_SlDes"] .uniq-dots li{ height: 1em; width: 1em; margin: 0 0.5em; padding: 0!important; cursor: pointer;}
[class*="_SlDes"] .uniq-dots li button{ display: block; border: 0; background: #AFAFAF; height: 100%; width: 100%; outline: none; line-height: 0px; font-size: 0px; color: transparent; cursor: pointer; border-radius: 50%;}
[class*="_SlDes"] .uniq-dots li.slick-active button{ background: #4A4A4A;}




/**このページのトップ**/
.btm_totop{text-align: right; padding-bottom: 1em;}
.btm_totop a.totop_unch{display: inline-block;padding: 1.25em 2em 1em 2em;position: relative;border: 1px solid #707070;border-bottom-style: none;border-top-right-radius: 1em;border-top-left-radius: 1em;}
.btm_totop a.totop_unch:before{ content: ""; width: 1em; height: 1em; display: inline-block;background-image: url(../img/arr_black02.svg); background-repeat: no-repeat; top: 0; bottom: 0; margin: auto; left: 1em; background-size: contain; background-position: center center; transform:rotate(-90deg); vertical-align: middle; margin-right: 0.75em;}

/**基本設定ココまで**/



/* ##### responsive ##### */
@media screen and (max-width: 760px) {
/**横幅設定**/
[class*="OsrWth_"]{padding-left: 7.5vw!important; padding-right: 7.5vw!important;}
[class*="OsrWth_"][class*="-nopad"]{padding-left: 0!important; padding-right: 0!important;}

/**<section>内基本設定**/
section[id*="sect_"]{ padding: 50px 0 20px 0;}
section[id*="sect_"] .sect_ttl{ font-size: 2.7rem; line-height: 1; padding-bottom: 1em;}
section[id*="sect_"] .mid_japan{ font-size:1.8rem; padding-bottom: 1.5em; font-weight: bold;}
section[id*="sect_"] .sect_midset{flex-direction: column;}
section[id*="sect_"] .sect_midset .midset_ttl{ min-width: initial; padding-bottom: 1.5em;}
section[id*="sect_"] .sect_midset .midset_ttl .sect_ttl{ }
section[id*="sect_"] .sect_midset .midset_ttl p{ font-size: 1rem; padding-left: 0.25em;}
section[id*="sect_"] .sect_midset .midset_txt{ width: 100%; font-size: 1.6rem; line-height: 2;}
section[id*="sect_"] .sect_midset .midset_ttl+.midset_txt{ max-width: initial;}
section[id*="sect_"] .sect_midset .midset_txt .midset_name{font-size: 1.8rem; line-height: 1.8; padding-bottom: 1em; font-weight: bold;}
section[id*="sect_"] .sect_midset .btn_box{ width:100%; }
section[id*="sect_"] .sect_midset [class*="midset_photo"]{ margin-top: 2em;}
section[id*="sect_"] .sect_midset [class*="midset_photo"] .bg_photo{height: 66vw;}

section[id*="sect_"] .sect_midset .midset_photo_SlDes{padding-bottom: 3em;}
section[id*="sect_"] .sect_midset .midset_photo_SlDes [class*="arrow-"]{ top: auto;}
section[id*="sect_"] .sect_midset .midset_photo_SlDes .arrow-prev{left: calc(50% - 7em);}
section[id*="sect_"] .sect_midset .midset_photo_SlDes .arrow-next{left: calc(50% + 6em); }
/*[class*="_SlDes"] .arrow-next:before{ transform:scale(1, 0.75) rotate(-135deg);}*/

/**<section>内基本設定(ReApartmenta))**/
[class*="reapa_osr-photo"]{ padding-bottom: 3em; padding-top: 2em;}
[class*="reapa_osr-photo"] .slick-list li{ margin-right: 0%!important; margin-bottom: 0px; height:66vw;}

[class*="reapa_osr-photo"]>li{background-color: #C5C5C5;}
[class*="reapa_osr-photo"] img{ width: 100%; height: 100%; object-fit: contain;}
[class*="reapa_osr-photo"]>li:first-child,
[class*="reapa_osr-photo"]>li:last-child{ object-fit: cover;}

[class*="reapa_osr-photo"]  [class*="arrow-"]{ top: auto;}
[class*="reapa_osr-photo"]  .arrow-prev{left: calc(50% - 7em);}
[class*="reapa_osr-photo"]  .arrow-next{left: calc(50% + 6em); right: auto; }



/**slickカスタマイズ**/
[class*="_SlDes"] .slick-list li.slick-slide img{ }
[class*="_SlDes"] [class*="arrow-"]{ top: auto; bottom: 0; width: 1em; height: 1em; }
[class*="_SlDes"] .arrow-prev{ }
[class*="_SlDes"] .arrow-next{ right: auto; }
[class*="_SlDes"] .uniq-dots{}
[class*="_SlDes"] .uniq-dots li{ }
[class*="_SlDes"] .uniq-dots li button{}
[class*="_SlDes"] .uniq-dots li.slick-active button{ }


/**このページのトップ**/
.btm_totop{text-align: center; padding-top: 3em;}
.btm_totop a.totop_unch{font-size: 1.4rem;}
.btm_totop a.totop_unch:before{ }



}