@charset "utf-8";
/*
Theme Name:mizawa-official-2025
Description:mizawa-official-2025
Theme URI: 
Author: 2025-poool-k
Author URI: 
Version: 0.001
License: 
License URI: 
*/


/* 基本 */
body {margin: 0;padding: 0;background: #fff ;color: #333;letter-spacing:0.05em;font-family: "Shippori Mincho", serif; font-weight: 500; font-style: normal;}
* {box-sizing: border-box;}

body {
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

/* base*/

/* 全体枠 */
.all{min-width:1300px;}

/* 全体横幅1300px */
.all-width{
display: block !important;
margin: 0 auto !important;
width:1300px;min-width:1300px;
text-align:center;
}


/* Noto日本書体（Regular） */
@font-face {
font-family: 'Noto-Regular';
src: url('fonts/NotoSansCJKjp-Regular.ttf') format('truetype');
}
.Noto-Regular {font-family: 'Noto-Regular', sans-serif;}

/* Noto日本書体（Bold）*/
@font-face {
font-family: 'Noto-Bold';
src: url('fonts/NotoSansCJKjp-Bold.ttf') format('truetype');
}
.Noto-Bold {font-family: 'Noto-Bold', sans-serif;}

/* しっぽり明朝*/
.shippori-r { font-family: "Shippori Mincho", serif; font-weight: 400; font-style: normal; } 
.shippori-m { font-family: "Shippori Mincho", serif; font-weight: 500; font-style: normal; } 
.shippori-sb　{ font-family: "Shippori Mincho", serif; font-weight: 600; font-style: normal; }

/*Gill-sans（英字）*/
@font-face {
font-family: "Gillsans";
src:url("fonts/gill-sans-mt-regular.ttf") format("truetype");
}
.Gillsans {font-family: "Gillsans", sans-serif;letter-spacing: 0.2em;}

/* 明朝体フォント */
.font_mincho {
font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/* 太文字 */
.bold-font{font-weight: bold;}

/* 左寄せ */
.text-l{text-align: left;}
/* 中央寄せ */
.text-c{text-align: center;}
/* 右寄せ */
.text-r{text-align: right;}

/* テキスト色 */
.red{color: #FF3300 !important;}
.green{color: #37B5B1 !important;}
.blown{color: #5B2400 !important;}

a{text-decoration:none;color:#333333;}
a:hover{text-decoration:none;}

/* 文字間つめ */
.letter-sp{ letter-spacing: -0.1em;}
/*取り消し線を引く*/
.deleted {text-decoration: line-through;}

/*文字にアンチエイリアスを効かせる*/
.font_smoothing {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/*hr*/
hr{display:block;height:1px;border:0;border-top:1px solid #E5E5E5;margin:1.5em 0;padding:0;overflow: hidden;background: none;}
/*点線*/
.tenline{
border-top:1px dotted #aaaaaa;
height:1px;
margin: 30px 0;
}

/* image */
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
/*リンク画像透明度*/
a img:hover {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/*iframe*/
iframe {max-width: 100%;}
/*非表示*/
.none {display: none !important;}

/*スマホ・PC振り分け*/
.sp {display: none !important;}
/* クリア */
.both{clear: both;}

.sp-ss{margin-bottom:10px;}
.sp-s{padding-bottom:20px;}
.sp-m{margin-bottom:30px;}
.sp-l{margin-bottom:40px;}
.sp-ll{margin-bottom:50px;}

/*ページ上部へ*/
#page-top {
position: fixed !important;
bottom: 52px;right:60px;
width: ;height: ;
height: auto;z-index: 50;
text-align: center;
line-height: 0;
z-index: 200;
}
#page-top a {display: block;}




/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width: 1300px){
/* 全体枠 */
.all{overflow: hidden;min-width:100%;}
.all-width{display: block;margin: 0 auto;width:92%;min-width:92%;}
/* 改行用 */
.newline{display:block;}
}

@media screen and (max-width: 1200px){
/*スマホ・PC振り分け*/
.pc{display: none !important;}
.sp {display: block !important;}
}

@media screen and (max-width: 600px){
/*ページ上部へ*/
#page-top {bottom: 20px;right:20px;}
}
@media screen and (max-width: 480px){
}

/*--------------------------------------------------------------------------------*/

/*▼▼▼トップの設定▼▼▼*/
/*全体*/
.toppage #container{}
.page #container{}

/*トップh2見出し*/
.toppage h2{
font-family: "Gillsans", sans-serif;letter-spacing: 0.2em;
font-size:24px;
font-weight:normal !important; 
color:#333;
}



/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:480px){
}
/*--------------------------------------------------------------------------------*/

header {width: 100%;text-align: center;overflow: hidden;position: relative;background:#fff;z-index: 5;height: 480px;}

/*ヘッダ メニュー */
.h-navi{width:100%;text-align: left;position: relative;}

.h-navi .h-logo{
text-align:center;
padding:;
float: left;
font-size: 11px;
width: ;
}

.h-navi .h-logo .inner{margin:100px 0 0 84px;}

.h-navi .r-nav-box{float:right;}

.h-navi .h-menu{text-align: right;padding: 54px 245px 0 0;display: inline-block;vertical-align: middle;font-size: 14px; color:#333;}
.h-navi .h-menu li{display: inline-block;vertical-align: middle;margin: 0 0 0 60px;position: relative;padding: 44px 0 0 0;}
.h-navi .h-menu a {display: block; color:#333 !important;}

.s-nav-box{display: block;text-align: right;}
.s-nav-box .h-menu{text-align: right;padding: 78px 80px 0 0;display: inline-block;vertical-align: middle;font-size: 14px; color:#333;}
.s-nav-box .h-menu li{display: inline-block;vertical-align: middle;margin:  0 0 0 60px;position: relative;padding: 44px 0 0 0;}
.h-navi .h-menu a {display: block; color:#333 !important;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
.toppage header {height: 70px;}
.page header {height: auto;}

.h-navi .h-logo img{width:185px; height:auto;}
.h-navi .h-logo .inner{margin:20px 0 20px 30px;}
.h-navi .r-nav-box{display:none;}
.s-nav-box{display:none;}
}

@media screen and (max-width:480px){
.toppage header {height: 60px;}

.h-navi .h-logo img{width:140px; height:auto;}
.h-navi .h-logo .inner{margin:20px 0 20px 15px;}
}
/*--------------------------------------------------------------------------------*/


/* メインイメージ */
#main-img{width: 100%;text-align: center;overflow: hidden;position: relative;height:100vh;background:transparent;
background-size:cover;}

/* スライダー画像 */
.center-item.slider img{width: 100%;height:100vh;object-fit: cover;object-position: 50% 50%;}

#main-img .main-copy{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;font-size: 30px;width: 90%;line-height: 1.6;
filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.1));
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1200px){
#main-img{height:450px;}
.center-item.slider img{height:450px;}
}

@media screen and (max-width:480px){
#main-img{height:200px;}
.center-item.slider img{height:200px;}
}
/*--------------------------------------------------------------------------------*/


/*完成見学会・実例集のお知らせ*/
#completion-tour{background-color:#fff;position:relative;padding:100px 0 !important;line-height: 1.4;}
#completion-tour .all-width{text-align:left;padding:0 0 0 65px !important;}
#completion-tour h2{display: inline-block;vertical-align: middle;font-size: 16px;font-family: "Shippori Mincho", serif; font-weight: 500; font-style: normal;}
#completion-tour .date{display: inline-block;vertical-align: middle;font-size: 12px;background:transparent url(images/line-icon.png) no-repeat left center;background-size:15px 1px;padding:0 0 0 22px;margin:0 45px 0 120px;}
#completion-tour .titles{display: inline-block;vertical-align: middle;font-size: 12px;line-height: 1.4;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1200px){
#completion-tour .all-width{text-align:left;padding:0 0 0 0 !important;}
#completion-tour .date{margin:0 25px 0 60px;}
}
@media screen and (max-width:768px){
#completion-tour{padding:50px 0 !important;}
#completion-tour h2{display: block !important;margin-bottom:5px;}
#completion-tour .date{margin:0 15px 0 0px;}
}
@media screen and (max-width:600px){

}
/*--------------------------------------------------------------------------------*/

/*PROJECT*/
#project{position:relative;padding:68px 0 50px 0 !important;}
#project h2{margin-bottom:100px !important;}
#project .inner{text-align:right !important;padding:0 0 0 5% !important;}
#project .inner .box{display: inline-block;vertical-align: top;width:42%;margin:3%;}
#project .inner .box .title{text-align:center !important;margin:30px 0 0 0 !important;font-size:13px;line-height:1.3;}

/*ページ下部PROJECT*/
.page #project{position:relative;padding:100px 0 !important;}
.page #project h2{margin:20px 0 !important;padding:0 !important;font-size:22px;font-family: "Gillsans", sans-serif;letter-spacing: 0.2em;}
.page #project .inner{text-align:center;padding:0 !important;}
.page #project .inner .box{display: inline-block;vertical-align: top;width:24.5%;margin:0 0 10px 0 !important;}
.page #project .inner .box .title{text-align:center !important;margin:15px 15px 0 15px !important;font-size:10px;line-height:1.3;}

#project .more{display: inline-block;vertical-align: top;font-size:13px;background:transparent url(images/allow.png) no-repeat right center;background-size:42px auto;padding:0 100px 0 0;margin:60px 5% 0 0;}
#project .more a{display: block;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1200px){
}
@media screen and (max-width:768px){
#project{padding:50px 0 !important;}
#project h2{margin-bottom:40px !important;}
#project .inner{text-align:right !important;padding:0 0 0 3% !important;}
#project .inner .box{display: inline-block;vertical-align: top;width:45%;margin:2%;}
#project .inner .box .title{margin:10px 0 0 0 !important;font-size:10px;line-height:1.3;}

/*ページ下部PROJECT*/
.page #project{position:relative;padding:100px 0 !important;}
.page #project h2{margin:20px 0 !important;padding:0 !important;font-size:22px;}
.page #project .inner{text-align:center !important;padding:0 !important;}
.page #project .inner .box{display: inline-block;vertical-align: top;width:24%;}
.page #project .inner .box .title{text-align:center !important;margin:5px 10px 0 10px !important;font-size:10px;line-height:1.3;}

#project .more{margin:30px 5% 0 0;}
}

@media screen and (max-width:600px){
.page #project .inner .box{display: inline-block;vertical-align: top;width:48%;margin:0;}
}
@media screen and (max-width:480px){
#project .inner{text-align:center !important;padding:0 !important;}
}
/*--------------------------------------------------------------------------------*/

/*マップ*/
#map{position:relative;text-align:right !important;margin:0;z-index:-1;overflow: hidden;width:100%;margin:0 0 -20px 0 !important;}
#map img{margin-right:-50px !important;}

/*お知らせ*/
#news{position:relative;padding:200px 0 200px 0 !important;}
#news h2{margin-bottom:68px !important;}
#news .inner{width:550px !important;display:block;text-align:left;font-size:12px;margin:0 auto;}
#news .inner .box{margin:0 0 22px 0;line-height:1.6;}
#news .inner .box .date{display: inline-block;vertical-align: top;font-size:13px;width:100px;margin:0 20px 0 0;background:transparent url(images/line-icon.png) no-repeat left center;background-size:15px 1px;padding:0 0 0 22px;}
#news .inner .box .title{display: inline-block;vertical-align: top;width: 400px;}

#news .more{text-align: right;margin-top: 50px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:768px){
#news{position:relative;padding:80px 0 80px 0 !important;}
#news h2{margin-bottom:30px !important;}
}
@media screen and (max-width:600px){
#news .inner,#news .inner .box .title{width:100% !important;}
}
@media screen and (max-width:480px){
}
/*--------------------------------------------------------------------------------*/


/*フッタ*/
footer{padding: 0;color:;width: 100%;text-align: center;overflow: hidden;position: relative;min-width:1000px;z-index:0;}
footer .ue-menu{text-align:left;}
footer .ue-menu .box{display:inline-block;vertical-align: top;width:33.3%;font-size:12px;
border-right:1px solid #333;height:200px;padding:0 25px;}
footer .ue-menu .box .inner{display:inline-block;vertical-align: top;width:100%;font-size:12px;
border-top:1px solid #333;padding:;}
footer .ue-menu .box .inner .titles{font-size:15px;margin:28px 0 80px 0;}
footer .ue-menu .box .inner .one{font-size:25px !important;}
footer .ue-menu .box .inner .add{line-height:1.4;margin:0 0 20px 0;}
footer .u-border{border-bottom:1px solid #333;display: inline-block;margin:0 28px 0 0;padding:0 0 3px 0;}


footer .shita-menu{margin:120px 0 100px 0;}

footer .f-menu{font-size:12px;margin:60px 0 60px 0;line-height: 1.5;}
footer .f-menu a:hover{text-decoration:underline;}
footer .f-menu ul{}
footer .f-menu li{display:inline-block; margin:0 12px;padding:0 0 0 22px;background:transparent url(images/line-icon.png) no-repeat left center;background-size:15px 1px;}
footer .copy{margin:0; letter-spacing: 1px;font-size:11px;}

footer .sns{margin:20px 0;}
footer .sns a{margin:0 6px;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1300px){
footer{padding: 0;color:;width: 100%;text-align: center;overflow: hidden;position: relative;min-width:100%;z-index:0;}
footer .ue-menu .l-box{width:25%;}
footer .ue-menu .c-box,footer .ue-menu .r-box{width:37%;}
}
@media screen and (max-width:900px){
footer .ue-menu .l-box{display:block;width:100%;height:80px;border-right:none;}
footer .ue-menu .c-box,footer .ue-menu .r-box{width:50%;}
footer .ue-menu .r-box{border-right:none;}
footer .ue-menu .box .inner{border-top:none;}
}
@media screen and (max-width: 768px){
footer .shita-menu{margin:80px 0 50px 0;}
footer .f-menu{font-size:12px;margin:30px 0;line-height: 1.5;}
footer .ue-menu .c-box,footer .ue-menu .r-box{height:auto;}
footer .ue-menu .box .inner .titles{font-size:15px;margin:0 0 30px 0;}
}
@media screen and (max-width: 600px){
footer .ue-menu .c-box,footer .ue-menu .r-box{width:100%;}
footer .ue-menu .box{border-right:none;}
footer .ue-menu .l-box{height:20px;padding:0;}
footer .ue-menu .c-box,footer .ue-menu .r-box{padding:50px 0;}
footer .ue-menu .r-box{border-top:1px solid #333;}
}
@media screen and (max-width: 480px){
footer .copy{margin:0; letter-spacing: 1px;font-size:10px;}
}
@media screen and (max-width: 400px){
}
/*--------------------------------------------------------------------------------*/


/* スクロールアクション用 */
.invisible {
transition: opacity 0.5s ease;
opacity: 0.0;
}

.visible {
transition: opacity 0.5s ease;
opacity: 1.0;
}

.block {
/* 1秒遅れてアニメする */
animation-delay: 1s;
}
.fade {
-webkit-animation-duration: 5s;
animation-duration: 5s !important;
}