@charset "utf-8";
@media (max-width: 768px) {
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
css変数
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root {
	--slick_side_margin: 7.5px;/*slik内の要素の左右の余白。*/
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローカルナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*プロモ画像下のチャイルドナビ*/
.h_child_navi ul.child_navi a {
	color: var(--main);
}

.h_child_navi ul.child_navi a:hover,
.h_child_navi ul.child_navi li[class*='current'] a {
	background-color: var(--main);
}

.h_child_navi ul.child_navi {
	background-color: var(--h-child-navi-bg);
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > カルーセル（全画面）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#carousel_full :is(.slick-prev, .slick-next)::before {
	font-size: 15px;
	width: 35px;
	height: 35px;
}

#carousel_full :is(.slick-prev, .slick-next) {
	top: -50px;
}

#carousel_full .slick-next {
	right: 0;
}

#carousel_full .slick-prev {
	right: 45px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > カルーセル（2カラム）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#carousel_2col .txt_wrap {
	display: contents;
}

/*矢印*/
#carousel_2col :is(.slick-prev,.slick-next) {
	top: calc(100% + 30px);
}

#carousel_2col .slick-prev {
	left: 10px;
}

#carousel_2col .slick-next {
	right: 10px;
}

#carousel_2col :is(.slick-prev,.slick-next):before {
	font-size: 35px;
}
	

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
training3　> 擬似要素サイズ変更（2024-06-25）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#feature_ttl:before {
     width: 150px;
     top: -40px;
     left: 0;
}
	
#mission_ttl:before {
	 width: 300px;
	 top: -15%;
	 left: 50%;
	 transform: translateX(-50%);
 }
	
#reason_ttl:before {
	width: 130px;
	top: -50px;
}

#consultation_ttl:before {
	font-size: 13vw;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
training3　> プロモオファーボタン（2024-06-24）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.promo_btn {
    right: 0;
	bottom: -70px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
training4　> ナガイホーム様 > プロモバナー（2024-06-28）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#nagai_promo .promo_bnr {
    bottom: 15px;
    left: 0;
    margin: 0 15px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
training4　> エイワ様 > 動画埋め込み画面いっぱいに（2024-06-28）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#eiwa_promo .eiwa_promo {
    height: 100vh;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
training4　> ユニオンランチ様 > 擬似要素非表示（2024-07-01）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.gb-container-0df537ba:before {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
training4 > ユニオンランチ様 > 文字ループ（2024-07-01）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@keyframes infinite-scroll {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -882px 0;
    }
}
	
#union_promo::after {
    height: 85px;
	bottom: 20px;
    animation: infinite-scroll 50s linear infinite;
}
	
#union_promo .union_txt{
	display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
training4　> ユニオンランチ様 >スライダー画像（2024-07-01）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#union_promo .eedee-swiper-outer img,
#union_promo .eedee-swiper-outer > *:not(.wp-block-eedee-gutenslider__content):not(.eedee-gutenslider-pagination){
 	max-height: none;
}
	
#union_promo .wp-block-eedee-block-gutenslider .swiper {
	border-radius: 15px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
training4　> H-PROMO様 > 疑似要素（2024-07-02）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#h_promo .txt_wrap:before {
    width: 65px;
    height: 70px;
    left: -5px;
    top: 5px;
}
	
	
#h_promo .area_wrap:before {
    width: 100px;
    height: 105px;
    right: 0;
    left: 70%;
    bottom: 470%;
	z-index: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
training4　> H-PROMO様 >文字縁取り（2024-07-02）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#h_promo .fuchidori_font {
    text-shadow:
    1px 1px 0 #fff,
    -1px 1px 0 #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
training4　> H-PROMO様 >スライダー画像（2024-07-02）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#h_promo .eedee-swiper-outer img,
#h_promo .eedee-swiper-outer > *:not(.wp-block-eedee-gutenslider__content):not(.eedee-gutenslider-pagination){
	height: auto;
 	max-height: none;
}
	
#h_promo .wp-block-eedee-block-gutenslider .swiper {
	border-radius: 15px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
training4　> 関商工会議所様（2024-07-03）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* プロモ動画 */
#seki_promo .movie_area {
	border-radius: 30px;
}
	
/* プロモ動画 > 「関」疑似要素 */
#seki_promo .movie_area:before {
	width: 190px;
    height: 200px;
}

/* プロモ動画 > 疑似要素 */
#seki_promo:before {
    width: 230px;
	top: -25px;
}

#seki_promo:after {
	width: 150px;
    height: 240px;
    bottom: -10%;
}
	
#seki_promo .seki_scroll {
	display: none;
}
	

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
training4　> ハイエスト >スライダー画像（2024-07-05）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#highest_promo .eedee-swiper-outer img,
#highest_promo .eedee-swiper-outer > *:not(.wp-block-eedee-gutenslider__content):not(.eedee-gutenslider-pagination){
	height: auto;
 	max-height: none;
}

/* ボタンエリア */
#highest_promo .btn_area{
    bottom: -23%;
	margin: 0 auto;
    width: 100%;
}
	
/* ボタンエリア疑似要素 */
#highest_promo .line_deco:before {
    width: 250px;
    bottom: 70%;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
training5　> 松野組様 > 疑似要素（2024-07-03）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#matsuno_about .reason_num1:before, #matsuno_about .reason_num2:before {
    width: 100px;
    left: 50%;
    transform: translateX(-50%);
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
模写課題　> ハイエスト様　>　プロモ要素並び替え（2024-07-12）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* プロモ要素並び替え */
#home_promo .left {
    display: contents;
}

#home_promo .ttl {
    order: 1;
}

#home_promo .txt {
    order: 3;
}

#home_promo .img {
    order: 2;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
模写課題　> ハイエスト様
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* プロモ > 疑似要素 */
#home_promo .ttl_deco::before {
    width: 80px;
    height: 85px;
    bottom: 50px;
    left: 0;
}
	
/* 理由 > 番号 */
#home_reason .reason_num::before {
    font-size: 60px;
}
	
/* 流れ > 線 */
/*#home_flow::before {
    width: 1px;
    height: 60%;
    top: 55%;
    left: 22%;
    transform: translateY(-50%);
}
*/
		
/* 流れ > 番号 */
#home_flow .flow_num::before {
    width: 60px;
    height: 60px;
    font-size: 14px;
    line-height: 60px;
    top: -20px;
}
	
/* Q&A　> Qマーク */
#home_qa .gb-container-accordion.faq .gb-button-accordion_ttl:before {
	font-size: 22px;
}

/* お問い合わせ > 疑似要素 */
#home_contact::before {
    background-position: bottom right;
    width: 450px;
    height: 230px;
    top: -5%;
    left: 0;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
模写課題　> ハイエスト様　>　レイアウト変更
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table02 tr {
    display: flex;
    flex-direction: column;
}
	
.basic_table02 tr > td:first-child{
    width: 100%;
	padding: 15px;
	border-bottom: 1px solid #ccc;
}

.basic_table02 tr td {
	border-bottom: none;
	padding: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
模写課題　> ハイエスト様　>　カスタム投稿レイアウト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.post-type-archive-custom_sample #content{
	width: 100%;
	min-width: auto;
}

/*アーカイブページ*/
body.post-type-archive-custom_sample img.dynamic-meta-image {
    max-height: 200px;
}

/*詳細ページ*/
body.single-custom_sample img.dynamic-meta-image {
	margin-bottom: 15px;
    max-height: 200px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「booking-package」予約プラグイン(2024-08-07)wi
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#booking-package .dateField {
    font-size: 14px;
    padding-bottom: 0!important;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
構築課題 > 辰巳製作所様
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_promo_t h2 span:not(span.big , span.br_sp) {
    font-size: 39px;
	padding: 5px 8px;
}
	
#home_bnr_t .ttl_deco::before {
    width: 50px;
    height: 50px;
    top: -15px;
    right: -25px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ワンストップで迅速に対応
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*トラック装飾*/
#home_intro_t::before {
    width: 135px;
    height: 115px;
    top: 60px;
    right: -55px;
}	

#home_intro_t { counter-reset: intro; }
#home_intro_t .intro_deco::before {
    width: 80px;
    height: 80px;
    font-size: 28px;
    padding: 8px;
}

	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
できること > ボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_works_t .works_btn::after {
    font-size: 10px;
    line-height: 40px;
    width: 40px;
    height: 40px;
	right: 0;
    top: 35%;
}
	
#home_works_t .works_wrap .works_btn::after {
    font-size: 10px;
    line-height: 35px;
    width: 35px;
    height: 35px;
	right: -45px;
    top: 30px;
}
	
#home_works_t::after {
    width: 250px;
    height: 230px;
    top: -100px;
    left: -25px;
}
	
#home_works_t .works_box .works_btn::after {
	right: 0;
}
	
/*コンテンツ並び替え*/
#home_works_t .works_wrap .box {
    display: grid;
    grid-template-areas:
        "img ttl"
        "txt txt";/*ここでpcとの並び順を変更します。*/
    gap: 0px;/*コンテンツ要素同士の間を調整*/
}
	
#home_works_t .works_wrap .ttl {
    grid-area: ttl;
    /*display:grid;で制御するための名前をつける*/
    width: fit-content;
    margin-left: -100px;
 }	

#home_works_t .works_wrap .img {
	width: 80px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
制作事例 > スライダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*親コンテナ*/
#home_case_t .oya {
	scroll-snap-type: x mandatory;
}

/* 子どもコンテナ */
#home_case_t .oya > div {
	scroll-snap-align: start;
}

#home_case_t::before {
    width: 174px;
    height: 160px;
    top: 0;
    right: -15%;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
数字で見る辰己製作所
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*縦書き解除*/
#home_num_t .cmn_rl {
    writing-mode: horizontal-tb;
}
	
/*数字で見る ＞ フォントサイズ*/
#home_num_t span.big {
    font-size: 39px;
}
	
/*枠線装飾*/
#home_num_t .num_deco::before, .num_deco::after{
    width: 8px;
    height: 8px;
}

#home_num_t .num_deco::before {
    top: 32%;
    left: 49%;
}

#home_num_t .num_deco::after {
    top: 65%;
    left: 49%;
}	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
会社案内
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_company_t .migi {
    display: contents;/*親要素の枠だけが消えます*/
}
	
#home_company_t .item01::before {
    width: 190px;
    height: 77px;
}
	
/*お任せください ＞ 装飾*/
	#home_contact_t .contact_deco::before {
    width: 135px;
    height: 104px;
    top: -10%;
}
	
}/*メディアクエリ終了*/