html,body {width: 100%; box-sizing:border-box;}
* {font-family:Noto Sans JP;}
html { color:#5f5f5f; font-weight:400;font-family:Noto Sans JP;}
html {
-webkit-text-size-adjust: 100%;
}
tbody {
-webkit-text-size-adjust: 100%;
}
/*common*/
.cl {clear:both; font-size:0px; line-height:0px;}
img {border-style:none; vertical-align: bottom;}
form {margin:0px; padding:0px;}
.imgfl {float:left; margin:0px 40px 10px 0px;}
.imgfr {float:right; margin:0px 0px 10px 40px;}
.txt-s {font-size:10px; line-height:16px;}
.txt-m {font-size:12px; line-height:18px;}
.txt-l {font-size:clamp(16px, 1.3vw, 20px);line-height:180%;}
.txt-l2 {font-size:clamp(18px, 1.4vw, 22px);line-height:210%;}
.txt-l3 {font-size:clamp(20px, 1.4vw, 24px);line-height:210%;}
.tar {text-align:right;}
.tac {text-align:center!important;}
.tal {text-align:left!important;}
.pctac {text-align:center!important;}
.pchid {display:none;}/*PCで非表示にするもの*/
.sphid {}/*スマホで非表示にするもの*/
.fs_defhid {display:none!important;}/*フォントサイズ中の場合非表示*/
.spimg {width:auto; height:auto; padding:0px 0px 10px 0px;}
a {color:#116cb0; text-decoration:none;}
a:hover {color:#1c86d5; text-decoration:underline;}
strong {font-weight:600;}
.ank {display: block;padding-top: 0px;margin-top: 0px;}
/*box*/
.tx {padding:0px 0px 20px 0px;}
.tx2 {padding:0px 0px 10px 0px;}
.tx3 {padding:0px 0px 0px 0px;}
.tx_padding {padding:0px 0px 20px 0px;}
.tx p {margin:0px; padding:0px 0px 10px 0px;}
.tx2 p {margin:0px; padding:0px 0px 10px 0px;}
.tx3 p {margin:0px; padding:0px 0px 0px 0px;}
.tx_padding p {padding:0px 0px 10px 0px;}
.yokosen {display:flex;align-items: center;}
.yokosen:after {border-top: 1px solid #4e8c36;content: "";flex-grow: 1;}
.yokosen:before {margin-right: 1.8rem;}
.yokosen:after {margin-left: 1.8rem;}
.chuosen {display: flex;align-items: center;}
.chuosen:before,.chuosen:after {content: "";height: 1px;flex-grow: 1;background-color: #237dc2;}
.chuosen:before {margin-right: 1rem;}
.chuosen:after {margin-left: 1rem;}
/* ----- MainBox ----- */
.base {padding:50px 0px 50px 0px;}
.container90 {width:90%; min-width:1100px; max-width:1600px; margin:0px auto;}
.container {width:1100px; margin:0px auto; max-width:1600px;}
.min_width {min-width:1100;}
.container_in {background-color:#ffffff; padding:40px; max-width:1600px; margin-bottom:40px;}
/* ----- Main ----- */
body {background-color:#ffffff; margin:0px; text-align:left; padding:0px; color:#111111; position:relative;}
#spbase {width:100%; min-width:1100px; margin:0px auto;}
.ami {background-image:url(../images/ami_bg.png);}
/*header*/
header {width:100%; background-color:#ffffff;}
#header {width:90%; min-width:1100px; margin:0px auto; display:flex; justify-content:space-between; flex-wrap: wrap;}
#header h1 {width:30%; margin:0px; padding:0px; max-width:500px;}
#header ul {margin:0px; padding:0px; width:70%; display:flex; justify-content:space-between; flex-wrap: wrap; justify-content: flex-end;}
#header ul li {list-style:none; display: flex; flex-direction: column;justify-content: center;}
#header ul li a {padding-left:15px; padding-right:15px; text-decoration:none; color:#000000; font-size:clamp(18px, 1.5vw, 20px); font-weight:600; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
#header ul li a:hover {padding-left:15px; padding-right:15px; text-decoration:underline; color:#0083c9; font-size:clamp(18px, 1.5vw, 20px); font-weight:600; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
/*topimage*/
#topimage_base {display:relative; background-image:url(../images/ami_bg.png);}
#topimage {position:relative;}
#topimage_newsbox {width:100%; background-image:url(../images/newsbg.png); position:absolute; top:0px;}
#topimage_newsbox_in {width:60%; padding-top:20px; padding-bottom:20px; min-width:900px; margin:0px auto; display:flex; justify-content:space-between; flex-wrap: wrap;}
#topimage_news_l {width:40%;display:flex; justify-content:space-between; flex-wrap: wrap; align-items:center; }
#topimage_news_l h2 {width:36%;display:block; margin:0px; padding:0px 0px 5px 0px; color:#ffffff; font-size:22px; font-weight:600; }
#topimage_news_more {width:64%; font-size:16px; display:flex; align-items:center;}
#topimage_news_more a {width:100%;}
#topimage_news_r {width:56%; color:#ffffff; }
.topimage_news_gyo {display:flex; justify-content:space-between; flex-wrap: wrap; padding-top:3px; padding-bottom:3px;}
.topimage_news_date {width:22%; font-family:Roboto Condensed; font-weight:600; color:#ffffff; font-size:clamp(16px, 1.4vw, 20px); line-height:150%;}
.topimage_news_tx {width:78%;}
.topimage_news_tx a { font-weight:400; text-decoration:none; color:#ffffff; font-size:clamp(15px, 1.4vw, 17px);line-height:150%;}
#topimage_tx {position:absolute; top:40%; left:10%; color:#ffffff; font-size:clamp(26px, 1.7vw, 36px); font-weight:600; line-height:160%;}
#topimage_imgbox {width:90%; padding-bottom:20px; margin:0px auto; margin-top:-50vh;position: relative; z-index:100;}
#topimage_imgbox_l {width:60%; margin-left:45%;}
/*top intro*/
#top_intro {position:relative; background-image:url(../images/sapporo.webp); background-size:cover; height: 0; padding-top:44.7916%; overflow: hidden;}
#top_intro_in {position:absolute; text-align:center; top:25%; left:0px; right:0px; margin:0px auto;}
#top_intro_in h2 {margin:0px; padding:0px 0px 20px 0px; font-size:clamp(28px, 1.4vw, 36px);line-height:150%;}
/*top concept*/
.top_concept {display:flex; justify-content:space-between; flex-wrap: wrap; padding-bottom:30px;}
.top_concept_l {width:22%;}
.top_concept_r {width:74%; font-size:clamp(18px, 1.4vw, 24px); line-height:170%; font-weight:600; display: flex; flex-direction: column;justify-content: center;}
.top_concept_en {width:100%; padding-top:100%; position:relative; margin:0px auto; color:#ffffff; font-weight:600; text-align:center; font-size:clamp(22px, 1.5vw, 28px); background-color:#116cb0;border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px;}
.top_concept_en span {position:absolute; display: inline-block; top: 40%; left:0; right:0; text-align:center; margin:0px auto;}
/*top service*/
#top_service {position:relative; background-image:url(../images/service.webp); background-size:cover; height: 0; padding-top:40.625%; overflow: hidden;}
#top_service_in {position:absolute; width:90%; top:10%; left:0px; right:0px; margin:0px auto;}
/*top_properties*/
.top_properties_item {position:relative; background-color:#ffffff;}
.top_properties_cat {position:absolute; width:50%; top:0; left:0px; background-color:#116cb0; color:#ffffff; text-align:center; font-size:15px; padding:5px 0px 5px 0px;}
.top_properties_img {}
.top_properties_det {padding:10px;display:flex; justify-content:space-between; flex-wrap: wrap;}
.top_properties_spec {width:60%; color:#000000; font-weight:400; font-size:15px; line-height:150%;}
.top_properties_price {width:40%; text-align:right;}
.top_properties_num {color:#116cb0; font-size:30px; font-family:Roboto Condensed; font-weight:600;}
.top_properties_yen {color:#000000; font-weight:600;}
/*top Contact*/
#contact_base {position:relative; background-image:url(../images/contact.webp); background-size:cover; padding-top:60px; padding-bottom:60px; }
#contact_in {width:900px; padding:40px; padding-bottom:80px; margin:0px auto; background:rgba(255,255,255,0.8);}
.contact_tel {font-size:40px; font-family:Roboto Condensed; font-weight:600;color:#116cb0;}
.contact_tel a {font-family:Roboto Condensed; font-weight:600;color:#116cb0; text-decoration:none;}
.contact_fax {font-size:40px; font-family:Roboto Condensed; font-weight:600;color:#116cb0;}
/*header*/
footer {width:100%; background-color:#ffffff; padding:30px 0px 30px 0px;}
#footer {width:90%; min-width:1100px; margin:0px auto; display:flex; justify-content:space-between; flex-wrap: wrap;}
#footer_logo {width:35%; max-width:320px; font-size:15px; font-weight:400; line-height:150%;}
#footer_logo h2 {margin:0px; padding:0px;}
#footer ul {margin:0px; padding:60px 0px 0px 0px; width:65%; display:flex; justify-content:space-between; flex-wrap: wrap; justify-content: flex-end;}
#footer ul li {list-style:none; }
#footer ul li a {padding-left:7px; padding-right:7px; text-decoration:none; color:#000000; font-size:16px font-weight:400; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
#footer ul li a:hover {padding-left:7px; padding-right:7px; text-decoration:underline; color:#0083c9; font-size:16px; font-weight:400; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
/*two_column_base*/
.two_column_base {width:1050px; margin:0px auto; padding-top:50px; padding-bottom:50px;display:flex; justify-content:space-between; flex-wrap: wrap;}
.two_column_left {width:240px;}
.two_column_right {width:780px;}
.left_title {background-color:#116cb0; margin:0px; padding:0px;display:block; margin:0px; padding:50px 0px 50px 0px;font-size:24px; line-height:36px; color:#ffffff; text-decoration:none; font-weight:600; text-align:center;}
.left_menu {margin:0px 0px 30px 0px; padding:0px;}
.left_menu li {list-style:none;}
.left_menu li a {display:block; padding:15px; font-weight:400; font-size:16px; line-height:26px; border-bottom:1px solid #dddddd;}
.news_h1 {display:block; color:#116cb0; border-bottom:1px solid #116cb0; font-size:24px; line-height:36px; margin:0px 0px 30px 0px; padding:50px 0px 50px 0px; font-weight:600; }
.news_gyo {display:flex; justify-content:space-between; flex-wrap: wrap; border-bottom:1px solid #eeeeee; padding-top:15px; padding-bottom:15px;}
.news_date {width:20%; font-size:20px; font-family:Roboto Condensed; font-weight:600; color:#444444;}
.news_tx {width:80%; font-size:18px; font-weight:400;}
.blog_single_list_date {text-align:right; font-size:20px; font-family:Roboto Condensed; font-weight:600; color:#444444;}
@media screen and (max-width:640px){
.imgfl {float:none; display:block; margin:0px auto; max-width:290px; height:auto;}
.imgfr {float:none; display:block; margin:0px auto; max-width:290px; height:auto;}
.pchid {display:block;}
.sphid {display:none!important;}
.spimg {display:block; width:100%; max-width:270px; margin:0px auto;}
.ank {display: block;padding-top: 60px;margin-top: -60px;}
.sumi {background-image:none;}
/*box*/
.tx {padding:0px 0px 10px 0px;}
.tx2 {padding:0px 0px 10px 0px;}
.tx3 {padding:0px 0px 0px 0px;}
.tx_padding {padding:0px 0px 20px 0px;}
.tx p {margin:0px; padding:0px 0px 10px 0px;}
.tx2 p {margin:0px; padding:0px 0px 10px 0px;}
.tx3 p {margin:0px; padding:0px 0px 0px 0px;}
.pctac {text-align:left!important;}
.txt-s {font-size:10px; line-height:18px;}
.txt-m {font-size:12px; line-height:20px;}
.txt-l {font-size:14px; line-height:28px;}
.txt-l2 {font-size:16px; line-height:32px;}
.txt-l3 {font-size:17px; line-height:34px;}
.txt-l4 {font-size:20px; line-height:40px;}
/* ----- MainBox ----- */
.base {padding:30px 0px 30px 0px;}
.container90 {width:100%; min-width:300; margin:0px auto;}
.container {width:100%; margin:0px auto;}
.container_in {background-color:#ffffff; padding:10px; margin-bottom:20px;}
/* ----- Main ----- */
body {padding-top:0px; min-width:auto;}/*スマホ版メニュー分下げる*/
#spbase {width:100%; min-width:320px;}
/*header*/
header {width:100%; background-color:#ffffff;}
#header {width:96%; min-width:320px; margin:0px auto; display:flex; justify-content:space-between; flex-wrap: wrap;}
#header h1 {width:50%; margin:0px; padding:0px; max-width:320px;}
#header ul {display:none;}
#header ul li {}
#header ul li a {}
#header ul li a:hover {}
/*topimage*/
#topimage_base {display:relative; background-image:url(../images/ami_bg.png);}
#topimage {position:relative;}
#topimage_newsbox {width:100%; background-image:url(../images/newsbg.png); position:static;}
#topimage_newsbox_in {width:94%; padding-top:20px; padding-bottom:20px; min-width:auto; margin:0px auto; display:block;}
#topimage_news_l {width:100%;display:flex; justify-content:space-between; flex-wrap: wrap; align-items:center; }
#topimage_news_l h2 {width:36%;display:block; margin:0px; padding:0px 0px 5px 0px; color:#ffffff; font-size:18px; font-weight:600; }
#topimage_news_more {width:64%; font-size:16px; display:flex; align-items:center;}
#topimage_news_more a {width:100%;}
#topimage_news_r {width:100%; color:#ffffff; }
.topimage_news_gyo {display:block; padding-top:7px; padding-bottom:7px;}
.topimage_news_date {width:100%; font-family:Roboto Condensed; font-weight:600; color:#ffffff; font-size:clamp(16px, 1.4vw, 18px); line-height:150%;}
.topimage_news_tx {width:100%;}
.topimage_news_tx a { font-weight:400; text-decoration:none; color:#ffffff; font-size:clamp(15px, 1.4vw, 17px);line-height:150%;}
#topimage_tx {position:absolute; top:15%; left:7%; color:#ffffff; font-size:clamp(16px, 1.4vw, 22px); font-weight:600; line-height:160%;}
#topimage_imgbox {width:96%; padding-bottom:20px; margin:0px auto; margin-top:0px;position: relative; z-index:100; display:block;}
#topimage_imgbox_l {width:100%; margin-left:0;}
#topimage_imgbox_r {width:100%;}
/*top intro*/
#top_intro {position:relative; background-image:url(../images/sapporo.webp); background-size:cover; height: auto; padding-top:0; overflow:visible;}
#top_intro_in {width:96%;position:static; text-align:center;margin:0px auto; padding:40px 0px 60px 0px;}
#top_intro_in h2 {margin:0px; padding:0px 0px 20px 0px; font-size:clamp(18px, 1.5vw, 26px);line-height:150%;}
/*top concept*/
.top_concept {display:block;}
.top_concept_l {width:50%; margin:0px auto; margin-bottom:10px;}
.top_concept_r {width:96%; margin:0px auto; font-size:16px; line-height:170%; font-weight:400; display: flex; flex-direction: column;justify-content: center;}
.top_concept_en {width:100%; padding-top:100%; position:relative; margin:0px auto; color:#ffffff; font-weight:600; text-align:center; font-size:clamp(22px, 1.5vw, 28px); background-color:#116cb0;border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px;}
.top_concept_en span {position:absolute; display: inline-block; top: 40%; left:0; right:0; text-align:center; margin:0px auto;}
/*top service*/
#top_service {position:relative; padding-top:0; background-position:top right; background-image:none; background-color:#ffffff; background-size:cover; height: auto; overflow:visible;}
#top_service_in {position:static; width:94%; margin:0px auto;}
/*top Contact*/
#contact_base {position:relative; background-image:url(../images/contact.webp); background-size:cover; height: auto; padding-top:10px; padding-bottom:10px; overflow:visible;}
#contact_in {width:96%; padding:40px; height:80%; position:static; margin:0px auto; background:rgba(255,255,255,0.8);}
.contact_tel {font-size:25px; font-family:Roboto Condensed; font-weight:600;color:#116cb0;}
.contact_tel a {font-family:Roboto Condensed; font-weight:600;color:#116cb0; text-decoration:none;}
.contact_fax {font-size:25px; font-family:Roboto Condensed; font-weight:600;color:#116cb0;}
/*header*/
footer {width:100%; background-color:#ffffff; padding:30px 0px 30px 0px;}
#footer {width:90%; min-width:auto; margin:0px auto; display:block;}
#footer_logo {width:100%; max-width:100%; font-size:15px; font-weight:400; line-height:150%;}
#footer_logo h2 {margin:0px; padding:0px;max-width:320px;}
#footer ul {margin:0px; padding:60px 0px 0px 0px; width:100%; display:block;}
#footer ul li {list-style:none; }
#footer ul li a {display:block; padding:10px; margin-bottom:2px; background-color:#eeeeee; text-align:center; text-decoration:none; color:#000000; font-size:17px; font-weight:400; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
#footer ul li a:hover {display:block; padding:10px; margin-bottom:2px; background-color:#eeeeee; text-align:center; text-decoration:underline; color:#0083c9; font-size:17px; font-weight:400; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.news_h1 {display:block; color:#116cb0; border-bottom:1px solid #116cb0; font-size:24px; line-height:36px; margin:0px 0px 30px 0px; padding:20px 0px 20px 0px; font-weight:600; }
.news_gyo {display:block; border-bottom:1px solid #eeeeee; padding-top:15px; padding-bottom:15px;}
.news_date {width:100%; font-size:20px; font-family:Roboto Condensed; font-weight:600; color:#444444;}
.news_tx {width:100%; font-size:18px; font-weight:400;}
.blog_single_list_date {text-align:right; font-size:20px; font-family:Roboto Condensed; font-weight:600; color:#444444;}
/*two_column_base*/
.two_column_base {width:100%; margin:0px auto; padding-top:20px; padding-bottom:20px; display:block;}
.two_column_left {width:100%;}
.two_column_right {width:96%; margin:0px auto;}
.left_title {background-color:#116cb0; margin:0px; padding:0px;}
.left_title a {display:block; margin:0px; padding:50px 0px 50px 0px;font-size:24px; line-height:36px; color:#ffffff; text-decoration:none; font-weight:600; text-align:center;}
.left_menu {margin:0px 0px 30px 0px; padding:0px;}
.left_menu li {list-style:none;}
.left_menu li a {display:block; padding:15px; font-weight:400; font-size:16px; line-height:26px; border-bottom:1px solid #dddddd;}
}