
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td,
h1, h2, h3 {
	margin: 0;
	padding: 0;

}

html{scroll-behavior: smooth;}

body{text-align:center;font-family: "?? ?????", Osaka, "?????? Pro W3",Arial, Helvetiinhead;background-color:#eff;padding: 0px;
  margin: auto;text-size-adjust: 100%;-webkit-text-size-adjust: 100%;visibility: hidden;width: 100%;max-width: 1650px;}

a:visited{color:#00f;background-color: transparent;}
a:active{color:#00f;background-color: transparent;}



/* slider css */
.slider {
    width: 780px;
    height: 215px;
    background-color: #fff;
    box-sizing: border-box;
	margin:0;
    padding: 0;
    list-style: none;
}


.slider a:hover{
  opacity: 0.9;
}

.slider-item {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

.slick-prev, 
.slick-next {
   display: none;
}



/*ドットナビゲーションの設定*/

.slick-dots {
  display: none;
  /* position: relative;
  z-index: 3;
  text-align:center;
  margin-top: -15px!important; */
}

.slick-dots li {display: none;} 
  /* display:inline-block;
  margin:0 10px; */


button{
  display: none;
 /*  width: inherit;
  height: inherit;
  padding: initial;
  border: initial;
  border-radius: initial; */
}

.slick-dots li button {
  display: none;
}


/* .slick-dots li button {
    color: transparent;
    outline: none;
    border: 1px solid #ccc;
    width:10px;/*ドットボタンのサイズ
    height:10px;/*ドットボタンのサイズ
    display:block;
    border-radius:50%;
    background:#fff;/*ドットボタンの色
    cursor: pointer;
} */

/* .slick-dots .slick-active button{
    background:#ccc;}/*ドットボタンの現在地表示の色*/ 




/* スライダー２ */

.slider_2 {
  position:relative;
  z-index: 1;
  width: 780px;
  height: 390px;
  background-color: #fff;
}

.slider_2-item {
  width: 380px;
  height: 380px;
  margin: 5px;
}

.slider_2 li:hover{
  opacity: 0.8;
}



.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* 検索クエリリストエリア お買上情報ボタン */

.search_quely_area{
  width: 760px;margin-bottom: 60px;
}

.search_quely_list_new{
width: 760px;border: 2px solid #36d;border-radius: 3px 3px;text-align: left;position: relative;
}

.search_quely_list_new ul{
width: 100%;font-size: 20px;text-align: left;line-height: 120%;padding: 15px 0px;color: #00f;
}

.search_quely_list_new li{
margin: 0px 30px 0px 10px;display: inline-block;line-height: 40px;
}

.search_quely_list_btn{
width: 760px;box-sizing: border-box;padding: 15px 0px;font-size: 27px;line-height: 110%;color: #fff;background-color: #00c;
border-radius: 5px 5px;box-shadow: 2px 2px 4px #888;position: relative;border: 2px solid #eee;
}

.search_quely_list_btn a{
position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}

.search_quely_list_btn:hover{
opacity: 0.8;
}

.oj_btn{
width: 740px;box-sizing: border-box;padding: 20px 0px;font-size: 32px;line-height: 110%;color: #00c;background-color: #fff;
border-radius: 10px 10px;box-shadow: 2px 2px 4px #888;position: relative;border: 4px solid #00c;margin-bottom: 30px;
}

.oj_btn a{
position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}

.oj_btn:hover{
opacity: 0.8;
}


/* Gemini 追加　2025.05.12 */
.google_gemini_link01{width: 100%;height: 50px;background-color: #fff;font-size: 28px;line-height: 50px;color: #006;text-align: center;position: relative;}
.google_gemini_link01 a{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.google_gemini_link01:hover{background-color: #ff0;}
.search_gemini_area{width: 764px;margin: 0 auto 60px;}

/* AI説明 */
.ai_gemini_info{width: 760px;border: 1px solid #000;box-sizing: border-box;padding: 15px 18px;text-align: left;font-family: serif;font-size: 20px;line-height: 120%;margin: 0 auto 60px;}
.ai_gemini_info span{font-weight: bold;}
.ai_gemini_info img{vertical-align: top;}

/* 施主支給ボタン周り */
.ss_2025-area{width: 760px;margin: 0 auto 70px;text-align: center;}
.ss_2025{width: 760px;font-size: 26px;padding-bottom: 5px;margin-bottom: 10px;border-bottom: 2px solid #00f;color: #00f;font-weight: bold;}
.ss_2023_btn{
  position: relative;
  width: 400px;
  padding: 17px 0px;
  border: 2px solid #ddd;
  border-radius: 10px 10px;
  font-size: 27px;
  font-weight: bold;
  color: #fff;
  background-color: #ff007a;
  box-shadow: 2px 2px 4px #999;
  box-sizing: border-box;
  margin: 5px auto 0;
}

.ss_2023_btn a{
  position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;
}

.ss_2023_btn:hover{
  background-color: #ff0;
  color: #ff007a;
}


/* --ショールーム-- */

.showroom_area{width: 760px;margin: 0 auto 60px;justify-items: center;}

#h2_showroom{
  position: relative;width: 760px;height: 60px;font-size : 32px;line-height: 60px;color : white;background-color : #008000;margin-bottom: 30px;
}

.showroom_flame{
  width: 650px;
  position: relative;
  border: 3px solid #008000;
  border-radius: 4px;
  box-shadow: 2px 2px 4px #666;
  margin: 0 auto;
}

.showroom_title{
  width:650px;
  font-size: 30px;
  padding: 10px 0px;
  color: #fff;
  background-color: #008000;
}

.showroom_text{
  width:650px;
  font-size: 25px;
  line-height:120%;
  padding:10px 0px;
  transition: 0.3s;
  border-bottom: 1px solid #aaa;
}

.showroom_img{
  width: 650px;
  height: 300px;
  transition: 0.3s;
}

.showroom_flame a{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.showroom_flame:hover .showroom_img{
  opacity: 0.7;
  transition: 0.3s;
}

.showroom_flame:hover .showroom_text{
  color: #ff007a;
  transition: 0.3s;
}


/* カタログボタン */

.catalog_area{width: 760px;margin: 0 auto 60px;justify-items: center;}

#h2_catalog{
  position: relative;width: 760px;height: 60px;font-size : 32px;line-height: 60px;color : white;background-color : #00f;margin-bottom: 30px;
}

.cata_2023{
  position: relative;display: flex;
  width: 650px;height: 240px;
  border: 3px solid #00f;border-top-right-radius: 5px 5px;border-bottom-right-radius: 5px 5px;
  box-sizing: content-box; box-shadow: 3px 3px 3px #888;
  margin: 0 auto;
}

.cata_2023_img{
  width: 170px;height: 240px;
  border-right: 1px solid #aaa;
  box-sizing: content-box;
}

.cata_2023_ta{
  width: 409px;height: 240px;
}

.cata_2023_ta_1{
  width: 479px;height: 150px;display: flex;justify-content: center;align-items: center;
  border-top-right-radius: 2px 2px;
  font-size: 38px;font-weight: bolder;color: #006;line-height: 130%;
}

.cata_2023_ta_2{
  width: 479px;height: 90px;display: flex;justify-content: center;align-items: center;
  border-bottom-right-radius: 2px 2px;
  background-color: #00f;
  border-top: 2px solid#aaa;
  font-size: 26px;color: #fff;line-height: 120%;
  box-sizing: border-box;
}

.cata_2023 a{
  position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;
}

.cata_2023:hover .cata_2023_ta_1{
  background-color: #cceeff;
}


/* 見積依頼＆お問合せボタン */
.mitsumori_2026-area{width: 778px;margin-bottom: 80px;}

.mitsumori_2026{
  width: 760px;box-sizing: border-box;padding: 15px 0px;font-size: 34px;line-height: 110%;color: #fff;background-color: #ff007a;
  border-radius: 5px 5px;box-shadow: 2px 2px 4px #888;margin: 20px auto 15px;position: relative;border: 2px solid #eee;
}

.mitsumori_2026 span{
  font-size: 23px;display: block;
}

.mitsumori_2026 a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mitsumori_2026:hover{
  opacity: 0.8;
}

.mitsumori_toiawase_ritsu{
  width: 760px;
  text-align: center;
  font-size: 32px;
  color: #036;
  font-weight: bold;
  margin-left: 20px;
  margin-bottom: 10px;
}

.mitsumori_toiawase_ritsu span{
  color: #f00;
}

.mitsumori_toiawase_ritsu_memo{
  width: 760px;
  text-align: left;
  font-size: 23px;
  color: #036;
  line-height: 130%;
  padding-left: 150px;
  margin: 0 auto ;
  box-sizing: border-box;
}

.mitsumori_toiawase_ritsu_memo span{
  display: block;
}

/* 安さの訳　ボタン */
.oy_btn-area{width: 740px;margin: 0 auto 100px;}

.yasusanowake_btn{
  display: block;
  width: 740px;
  height: 100px;
  margin-bottom: 200px;
  background-image: url(https://www.ohtomi.com/2024common/common_img/yasusanowake_btn.webp);
}

.yasusanowake_btn:hover{
  opacity: 0.8;
}




/* 関東限定 */
.kanto_gentei{
  width:740px;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  background:linear-gradient(to bottom, #ff3e7d,#ff3e7d 50%, #ff007a 50%,#ff007a 100%);
  padding:15px 0;
  margin-bottom: 10px;
}

/* 関東限定 ブルー */
.kanto_gentei_b{
  width:760px;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  background:linear-gradient(to bottom, #3d3dff,#3d3dff 50%, #00f 50%,#00f 100%);
  padding:15px 0;
}

/* TOP関東限定 */

.kanto_gentei_top{
width:780px;
font-size: 28px;
font-weight: bold;
color: #fff;
border-bottom: 2px solid #006;
background:linear-gradient(to bottom, #ff3e7d,#ff3e7d 50%, #ff007a 50%,#ff007a 100%);
padding:15px 0;
margin-bottom: 20px;
}

.kanto_gentei_top_b{
width:780px;
font-size: 28px;
font-weight: bold;
color: #fff;
border-bottom: 2px solid #006;
background:linear-gradient(to bottom, #3d3dff,#3d3dff 50%, #00f 50%,#00f 100%);
padding:15px 0;
margin-bottom: 20px;
}


/* 種類と用途（Gemini） */
.hi_h4{width: 750px;font-size: 30px;font-weight: bold;margin-bottom: 20px;border-bottom: 2px solid #999;padding-bottom: 2px;padding-left: 10px;text-align: left;}
.g-dannetsuzai{width: 760px;margin: 0 auto 60px;border-bottom: 2px solid #999;padding-bottom: 20px;}
.g-dannetsuzai p{width: 740px;font-size: 20px;line-height: 120%;text-align: left;margin: 10px auto;}
.g-dannetsuzai_list01{width: 100%;box-sizing: border-box;list-style-type: decimal;padding-left: 30px;text-align: left;margin-bottom: 30px;}
.g-dannetsuzai_list01 li{width: 740px;font-size: 22px;font-weight: bold;margin-bottom: 10px;color: #006;}
.g-dannetsuzai_list01 p{width: 720px;font-size: 20px;margin-left: -10px;}
.g-dannetsuzai_list02{width: 720px;box-sizing: border-box;list-style-type: disc;padding-left: 10px;margin-bottom: 25px;}
.g-dannetsuzai_list02 li{width: 100%;font-size: 22px;font-weight: bold;margin-bottom: 10px;color: #0000ff;}
.g-dannetsuzai_list02 p{width: 700px;font-size: 20px;margin-left: -10px;}
.g-dannetsuzai_list02 p span{font-weight: bold;}
.g-dannetsuzai_last{font-size: 18px;color: #006;margin-top: 60px;}



/* 音声読み上げボタン2022 */
.audio_button_2022_01{
	font-size:16px;
  color: #555;
	line-height:1.4em;
	display:inline-block;
	margin:20px 10px 10px 10px;
    padding: 10px 10px 10px 80px;
    text-decoration: none;
	border:1px solid #3aabd2;
  border-top: rgba(58, 171, 210, 0.3);
  border-left: rgba(58, 171, 210, 0.3);
    background-image: url(../common_img/sound.png),-webkit-linear-gradient(#fafafa 0%, #3aabd2 50%,#fafafa 100%);
    background-image: url(../common_img/sound.png), linear-gradient(rgba(58, 171, 210, 0.1) 0%,rgba(58, 171, 210, 0.4) 100%);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    border-radius:0.3em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}

.audio_button_2022_02{
	font-size:16px;
  color: #555;
	line-height:1.4em;
	display:inline-block;
	margin:20px 10px 10px 10px;
    padding: 10px 10px 10px 80px;
    text-decoration: none;
	border:1px solid #3aabd2;
  border-top: rgba(58, 171, 210, 0.3);
  border-left: rgba(58, 171, 210, 0.3);
    background-image: url(../common_img/sound.png),-webkit-linear-gradient(#fafafa 0%, #3aabd2 50%,#fafafa 100%);
    background-image: url(../common_img/sound.png), linear-gradient(rgba(58, 171, 210, 0.1) 0%,rgba(58, 171, 210, 0.4) 100%);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    border-radius:0.3em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
}