@charset "UTF-8";

/* ############################################
★★★ ミニパソコン ★★★
★★★ タブレット ★★★
by. プラザ
############################################ */
@media (max-width:1594px) {

/* =============================================
★★★ ヘッダー p.1~7 ★★★
header.html
※header2.htmlは同じ設定しています。
ハンバーガ接待
by. プラザ
============================================= */
.header{
/* 	テストする時に使用 */
/* 	background: red; */
}
/* ハンバーガの配置 */
.h-menu{
  position: absolute;
  right: 50px;
 
}
/*ハンバーガーメニュー*/
.h-menu_icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}
/*3本線*/
.hamburger-icon, .hamburger-icon::before, .hamburger-icon::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 100;
    top:30px;
    bottom:0;
    width: 32px;
    height: 3px;
    background: black;
    cursor: pointer;
}
.hamburger-icon:before {
    top: 10px;
}
.hamburger-icon:after {
    top: 20px;
}
/*メニュー以外を暗くする*/
#h-menu_black {
    display: none;
    position: fixed;
    z-index: 98;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .7s ease-in-out;
}
/*中身*/
#h-menu_content {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    max-width: 320px;
    height: 100vh;
    padding: 53px 16px 16px;
    background: #1f2c37;
    overflow: auto;
    transition: .3s ease-in-out;
    -webkit-transform: translateX(-100%);
    transform: translateX(185%);
}
/*チェックボックスにチェックが入ったら表示*/
input:checked ~ .h-menu_icon .hamburger-icon{
    background: transparent;
}
input:checked ~ .h-menu_icon .hamburger-icon::before{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top:10px;
    z-index:999;
}
input:checked ~ .h-menu_icon .hamburger-icon::after{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top:10px;
    z-index:999;
}
input:checked ~ #h-menu_black {
    display: block;
    opacity: .8;
}
#h-menu_checkbox:checked ~ #h-menu_content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
.h-menu_icon .hamburger-icon,
.h-menu_icon .hamburger-icon::before,
.h-menu_icon .hamburger-icon::after,
#h-menu_black,
#h-menu_content{
    -webkit-transition: all .3s;
    transition: all .3s;
}

#h-menu_content ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#h-menu_content li{
	display: block;
}
#h-menu_content ul li{
    border-bottom: solid 1px white;
}
#h-menu_content li a {
    display: block;
    color: white;
    font-size: 19px;
    padding: 24px;
/*     文字の幅を修正 */
    line-height: 20px;
    text-decoration: none;
    transition-duration: 0.2s;
    font-weight: normal;	/* 追加記述 */
}
#h-menu_content li a:hover {
    background: #455b6d;
    color: white;
}


/* =============================================
★★★ フッター ★★★
foooter.html
by. 澤田
============================================= */
/* 画像とリストを縦に並べる */
.footer_info {
	flex-flow: column;
	justify-content: center;
}
.listfooter {
	display: flex;	/* 配置指定 */
	margin: auto;
	font-size: 15px;
}
.footer_logo img{
	width:30%;
	height:auto;
}

/* リストの配置設定*/
.list1 li{
	display: list-item;  /* 縦に並べる */
	margin:-10px -15px 10;
}
.list2 li{
	display: list-item;  /* 縦に並べる */
	margin:-10px -15px 10;
}

.zactoa_border {
	font-size: 15px;
	width:90%;
	height: 100%;
	margin: 0 40px 0;
}
.footerimg {
	margin-right: 30px; 
}
.footerimg img {
	height: 50px;
	width: 50px;
}
.footer_end {
	text-align: center;
/*	margin: 50px 40px 0; */
}


/* =============================================
★★★ トップ画面 p.1★★★
index.html
by. プラザ
============================================= */

/* メインビジュアル */
.main-visual{
	height: 500px;
}

.main-visual-text{
	top: 200px;
	left: 90px;
	width: 500px;
}
.main-visual-text h1{
	font-size: 30px;
}
.main-visual-text p{
	line-height: 35px;
	font-size: 18px;
	padding-left: 10px;
}
.news-left{
	margin-left: 90px;
}
.news-right{
	margin-right: 90px;
}
/* メッセージ */
.box_text{
	padding-bottom:30px;
}
.box_text_rightside_image{
	display: none;
}
.message{
	font-size: 18px;
	letter-spacing: 1px;
	top: 10px;
	width: 75%;
	padding: 0px 10px;	/* 縦線と文字の間 */
}
.message p{
	padding-top: 10px;
	font-size: 18px;
}
/* SNS */
.detail_sns p{
	margin-left:20px;
}

.detail_sns img{
	height:35px;
	margin-left:15px;
}
/* 
ザクトアのお家 
これからお家を建てたい方へ
ザクトアでお家を建てた方へ
*/
/* 箱幅 */
.box{
	height: 450px;
	background-size: 100% 450px;	/* 背景画像サイズ */
}
.box2{
	height: 500px;
	background-size: 100% 500px;	/* 背景画像サイズ */
}
.box3{
	height: 570px;
	background-size: 100% 570px;	/* 背景画像サイズ */
}
.submain1,
.submain2{
	width: 75%;
}
.submain1{
	top: 100px;
}
.submain2{
	top: 130px;
}
/* 画像側 */
.side_image1,
.side_image2{
	width: 48%;
}
.side_image2{
/* 	右にある要素との距離 */
	margin-right: 10px;
}
/* 写真を正方形 */
.side_image3 img{
	height: 295px;
	width: 295px;
}

/* テキスト側 */
.side_text1,
.side_text3{
/* 	右にある要素との距離 */
	margin-right: 10px;
}
.side_text2,
.side_text3{
	width: 270px;
}
.side_text1 img,
.side_text2 img,
.side_text3 img{
	width: 45px
}
.side_text1 h4,
.side_text2 h4,
.side_text3 h4{
	font-size: 23px;
}
/* プロセス */
.side_text2 span{
	display: block;
	margin-left: 50px;
}
.side_text1 p,
.side_text2 p,
.side_text3 p{
	letter-spacing: 1px;
	line-height: 23px;
}
/* 元の要素に戻す */
.side_text3 span{
	display: inline;
	margin: 0 -5px;
}/* URL */
.side_text_url1{
	padding:10px 80px;
}
.side_text_url2{
	padding:10px 75px;
}
.side_text_url3{
	padding:10px 60px;
}
/* 事例紹介 */
.works_info{
	width: 70%;
}
/* テキスト側 */
.side_special_interview{
/* 	右にある写真との距離 */
	margin-right: 35px;
	width: 290px;
}
/* 画像側 */
.side_images1{
	margin-left: 240px;
}
.side_images img{
	 height: 450px;
}
/* 無料相談 */
.free_council_info{
	width: 100%;
}
/* テキスト側 */
.side_free_council_text{
	margin-right: 10px;
	width: 260px;
	height: 370px;
}
.side_free_council_text h3{
	font-size: 28px;
}

.side_free_council_list{
	margin-bottom: 0px;
}
.side_free_council_list img{
	height: 45px;
}
.side_free_council_text .side_free_council_text2{
	margin-top: 15px;
	font-size: 14px;
/* 	文字の間を広く */
	letter-spacing: 1px;	
}
.side_free_council_text a{
	padding: 15px 65px;
}
.free_council_image img{
	 height: 370px;
	 width: 100%;
	/* 	画像縮尺を調整 */
	object-fit: cover;
	object-position: left;
}

/* =============================================
★★★ ザクトアのお家 p.2 ★★★
house.html
by. 澤田
============================================= */

/* 一番初めの画像 */
.house_photo {
	height:500px;
}

/* トップ画像の上の文字 */
.house_sbtitle {
	margin: 0px 30px 1px;
}

/* 暮らしに寄り添う */
.house_title h4 {
	font-size: 30px;
}
/* House of Zactoa */
.house_title h1 {
	font-size: 50px;
}
/* ザクトアのお家 */
.house_title h2 {
	font-size: 40px;
}

/* ここから */
/* （新築、リノベーション、施設）のロゴとリンク配置 */
.house_table li {
	margin: 30px 20px 30px ; /* 行間をあける */
}

/* リンクの外枠の線の設定 */
/* リノベーション　リフォーム */
a.house_btn {
	padding: 10px 60px;
}
/* リンクの外枠の線の設定 */
/* 新築　施設 */
a.house_btn1 {
	padding: 25px 100px;
}
/* =============================================
house_renovation.html
by. 澤田
============================================= */
/* ここから */
/* スペシャルインタビュー */
.house_special_interview{
	width: 90%;
	margin: auto;
}
.house_interview h1 {
	font-size: 35px;
	width:90%;
}

/* 赤線の設定 */
.house_border1 {
	width: 90%;
}

.house_special_interview{
	width: 90%;
}
.house_photoset{
	margin-right: 20px;
}
.house_ex p {
	padding-right:50px;
}
/* 線 */
.house_border2 {
	width: 90%;
}

/* =============================================
house_new.html　＆　house_facility.html
by. 澤田
============================================= */
/* ここから */
/* 新築 */
.house_new{
	width:90%;
	margin: auto;
}
/* トップ画像 */
.house_photoset img {
	height: 300px; /* 画像大きさ設定 */
	width: 400px;
	object-fit:cover;
}

/* 新築文字の囲み線の設定 */
.new_house p {
	padding-right: 20px;
	padding-left: 20px;
	font-size: 20px;
}
/* 一番上の新築メッセージ */
.house_ex1 p {
	font-size: 23px;
}
/* 二番目以降の新築メッセージ */
.house_ex2 p {
	font-size: 25px;
}
/* 画像が並べられているところ */
.house_photo_about1 {
	width:90%;
	margin:auto;
	margin-bottom: 100px;
}
/* 写真が6枚並んでいるところ */
.house_photo_about1 img {
	width: 250px; /* 画像の設定 */
	height: 250px;
	margin: 0 30px;
	object-fit:cover;
}
/* 写真が4枚並んでいるところ */
.photo_about_sb img{
	margin: 0 70px;
}
/*pointロゴの設定 */
.house_point_log img {
	max-width: 1280px;
	width: auto;
	height: auto;
}
.house_point_bk {
	width:90%;
	margin:auto;
	margin-top: -100px;
}

/* 下線の設定 */
.house_border {
	margin:auto;/* 中央に配置 */
	margin-bottom: 50px; /*位置調整*/
	width: 90%;
}

/* =============================================
★★★ 島原邸宅インタビュー p.3 ★★★
interview.html
by. プラザ
============================================= */

.interview_main_visual{
	background:none;
	height:auto;
}
.interview_main_visual_inner{
	height:auto;
	text-align: center;
}
.interview_side_text{
	width: auto;
	padding-top: 150px;
	margin: 0 50px 0 10px;
}
/*ZACTOA case #1」 */
.interview_side_text1{
	font-size: 30px;
}
/* 「先代から～」 */
.interview_side_text2{
	font-size: 30px;
	line-height: 50px;	/* 行の間 */
}
/* お庭を見ながら～ */
.interview_side_text3{
	line-height: 150px;	/* 行の間 */
}

/* 右側の画像 */
.interview_side_image img{
	height: 500px;
}

/* 質問１ */
.interview_box1{
	height:auto;
	background:none;
	text-align: center;
}
.interview_box_text1{
	width: auto;
	text-align: left;
	margin-left: 10px;
}

.interview_box1 img{
	height: 300px;
	width: 250px;
}

/* 質問２ */
.interview_box2{
	background:none;
	height:auto;
}
.interview_box2 img{
	height: 200px;
	width: 250px;
	margin-top:0px;
}
.interview_box2_1{
	width:60%;
	text-align: center;
}
.interview_box_image2 img{
	margin:200px 0 10px 0;
}
.interview_box_image2_2{
	display:block;
	margin:0px 20px 0 10px; 
}
.interview_box_image2_3 {
	vertical-align:top;
	margin:50px 10px 0 0; 
}

/* 質問３ */
.interview_box3{
	background:none;
	height:auto;
}
.interview_box_text3 {
	text-align: left;
	margin-left:10px;
	margin-top:200px;
}

.interview_box3_1{
	width:30%;
}
.interview_box3 img{
	height: 200px;
	width: 250px;
}
.interview_box_image3 img{
	height: 200px;
	width: 300px;
}

/* PICK UP */
.interview_box4 h1{
	font-size: 36px;
	letter-spacing: 3px;
	padding-top: 150px;
	margin-left: 30px;
	width: 33%;
}
/* 画像一覧 */
.interview_box5{
	padding-bottom:110px;
}
.interview_point_card {
  width: 48%;
  margin: 0 auto;
}
.interview_point_inner {
  margin: 0 30px;
}

/* =============================================
★★★ Zactoaについて p.4 ★★★
detail.html
by. 澤田
============================================= */

/* メインビジュアル */
.detail_main_visual{
	height: 500px;	
}


.detail_main_visual_text{
	top: 50px;
	left: 40px;
	width: 570px;
	/* padding-left: 10px; */
}

/* 「About」 */
.big_subword{
	font-size: 30px;
}
/* 「Zactoa」 */
.big_word{
	font-size: 40px;
}
/* 「ザクトアについて」 */
.detail_main_visual_text p{
	font-size: 18px;
}

.big_letter{
	font-size: 40px;
}
/* 小ローマ字 */
.p2{
	font-size: 18px;
}

/* 
会社概要
業務種目
各種免許 
*/
.company_profile {
	font-size: 30px;
}
/* 業務種目 */
/* 各種免許 */
.detail_subject{
	margin-left: 140px ;
	font-size:30px;
}
/* テーブル */
.list_table {
	width: 80%;
	font-size: 18px;
}


/* =============================================
★★★ 住まいづくりのプロセス p.5 ★★★
build.html
by. プラザ
============================================= */
/* 背景の画像 */
.build_main_visual{
	height: 500px;
/* 	background:no-repeat  center url("../img/build/build_background.jpeg"); */
/* 	background-size: 150% 500px; */
}
/* テキストの下の半透明の背景色の配置設定 */
.build_main_visual_background{
	width: 600px;
	height:380px;
}

/* 「これからお家を建てたい方へ」 */
.build_main_visual_text{
	padding-left:100px;
}
/* 「これからお家を建てたい方へ」 */
.build_main_visual_text h1{
	font-size: 30px;
	padding-bottom:10px;
}
/* 「土地探しから、～」 */
.build_main_visual_text p{
	font-size: 18px;
	padding-bottom:10px;
}
.build_main_visual_text a{
	font-size:20px;
	padding: 15px;	/* ボーダーの大きさ */
}

/* 「ザクトアならではの住まい造りのプロセス」 下線を引く①*/
.build_title{
	font-size: 30px;
}

.build_box_text h2{
	font-size:20px;
}

.build_box_text p{
	font-size:18px;
}
.build_box_text img{
	height: 80px;
}
/* マーカー付の文 */
.build_text_marker li{
 	font-size:18px;
 	padding: 10px 40px;
}
.triangle{
	border-left: 40px solid transparent;	/* 左の三角を透明にする */
	border-right: 40px solid transparent;	/* 右の三角を透明にする */
	border-top: 30px solid #dcdcdc;
}


/* =============================================
★★★ アフターケア p.7 ★★★
built.html
by. 澤田
============================================= */

/* 背景設定 */
.built-visual {
	height: 500px;
}

/* 背景の上のメッセージ */
.built-visual-txt {
	left: 100px;
}
/* 「お家でザクトアを～」 */
.built-visual-txt h1{
	font-size: 30px;
}
/* 「お家ができあがったら～」 */
.built-visual-txt p{
	font-size: 18px;
}

/* （保証・メンテナンスについて） */
.built-about h2{
	font-size: 30px;
}

/*「ご入居後の～」 */
.built-massage p{
	font-size: 18px;
}
/*「※当社では～」 */
.built-massage .built_p {
	font-size: 13px;
}

/* ボタン枠の範囲内押すと遷移する設定 ②*/
.built-center a {
	font-size: 20px;
}







}


/* ############################################
★★★ iPhone版 ★★★
header.html
by. プラザ
############################################# */
@media (max-width: 980px) {
/* =============================================
★★★ ヘッダー p.1 ★★★
header.html
※header2.htmlに変更はなし。
by. プラザ
============================================= */

/* .header{ */
/* 	テストする時に使用 */
/* 	background: grey; */
/* } */


/* =============================================
★★★ トップ画面 p.1★★★
index.html
by. プラザ
============================================= */

.main-visual-text{
	top: 220px;
	left: 50px;
	width: 610px;
	background: rgba(0,0,0,0.1);	/*背景色を半透明*/
}

.main-visual-text p{
	font-size: 23px;
}
.news-left{
	margin-left: 50px;
}
.news-right{
	margin-right: 50px;
}
.news-left,
.news-right{
	font-size: 17px;
}
/* メッセージ */
.message{
	width: 80%;
}

.message p{
	font-size: 22px;
	font-weight: 500;
}
/* SNS */
.detail_sns img{
	height:40px;
	margin-bottom: 15px;
}
/* 
ザクトアのお家 
これからお家を建てたい方へ
ザクトアでお家を建てた方へ
*/
/* 箱幅 */
.box,
.box2,
.box3{
	height: auto;
	background: none;	/* 背景画像サイズ */
}
.submain1,
.submain2{
/* 	background: pink; */
	width: 70%;
	margin: 50px auto;
	padding: 10px 0px;
	
}
/* 表示順番を変更 */
.submain1{
	display: flex;
	flex-direction: column-reverse;
}
.submain1,
.submain2{
	top: 0px;
}
/* 画像側 */
.side_image1,
.side_image2{
	width: 100%;
	margin-bottom: 10px;
}
.side_image2{
/* 	右にある要素との距離 */
	margin-right: 0px;
}
/* 写真を正方形 */
.side_image3 img{
	height: 600px;
	width: 100%;
	margin-bottom: 10p 0;
}
/* テキスト側 */
.side_text1,
.side_text3{
/* 	右にある要素との距離 */
	margin-right: 0px;
}
.side_text1,
.side_text2,
.side_text3{
/* 	background: skyblue; */
	width: 90%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.side_text1 h4,
.side_text2 h4,
.side_text3 h4{
	text-align: center;
	font-size: 35px;
}
/* プロセス */
.side_text2 span{
	display: inline;
	margin-left: 0px;
}
.side_text1 p,
.side_text2 p,
.side_text3 p{
	text-align: center;
	font-size: 20px;
	line-height: 30px;	/* 行の間 */
}
/* 元の要素に戻す */
.side_text3 span{
	display: block;
	margin: 0 0px;
}
/* URL */
.side_text_url1,
.side_text_url2,
.side_text_url3{
	padding:10px 80px;
	font-size: 18px;
}

/* 事例紹介 */
.works{
	height: auto;
}
.works_info{
/* 	background: pink; */
	top: 0px;
	margin: 50px auto;
}
.little_text_si{
/* 	「Special Interview」に近づける */
	margin-bottom: -10px;
}
/* Special Interviewの左右に横線を引く① */
.special_interview {
	margin-bottom: 10px;
}
/* テキスト側 */
.side_special_interview{
/* 	右にある写真との距離 */
	margin-right: 0px;
	padding-bottom: 50px;
	width: 100%;
	font-size: 18px;
/* 	background: skyblue; */
}
.side_special_interview h3{
	font-size: 40px;
	letter-spacing: 2px;	/* 文字の間(横)を広く */
}
.side_special_interview p{
	font-size: 20px;
/* 	文字の間(横)を広く */
	letter-spacing: 2px;
	color: #9a8b3d;	
}
.side_special_interview h6{
	margin: 20px 0;
	font-size: 20px;
}
.side_special_interview img{
	width:100%;
}
.side_special_interview a{
	border: 1px solid ;	/* ボーダー線 */
	padding: 15px 150px;
	text-decoration: none;	/* リンクの線を消す */
	border-radius: 100px;/*角の丸み*/
}

/* 画像側 */
.side_images{
	 margin: 50px 0;
}
.side_images1{
	margin-left: 400px;
	font-size: 18px;
	padding: 2px 18px;
}
.side_images img{
	height: auto;
	width: 100%;
}

/* 無料相談 */
.box0{
	height: auto;
}
.free_council_info{
	width: 100%;
	top: 0px;
	margin: 50px auto;
}
/* テキスト側 */
.side_free_council_text{
	margin-right: 0px;
	height: auto;
	width: auto;
	margin-bottom: 20px;
	font-size: 18px;
}
.side_free_council_text h3{
	font-size: 40px;
	padding: 10px 140px;
}
.side_free_council_text p{
	font-size: 20px;
 	margin-left: 80px;
}

.side_free_council_list{
	margin-bottom: 10px;
}
.side_free_council_list img{
	height: 100%;
}
.side_free_council_text .side_free_council_text2{
	font-size: 20px;
	line-height: 40px;
}
.side_free_council_text a{
	padding: 15px 160px;
}

/* 画像側 */
.free_council_image{
/* 	要素同士が横に並ぶ */
	display: inline-block;
	width: 100%;
	margin-top: 50px;
}
.free_council_image img{
	 height: auto;
}

/* =============================================
★★★ ザクトアのお家 p.2 ★★★
house.html
by. 澤田
============================================= */

/* トップ画像の上の文字 */
.house_sbtitle {
	margin: 0px 20px 1px;
}
/* ザクトアのお家 */
.house_title h2 {
	font-size: 30px;
}
/* ここから */
/* （新築、リノベーション、施設）のロゴとリンク配置 */
.house_table li {
	margin: 30px 10px 30px ; /* 行間をあける */
}
/* （新築、リノベーション、施設）のロゴ設定 */
.house_table  img{
	margin-left:30px;
}
/* リンクの外枠の線の設定 */
/* リノベーション　リフォーム */
a.house_btn {
	padding: 10px 40px;
}
/* リンクの外枠の線の設定 */
/* 新築　施設 */
a.house_btn1 {
	padding: 25px 80px;
}
/* =============================================
house_renovation.html
by. 澤田
============================================= */
/* ここから */
/* スペシャルインタビュー */
.house_special_interview{
	width:70%;
}
.house_interview h1 {
	font-size: 35px;
	width:70%;
}

/* 赤線の設定 */
.house_border1 {
	width: 70%;
}

.house_special_interview{
	width: 70%;
}
.house_ex p {
	padding-right:50px;
}
/* 線 */
.house_border2 {
	width: 70%;
}
/* インタビューした名前のフォントサイズ*/
.name_of_interview{
	font-size: 20px;
}
/* =============================================
house_new.html　＆　house_facility.html
by. 澤田
============================================= */
/* ここから */
/* 新築 */
.house_new{
	width:70%;
	text-align: center;
}

/* 画像が並べられているところ */
.house_photo_about1 {
	width:70%;
	margin:auto;
	margin-bottom: 100px;
}
/* 写真が6枚並んでいるところ */
.house_photo_about1 img {
	margin: 0 20px;
}
/* 写真が4枚並んでいるところ */
.photo_about_sb img{
	margin: 0 20px;
}

.house_point_bk {
	width:70%;
}

/* 下線の設定 */
.house_border {
	width: 70%;
}

/*point */
.house_point_about {
	margin-top: 40px;
	margin-left: 0px;
	padding-right: 50px;
	font-size: 18px;
}
/* =============================================
★★★ 島原邸宅インタビュー p.3 ★★★
interview.html
by. プラザ
============================================= */
/* 右側の画像 */
.interview_side_image img{
	height: 700px; 
}

/* 質問１ */
.interview_box_text1{
	padding-bottom: 100px;
}
.interview_box1 img{
	height: 650px;
	width: 500px;
}
.interview_box_image1_2{
	margin-top:80px;
}

/* 質問２ */
.interview_box2 img{
	height: 450px;
	width: 500px;
}
.interview_box2_1{
	width:100%;
	text-align: center;
}
.interview_box_image2 img{
	margin:100px auto;
}
.interview_box_image2_2{
	width:100%;
	margin:0px;
}
.interview_box_image2_3 {
	width: 98%;
	margin-top:100px; 
}
.interview_box_text2{
	margin-top: 100px;
}
/* 質問３ */
.interview_box3{
	display: flex;
	flex-direction: column-reverse;
	background:none;
	height:auto;
}
.interview_box_text3 {
	text-align: left;
/* 	margin-left:0px; */
}

.interview_box3_1{
	width:100%;
	margin-left: 0px;
}
.interview_box3 img{
	height: 450px;
	width: 500px;
	margin: 100px auto 0px;
}
.interview_box_image3 img{
	height: 400px;
	width: 500px;
	margin-top: 100px;
}
.interview_box_text3{
	margin: 100px auto;
}
/* PICK UP */
.interview_box4 h1{
	font-size: 40px;
	padding-top: 70px;
 	padding-left: 100px;
	margin: 0 auto;
	width: 70%;
}
/* 画像一覧 */
.interview_point_card {
  width: 100%;
  margin: 0 auto;
}
.interview_point_title {
  font-size: 30px;
}
.interview_point_text {
  font-size: 20px;
}
/* =============================================
★★★ Zactoaについて p.4 ★★★
detail.html
by. 澤田
============================================= */

/* メインビジュアル */
.detail_main_visual_text{
	left: 20px;
	width: 600px;
}
/* 「About」 */
.big_subword{
	font-size: 34px;
}
/* 「Zactoa」 */
.big_word{
	font-size: 44px;
}
/* 「ザクトアについて」 */
.detail_main_visual_text p{
	font-size: 22px;
}
/* 小ローマ字 */
.p2{
	font-size: 22px;
}

/* テーブル */
.list_table {
	font-size: 20px;
}

/* =============================================
★★★ 住まいづくりのプロセス p.5 ★★★
build.html
by. プラザ
============================================= */
/* テキストの下の半透明の背景色の配置設定 */
.build_main_visual_background{
	width: 670px;
}

/* 「これからお家を建てたい方へ」 */
.build_main_visual_text{
	padding-left:40px;
}
/* 「土地探しから、～」 */
.build_main_visual_text p{
	font-size: 24px;
}
.build_box_text{
	width: 75%;
}
.build_box_text h2{
	font-size:24px;
}
.build_box_text p{
	font-size:20px;
}
/* マーカー付の文 */
.build_text_marker li{
 	font-size:20px;
 	padding: 10px 30px;
}
/* =============================================
★★★ アフターケア p.7 ★★★
built.html
by. プラザ
============================================= */

/* 背景の上のメッセージ */
.built-visual-txt {
	left: 40px;
	width:650px;
}
/* 「お家でザクトアを～」 */
.built-visual-txt h1{
	font-size: 32px;
}
/* 「お家ができあがったら～」 */
.built-visual-txt p{
	font-size: 24px;
}

/*「ご入居後の～」 */
.built-massage p{
	font-size: 22px;
}
/*「※当社では～」 */
.built-massage .built_p {
	font-size: 18px;
}

/* ボタン枠の範囲内押すと遷移する設定 ②*/
.built-center a {
	font-size: 20px;
}

}

/* ############################################
★★★ スマホ版 ★★★
header.html
by. プラザ
############################################# */
@media (max-width: 765px) {
/* =============================================
★★★ ヘッダー p.1 ★★★
header.html
※header2.htmlに変更はなし。
by. プラザ
============================================= */

/* .header{ */
/* テストする時に使用 */
/* 	background: pink; */
/* } */

.header-left img{
	width: 250px;
}


/* =============================================
★★★ フッター ★★★
foooter.html
by. 澤田
============================================= */
.footer_info {
	font-size: 15px;
}
.footer_logo img{
	width:50%;
}
/* リスト1列に並べる */
.listfooter {
	display: flex;	/* 配置指定 */
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

/* リストの配置 */
.list1 li{
	margin-top:-15px;
}
.list2 li{
	margin-top:-15px;
}


.footerimg img {
	height: 50px;
	width: 50px;
	margin-right:10px;
}
.footer_end {
	font-size: 13px;
	margin: 30px 50px;
	text-align: left; /* 左寄せ文字 */
}


/* =============================================
★★★ トップ画面 p.1★★★
index.html
by. プラザ
============================================= */

/* メインビジュアル */
.main-visual{
	height: 400px;
}
.main-visual-text{
	top: 190px;
	left: 50px;
	width: 360px;
}
.main-visual-text h1{
	font-size: 20px;
}
.main-visual-text p{
	line-height: 30px;
	font-size: 13px;
	padding-left: 10px;
}
.news-left{
	margin-left: 20px;
}
.news-right{
	margin-right: 20px;
}
/* メッセージ */
.box_text{
	padding-bottom:20px;
}

.box_text_leftside_image{
	padding-top:30px;
	margin-left:50px;
	width: 300px;
}

.message{
	font-size: 15px;
	width: 80%;
}
.message p{
	font-size: 15px;
}
/* 
ザクトアのお家 
これからお家を建てたい方へ
ザクトアでお家を建てた方へ
*/
/* 箱幅 */

.submain1,
.submain2{
	width: 90%;	
}
/* 写真を正方形 */
.side_image3 img{
	height: 580px;
}

/* =============================================
★★★ ザクトアのお家 p.2 ★★★
house.html
by. 澤田
============================================= */

/* 一番初めの画像 */
.house_photo {
	height:400px;
}

/* トップ画像の上の文字 */
.house_sbtitle {
	margin: 0px 10px 1px;
}

/* 暮らしに寄り添う */
.house_title h4 {
	font-size: 20px;
}
/* House of Zactoa */
.house_title h1 {
	font-size: 40px;
}
/* ザクトアのお家 */
.house_title h2 {
	font-size: 30px;
}

/* ここから */
/* （新築、リノベーション、施設）のロゴとリンク配置 */
.house_table li {
	margin: 30px 10px 30px ; /* 行間をあける */
}
/* リンクの外枠の線の設定 */
/* リノベーション　リフォーム */
a.house_btn {
	padding: 10px 40px;
}
/* リンクの外枠の線の設定 */
/* 新築　施設 */
a.house_btn1 {
	padding: 25px 80px;
}

/* =============================================
house_new.html　＆　house_facility.html
by. 澤田
============================================= */

/* 写真が4枚並んでいるところ */
.photo_about_sb img{
	margin: 0 30px;
}

/* =============================================
★★★ 島原邸宅インタビュー p.3 ★★★
interview.html
by. プラザ
============================================= */

/* POINT */
.interview_box4 h1{
	font-size: 35px;
	letter-spacing: 2px;
	margin-left: 15px;
}
/* 画像一覧 */
.interview_point_card {
  width: 100%;
}
/* PICK UP */
.interview_box4 h1{
 	padding-left: 60px;
}
/* =============================================
★★★ Zactoaについて p.4 ★★★
detail.html
by. プラザ
============================================= */

/* メインビジュアル */
.detail_main_visual{
	height: 400px;
}


.detail_main_visual_text{
	top: 15px;
	left: 15px;
	width: 400px;
}


/* 「About」 */
.big_subword{
	font-size: 20px;
}
/* 「Zactoa」 */
.big_word{
	font-size: 30px;
}
/* 「ザクトアについて」 */
.detail_main_visual_text p{
	font-size: 13px;
}

.list_table0{
	border-spacing: 0px 15px;	/* セル間の余白 */
}

.big_letter{
	font-size: 30px;
}
/* A~Z */
.a{
	padding-left: 20px;
}
.b{
	padding-left: 50px;
}
/* 小ローマ字 */
.p2{
	padding-left: 10px;
	font-size: 13px;
}

.detail_sns img{
	height:25px;
	margin-left:18px;
}

/* 
会社概要
業務種目
各種免許 
*/
.company_profile{
	font-size: 20px;
}
/* 業務種目 */
/* 各種免許 */
.detail_subject{
	margin-left: 100px ;
	font-size:20px;
}
/* テーブル */
.list_table {
	width: 75%;
	font-size: 13px;
}


/* =============================================
★★★ 住まいづくりのプロセス p.5 ★★★
build.html
by. プラザ
============================================= */
/* 背景画像 */
.build_main_visual{
	height: 400px;
}
/* テキストの下の半透明の背景色の配置設定 */
.build_main_visual_background{
	width: 400px;
	height:300px;
}

/* 「これからお家を建てたい方へ」 */
.build_main_visual_text{
	padding-top:20px;
	padding-left:20px;

}
/* 「これからお家を建てたい方へ」 */
.build_main_visual_text h1{
	font-size: 20px;
	padding-bottom:10px;
}
/* 「土地探しから、～」 */
.build_main_visual_text p{
	font-size: 13px;
	padding-bottom:10px;
	line-height:25px;	/* 文字の間(縦)を広く */
}
.build_main_visual_text a{
	font-size:15px;
	padding: 15px;	/* ボーダーの大きさ */
}

/* 「ザクトアならではの住まい造りのプロセス」 下線を引く①*/
.build_title{
	font-size: 20px;
}

.build_box_text{
	width: 80%;
}
.build_box_text h2{
	font-size:18px;
}

.build_box_text p{
	font-size:13px;
}
.build_box_text img{
	height: 50px;
}
/* マーカー付の文 */
.build_text_marker li{
 	font-size:13px;
 	padding: 10px 30px;
}
.triangle{
	border-left: 30px solid transparent;	/* 左の三角を透明にする */
	border-right: 30px solid transparent;	/* 右の三角を透明にする */
	border-top: 20px solid #dcdcdc;
}




/* =============================================
★★★ 家を建てた方へ p.7 ★★★
built.html
by. 澤田
============================================= */

/* 背景設定 */
.built-visual {
	height: 400px;
}

/* 背景の上のメッセージ */
.built-visual-txt {
	left: 20px;
}
/* 「お家でザクトアを～」 */
.built-visual-txt h1{
	font-size: 20px;
	padding-bottom: 15px;
}
/* 「お家ができあがったら～」 */
.built-visual-txt p{
	font-size: 15px;
	line-height:25px;	/* 文字の間(縦)を広く */
}

/* （保証・メンテナンスについて） */
.built-about h2{
	font-size: 20px;
}

/*「ご入居後の～」 */
.built-massage p{
	font-size: 15px;
}
/*「※当社では～」 */
.built-massage .built_p {
	font-size: 10px;
}
/* （お問い合わせページへ）ボタンの配置 */
.built-center {
	margin-top: 50px;
}

/* ボタン枠の範囲内押すと遷移する設定 ②*/
.built-center a {
	font-size: 18px;
}


















}