@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%;
  }
  .company_block2 .box .inner .detail .sub_img {
    width: 100%;
  }
  .company_block2 .box .inner1 .detail .sub_img {
    right: 0;
  }
  .company_block2 .box .inner2 .detail .sub_img {
    left: 0;
  }
  .company_block2 .box .inner3 .detail .sub_img {
    right: 0;
  }
}

@media screen and (min-width: 769px) and (max-width: 1300px) and (min-width: 769px) and (max-width: 1024px) {
  .mv {
    padding-top: 10vw;
  }
  .mv .img {
    height: 500px;
  }
  .mv .mv_slider li {
    height: 500px;
  }
  .case ul li .img img {
    max-height: 18vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 1300px) and (min-width: 769px) and (max-width: 820px) {
  .company_block3 .box1 .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .company_block3 .box1 .txt {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .company_block3 .box1 .img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    position: static;
    width: 40%;
  }
}

@media screen and (max-width: 1024px) {
  /* ----------------------------- ヘッダー */
  .header {
    width: 100%;
    padding: 20px 3%;
    background: #f9faf8;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .logo {
    width: 240px;
  }
  /* ----------------------------- ナビ */
  .nav_btn {
    width: 30px;
    height: 20px;
    position: relative;
    display: block;
  }
  .nav_btn span {
    display: block;
    width: 100%;
    height: 2px;
    background: #c2beae;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .nav_btn .line1 {
    top: 0;
  }
  .nav_btn .line2 {
    top: 9px;
  }
  .nav_btn .line3 {
    bottom: 0;
  }
  .nav_btn.close_btn .line1 {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 9px;
  }
  .nav_btn.close_btn .line2 {
    opacity: 0;
  }
  .nav_btn.close_btn .line3 {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    bottom: 10px;
  }
  .nav {
    width: 100%;
    display: block;
    background: #f9faf8;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px 5% 30px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
  }
  .nav .gnav {
    width: auto;
    display: block;
  }
  .nav .gnav li {
    text-align: center;
    margin-bottom: 10px;
  }
  .nav .gnav li:last-child {
    margin-bottom: 0;
  }
  .nav .gnav li .sub_menu {
    width: auto;
    padding: 0;
    background: none;
    position: static;
    opacity: 1;
    visibility: visible;
  }
  .nav .gnav li .sub_menu span a {
    font-size: 1.3rem;
  }
  .nav .sns {
    width: 155px;
    margin: 20px auto 0;
  }
  .menu {
    display: none;
  }
}

/******** スマホ *********/
@media screen and (max-width: 768px) {
  /* ----------------------------- 全体 */
  body {
    -webkit-text-size-adjust: 100%;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .inline_pc {
    display: none;
  }
  .inline_sp {
    display: inline;
  }
  /* ----------------------------- 共通 */
  .wrap {
    width: 90%;
  }
  .wrap1000 {
    width: 90%;
  }
  .wrap900 {
    width: 90%;
  }
  .wrap800 {
    width: 90%;
  }
  .wrap700 {
    width: 90%;
  }
  /* ----------------------------- タイトル */
  /* ----------------------------- ボタン */
  .btn1 a:after {
    width: 40px;
    height: 40px;
    margin-left: 10px;
  }
  .btn2 {
    width: 320px;
  }
  .btn2 a {
    padding: 20px 0;
  }
  .btn2 a:after {
    width: 25px;
    height: 21px;
    right: 4%;
  }
  /* ----------------------------- 投稿詳細共通 */
  .control {
    max-width: 160px;
  }
  /* ----------------------------- フォーム共通 */
  .form_box table th {
    display: block;
    width: auto;
    padding: 10px 0 0;
  }
  .form_box table td {
    display: block;
    padding: 5px 0 10px;
  }
  .form_box table td input[type="text"],
  .form_box table td input[type="email"],
  .form_box table td input[type="tel"],
  .form_box table td select,
  .form_box table td textarea {
    padding: 10px;
  }
  .form_box .privacy_txt {
    padding-left: 0;
  }
  .form_box .contact_btn input {
    width: 320px;
    background-size: 25px;
    padding: 20px 0;
  }
  /* ----------------------------- パンくずリスト */
  .pan {
    padding: 10px 0;
    margin-top: 60px;
  }
  /* ----------------------------- メインビジュアル */
  .mv {
    padding-top: 100px;
  }
  .mv h2 {
    font-size: 2rem;
    line-height: 1.8em;
    margin-bottom: 20px;
    padding: 0 5%;
  }
  .mv .img {
    height: 360px;
  }
  .mv .mv_slider li {
    height: 360px;
  }
  /* ----------------------------- トップ */
  .top_block1 .box {
    display: block;
  }
  .top_block1 .box .inner {
    width: auto;
    display: block;
  }
  .top_block1 .box .inner .img {
    width: auto;
    margin-top: 30px;
    height: 380px;
    overflow: hidden;
    position: relative;
  }
  .top_block1 .box .inner .img img {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
  }
  .top_block1 .box .inner .txt {
    width: auto;
    margin-top: 20px;
  }
  .top_block1 .box .inner .txt p {
    line-height: 1.8em;
  }
  .top_block1 .box .inner .txt .btn1 {
    margin-top: 20px;
    text-align: center;
  }
  .top_block2 ul {
    margin-top: 30px;
    display: block;
  }
  .top_block2 ul li {
    width: auto;
    border-right: 0;
    border-bottom: 1px solid #e2e0d8;
  }
  .top_block2 ul li:last-child {
    border-bottom: 0;
  }
  .top_block2 ul li .txt {
    background: rgba(226, 224, 216, 0.5);
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .top_block2 .btn1 {
    margin-top: 40px;
  }
  .top_block3 .voice_list {
    margin-top: 30px;
  }
  .top_block3 .btn1 {
    margin-top: 40px;
  }
  .top_block4 ul {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .top_block4 ul li {
    width: 48%;
    margin-right: 4%;
  }
  .top_block4 ul li:nth-child(2) {
    margin-right: 0;
  }
  .top_block4 ul li:last-child {
    margin-right: 0;
    display: none;
  }
  .top_block4 ul li .txt {
    padding: 5%;
  }
  .top_block4 .btn1 {
    margin-top: 40px;
  }
  .top_block5 ul {
    margin-top: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .top_block5 ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 5%;
  }
  .top_block5 ul li:nth-child(2n) {
    margin-right: 0;
  }
  .top_block5 ul li .txt {
    margin-top: 10px;
  }
  .top_block5 .btn1 {
    margin-top: 40px;
  }
  .top_block6 ul {
    margin-top: 30px;
  }
  .top_block6 ul li:last-child {
    margin-bottom: 0;
  }
  .top_block6 ul li a {
    padding: 7% 5%;
  }
  .top_block6 ul li .illust {
    margin: 0 auto;
  }
  .top_block6 ul li h4 {
    margin: 10px 0 20px;
    /*display: flex;
				justify-content: center;
				align-items: center;*/
  }
  .top_block6 ul .craft_construction .illust {
    width: 100px;
  }
  .top_block6 ul .craft_reform .illust {
    width: 70px;
  }
  .top_block7 .box {
    display: block;
    margin-top: 30px;
  }
  .top_block7 .box .img {
    width: 90%;
    margin-left: auto;
    position: relative;
    right: -6%;
  }
  .top_block7 .box .txt {
    margin-top: 20px;
  }
  .top_block7 .box .txt p {
    line-height: 1.8em;
  }
  .top_block7 .box .txt .btn1 {
    margin-top: 40px;
    text-align: center;
  }
  .top_block8 .information_list {
    margin-top: 30px;
  }
  .top_block8 .btn1 {
    margin-top: 40px;
  }
  .top_block9 .box {
    display: block;
    margin-top: 30px;
  }
  .top_block9 .box .icon {
    width: auto;
  }
  .top_block9 .box .txt {
    margin-top: 20px;
  }
  .top_block9 .box .txt p {
    line-height: 1.8em;
  }
  .top_block9 .box .txt .btn1 {
    margin-top: 40px;
    text-align: center;
  }
  /* ----------------------------- 家づくりの想い */
  .concept_block1 .box .inner {
    display: block;
  }
  .concept_block1 .box .txt p {
    line-height: 1.8em;
    margin-top: 40px;
  }
  .concept_block1 .box1 {
    padding-top: 0;
  }
  .concept_block1 .box1 .txt {
    width: auto;
  }
  .concept_block1 .box1 .img {
    width: 55%;
    margin-left: auto;
    margin-top: 40px;
  }
  .concept_block1 .box2 .txt {
    width: auto;
  }
  .concept_block1 .box2 .txt p {
    margin-top: 0;
  }
  .concept_block1 .box2 .img {
    width: auto;
    margin-top: 40px;
    position: static;
  }
  .concept_block1 .box3 {
    margin-top: 0;
  }
  .concept_block1 .box3 .img {
    width: auto;
    position: static;
    margin-top: 40px;
  }
  .concept_block1 .box3 .img img:nth-child(2) {
    margin: 10px 10px 0 0;
  }
  .concept_block1 .box3 .img img:nth-child(3) {
    margin-top: 10px;
  }
  .concept_block1 .box4 {
    margin-top: 0;
  }
  .concept_block1 .box4 .txt {
    width: auto;
  }
  .concept_block1 .box4 .img {
    width: auto;
    margin-top: 40px;
    position: static;
  }
  .concept_block1 .box5 .img {
    width: 65%;
    margin-top: 40px;
    margin-left: auto;
  }
  /* ----------------------------- リフォーム・リノベーション */
  .reform_block1 .box .inner {
    display: block;
  }
  .reform_block1 .box .txt p {
    line-height: 1.8em;
    margin-top: 40px;
  }
  .reform_block1 .box1 {
    padding-top: 0;
  }
  .reform_block1 .box1 .txt {
    width: auto;
  }
  .reform_block1 .box1 .img {
    width: 55%;
    margin-left: auto;
    margin-top: 40px;
  }
  .reform_block1 .box2 {
    height: auto;
    padding-top: 0;
  }
  .reform_block1 .box2 .img {
    width: 85%;
    position: static;
    margin-top: 40px;
  }
  .reform_block1 .box3 .img {
    width: 85%;
    position: static;
    margin-left: auto;
    margin-top: 40px;
  }
  .reform_block1 .box4 .img {
    width: 90%;
    position: static;
    margin-top: 40px;
  }
  .reform_block2 ul {
    margin-top: 40px;
    gap: 4%;
  }
  .reform_block2 ul li {
    width: 48%;
    margin-bottom: 30px;
  }
  .reform_block2 ul li .txt {
    margin-top: 10px;
  }
  .reform_block2 ul li .txt p {
    margin-top: 5px;
    font-size: 1.3rem;
    line-height: 1.6em;
  }
  .reform_block3 .wrap {
    width: auto;
  }
  .reform_block3 .c_tit1 {
    padding: 0 3%;
  }
  .reform_block3 ul {
    margin-top: 40px;
  }
  .reform_block3 ul li {
    padding: 25px 3%;
    display: block;
  }
  .reform_block3 ul li h4 {
    min-width: auto;
    margin-right: 0;
  }
  .reform_block3 ul li p {
    margin-top: 5px;
  }
  /* ----------------------------- 新築 */
  .construction_block1 .box .inner {
    display: block;
  }
  .construction_block1 .box .txt p {
    line-height: 1.8em;
    margin-top: 40px;
  }
  .construction_block1 .box1 {
    padding-top: 0;
  }
  .construction_block1 .box1 .txt {
    width: auto;
  }
  .construction_block1 .box1 .img {
    width: 55%;
    margin-top: 40px;
  }
  .construction_block1 .box2 {
    height: auto;
    padding-top: 0;
  }
  .construction_block1 .box2 .img {
    width: 85%;
    position: static;
    margin-top: 40px;
    margin-left: auto;
  }
  .construction_block1 .box3 .txt {
    width: auto;
  }
  .construction_block1 .box3 .img {
    width: auto;
    position: static;
    margin-left: auto;
    margin-top: 20px;
  }
  .construction_block1 .box3 .img1 {
    width: 45%;
    margin-top: 40px;
    margin-left: auto;
  }
  .construction_block1 .box3 .img2 {
    width: 75%;
    margin-top: 40px;
  }
  .construction_block1 .box4 .img {
    width: 85%;
    position: static;
    margin-top: 20px;
    margin-left: auto;
  }
  .construction_block2 ul {
    margin-top: 40px;
    gap: 4%;
  }
  .construction_block2 ul li {
    width: 48%;
    margin-bottom: 30px;
  }
  .construction_block2 ul li .txt {
    margin-top: 10px;
  }
  .construction_block2 ul li .txt p {
    margin-top: 5px;
  }
  .construction_block3 .wrap {
    width: auto;
  }
  .construction_block3 .c_tit1 {
    padding: 0 3%;
  }
  .construction_block3 ul {
    margin-top: 40px;
  }
  .construction_block3 ul li {
    padding: 25px 3%;
    display: block;
  }
  .construction_block3 ul li h4 {
    min-width: auto;
    margin-right: 0;
  }
  .construction_block3 ul li p {
    margin-top: 5px;
  }
  /* ----------------------------- 私たちについて */
  .company_block1 .box .inner {
    padding-bottom: 40px;
  }
  .company_block1 .box .inner .txt {
    width: auto;
  }
  .company_block1 .box .inner .txt p {
    font-size: 1.22rem;
    line-height: 1.8em;
    margin-top: 40px;
  }
  .company_block1 .box .inner .img1 {
    width: 80%;
    position: static;
    margin: 40px auto 0;
  }
  .company_block1 .box .img2 {
    width: 25%;
  }
  .company_block1 .box .img3 {
    margin-top: -50px;
    width: 49%;
  }
  .company_block2 .box .inner {
    display: block;
  }
  .company_block2 .box .inner h3 {
    text-align: center;
  }
  .company_block2 .box .inner .detail {
    width: auto;
  }
  .company_block2 .box .inner .detail .main_img {
    width: 80%;
    margin: 0 auto;
  }
  .company_block2 .box .inner .detail .intelligence {
    margin-top: 40px;
    margin-bottom: 50px;
  }
  .company_block2 .box .inner .detail .intelligence .position {
    margin-bottom: 10px;
  }
  .company_block2 .box .inner .detail .sub_img {
    width: 100%;
  }
  .company_block2 .box .inner .detail .sub_img.pc {
    display: none;
  }
  .company_block2 .box .inner .detail .sub_img.sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .company_block2 .box .inner .txt {
    width: auto;
    margin-top: 40px;
  }
  .company_block2 .box .inner .txt ul {
    margin-top: 20px;
  }
  .company_block2 .box .inner .txt ul li {
    margin-bottom: 20px;
  }
  .company_block2 .box .inner .txt ul li p {
    margin-top: 5px;
  }
  .company_block2 .box .inner1 .detail .sub_img {
    right: 0;
  }
  .company_block2 .box .inner1 .detail .sub_img .img1 {
    width: 27%;
  }
  .company_block2 .box .inner1 .detail .sub_img .img2 {
    width: 48%;
  }
  .company_block2 .box .inner2 .detail .sub_img {
    left: 0;
    margin-left: auto;
  }
  .company_block2 .box .inner2 .detail .sub_img .img1 {
    width: 30%;
    margin-top: 10%;
  }
  .company_block2 .box .inner2 .detail .sub_img .img2 {
    width: 48%;
  }
  .company_block2 .box .inner3 .detail .sub_img {
    right: 0;
  }
  .company_block2 .box .inner3 .detail .sub_img .img1 {
    width: 48%;
  }
  .company_block2 .box .inner3 .detail .sub_img .img2 {
    width: 30%;
    margin-top: 10%;
  }
  .company_block2 .box .inner4 .detail .sub_img .img1 {
    width: 48%;
    margin-top: 10%;
  }
  .company_block2 .box .inner4 .detail .sub_img .img2 {
    width: 30%;
  }
  .company_block3 .box1 .txt {
    width: auto;
    margin-left: 0;
  }
  .company_block3 .box1 .txt table {
    width: 100%;
    margin-top: 20px;
  }
  .company_block3 .box1 .txt table tr th {
    width: 80px;
  }
  .company_block3 .box1 .img {
    width: auto;
    position: static;
    margin-top: 30px;
  }
  .company_block3 .box2 {
    margin-top: 60px;
  }
  .company_block3 .box2 .map {
    margin-top: 20px;
  }
  .company_block3 .box2 .map iframe {
    height: 50vw;
  }
  /* ----------------------------- 施工事例 */
  .case .read {
    line-height: 1.8em;
    margin-top: 40px;
  }
  .case ul {
    gap: 4%;
  }
  .case ul li {
    width: 48%;
    margin-bottom: 8%;
  }
  .case ul li .img img {
    max-height: 30vw;
  }
  .case ul li .txt {
    margin-top: 10px;
  }
  .case ul li .txt .title {
    line-height: 1.4em;
  }
  /* ----------------------------- 施工事例詳細 */
  .single_case {
    padding: 40px 5%;
  }
  .single_case .btn a {
    letter-spacing: 0.1em;
  }
  .single_case .btn a:after {
    margin-left: 3%;
  }
  /* ----------------------------- お客様の声 */
  .voice_list li a {
    padding: 20px 0;
  }
  .voice_list li a:after {
    width: 35px;
    height: 35px;
    right: 0;
  }
  .voice_list li .img {
    width: 45%;
  }
  .voice_list li .txt {
    width: 55%;
    padding-left: 3%;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .voice_list li .txt .title {
    font-size: 1.4rem;
    line-height: 1.6em;
  }
  .voice_list li .txt .date {
    font-size: 1.1rem;
  }
  .voice .read {
    line-height: 1.8em;
    margin-top: 40px;
  }
  /* ----------------------------- お客様の声詳細 */
  .single_voice .detail {
    display: block;
  }
  .single_voice .detail .txt {
    width: auto;
  }
  .single_voice .detail .txt .read {
    line-height: 1.8em;
  }
  .single_voice .detail .main_img {
    width: auto;
    margin: 20px auto 0;
  }
  .single_voice .detail.vertical .main_img {
    width: 60%;
  }
  /* ----------------------------- イベント */
  .event ul {
    gap: 4%;
  }
  .event ul li {
    width: 48%;
    margin-bottom: 8%;
  }
  .event ul li .txt {
    margin-top: 10px;
  }
  .event ul li .txt .title {
    line-height: 1.4em;
  }
  /* ----------------------------- イベント詳細 */
  .single_event_block2 .read {
    line-height: 1.8em;
    margin-top: 40px;
  }
  .single_event_block2 .form_box table td .date_time {
    display: block;
  }
  .single_event_block2 .form_box table td .month_day {
    margin-right: 0;
    margin-bottom: 1em;
  }
  /* ----------------------------- お知らせ */
  .information_list li .title {
    margin-left: 1em;
  }
  /* ----------------------------- コラム */
  .column .box {
    display: block;
  }
  .column .box .txt {
    width: auto;
  }
  .column .box .txt .read {
    line-height: 1.8em;
    margin-top: 40px;
  }
  .column .box .img {
    width: auto;
    margin-top: 40px;
  }
  .column .tag_list {
    display: block;
  }
  .column .tag_list ul {
    margin-left: 0;
  }
  .column .tag_list ul li {
    margin-right: 0.5em;
  }
  .column .tag_list ul li:after {
    margin-left: 0.5em;
  }
  .column .column_list li a {
    padding: 20px 0;
  }
  .column .column_list li a:after {
    width: 35px;
    height: 35px;
    right: 0;
  }
  .column .column_list li .img {
    width: 45%;
  }
  .column .column_list li .txt {
    width: 55%;
    padding-left: 3%;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .column .column_list li .txt .title {
    font-size: 1.4rem;
    line-height: 1.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .column .column_list li .txt .date {
    font-size: 1.1rem;
  }
  .column .column_list li .txt .tag {
    margin-top: 0;
  }
  .column .column_list li .txt .tag span {
    margin-right: 0.5em;
  }
  .column .column_list li .txt .tag span:after {
    margin-left: 0.5em;
  }
  /* ----------------------------- よくある質問 */
  .faq_block1 .box {
    display: block;
  }
  .faq_block1 .box .txt {
    width: auto;
  }
  .faq_block1 .box .txt .read {
    line-height: 1.8em;
    margin-top: 40px;
  }
  .faq_block1 .box .img {
    width: auto;
    margin-top: 40px;
  }
  .faq_block1 .list h4 {
    padding-right: 2em;
  }
  /* ----------------------------- お問い合わせ・資料請求 */
  .contact_block1 .box {
    display: block;
  }
  .contact_block1 .box .txt {
    width: auto;
  }
  .contact_block1 .box .img {
    width: auto;
    margin-top: 40px;
  }
  .contact_block1 .read {
    line-height: 1.8em;
    margin-top: 40px;
  }
  .contact_block2 .form_box table td .inner {
    /*.img{
						width: auto;
					}*/
  }
  .contact_block2 .form_box table td .inner .txt p {
    line-height: 1.8em;
  }
  .contact_block2 .form_box table td input[name="post1"],
  .contact_block2 .form_box table td input[name="post2"] {
    width: 100px;
  }
  .contact_block2 .form_box table td input[name="prefectures"] {
    width: 48%;
    margin-top: 10px;
  }
  .contact_block2 .form_box table td input[name="municipality"] {
    width: 48%;
    margin-top: 10px;
  }
  .contact_block2 .form_box table td input[name="street"] {
    margin: 10px 0;
  }
  /* ----------------------------- 送信完了 */
  .thanks_block1 .read {
    line-height: 1.8em;
  }
  /* ----------------------------- フッター */
  .recommend .img {
    width: 50%;
  }
  .recommend .img img {
    width: 100%;
  }
  .recommend .txt {
    width: 45%;
  }
  .recommend .txt p {
    font-size: 1.3rem;
    line-height: 1.6em;
  }
  .recommend .txt .icon {
    margin-top: 10px;
  }
  .recommend .txt .icon a {
    font-size: 1rem;
  }
  .recommend .txt .icon span {
    margin-right: 0.5em;
  }
  .recommend .txt .icon img {
    width: 30px;
  }
  .induction_contact {
    padding: 60px 0;
  }
  .induction_contact .read {
    margin-top: 20px;
    font-size: 1.4rem;
    line-height: 1.6em;
  }
  .induction_contact .btn2 {
    margin-top: 30px;
  }
  .footer {
    padding: 40px 0 10px;
  }
  .footer .box {
    display: block;
  }
  .footer .box .inner {
    max-width: 100%;
  }
  .footer .box .inner .logo {
    width: 280px;
    margin: 0 auto;
  }
  .footer .box .inner p {
    text-align: center;
  }
  .footer .box .inner .btn {
    width: 260px;
    margin: 20px auto 0;
  }
  .footer .box .inner .btn a:after {
    width: 30px;
    height: 30px;
  }
  .footer .box .sns {
    margin: 20px auto 0;
  }
  .footer .copy {
    font-size: 1.1rem;
    text-align: center;
    margin-top: 40px;
  }
}
/*# sourceMappingURL=style-sp.css.map */