@charset "utf-8";
/*
Theme Name:mrp-child
Template:mrp
Version: 1.0.0
*/
/*
DesignCode CSS: ver 0.01
*/
/*------------------------------------------------------
Theme Material
------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&family=Oswald:wght@200..700&display=swap" rel="stylesheet');
:root {
    --color-font: #333333;
    --header-color-primary: #EF8200;
    --color-primary: #EF8200;
    --color-primary-tint: #363433;
    --ff01: 'Noto Sans JP', sans-serif;
    --ff02: "Oswald", sans-serif;
	/*------▼clampバリエーション設定▼------*/
    --clamp-10: clamp(5px, 0.52vw, 10px);
    --clamp-14: clamp(7px, 0.73vw, 14px);
    --clamp-20: clamp(10px, 1.04vw, 20px);
    --clamp-30: clamp(15px, 1.56vw, 30px);
    --clamp-40: clamp(20px, 2.08vw, 40px);
    --clamp-60: clamp(30px, 3.13vw, 60px);
    --clamp-80: clamp(40px, 4.17vw, 80px);
    --clamp-100: clamp(60px, 5.42vw, 100px);
    --clamp-120: clamp(60px, 6.25vw, 120px);
    --clamp-150: clamp(76px, 7.92vw, 150px);
    --clamp-200: clamp(100px, 10.42vw, 200px);
}
/* フッター */

.fixed {
    position: fixed;
    right: 0vw;
    bottom: 0vw;
    display: flex;
    width: clamp(200px, 20vw, 381px);
    z-index: 100;
}
a.footer02:hover {
    opacity: 0.7;
}
.footer_logo img {
    width: 12vw;
    min-width: 160px;
}
.bg_img.bg_footer {
    background: #363433;
    padding: 5rem 0;
}

p.footer01 {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

a.footer02 {
    margin-bottom: 2rem;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    transition: .3s;
}

a.footer02 span {
    display: block;
    font-weight: 700;
    font-style: italic;
    line-height: 1.5;
    font-size: clamp(30px, 2.6vw, 49px);
}
/* 工事の流れ */

.cFlow002 a.linkBtn {
    margin: 0;
    background: transparent;
    color: #363433;
    border: 2px solid #363433;
    margin-top: 1rem;
}

::after {}

.cFlow002 a.linkBtn::after {
    background: #363433;
}
/* ----------
 * cFlow002
-------------*/
.cFlow002__content {
    counter-reset: number 0;
    width: 100%;
}
.cFlow002__item {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 4rem;
}
.cFlow002__item::after {
    content: "";
    position: absolute;
    border-top: 2rem solid #EF8200;
    border-right: 2rem solid transparent;
    border-left: 2rem solid transparent;
    left: 50%;
    bottom: -2rem;
    transform: translateX(-50%);
}
/* 打消 */
.cFlow002__item:last-child::after {
    display: none;
}
.cFlow002__item:last-child {
    margin: 0;
}
.cFlow002__num, 
.cFlow002__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cFlow002__num {
    position: relative;
    width: min(10%, 140px);
    text-align: center;
    align-items: center;
    background: #363433;
    padding: min(5%, 25px);
    border-radius: 5px 0 0 5px;
}
.cFlow002__num span {
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    line-height: 1;
}
.cFlow002__num span::after {
    display: block;
    counter-increment: number 1;
    content: "0" counter(number);
    font-size: 2em;
    font-weight: bold;
    line-height: 1.2;
}
.cFlow002__text {
    width: calc(100% - min(10%, 140px));
    padding: min(5%, 40px);
    background: #FAFAFA;
    border-radius: 0 5px 5px 0;
}
@media print, screen and (max-width: 769px) {
    .cFlow002__item {
        flex-direction: column;
    }
    .cFlow002__num, 
    .cFlow002__text {
        width: 100%;
    }
    .cFlow002__num {
      border-radius: 5px 5px 0 0;
      padding: 1em;
    }
    .cFlow002__text {
      border-radius: 0 0 5px 5px ;
    }
}

/* ----------
 * btn
-------------*/
.btn__container {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    flex-wrap: wrap;
}
.btn__container .btn {
    margin: 0;
}
.btn {
    position: relative;
    display: block;
    transition: .5s;
    color: #2D5AC7;
    background: #FFF;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.5;
    padding: .7em 1.5em;
    width: 90%;
    max-width: 240px;
    text-align: center;
    border-radius: 30px;
    border: 2px solid;
	  margin: auto;
}
@media print, screen and (max-width: 769px) {}
/* テーブル */
.table-item.ex tr td {
    padding: 5px 3%;
}
.table-item tr td {
    font-size: 16px;
    font-weight: 500;
    padding: 25px 3%;
    vertical-align: middle;
    border-bottom: 1px solid #C6C6C6 !i;
    !;
    line-height: 2;
}

.table-item td.cell_01 {
    width: 25%;
    background: #F8F8F8;
    border-left: 0px solid #C6C6C6;
}
.table-item td.cell_02 {
    border-right: 0px solid #C6C6C6;
}
.table-item tr.head td {
  border-top: 0px solid #C6C6C6;
}

@media print, screen and (min-width: 769px) {

}
@media print, screen and (max-width: 768px) {
.table-item tr td {
    display: block;
    width: 100% !important;
}

.table-item td.cell_02 {
    text-align: center;
}
  
}
/*  よくある質問*/
.w32 {
    width: 32%;
}

.mb {
    margin-bottom: 2rem;
}
a.linkBtn.ex {
    max-width: 307px;
}
p.accordion__text {
    margin-bottom: 5rem;
}
span.mark {
    color: #EF8200;
    font-weight: 700;
    margin-right: 3rem;
    font-size: clamp(18px, 1.5vw, 28px);
}
/* 設備工事 */
h2.txt_c.gallery-title {
    font-size: clamp(20px, 1.5vw, 28px);
}
.dog-icon img {
    width: 5vw;
    margin-bottom: 1em;
    min-width: 50px;
}
h2.lower_title.undderline {
    width: 50%;
    margin-bottom: 2rem;
}

p.px22bold {
    font-weight: 700;
    margin-bottom: 2rem;
    font-size: clamp(18px, 1.2vw, 22px);
}

p.px33bold {
    font-style: italic;
    font-weight: 700;
    margin-bottom: 2rem;
    font-size: clamp(22px, 1.8vw, 33px);
}

.table-item table, .table-item table th, .table-item table td {
    border-width: 0px;
}
div#service01 {
    padding-top: 80px;
    margin-top: -80px;
}
div#service02 {
    padding-top: 80px;
    margin-top: -80px;
}
div#service03 {
    padding-top: 80px;
    margin-top: -80px;
}
div#service04 {
    padding-top: 80px;
    margin-top: -80px;
}
div#service05 {
    padding-top: 80px;
    margin-top: -80px;
}
div#service06 {
    padding-top: 80px;
    margin-top: -80px;
}
.post .time {
    display: block;
    text-align: left;
}
.sc_geneleted_list {
    padding-top: 3rem;
}
h1.title.first span span {
    font-weight: 600;
    font-family: var(--ff02);
    font-size: clamp(20px, 1.7vw, 32px);
}

h1.title.first span {
    display: block;
    font-weight: 700;
    font-size: clamp(30px, 2.2vw, 42px);
}

#thumbImg::before, header#h1Header::before {
    background: #363433;
    opacity: 0.46;
}

h2.lower_title {
    font-weight: 700;
    text-align: left;
    border-bottom: 1.5px solid #EC6300;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    font-size: clamp(20px, 1.5vw, 28px);
}

span.lower_title {
    isolation: revert;
    display: block;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--ff02);
    font-size: 14px;
}

body p {
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
}
/* オリジナル */
.w45 {
    width: 45%;
}
.jc_around {
    justify-content: space-around;
}
.mb20 {
    margin-bottom: 20rem !important;!i;!;
}
.w48 {
    width: 48%;
}
/* 投稿欄 */
p.time.cat-news.first {
    border-radius: 5px;
}
.postlist li:first-child {
    border-top: none;
}
.postlist li {
    border-bottom: 1px dashed #ccc;
}
.max_w1100 {
    width: 90%;
}
footer#footer {
    background: #363433;
    padding: 1vw 0;
}
div#copyright {
    background: #363433;
    margin: 0;
}
/* メニュー右上の色・hover時も */

#header a.head_btn.mail_btn:hover {
    background: #EF8200;
    opacity: 0.7;
}
/*お問い合わせページのボタンの色  */
.linkBtn, .post .linkBtn {
    background: #62A7BD;
}
.linkBtn:hover, .post .linkBtn:hover {
    background: #62A7BD;
    opacity: 0.7;
}
/* お問い合わせページのフッターを消す */
.page-id-21 .comon_footer {
    display: none;
}
/* flexbox */
.flexbox {
    flex-wrap: wrap;
}
/* 投稿詳細ページのフォントサイズ */
body.single-post h1.title.first span {
    font-size: clamp(18px, 1.6vw, 30px);
}
/* お問い合わせページのボタンデザイン */
body.page-id-21 .linkBtn, .post .linkBtn {
    padding: 0.5em 2.5em 0.5em 2.5em;
}
body.page-id-21 .post .subimitarea .linkBtn input[type="submit"] {
    padding: 20px 0;
}
/* 投稿欄の背景の色を消す */
#front_top_content, #front_bottom_content {
    background: transparent;
}
/* h3の下線を消す、左右と下のpaddingを消す、marginを消す*/
.post h3 {
    border-bottom: none;
    padding: 0;
    margin: 0;
}
/* h2のmarginを消す */
.post h2 {
    margin: 0;
}
/* h2の下線を消す */
.post h2::after {
    display: none;
}
.max_contents {
    width: 100vw;
    margin-left: calc(((100vw - 100%) / 2)* -1);
    margin-right: calc(((100vw - 100%) / 2)* -1);
}
.mxauto {
    margin: 0 auto;
}
.bg_img {
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
/*よくある質問  */
p.underline {
    font-weight: 700;
    border-bottom: 1px solid #EF8200;
    display: inline-block;
    font-size: clamp(18px, 1.2vw, 22px);
}

p.page_tel-number {
    font-weight: 700;
    font-style: italic;
    font-size: clamp(25px, 1.8vw, 33px);
}
a.flow_tel {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: .3s;
}

a.flow_tel:hover {
    opacity: 0.7;
}
/*--アコーディオン開閉-------------------------------------------------------------------*/
.accordion {
  margin-bottom: 1rem;
}
.accordion__summary {
  display: block;
  font-size: 16px;
  background: #F4F4F4; /* 見出しの背景色 */
  font-weight: 700;
  position: relative;
  list-style: none; /* 矢印を消す */
  cursor: pointer;
  padding: 10px 38px 10px 20px;
  margin-bottom: 1rem;
}
.accordion__summary::-webkit-details-marker {
  display: none;
}
.accordion__summary::after {
    content: "";
    font-size: 1.4em;
    position: absolute;
    right: 10px;
    top: 25%;
    border-bottom: 1px solid #707070;
    border-right: 1px solid #707070;
    transform: rotateZ(45deg);
    width: 15px;
    height: 15px;
}
.accordion[open] .accordion__summary::after {
    content: "";
    transform: rotateZ(225deg);
    top: 40%;
}
.accordion__detail {
  padding: 4px 10px;
  margin: 10px 0;
}
.accordion__text {
  margin: 0;
  padding: 0 2%;
}
/* メニュー */
li.breadcrumb-item span span {
    display: none;
}
.col-2.txt-area {
    padding: 2rem;
}
span.tel_number {
    color: #363433;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-family: var(--ff02);
    font-size: clamp(20px, 1.6vw, 30px);
}

span.tel_number::before {
      content: '\f3cd';
      font-family: 'FontAwesome';
      color: #fff;
      font-size: 3rem;
      padding: 10px;
      border-radius: 50%;
      margin-right: 10px;
      line-height: 1;
      color: #363433;
}

span.reception_time {
  display: block;
  color: #333333;
  font-size: 10px;
  text-align: center;
  font-weight: 700;
}

#header ul.header__contact li:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    background: #F8F8F8;
    padding: 0 1.5vw;
}

#header ul.header__contact li:first-child:hover {
    opacity: 0.7;
}
/* SPオリジナル */
@media print, screen and (max-width: 768px) {
.spmb10 {
    margin-bottom: 10rem !important;!i;!;
}
.w48 {
    width: 100%;
}
	.sppt0 {
        padding-top: 0rem !important;
    }
	.spmb0 {
        margin-bottom: 0rem !important;
    }
    .spmb5 {
        margin-bottom: 5rem !important;
    }
    .sp_flex_mb {
        margin-bottom: 5vw;
    }
    .sp_w90 {
        width: 90%;
        margin: 0 auto;
    }
}
/*--メディアクエリ--------------------------------------------*/
@media (min-width: 769px) and (max-width: 1024px) {}
@media print, screen and (min-width: 1024px) {
	nav#mainNav ul li.current-menu-ancestor a {
    background: transparent;
}
	#header .logo img {
    max-width: 234px;
    width: 100%;
    max-height: 77px;
}

nav#mainNav ul li a {
    padding: 0 1.5vw;
}
	nav#mainNav ul li.current-menu-item a {
    background: transparent;
}
	nav#mainNav ul li ul.sub-menu li a:hover {
    background: #EF8200;
    color: #fff;
}
	nav#mainNav ul li.current-menu-item a {
    background: transparent;
}
	nav#mainNav ul li a b, nav#mainNav ul li a span {
    font-weight: 700;
    color: #333333;
    font-size: clamp(14px, 0.9vw, 16px);
}

nav#mainNav ul li a span {
    font-size: 12px;
    color: #5a5a5a;
    font-weight: 600;
}

#header a.head_btn.mail_btn {
    font-weight: 700;
    font-size: clamp(14px, 0.9vw, 17px);
}
}
@media print, screen and (min-width: 1100px) {
	nav#mainNav ul li ul.sub-menu li.current-menu-item a {
    background: #EF8200;
    color: #fff;
}
	nav#mainNav ul li ul.sub-menu li a {
    font-size: 16px;
    font-weight: 700;
    color: #333333;
}
}
@media print, screen and (min-width: 769px) {}
@media print, screen and (max-width: 768px) {
	.btn__container {
    gap: 1rem;
}
	.sp_txt_c {
    text-align: center;
}
}

/* == flex-container =================================================== */
.flex-container__col-2, .col-2 {
    width: calc(50% - 25px);
}
.flex-container__col-3, .col-3 {
    width: calc((100% / 3) - 25px);
}
.flex-container__col-4, .col-4 {
    width: calc((100% / 4) - 10px);
}
.flex-container__col-5, .col-5 {
    width: calc((100% / 5) - 15px);
}
@media print, screen and (max-width: 1023px) {
	.flex-container__col-5, .col-5 {
	    width: calc((100% / 4) - 15px);
	}
}
@media print, screen and (max-width: 768px) {
    .flex-container__col-2, .flex-container__col-3, .flex-container__col-4, .col-2, .col-3, .col-4 {
        width: 100%;
        margin-bottom: 20px;
    }
	.flex-container__col-5, .col-5 {
	    width: calc((100% / 2) - 5px);
		margin-bottom: 20px;
	}
}

/* == ボタン調整/btn =================================================== */
.btn_container {
    display: flex;
}
a.btn, .linkBtn, .post .linkBtn, a.linkBtn {
    position: relative;
    display: inline-block;
    transition: .5s;
    color: #FFF;
    background: var(--color-primary);
    font-size: clamp(16px, 1.1vw, 18px);
    font-weight: 500;
    line-height: 1.5;
    padding: 1em 2em;
    width: 90%;
    max-width: 280px;
    text-align: center;
    border-radius: 0;
}
a.btn:hover, .linkBtn:hover, .post .linkBtn:hover, a.linkBtn:hover {
    transform: translateY(-5px);
	box-shadow: 0 4px 6px #00000020;
	background: #FFF;
	color:var(--color-primary);
	outline: 1px solid;
}
a.btn::after, .linkBtn::after, .post .linkBtn::after, a.linkBtn::after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 1.5em;
	height: 1px;
    background-color: #FFF;
	border-right: 0;
	border-bottom: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 0;
}
a.btn:hover::after, .linkBtn:hover::after, .post .linkBtn:hover::after, a.linkBtn:hover::after {
    width: .5em;
    background: var(--color-primary);
}
.wpcf7 .linkBtn {
    padding: 0;
}
.wpcf7 .linkBtn:hover input[type="submit"] {
    color: var(--color-primary);
}
@media print, screen and (max-width: 768px) {}
/* == トップ、下層調整/ .top-content, .page-content =================================================== */
.top-content, .page-content, .category-content {
    position: relative;
    width: 100vw;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
}
.top-content::before, .page-content::before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
	z-index: -1;
}
@media print, screen and (min-width: 769px) {}
@media print, screen and (max-width: 768px) {}

/* ========================
トップ調整 / .top-content
======================== */
.top-content, .category-content {
    position: relative;
    width: 100vw;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
}
.top-content::before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
	z-index: -1;
}
.top-content {
    padding-bottom: var(--clamp-100);
}
.top-content span.en, .category-content span.en {
    line-height: 1;
    font-family: var(--ff02);
    font-weight: 600;
    font-size: clamp(30px, 4.17vw, 76px);
}
.top-content span.ja, .category-content span.ja {
    font-family: var(--ff01);
    font-weight: bold;
    font-size: clamp(16px, 1.25vw, 24px);
    margin-bottom: 1rem !important;
    !importan;
    display: inline-block;
    
    
    
    
    
    !I;
    !;
}
.top-content h3 {
    font-size: clamp(22px, 1.8vw, 32px);
}
@media print, screen and (min-width: 769px) {}
@media print, screen and (max-width: 768px) {

}

/* about-us */
.top-content.about-us {
    position: relative;
    padding-top: var(--clamp-100);
}
.top-content.about-us h2 {
    text-align: left;
}
.top-content.about-us::before {
    content: '';
    position: absolute;
    width: 50%;
    height: calc(100% - var(--clamp-100));
    background-image: url(/wp-content/uploads/top01.png);
    background-position: center;
    background-size: cover;
    left: 0;
    top: 0;
}

@media print, screen and (max-width: 1023px) {
    .top-content.about-us .flexbox {
        flex-direction: column;
    }
    .top-content.about-us .col-2 {
        width: 100%;
    }
    .top-content.about-us::before {
        width: 100%;
        opacity: .6;
    }
}
@media print, screen and (min-width: 769px) {}
@media print, screen and (max-width: 768px) {
	.fixed {
    bottom: 15%;
}
}

/* strength */
li.menu-item.menu-item-type-post_type.menu-item-object-page a span {
    display: none;
}
li.page_item a span {
    display: none;
}
.txt-inner {
    max-width: 528px;
	width: 94%;
}
.top-content.strength h2 {
    text-align: left;
}
.strength-content {
    position: relative;
    padding: var(--clamp-60) 0;
    counter-reset: number 0;
}
.strength-content::before {
    content: "";
    position: absolute;
    width: 98%;
    height: 100%;
    max-width: 1688px;
    background: #FAFAFA;
    left: 0;
    top: 0;
}
.strength-content .flexbox {
    position: relative;
    align-items: center;
    margin-bottom: var(--clamp-40);
}
/* .strength-content .flexbox:last-child {
    margin-bottom: 0;
} */
.strength-content .flexbox p:last-child {
    margin-bottom: 0;
}
.strength-content h3 {
    font-size: clamp(18px, 1.2vw, 22px);
}
.strength-content h3::before {
    content: '0' counter(number);
    counter-increment: number 1;
    background: var(--color-primary);
    color: #FFF;
    line-height: 1;
    font-family: var(--ff02);
    font-weight: bold;
    font-size: 1.6em;
    padding: .44em .47em;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
}
.strength-content img {
    min-height: 250px;
    object-fit: cover;
}
@media print, screen and (min-width: 769px) {
	.ml-auto {
		margin-left: auto;
	}
	.mr-auto {
		margin-right: auto;
	}
}
@media print, screen and (max-width: 768px) {
	.table-item td.cell_01 {
    text-align: center;
}
    .txt-inner {
        max-width: 100%;
        width: 94%;
    }
    .strength-content .flexbox {
        margin-bottom: var(--clamp-80);
    }
}

/* service */
.post .time, .postlist .time, .post2b .time, .post4b .time {
    background: #363433;
}

p.post4b_contents {
    text-align: left;
}

.post_link a, .post2b_link a, .post4b_link a {
    color: #646464;
}

.post_link, .post2b_link, .post4b_link {
    border-bottom: 1px solid #646464;
}
.post .time, .postlist .time, .post2b .time, .post4b .time {
    background: #363433;
}
.max_w1280 {
    max-width: 1280px;
}
.top-content.service {
    text-align: center;
}
.service-content {
    margin-top: var(--clamp-60);
}
.service-content .flexbox {
    flex-wrap: wrap;
}
.service-content .col-3 {
    width: calc(100% / 3);
    position: relative;
}
.service-content .img-area {
    position: relative;
}
.service-content .img-area::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #363433;
    opacity: .62;
    left: 0;
    top: 0;
    z-index: 0;
}
.service-content .txt-area {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.service-content p {
    color: #FFF;
    font-weight: bold;
    font-size: clamp(20px, 1.2vw, 22px);
}
.service-content .txt-area .linkBtn {
    background: transparent;
    outline: 1px solid;
    width: 80%;
}
.service-content .img-area img {
    min-height: 250px;
    object-fit: cover;
}
@media print, screen and (min-width: 769px) {}
@media print, screen and (max-width: 768px) {
	.strength-content h3::before {
    padding: 1rem;
    font-size: 1em;
}
	.spmb {
    margin-bottom: 1rem !important;
}
	span.mark {
    margin-right: 1rem;
}
    .service-content .col-3 {
        width: 100%;
        margin: 0;
    }
}

/* works */
.category-content {
    position: relative;
    width: 100vw;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
}
.category-content.works {
    text-align: center;
}
@media print, screen and (min-width: 769px) {}
@media print, screen and (max-width: 768px) {
	.w32 {
    width: 100%;
}
}

/* menu */
.top-content.menu {
    padding-top: var(--clamp-100);
    padding-bottom: 0;
}
.top-content.menu h2 {
    text-align: left;
}
.menu-content {
    padding: var(--clamp-60) min(3%, 50px) var(--clamp-120);
}
.menu-content.qa {
    background: #FAFAFA;
}
.menu-content .img-area {
    margin-top: var(--clamp-40);
}


@media print, screen and (min-width: 769px) {}
@media print, screen and (max-width: 768px) {}
/* ========================
下層調整 / .page-content
======================== */
@media print, screen and (min-width: 769px) {}
@media print, screen and (max-width: 768px) {}
/* ========================
その他の調整 / other
======================== */
@media print, screen and (min-width: 769px) {}
@media print, screen and (max-width: 768px) {

}