@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* 縦書きの基本スタイル */
.tate-gaki {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

/* 英語を横書きのまま90度回転 */
.yoko-english {
  writing-mode: horizontal-tb; /* 横書きを明示 */
  display: inline-block; /* 回転の基準を正しく設定 */
  transform: rotate(90deg); /* 90度回転 */
  transform-origin: left; /* 回転の中心を調整 */
	font-size:12px;
	width:300px;
}

.yoko-english-right {
  writing-mode: horizontal-tb; /* 横書きを明示 */
  display: inline-block; /* 回転の基準を正しく設定 */
  transform: rotate(90deg); /* 90度回転 */
  transform-origin: left; /* 回転の中心を調整 */
	font-size:12px;
	padding-bottom:30px;
}
.yoko-english-left {
  writing-mode: horizontal-tb; /* 横書きを明示 */
  display: inline-block; /* 回転の基準を正しく設定 */
  transform: rotate(90deg); /* 90度回転 */
  transform-origin: left; /* 回転の中心を調整 */
	font-size:12px;
	padding-top:5px;
}

/* モバイルの時にに1カラムを3カラムに変更する */

@media (max-width: 767px) {
    .colum-change1-4.swell-block-columns {
        display: flex;
        flex-direction: column;
    }
    .colum-change1-4 .swell-block-columns__inner .swell-block-column:nth-child(1) {
        order: 3; /* 1番目のカラムを3番目に移動 */
    }
    .colum-change1-4 .swell-block-columns__inner .swell-block-column:nth-child(2) {
        order: 1; /* 2番目のカラムを1番目に */
    }
    .colum-change1-4 .swell-block-columns__inner .swell-block-column:nth-child(3) {
        order: 2; /* 3番目のカラムを2番目に */
    }
    .colum-change1-4 .swell-block-columns__inner .swell-block-column:nth-child(4) {
        order: 4; /* 4番目のカラムを4番目に */
    }
}

/* 表示的にh2とh3を入れ替える */

.custom-columns-section4.swell-block-columns {
    display: flex;
    flex-wrap: wrap;
}
.custom-columns-section4 .swell-block-columns__inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%; /* 幅を確実に全体に */
}
.custom-columns-section4 .swell-block-columns__inner .swell-block-column:nth-child(1) {
    order: 1 !important;
}
.custom-columns-section4 .swell-block-columns__inner .swell-block-column:nth-child(2) {
    order: 2 !important;
}
.custom-columns-section4 .swell-block-columns__inner .swell-block-column:nth-child(3) {
    order: 3 !important; /* h2のカラムを後ろに */
}


/* menu icon */

.fas{font-size:1.8em;
padding-bottom:10px;}