@charset "UTF-8";
/******** タブレット *********/
@media screen and (min-width: 769px) and (max-width: 1300px) {
  /* ----------------------------- 共通 */
  .wrap {
    width: 90%;
  }
  .wrap1000 {
    width: 90%;
  }
  .wrap900 {
    width: 90%;
  }
  .wrap800 {
    width: 90%;
  }
  .wrap700 {
    width: 90%;
  }
  .main1 {
    padding: 240px 5% 150px;
  }
  .main1 .box {
    display: block;
  }
  .main1 .box .anchor_link {
    margin-top: 60px;
  }
  .top_block15 .box .link_visit a {
    padding: 6.4vw 0;
  }
  .top_block15 .box .link_line a {
    padding: 5.5vw 0;
  }
  .contact_block2 .box table td .wpcf7-list-item {
    display: block;
    margin-right: 0;
  }
  .contact_block2 .box table td .others_input {
    left: 150px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1300px) and (min-width: 769px) and (max-width: 1024px) {
  .nav {
    display: none;
  }
  .top_block3 .box1 .btn ul {
    display: block;
  }
  .top_block3 .box1 .btn ul li {
    width: auto;
    margin-bottom: 20px;
  }
  .top_block3 .box1 .btn ul li:last-child {
    margin-bottom: 0;
  }
  .top_block3 .box1 .btn ul li span {
    font-size: 1.8rem;
  }
  .top_block15 .box {
    display: block;
  }
  .top_block15 .box .link_contct {
    width: auto;
  }
  .top_block15 .box .inner {
    width: auto;
    margin-top: 25px;
  }
  .essence_block1 ul li {
    display: block;
  }
  .essence_block1 ul li h4 {
    width: auto;
  }
  .essence_block1 ul li p {
    width: auto !important;
    margin-top: 10px;
  }
  .essence_block1 ul li .btn1 {
    width: 130px;
    margin-top: 20px;
  }
  .contact_block2 .box table th {
    display: block;
    width: auto;
    padding-bottom: 0;
    text-align: left;
  }
  .contact_block2 .box table td {
    display: block;
    padding: 10px 0 20px;
  }
  .contact_block2 .box table td .others_input {
    left: 100px;
  }
  .know_more ul {
    display: block;
  }
  .know_more ul li {
    width: auto;
    margin-bottom: 20px;
  }
  .know_more ul li:last-child {
    margin-bottom: 0;
  }
  .know_more ul li a {
    padding: 30px 0;
    font-size: 1.6rem;
  }
}

/******** スマホ *********/
@media screen and (max-width: 768px) {
  /* ----------------------------- 全体 */
  body {
    font-size: 1.4rem;
    -webkit-text-size-adjust: 100%;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .inline_pc {
    display: none;
  }
  .inline_sp {
    display: inline;
  }
  img, .bx-wrapper img {
    max-width: 100%;
    height: auto;
  }
  /* ----------------------------- 共通 */
  .wrap {
    width: 95%;
  }
  .wrap1000 {
    width: 95%;
  }
  .wrap900 {
    width: 95%;
  }
  .wrap800 {
    width: 95%;
  }
  .wrap700 {
    width: 95%;
  }
  /* ----------------------------- タイトル */
  .c_tit1 {
    font-size: 2rem;
  }
  /* ----------------------------- ボタン */
  .btn1 {
    max-width: 180px;
  }
  .btn1 a {
    font-size: 1.5rem;
  }
  .btn1 a:before {
    right: 3%;
  }
  .btn2 {
    max-width: 240px;
  }
  .btn2 a {
    font-size: 1.5rem;
  }
  .btn2 a:before {
    right: 2%;
  }
  .btn3 {
    width: 320px;
  }
  .btn3 a {
    font-size: 1.6rem;
  }
  /* ----------------------------- ヘッダー */
  .header {
    padding: 20px 3%;
  }
  .header .logo {
    width: 60%;
    position: relative;
    z-index: 9999;
  }
  .header .logo a {
    height: 5vw;
  }
  .floating {
    width: 100%;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
  }
  .floating ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .floating ul li {
    width: 33.33%;
  }
  .floating ul li a {
    display: block;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    padding: 15px 0;
    font-size: 1.2rem;
    text-align: center;
    text-decoration: none;
  }
  .floating ul li:last-child a {
    border-right: 0;
  }
  /* ----------------------------- ナビ */
  /*.nav{
	width: 100%;
	max-width: 100%;
	background: rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0;
	padding: 80px 3% 40px;
	box-sizing: border-box;
	ul{
		display: block;
		li{
			margin-right: 0;
			margin-bottom: 1.5em;
			text-align: center;
			&:last-child{
				margin-bottom: 0;
			}
		}
	}
	.btn{
		width: 180px;
		text-align: center;
		margin: 40px auto 0;
		a{
			display: block;
			border: 1px solid $wh;
			border-radius: 40px;
			padding: 5px 0;
			font-size: 1.4rem;
			text-decoration: none;
			color: $wh;
			&:hover{
				opacity: 0.65;
			}
		}
	}
}*/
  .sub_nav {
    padding-top: 70px;
  }
  .sub_nav .btn_list {
    display: block;
  }
  .sub_nav .btn_list li {
    width: auto;
    margin-bottom: 10px;
  }
  .sub_nav .btn_list li:last-child {
    margin-bottom: 0;
  }
  .sub_nav .btn_list li a {
    padding: 10px 0;
  }
  .sub_nav .nav_list {
    margin-top: 20px;
  }
  .sub_nav .nav_list li {
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px solid #282828;
  }
  .sub_nav .nav_list li .main_menu {
    width: auto;
  }
  .sub_nav .nav_list li .main_menu.bori {
    border-right: 0;
  }
  .sub_nav .nav_list li .main_menu:before {
    width: 6px;
    height: 6px;
  }
  .sub_nav .nav_list li .sub {
    margin-left: 1em;
  }
  .sub_nav .nav_list li .sub span {
    margin-right: 1em;
  }
  .sub_nav .sns {
    margin-top: 20px;
  }
  .sub_nav .sns li {
    margin-right: 1em;
  }
  /* ----------------------------- メインビジュアル */
  .mv .img {
    height: 50vh;
  }
  .mv .video {
    height: 81vh;
  }
  .mv .video video {
    width: 100%;
  }
  .mv h2 {
    font-size: 2.4rem;
    letter-spacing: 0;
    position: absolute;
    bottom: 40px;
    left: 2%;
    max-width: 100%;
    width: 90%;
  }
  .mv h2.line:after {
    width: 100%;
  }
  .building_house {
    padding: 10px 3%;
  }
  .building_house ul {
    display: block;
  }
  .building_house ul li {
    width: auto;
    border-right: 0;
    border-bottom: 1px solid #8d8d8d;
    text-align: center;
    padding: 5px 0;
  }
  .building_house ul li:last-child {
    border-bottom: 0;
  }
  /* ----------------------------- 下層メインビジュアル */
  .main1 {
    padding: 40px 3%;
    background-position: left center;
    margin-top: 60px;
  }
  .main1 .box {
    display: block;
  }
  .main1 .box .inner h2 {
    font-size: 1.8rem;
  }
  .main1 .box .inner h3 {
    font-size: 2.4rem;
  }
  .main1 .box .inner p {
    margin-top: 10px;
  }
  .main1 .box .anchor_link {
    margin-top: 40px;
    max-width: 200px;
  }
  .main1 .box .anchor_link ul {
    display: block;
  }
  .main1 .box .anchor_link ul li {
    margin-bottom: 10px;
  }
  .main1 .box .anchor_link ul li:last-child {
    margin-bottom: 0;
  }
  .main1 .box .anchor_link.column2 {
    width: auto;
  }
  .main1 .box .anchor_link.column2 ul li {
    width: auto;
  }
  .main1 .box .anchor_link.column3 {
    width: auto;
  }
  .main1 .box .anchor_link.column3 ul li {
    width: auto;
  }
  .main2 {
    padding: 250px 5%;
    margin-top: 60px;
  }
  .main2 h2 {
    font-size: 2.4rem;
  }
  .main_staff,
  .main_faq,
  .main_recruit,
  .main_voice,
  .main_blog,
  .main_gallery {
    padding: 185px 5%;
  }
  /* ----------------------------- トップ */
  .pd_top {
    padding: 40px 3%;
  }
  .pd_top .wrap {
    width: auto;
  }
  .top_block1 ul {
    margin-top: 20px;
  }
  .top_block1 ul li a {
    font-size: 1.3rem;
  }
  .top_block1 ul li .title {
    margin-left: 1em;
  }
  .top_block1 .btn1 {
    margin-top: 30px;
  }
  .top_block2 {
    padding: 100px 5%;
  }
  .top_block3 {
    padding: 40px 0;
  }
  .top_block3 .box1 {
    padding: 0 3%;
  }
  .top_block3 .box1 .txt {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    margin-top: 0;
  }
  .top_block3 .box1 .txt h4 {
    font-size: 2rem;
  }
  .top_block3 .box1 .txt p {
    font-size: 1.4rem;
    line-height: 2em;
    margin-right: 0;
    margin-top: 0;
  }
  .top_block3 .box1 .btn {
    margin-top: 60px;
  }
  .top_block3 .box1 .btn ul {
    display: block;
  }
  .top_block3 .box1 .btn ul li {
    width: auto;
    margin-bottom: 10px;
  }
  .top_block3 .box1 .btn ul li:last-child {
    margin-bottom: 0;
  }
  .top_block3 .box1 .btn ul li span {
    font-size: 1.6rem;
  }
  .top_block3 .box1 .btn ul li.list1 img {
    width: 95px;
  }
  .top_block3 .box1 .btn ul li.list2 img {
    width: 40px;
  }
  .top_block3 .box1 .btn ul li.list3 img {
    width: 55px;
  }
  .top_block3 .box2 {
    margin-top: 40px;
  }
  .top_block3 .box2 ul {
    display: block;
    height: auto;
  }
  .top_block3 .box2 ul li {
    width: auto;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .top_block3 .box2 ul li:last-child {
    margin-bottom: 0;
  }
  .top_block3 .box2 ul li a:hover h4:before {
    right: 0;
  }
  .top_block3 .box2 ul li h4 {
    max-width: 220px;
    font-size: 2rem;
  }
  .top_block3 .box2 ul li h4:before {
    opacity: 1;
    right: 3%;
  }
  .top_block3 .box2 ul li h4:after {
    width: 100%;
  }
  .top_block4 .box {
    margin-top: 40px;
  }
  .top_block4 .box ul li {
    width: 48%;
  }
  .top_block4 .box ul li:last-child {
    display: none;
  }
  .top_block4 .box ul li .txt {
    margin-top: 10px;
  }
  .top_block4 .box ul li .txt .date {
    font-size: 1.2rem;
  }
  .top_block4 .box ul li .txt .title {
    font-size: 1.6rem;
  }
  .top_block4 .box .btn1 {
    margin-top: 30px;
  }
  .top_block5 {
    padding: 40px 0;
  }
  .top_block5 .box {
    margin-top: 40px;
  }
  .top_block5 .box ul {
    display: block;
  }
  .top_block5 .box ul li {
    width: auto;
  }
  .top_block5 .box ul li .txt {
    opacity: 1;
  }
  .top_block5 .box .bx-wrapper {
    margin-bottom: 0;
    /*.bx-controls-direction{
				a{
					width: 25px;
					height: 25px;
					background: url(images/common/icon2.svg) no-repeat;
					background-size: contain;
				}
				.bx-prev{
					left: -9px;
					transform: scale(-1, 1);
				}
				.bx-next{
					right: -9px;
				}
			}*/
  }
  .top_block5 .box .bx-wrapper .bx-viewport {
    overflow: visible !important;
  }
  .top_block5 .box .btn1 {
    margin-top: 60px;
  }
  .top_block6 .box {
    margin-top: 30px;
  }
  .top_block6 .box ul {
    display: block;
  }
  .top_block6 .box ul li {
    width: auto;
  }
  .top_block6 .box ul li iframe {
    height: 55vw;
  }
  .top_block6 .box .btn2 {
    max-width: 180px;
    margin-top: 30px;
  }
  .top_block7 .box {
    margin-top: 40px;
  }
  .top_block7 .box ul li {
    margin-bottom: 20px;
  }
  .top_block7 .box ul li a {
    display: block;
  }
  .top_block7 .box ul li .img {
    width: auto;
  }
  .top_block7 .box ul li .txt {
    width: auto;
    margin-top: 20px;
  }
  .top_block7 .box ul li .txt .customer {
    font-size: 1.1rem;
  }
  .top_block7 .box ul li .txt .title {
    font-size: 1.8rem;
  }
  .top_block7 .box ul li .txt p {
    font-size: 1.3rem;
    margin-top: 10px;
  }
  .top_block7 .box .btn1 {
    margin-top: 30px;
  }
  .top_block8 ul {
    margin-top: 20px;
  }
  .top_block8 ul li a {
    padding: 15px 5% 15px 0;
  }
  .top_block8 ul li a:after {
    content: "";
    width: 13px;
    height: 13px;
  }
  .top_block8 ul li .date {
    font-size: 1.3rem;
  }
  .top_block8 ul li .title {
    font-size: 1.6rem;
    margin-left: 1em;
  }
  .top_block8 .btn1 {
    margin-top: 30px;
  }
  .top_block9 .box {
    margin-top: 40px;
  }
  .top_block9 .box .txt {
    text-align: left;
  }
  .top_block9 .box .txt h4 {
    font-size: 1.8rem;
  }
  .top_block9 .box .txt p {
    margin-top: 10px;
  }
  .top_block9 .box .img {
    margin-top: 20px;
  }
  .top_block9 .box .img ul li.insta_img1 {
    width: 23%;
  }
  .top_block9 .box .img ul li.insta_img2 {
    width: 33%;
  }
  .top_block9 .box .img ul li.insta_img3 {
    width: 16%;
  }
  .top_block9 .box .img ul li.insta_img4 {
    width: 23%;
  }
  .top_block9 .box .btn1 {
    width: 240px;
    margin-top: 40px;
  }
  .top_block10 {
    padding-bottom: 130px;
  }
  .top_block10 .box {
    display: block;
    margin-top: 40px;
  }
  .top_block10 .box .img {
    width: auto;
  }
  .top_block10 .box .txt {
    max-width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
  .top_block10 .box .txt h4 {
    font-size: 1.8rem;
  }
  .top_block10 .box .txt p {
    margin-top: 10px;
  }
  .top_block10 .box .txt ul {
    margin-top: 30px;
  }
  .top_block11 {
    padding: 170px 0 100px;
  }
  .top_block11 ul {
    margin-top: 40px;
  }
  .top_block12 .wrap900 {
    width: auto;
  }
  .top_block13 ul {
    margin-top: 40px;
  }
  .top_block14 .img {
    margin-top: 40px;
  }
  .top_block14 ul {
    margin-top: 20px;
    display: block;
  }
  .top_block14 ul li {
    width: auto;
    margin: 0 auto 10px;
  }
  .top_block14 ul li:last-child {
    margin-bottom: 0;
  }
  .top_block15 .box {
    display: block;
    margin-top: 30px;
  }
  .top_block15 .box h4 {
    font-size: 1.6rem;
  }
  .top_block15 .box .inner {
    width: auto;
  }
  .top_block15 .box .link_contct {
    width: auto;
  }
  .top_block15 .box .link_contct .img {
    margin-top: 15px;
  }
  .top_block15 .box .link_visit {
    margin-top: 20px;
  }
  .top_block15 .box .link_visit a {
    padding: 51px 0;
  }
  .top_block15 .box .link_line {
    margin-top: 20px;
  }
  .top_block15 .box .link_line a {
    padding: 39px 0;
  }
  .zeh table {
    font-size: 1.3rem;
    margin-top: 40px;
  }
  .zeh table th {
    padding: 10px 0;
  }
  .zeh table td {
    padding: 10px 0;
  }
  .line_account {
    width: 95%;
    margin: -55px auto;
    padding: 20px 0;
  }
  .line_account h3 {
    font-size: 1.8rem;
  }
  .line_account .btn1 {
    max-width: 220px;
    margin-top: 10px;
  }
  /* ----------------------------- 家づくりの流れ */
  .flow_block1 {
    padding: 40px 0;
  }
  .flow_block1 .read {
    margin-top: 10px;
  }
  .flow_block1 ul {
    margin-top: 40px;
    display: block;
  }
  .flow_block1 ul li {
    width: auto;
  }
  .flow_block1 ul li .number {
    font-size: 2rem;
    top: -0.6em;
  }
  .flow_block1 ul li h4 {
    font-size: 1.7rem;
    margin-top: 10px;
  }
  .flow_block1 ul li p {
    font-size: 1.3rem;
    margin-top: 5px;
  }
  .flow_block1 ul li:nth-child(3n):before, .flow_block1 ul li:last-child:before {
    display: none;
  }
  .flow_block1 ul li:nth-child(3n+1):before {
    display: none;
  }
  .flow_block2 {
    padding: 40px 0;
  }
  .flow_block2 .read {
    margin-top: 10px;
  }
  .flow_block2 ul {
    margin-top: 40px;
  }
  .flow_block2 ul li {
    display: block;
    margin-bottom: 20px;
  }
  .flow_block2 ul li .txt {
    width: auto;
  }
  .flow_block2 ul li .txt h4 {
    font-size: 1.8rem;
  }
  .flow_block2 ul li .txt p {
    font-size: 1.3rem;
    margin-top: 0;
  }
  .flow_block2 ul li .txt .figure {
    margin-top: 10px;
  }
  .flow_block2 ul li .txt .list {
    margin-top: 20px;
  }
  .flow_block2 ul li .txt .list span {
    margin-right: 1em;
  }
  .flow_block2 ul li .img {
    width: auto;
    margin-top: 20px;
  }
  .flow_block3 {
    padding: 40px 0;
  }
  .flow_block3 .read {
    margin-top: 10px;
  }
  .flow_block3 ul {
    margin-top: 40px;
    display: block;
  }
  .flow_block3 ul li {
    width: auto;
    margin-bottom: 20px;
  }
  .flow_block3 ul li:last-child {
    margin-bottom: 0;
  }
  .flow_block3 ul li h4 {
    font-size: 1.8rem;
    margin-top: 10px;
  }
  .flow_block3 ul li p {
    font-size: 1.3rem;
    margin-top: 10px;
  }
  .flow_block4 {
    padding: 40px 3%;
  }
  .flow_block4 .box {
    display: block;
  }
  .flow_block4 .box p {
    font-size: 1.3rem;
    margin-right: 0;
    text-align: center;
  }
  .flow_block4 .box .btn3 {
    margin: 20px auto 0;
  }
  .know_more {
    padding: 40px 0;
  }
  .know_more ul {
    margin-top: 30px;
    display: block;
  }
  .know_more ul li {
    width: auto;
    margin-bottom: 20px;
  }
  .know_more ul li:last-child {
    margin-bottom: 0;
  }
  .know_more ul li a {
    padding: 20px 0;
    font-size: 1.4rem;
  }
  .know_more p {
    margin-top: 20px;
    font-size: 1.3rem;
  }
  /* ----------------------------- 住まいの本質 */
  .essence_block1 {
    padding: 40px 0;
  }
  .essence_block1 .read {
    margin-top: 10px;
  }
  .essence_block1 ul {
    margin-top: 40px;
  }
  .essence_block1 ul li {
    display: block;
    padding: 30px 0;
  }
  .essence_block1 ul li h4 {
    width: auto;
    font-size: 1.8rem;
  }
  .essence_block1 ul li p {
    width: auto;
    font-size: 1.3rem;
    margin-top: 10px;
  }
  .essence_block1 ul li .btn1 {
    width: auto;
    margin-top: 20px;
  }
  .essence_block1 ul li .btn1 a {
    font-size: 1.3rem;
  }
  .essence_block1 ul li.column3 p {
    width: auto;
  }
  .essence_block2 {
    padding-top: 40px;
  }
  .essence_block2 .read {
    padding: 0 3%;
    margin-top: 10px;
  }
  .essence_block2 .box {
    padding: 40px 0;
  }
  .essence_block2 .box h4 {
    font-size: 1.8rem;
  }
  .essence_block2 .box ul {
    margin-top: 20px;
  }
  .essence_block2 .box ul li {
    font-size: 1.3rem;
  }
  .essence_block2 .box1 ul li {
    width: 48%;
    margin-bottom: 4%;
  }
  .essence_block2 .box2 {
    background: #e9e3d9;
  }
  .essence_block2 .box2 ul li {
    width: 48%;
    margin-bottom: 4%;
    min-height: 60px;
  }
  .essence_block2 .box2 p {
    font-size: 1.3rem;
    margin-top: 20px;
  }
  .essence_block3 {
    padding: 40px 0;
  }
  .essence_block3 .read {
    margin-top: 10px;
  }
  .essence_block3 ul {
    margin-top: 40px;
    display: block;
  }
  .essence_block3 ul li {
    width: auto;
    margin-bottom: 20px;
    padding: 5%;
  }
  .essence_block3 ul li .number {
    font-size: 2rem;
  }
  .essence_block3 ul li h4 {
    font-size: 2rem;
    margin-top: 10px;
  }
  .essence_block3 ul li p {
    font-size: 1.3rem;
  }
  .essence_block3 ul li .list {
    margin-top: 10px;
  }
  .essence_block3 ul li .list span {
    font-size: 1.3rem;
  }
  /* ----------------------------- 電磁波 */
  .electromagnetic_block1 {
    padding: 40px 0;
  }
  .electromagnetic_block1 .read {
    margin-top: 10px;
    text-align: left;
  }
  .electromagnetic_block1 .icon {
    margin: 40px 0 20px;
  }
  .electromagnetic_block1 .img {
    margin-top: 30px;
  }
  .electromagnetic_block2 {
    padding: 40px 0;
  }
  .electromagnetic_block2 .read {
    margin-top: 10px;
    text-align: left;
  }
  .electromagnetic_block2 ul {
    display: block;
    margin: 40px 0 60px;
  }
  .electromagnetic_block2 ul li {
    width: auto;
    margin-bottom: 60px;
  }
  .electromagnetic_block2 ul li:last-child {
    margin-bottom: 0;
  }
  .electromagnetic_block2 ul li h4 {
    font-size: 1.8rem;
  }
  .electromagnetic_block2 ul li h5 {
    font-size: 2.2rem;
    margin-top: 30px;
  }
  .electromagnetic_block2 ul li p {
    font-size: 1.3rem;
  }
  /* ----------------------------- 会社概要 */
  .company_block1 {
    padding: 60px 0;
  }
  .company_block1 .box {
    margin-top: 20px;
    display: block;
  }
  .company_block1 .box .txt {
    width: auto;
  }
  .company_block1 .box .txt p {
    font-size: 1.5rem;
  }
  .company_block1 .box .img {
    width: 70%;
    margin: 20px auto 0;
  }
  .company_block1 .box .img p {
    font-size: 1.8rem;
  }
  .company_block2 {
    padding: 60px 0;
  }
  .company_block2 ul {
    margin-top: 40px;
  }
  .company_block2 ul li {
    margin-bottom: 50px;
  }
  .company_block2 ul li .read {
    font-size: 1.6rem;
  }
  .company_block2 ul li h5 {
    font-size: 1.8rem;
  }
  .company_block2 ul li .inner {
    padding: 6%;
    margin-top: 30px;
    display: block;
  }
  .company_block2 ul li .inner .img {
    width: auto;
  }
  .company_block2 ul li .inner .txt {
    width: auto;
    margin-top: 20px;
  }
  .company_block2 ul li .list {
    margin-top: 30px;
    display: block;
  }
  .company_block2 ul li .list .item {
    width: auto;
    padding: 8%;
    margin-bottom: 10px;
  }
  .company_block2 ul li .list .item:last-child {
    margin-bottom: 0;
  }
  .company_block3 {
    padding: 60px 0;
  }
  .company_block3 table {
    margin-top: 20px;
    font-size: 1.6rem;
  }
  .company_block3 table th {
    display: block;
    width: auto;
    padding: 20px 0 0;
  }
  .company_block3 table td {
    display: block;
    padding: 10px 0 20px;
  }
  .company_block4 {
    padding: 60px 0;
  }
  .company_block5 {
    padding: 60px 0;
  }
  .company_block5 p {
    font-size: 1.7rem;
    margin-top: 10px;
  }
  .company_block5 .map {
    margin-top: 20px;
  }
  .company_block5 .map iframe {
    height: 60vw;
  }
  /* ----------------------------- よくある質問 */
  .faq_block1 {
    padding: 60px 0;
  }
  .faq_block1 .box {
    margin-bottom: 50px;
  }
  .faq_block1 .box ul {
    margin-top: 30px;
  }
  .faq_block1 .box ul li .q {
    padding: 20px 25px 20px 0;
    font-size: 1.6rem;
  }
  .faq_block1 .box ul li .q .number {
    margin-right: 1em;
  }
  .faq_block1 .box ul li .a {
    padding: 20px 2em;
  }
  .faq_block1 .box ul li .a p {
    font-size: 1.3rem;
  }
  .faq_block1 .box ul li .a .btn img {
    width: 40px;
  }
  .faq_block1 .box ul li .a .btn span {
    font-size: 1.6rem;
  }
  /* ----------------------------- 資料請求・お問い合わせ */
  .contact_block1 {
    padding: 60px 0;
  }
  .contact_block1 .read {
    text-align: left;
  }
  .contact_block1 .img {
    margin-top: 40px;
  }
  .contact_block2 {
    padding: 0 0 60px;
  }
  .contact_block2 .box .wpcf7-form {
    padding-top: 60px;
  }
  .contact_block2 .box table {
    width: 100%;
    font-size: 1.6rem;
  }
  .contact_block2 .box table th {
    display: block;
    text-align: left;
    width: auto;
    padding: 10px 0 0;
  }
  .contact_block2 .box table td {
    display: block;
    padding: 5px 0 10px;
  }
  .contact_block2 .box table td input[type="text"],
  .contact_block2 .box table td input[type="email"],
  .contact_block2 .box table td input[type="tel"],
  .contact_block2 .box table td textarea {
    padding: 15px;
    font-size: 1.4rem;
  }
  .contact_block2 .box table td textarea {
    height: 120px;
  }
  .contact_block2 .box table td .wpcf7-list-item {
    display: block;
    margin-right: 0;
  }
  .contact_block2 .box table td .others_input {
    width: 200px;
    bottom: 10px;
    left: 5em;
  }
  .contact_block2 .box table td .others_input input {
    padding: 5px;
  }
  .contact_block2 .box .contact_btn {
    margin-top: 40px;
  }
  .contact_block2 .box .contact_btn input {
    display: block;
    width: 280px;
    padding: 20px 0;
    margin: 0 auto 20px;
    font-size: 1.8rem;
  }
  .contact_block2 .box .contact_btn input:last-child {
    margin-bottom: 0;
  }
  .contact_block2 .read {
    margin-top: 40px;
  }
  /* ----------------------------- 送信完了 */
  .thanks_block1 {
    padding: 60px 0;
  }
  .thanks_block1 .read {
    font-size: 1.6rem;
  }
  /* ----------------------------- スタッフ紹介 */
  .staff_block1 {
    padding: 60px 0;
    background: #fff;
  }
  .staff_block1 ul {
    display: block;
  }
  .staff_block1 ul li {
    width: auto;
    margin-bottom: 60px;
  }
  .staff_block1 ul li:last-child {
    margin-bottom: 0;
  }
  .staff_block1 ul li .txt {
    margin-top: 20px;
  }
  .staff_block1 ul li .txt h3 {
    font-size: 2.2rem;
  }
  .staff_block1 ul li .txt .detail {
    margin-top: 10px;
  }
  .staff_block1 ul li .txt .detail h4 {
    font-size: 1.3rem;
    color: #737373;
  }
  .staff_block1 ul li .txt .detail p {
    font-size: 1.4rem;
    margin-top: 0;
  }
  /* ----------------------------- お知らせ */
  .news {
    padding: 60px 0;
  }
  .news ul {
    margin-bottom: 30px;
  }
  .news ul li a {
    padding: 20px 30px 20px 0;
  }
  .news ul li a:before {
    width: 10px;
    height: 10px;
  }
  .news ul li .date {
    font-size: 1.3rem;
  }
  .news ul li .title {
    font-size: 1.6rem;
    margin-left: 0.5em;
  }
  /* ----------------------------- お知らせ詳細 */
  .single {
    padding: 60px 0;
  }
  .single .title {
    font-size: 1.6rem;
  }
  .single .date {
    font-size: 1.3rem;
  }
  .single .content {
    margin-top: 30px;
  }
  .single .control {
    margin-top: 40px;
  }
  .single .control .next a:before,
  .single .control .prev a:before {
    width: 10px;
    height: 10px;
  }
  .single .control .next a {
    padding-left: 15px;
  }
  .single .control .prev a {
    padding-right: 15px;
  }
  /* ----------------------------- 採用情報 */
  .recruit_block1 {
    padding: 60px 0;
  }
  .recruit_block1 ul li {
    font-size: 2rem;
  }
  .recruit_block1 .box {
    padding-top: 40px;
  }
  .recruit_block1 .box .detail {
    padding: 20px 0;
  }
  .recruit_block1 .box .detail h4 {
    font-size: 1.8rem;
  }
  .recruit_block1 .box .detail .read {
    margin-top: 5px;
  }
  .recruit_block1 .box table tr th {
    display: block;
    width: auto;
    padding: 20px 0 0;
    font-size: 1.6rem;
  }
  .recruit_block1 .box table tr td {
    display: block;
    padding: 10px 0 20px;
    font-size: 1.3rem;
  }
  .recruit_block2 {
    padding: 60px 0;
  }
  .recruit_block2 h3 {
    font-size: 2rem;
  }
  .recruit_block2 .box .wpcf7-form {
    padding-top: 60px;
  }
  .recruit_block2 .box table {
    width: 100%;
    font-size: 1.6rem;
  }
  .recruit_block2 .box table th {
    display: block;
    text-align: left;
    width: auto;
    padding: 10px 0 0;
  }
  .recruit_block2 .box table td {
    display: block;
    padding: 5px 0 10px;
  }
  .recruit_block2 .box table td input[type="text"],
  .recruit_block2 .box table td input[type="email"],
  .recruit_block2 .box table td input[type="tel"],
  .recruit_block2 .box table td textarea {
    padding: 15px;
    font-size: 1.4rem;
  }
  .recruit_block2 .box table td textarea {
    height: 120px;
  }
  .recruit_block2 .box table td .wpcf7-list-item {
    display: block;
    margin-right: 0;
  }
  .recruit_block2 .box table td .others_input {
    width: 200px;
    bottom: 10px;
    left: 5em;
  }
  .recruit_block2 .box table td .others_input input {
    padding: 5px;
  }
  .recruit_block2 .box .contact_btn {
    margin-top: 40px;
  }
  .recruit_block2 .box .contact_btn input {
    display: block;
    width: 280px;
    padding: 20px 0;
    margin: 0 auto 20px;
    font-size: 1.8rem;
  }
  .recruit_block2 .box .contact_btn input:last-child {
    margin-bottom: 0;
  }
  .recruit_block2 .read {
    margin-top: 40px;
  }
  /* ----------------------------- イベント情報 */
  .event {
    padding: 60px 0;
  }
  .event ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2%;
  }
  .event ul li {
    width: 49%;
    margin-bottom: 4%;
  }
  .event ul li .txt {
    margin-top: 10px;
  }
  .event ul li .txt .date {
    font-size: 1.3rem;
  }
  .event ul li .txt .title {
    font-size: 1.6rem;
  }
  /* ----------------------------- イベント情報詳細 */
  .single_event_block1 {
    padding: 60px 0;
  }
  .single_event_block1 .title {
    font-size: 2rem;
    text-align: left;
  }
  .single_event_block1 .date_place {
    font-size: 1.3rem;
    text-align: left;
    margin-top: 0;
  }
  .single_event_block1 .content {
    margin: 30px 0;
  }
  .single_event_block1 .inner {
    padding: 20px 5%;
    font-size: 1.3rem;
  }
  .single_event_block1 .incharge {
    padding: 20px 0;
  }
  .single_event_block1 .incharge .txt .fullname {
    font-size: 1.8rem;
  }
  .single_event_block1 .incharge .txt .managerial {
    font-size: 1.3rem;
  }
  .single_event_block2 {
    padding: 60px 0 20px;
  }
  .single_event_block2 .read {
    margin-top: 40px;
  }
  .single_event_block2 .inner {
    margin-top: 60px;
    padding: 20px 0;
    text-align: left;
    display: block;
  }
  .single_event_block2 .box .wpcf7-form {
    padding-top: 60px;
    margin-top: -45px;
  }
  .single_event_block2 .box table {
    width: 100%;
    font-size: 1.6rem;
  }
  .single_event_block2 .box table th {
    display: block;
    text-align: left;
    width: auto;
    padding: 10px 0 0;
  }
  .single_event_block2 .box table td {
    display: block;
    padding: 5px 0 10px;
  }
  .single_event_block2 .box table td input[type="text"],
  .single_event_block2 .box table td input[type="email"],
  .single_event_block2 .box table td input[type="tel"],
  .single_event_block2 .box table td textarea {
    padding: 15px;
    font-size: 1.4rem;
  }
  .single_event_block2 .box table td textarea {
    height: 120px;
  }
  .single_event_block2 .box table td .wpcf7-list-item {
    display: block;
    margin-right: 0;
  }
  .single_event_block2 .box table td .others_input {
    width: 200px;
    bottom: 10px;
    left: 5em;
  }
  .single_event_block2 .box table td .others_input input {
    padding: 5px;
  }
  .single_event_block2 .box .privacy_txt {
    margin-top: 30px;
    text-align: left;
  }
  .single_event_block2 .box .contact_btn {
    margin-top: 40px;
  }
  .single_event_block2 .box .contact_btn input {
    display: block;
    width: 280px;
    padding: 20px 0;
    margin: 0 auto 20px;
    font-size: 1.8rem;
  }
  .single_event_block2 .box .contact_btn input:last-child {
    margin-bottom: 0;
  }
  .single_event_block3 {
    padding: 40px 0;
  }
  /* ----------------------------- 住み手の声 */
  .voice_block1 {
    padding: 60px 0;
  }
  .voice_block1 .box1 {
    display: block;
  }
  .voice_block1 .box1 .txt {
    width: auto;
    padding-right: 3%;
  }
  .voice_block1 .box1 .txt .detail {
    max-width: 100%;
  }
  .voice_block1 .box1 .txt h3 {
    font-size: 1.8rem;
  }
  .voice_block1 .box1 .txt p {
    font-size: 1.3rem;
    margin-top: 10px;
  }
  .voice_block1 .box1 .img {
    width: 90%;
    margin-left: auto;
    margin-top: 20px;
  }
  .voice_block1 .box2 {
    display: block;
    margin-top: 20px;
  }
  .voice_block1 .box2 .img1 {
    width: 80%;
  }
  .voice_block1 .box2 .img2 {
    width: 80%;
    margin-top: 30px;
    margin-left: auto;
  }
  .voice_block2 {
    padding: 60px 0;
  }
  .voice_block2 .voice_slider li .txt .title {
    margin-top: 10px;
    font-size: 1.2rem;
    padding: 0 20px;
  }
  .voice_block2 .voice_slider .bx-wrapper .bx-controls-direction {
    top: -8px;
  }
  /* ----------------------------- 住み手の声詳細 */
  .single_voice {
    padding: 60px 0;
  }
  .single_voice .number {
    font-size: 1.3rem;
  }
  .single_voice .customer {
    font-size: 1.3rem;
  }
  .single_voice .title {
    font-size: 2rem;
    margin-top: 20px;
  }
  .single_voice .read {
    font-size: 1.3rem;
    margin-top: 10px;
  }
  .single_voice .box {
    margin-top: 40px;
  }
  .single_voice .box h3 {
    font-size: 1.8rem;
  }
  .single_voice .box p {
    font-size: 1.3rem;
    margin-top: 10px;
  }
  .single_voice .morelink {
    margin-top: 60px;
  }
  .single_voice .morelink a {
    padding: 25px 0;
  }
  .single_voice .btn1 {
    max-width: 200px;
    margin-top: 60px;
  }
  /* ----------------------------- 検索共通 */
  .search_tab .cate {
    display: block;
  }
  .search_tab .cate ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .search_tab .cate ul li {
    font-size: 1.3rem;
    padding: 0 0.8em;
  }
  .search_tab .cate ul li:last-child {
    border-right: 0;
  }
  .search_tab .cate .search_word {
    max-width: 210px;
    margin-top: 20px;
    margin-left: auto;
  }
  .search_tab .search_tag {
    padding: 10px 2%;
  }
  .search_tab .search_tag ul li {
    font-size: 1.3rem;
    line-height: 1.4em;
    padding: 0 0.4em;
  }
  /* ----------------------------- ブログ */
  .blog {
    padding: 60px 0;
  }
  .blog .search_tab {
    margin-bottom: 40px;
  }
  .blog .blog_box li a {
    display: block;
    padding: 20px 0;
  }
  .blog .blog_box li .inner1 {
    width: auto;
  }
  .blog .blog_box li .inner1 .tag {
    margin-top: 0;
  }
  .blog .blog_box li .inner1 .tag span {
    font-size: 1.3rem;
  }
  .blog .blog_box li .inner2 {
    width: auto;
    margin-top: 10px;
  }
  .blog .blog_box li .inner2 .title {
    font-size: 1.6rem;
  }
  .blog .blog_box li .inner2 .content {
    margin-top: 0;
    font-size: 1.3rem;
  }
  .blog .blog_box .pagination {
    margin-top: 40px;
  }
  /* ----------------------------- ブログ詳細 */
  .single_blog {
    padding: 60px 0;
  }
  .single_blog .inner {
    display: block;
  }
  .single_blog .inner .title {
    width: auto;
    font-size: 2rem;
  }
  .single_blog .inner .date {
    width: auto;
    font-size: 1.3rem;
  }
  .single_blog .tag1 {
    font-size: 1.3rem;
  }
  .single_blog .content {
    margin: 30px 0 50px;
  }
  .single_blog .tag2 {
    padding: 10px 0;
    font-size: 1.3rem;
  }
  .single_blog .incharge {
    padding: 20px 0;
  }
  .single_blog .incharge .txt .fullname {
    font-size: 1.8rem;
  }
  .single_blog .incharge .txt .managerial {
    font-size: 1.3rem;
  }
  .single_blog .control {
    margin-top: 40px;
  }
  /* ----------------------------- 施工事例 */
  .gallery {
    padding: 60px 0;
  }
  .gallery .search_tab {
    margin-bottom: 40px;
  }
  .gallery .gallery_box li {
    width: 49%;
    margin-bottom: 30px;
  }
  .gallery .gallery_box li .txt .owner {
    font-size: 1.3rem;
    color: #737373;
  }
  .gallery .gallery_box li .txt .title {
    font-size: 1.7rem;
    line-height: 1.2em;
  }
  .gallery .gallery_box .pagination {
    margin-top: 60px;
  }
  /* ----------------------------- 施工事例詳細 */
  .single_gallery {
    padding: 60px 0;
  }
  .single_gallery .inner {
    display: block;
  }
  .single_gallery .inner .title {
    width: auto;
    font-size: 2rem;
  }
  .single_gallery .inner .owner {
    width: auto;
    font-size: 1.3rem;
    text-align: left;
  }
  .single_gallery .main_img {
    margin-top: 20px;
  }
  .single_gallery .read {
    margin-top: 20px;
  }
  .single_gallery .gallery_slider {
    margin-top: 30px;
  }
  .single_gallery .gallery_slider .slick-list .slick-slide {
    padding: 0 5px;
  }
  .single_gallery .gallery_slider .slick-list .slick-slide img {
    height: 200px;
  }
  .single_gallery .gallery_slider .slider_control {
    margin-top: 10px;
  }
  .single_gallery .gallery_slider .slider_control .count {
    font-size: 1.3rem;
  }
  .single_gallery .detail {
    margin-top: 40px;
    padding: 30px 0;
    font-size: 1.7rem;
  }
  .single_gallery .detail .remarks {
    margin-top: 10px;
    line-height: 1.8em;
  }
  .single_gallery .tag {
    padding: 10px 0;
    font-size: 1.3rem;
  }
  .single_gallery .incharge {
    padding: 20px 0;
  }
  .single_gallery .incharge .txt .fullname {
    font-size: 1.8rem;
  }
  .single_gallery .incharge .txt .managerial {
    font-size: 1.3rem;
  }
  .single_gallery .control {
    margin-top: 40px;
  }
  /* ----------------------------- 気密測定実績 */
  .airtight_block1 {
    padding: 60px 0;
  }
  .airtight_block1 ul {
    display: block;
    margin-top: 60px;
  }
  .airtight_block1 ul li {
    width: auto;
    margin-bottom: 60px;
  }
  .airtight_block1 ul li h3 {
    font-size: 1.6rem;
  }
  /* ----------------------------- フッター */
  .footer {
    padding: 40px 3% 70px;
  }
  .footer .box1 {
    display: block;
  }
  .footer .box1 .logo {
    width: 270px;
    margin: 0 auto;
  }
  .footer .box1 .address {
    margin-left: 0;
    text-align: center;
    margin-top: 10px;
  }
  .footer .box2 {
    margin-top: 20px;
    display: block;
  }
  .footer .box2 ul li {
    margin-right: 0.8em;
  }
  .footer .box2 ul li a {
    font-size: 1.3rem;
  }
  .footer .box2 ul li:last-child {
    margin-right: 0;
  }
  .footer .box2 .sitemap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer .box2 .sns {
    margin-top: 10px;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
}
/*# sourceMappingURL=style-sp.css.map */