/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "UTF-8";
/*============================
カスタムプロパティ　変数
============================*/ :root {
	--c-main: #E33C23;
	--c-goldensand: #E9C471;
	--c-brightYellow: #FFFEF4;
	--c-lightYellow: #FFF8E5;
	--c-Yellow: #FEE397;
	--c-brown: #503A00;
	--c-black: #000;
	--c-white: #fff;
	--c-gray: #F8F8F8;
	--c-linegray: #D5D5D5;
	/*----------------------------リスト幅*/
	--w-1: calc((100% / 24) * 1);
	--w-2: calc((100% / 24) * 2);
	--w-3: calc((100% / 24) * 3);
	--w-4: calc((100% / 24) * 4);
	--w-5: calc((100% / 24) * 5);
	--w-6: calc((100% / 24) * 6);
	--w-7: calc((100% / 24) * 7);
	--w-8: calc((100% / 24) * 8);
	--w-9: calc((100% / 24) * 9);
	--w-10: calc((100% / 24) * 10);
	--w-11: calc((100% / 24) * 11);
	--w-12: calc((100% / 24) * 12);
	--w-13: calc((100% / 24) * 13);
	--w-14: calc((100% / 24) * 14);
	--w-15: calc((100% / 24) * 15);
	--w-16: calc((100% / 24) * 16);
	--w-17: calc((100% / 24) * 17);
	--w-18: calc((100% / 24) * 18);
	--w-19: calc((100% / 24) * 19);
	--w-20: calc((100% / 24) * 20);
	--w-21: calc((100% / 24) * 21);
	--w-22: calc((100% / 24) * 22);
	--w-23: calc((100% / 24) * 23);
	--w-24: calc((100% / 24) * 24);
	/*----------------------------横幅*/
}
/*----------------------------初期スタイル*/

.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

*::before, ::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
}


body * {
	color: #1A1A1A;
}
body {
	font-size: 1.6rem;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	-webkit-text-size-adjust: 100%; /*スマホ　文字サイズ対策*/
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	color: var(--c-brown);
	word-break: break-all;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* スマホのハイライトデザインを無効にする */
	text-decoration: none;
	-webkit-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s;
	text-decoration: underline;
}
a:hover {
	opacity: .6;
}
a:focus {
	outline: none;
}
img {
	vertical-align: bottom;
	border: 0;
	max-width: 100%;
	height: auto;
	width /***/ : auto;
}
p {
	line-height: 1.75;
	z-index: 1;
    font-size: clamp(0.8rem, 1.2vw, 1.2rem);
}

h3 {font-size: clamp(1rem, 1.4vw, 1.4rem);}
/*============================
color
============================*/
/*----------------------------背景色*/
.bg_lightYellow {
	background-color: var(--c-lightYellow);
        padding: 0.2em 2.5em 1em 2.5em;
}
.bg_white {
        padding: 1.2em 1.5em;
    background-color: #fff;
}
.bg_white img {width: 100%;
 
}
/*============================
layout
============================*/
.wrap {
	
	height: 100%;
        padding: 2em 10%;
}
.ly_content__inner {
	max-width: 1280px;
	margin: auto;
	padding: 5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ly_content {
	max-width: 1280px;
	margin: auto;
	padding: 0 5% 5% 5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/*----------------------------親要素をはみ出す*/
.ly_over_content {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}
/*----------------------------グリッドレイアウト*/
.bl_cardUnit, .bl_row  {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.bl_row__nowrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.bl_cardUnit.no-wrap {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.__justify-content_center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.__flex-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.__flex-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.__space-around {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.__space-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.__align-baseline {
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-moz-box-align: baseline;
	-ms-flex-align: baseline;
	-ms-grid-row-align: baseline;
	align-items: baseline;
}
.__align-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
}
.__align-flex-end {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	-ms-grid-row-align: flex-end;
	align-items: flex-end;
}
.__align-flex-start {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-ms-grid-row-align: flex-start;
	align-items: flex-start;
}
.__align-stretch {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	-ms-grid-row-align: stretch;
	align-items: stretch;
}
.lg_1_24 {
	width: var(--w-1);
}
.lg_2_24 {
	width: var(--w-2);
}
.lg_3_24 {
	width: var(--w-3);
}
.lg_4_24 {
	width: var(--w-4);
}
.lg_5_24 {
	width: var(--w-5);
}
.lg_6_24 {
	width: var(--w-6);
}
.lg_7_24 {
	width: var(--w-7);
}
.lg_8_24 {
	width: var(--w-8);
}
.lg_9_24 {
	width: var(--w-9);
}
.lg_10_24 {
	width: var(--w-10);
}
.lg_11_24 {
	width: var(--w-11);
}
.lg_12_24 {
	width: var(--w-12);
}
.lg_13_24 {
	width: var(--w-13);
}
.lg_14_24 {
	width: var(--w-14);
}
.lg_15_24 {
	width: var(--w-15);
}
.lg_16_24 {
	width: var(--w-16);
}
.lg_17_24 {
	width: var(--w-17);
}
.lg_18_24 {
	width: var(--w-18);
}
.lg_19_24 {
	width: var(--w-19);
}
.lg_20_24 {
	width: var(--w-20);
}
.lg_21_24 {
	width: var(--w-21);
}
.lg_22_24 {
	width: var(--w-22);
}
.lg_23_24 {
	width: var(--w-23);
}
.lg_24_24 {
	width: var(--w-24);
}
/*============================
text-align
============================*/
.bl_align__right {
	text-align: right;
}
.bl_align__left {
	text-align: left;
}
.bl_align__center {
	text-align: center;
}
.bl_align__justify {
	text-align: justify;
}
/*============================
list
============================*/
.bl_list__wrap, .bl_list__wrap__pt2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.bl_list__wrap li:nth-of-type(3n), .bl_list__wrap__pt2 li:nth-of-type(3n) {
	margin-right: 0;
}
.bl_list__wrap li, .bl_list__wrap__pt2 li {
	width: calc(100% / 3 - 1.7%);
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	list-style: none;
}
/*============================
font
============================*/
/*----------------------------英語*/
.el_en {
	font-family: 'Libre Baskerville', serif;
	font-weight: 600;
	font-style: normal;
}
.el_ja {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 600;
	font-style: normal;
}
/*----------------------------色*/
.hp__white {
	color: var(--c-white) !important;
}
/*============================
title
============================*/
/*----------------------------フッターエントリータイトル*/
.bl_entryTtl {
	font-size: 9rem;
	font-family: "futura-pt", sans-serif;
	font-weight: 600;
	font-style: normal;
	color: var(--c-main);
}
.bl_entryTtl span {
	font-size: 30%;
	display: block;
}
/*----------------------------ハンバーガメニューエントリータイトル*/
.bl_entryTtl_menu {
	font-size: 3.9rem;
	font-family: "futura-pt", sans-serif;
	font-weight: 600;
	font-style: normal;
	color: var(--c-main);
}
.bl_entryTtl_menu span {
	font-size: 30%;
	display: block;
}
/*----------------------------下層ページタイトル*/
.bl_pageTtl {
	text-align: center;
}
.bl_pageTtl h2 {
	font-size: clamp(2.8rem, 4.8vw, 4.8rem);
	color: var(--c-main);
	text-align: center;
	border-top: 8px solid var(--c-main);
	padding: 5% 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
}
.bl_pageTtl h2 span {
	display: block;
	font-size: 40%;
	padding-top: 1em;
}
.bl_pageTtl p {
	font-size: clamp(1.2rem, 1.6vw, 1.6rem);
	padding-top: 1em;
}
/*----------------------------セクションタイトル*/
.bl_section__ttl {}
.bl_section__ttl h2 {
	font-size: clamp(2.8rem, 4.8vw, 4.8rem);
	color: var(--c-main);
}
.bl_section__ttl h2 span {
	display: block;
	font-size: 40%;
	padding-top: .5em;
}
/*----------------------------トップページムービータイトル*/
.bl_topMovieTtl {
	font-size: 3.2rem;
	font-family: "futura-pt", sans-serif;
	font-weight: 600;
	font-style: normal;
	color: var(--c-main);
	white-space: nowrap;
	line-height: 1;
}
.bl_topMovieTtl span {
	font-size: 60%;
	display: block;
}
/*----------------------------フォームセクションタイトル*/
.bl_formSecTtl {
	font-size: 2.4rem;
	color: var(--c-brown);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; /*変な隙間調整用*/
}
.bl_formSecTtl::before {
	content: " ";
	height: 1em;
	width: .5em;
	background-color: var(--c-brown);
	margin: 0 .5em 0 0;
}
/*----------------------------フォームタイトル*/
.bl_formTtl {
	font-size: 4rem;
	color: var(--c-main);
}
/*----------------------------トップページ　ワークスリストタイトル*/
.bl_worksTtl {
	font-size: 2rem;
	text-align: center;
}
.bl_worksTtl span {
	font-size: 1.4rem;
	font-family: "futura-pt", sans-serif;
	font-weight: 600;
	font-style: normal;
	display: block;
}
/*----------------------------タイトル装飾*/
.bl_decoCircle {
	position: relative;
}
.bl_decoCircle::before {
	content: " ";
	position: absolute;
	top: -9%;
	left: -8vw;
	background-image: url(../img/ic_decoCircle.svg);
	background-repeat: no-repeat;
	background-size: 63%;
	opacity: .7;
	width: 461px;
	height: 410px;
	overflow: hidden;
}
/*============================
button
============================*/
/*----------------------------汎用ボタン*/
.el_btn {
display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
}
.el_btn_block {
	display: block;
}
.el_btn_inline {
	display: inline;
}
.el_btn_inlineblock {
	display:inline-block;
}
.el_btnBgColor__main {
	background: var(--c-main);
	color: var(--c-white);
}
.el_btnBgColor__transparent {
	color: var(--c-main);
}
.el_btnBgColor__lightYellow {
	background: var(--c-lightYellow);
	color: var(--c-main);
}
.el_btnBgColor__brown {
	background: var(--c-lightYellow);
	color: var(--c-brown);
}
.el_btnBgColor__white {
	background: var(--c-white);
	color: var(--c-main);
}
.el_btn_style__pt1 {
	padding: .75em 1em;
	border-radius: 100vh;
	text-align: center;
	border: 1px solid var(--c-main);
	text-decoration: none;
	line-height: 1;
	font-size: 1.4rem;
}
.el_btn_style__pt2 {
	padding: .75em 2em;
	border-radius: 100vh;
	border: 1px solid var(--c-main);
	text-decoration: none;
	line-height: 1;
	font-size: 1.4rem;
}
.el_btn_style__pt3 {
	padding: 1em 2em;
	border-radius: 100vh;
	border: 1px solid var(--c-main);
	text-decoration: none;
	line-height: 1;
	font-size: 1.4rem;
}
.el_btn_style__pt4 {
	padding: 1em;
	border-radius: 100vh;
	text-align: center;
}
.el_btn_style__pt5 {
	padding: 1em 2em;
	border-radius: 1rem;
	text-align: center;
}
.el_btn_style__pt6 {
	padding: 1em 2em;
	border-radius: 100vh;
	text-align: center;
}
.el_btn_style__pt7 {
	height: 80px;
	padding: 0 2em;
	vertical-align: middle;
	display: table-cell;
}
.el_btn_style__pt8 {
	padding: .5em 1em;
	border-radius: 100vh;
	text-align: center;
}
.el_btn_style__pt9 {
	padding: 2em;
	border-radius: 1em;
	text-align: center;
	font-size: min(2vw, 2.4rem);
}
.el_btn_style__pt10 {
	padding: 2em;
	border-radius: 1em;
	text-align: center;
	font-size: min(2vw, 2rem);
}
.el_btn_style__pt11 {
	padding: 0.5em 1em;
	border-radius: 100vh;
	text-align: center;
	display: initial;
	font-size: 1.4rem;
}
/*----------------------------hover時opacyty以外の設定*/
.el_btnBgColor__lightYellow:hover {
	background: var(--c-main);
	color: var(--c-white);
	opacity: 1;
}
/*----------------------------btn hover時*/
.el_btn_style__pt1:hover {
	background-color: var(--c-main);
	color: var(--c-white);
	opacity: 1;
}
.el_btn_style__pt1:hover i {
	color: var(--c-white);
}
/*----------------------------btn セットのアイコン*/
.el_btn_style__pt1 i {
	color: var(--c-main);
	margin-right: .5em;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.el_btn_style__pt2 i {
	color: var(--c-white);
	margin-right: .5em;
}
/*----------------------------icon*/
i.__right {
	padding-left: .5em;
}
i.__left {
	padding-right: .5em;
}
/*============================
tag
============================*/
.el_tag {
	display: inline-block;
	padding: .5em 1em;
	border-radius: 100vh;
	font-size: 90%;
	font-weight: bold;
}
.el_base__tag {
	background-color: var(--c-white);
}
.el_important__tag {
	background-color: var(--c-main);
	color: var(--c-white);
}
/*----------------------------お知らせ欄*/
.el_tag_news {
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	color: var(--c-brown);
	background-color: var(--c-white);
	padding: .5em 1em;
	border-radius: 100vh;
}
/*----------------------------フォーム*/
.el_tag_required {
	display: inline-block;
	font-size: 1rem;
	color: var(--c-white);
	background-color: var(--c-main);
    padding: 0.25em 0.8em;
	border-radius: .5em;
}
/*============================
image
============================*/
/*----------------------------image 4:3--*/
.bl_imgset_cover4-3 picture {
	position: relative;
	width: 100%;
	padding-top: 75%;
	display: block;
}
.bl_imgset_cover4-3 picture img, .bl_imgset_cover4-3 picture source {
	-o-object-fit: cover;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.bl_imgset_contain4-3 picture {
	position: relative;
	width: 100%;
	padding-top: 75%;
	display: block;
}
.bl_imgset_contain4-3 picture img, .bl_imgset_contain4-3 picture source {
	-o-object-fit: contain;
	object-fit: contain;
	font-family: 'object-fit: contain;';
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
}
/*----------------------------16:9--*/
.bl_imgset_cover picture {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	display: block;
}
.bl_imgset_cover picture img, .bl_imgset_cover picture source {
	-o-object-fit: cover;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
        border-radius: 5px 5px 0 0;
}
.bl_imgset_contain picture {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	display: block;
}
.bl_imgset_contain picture img, .bl_imgset_contain picture source {
	-o-object-fit: contain;
	object-fit: contain;
	font-family: 'object-fit: contain;';
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
}
/*----------------------------image 正方形--*/
.bl_imgset_cover_sc picture {
	position: relative;
	width: 100%;
	padding-top: 100%;
	display: block;
}
.bl_imgset_cover_sc picture img, .bl_imgset_cover_sc picture source {
	-o-object-fit: cover;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.bl_imgset_contain_sc picture {
	position: relative;
	width: 100%;
	padding-top: 100%;
	display: block;
}
.bl_imgset_contain_sc picture img, .bl_imgset_contain_sc picture source {
	-o-object-fit: contain;
	object-fit: contain;
	font-family: 'object-fit: contain;';
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
}
/*-- 要素内全体を覆いたい場合 object-fit IE対策  --*/
/*object-fit: cover;*/
/*font-family: 'object-fit: cover;';*/ /*IE対策*/
/*============================
summaru toggle
============================*/
summary {
	display: block;
	list-style: none;
}
/* 一部ブラウザで消えなかった場合は以下も追記 */
summary::-webkit-details-marker {
	display: none;
}
/*============================
hidden 設定
============================*/
.lg_hidden {
	display: none;
}
.md_hidden {
	display: block;
}
.sm_hidden {
	display: block;
}
.lg_md_hidden {
	display: none;
}
.lg_sm_hidden {
	display: none;
}
.md_sm_hidden {
	display: block;
}
/*============================
スクロールバー　設定
============================*/
.scroll-content {
	/*height: 15em;*/
	overflow: auto;
}
.mCSB_scrollTools {}
.mCSB_draggerContainer {
	background: #eaeaea;
	width: 80%;
	margin: 25% auto;
	border-radius: 1em;
}
.mCSB_dragger {
	background: var(--c-main);
	border-radius: 1em;
}
.mCSB_dragger_bar {
	display: none;
}
.mCSB_draggerRail {
	display: none;
}
/*============================
ページネーション　設定
============================*/
/*paginathing.min.js 使用*/
.list-group {
    margin: 0 0 1.2em 0;
    
}
.pagination {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 5px;
}
.pagination li {
	margin: 5px;
	background-color: var(--c-main);
}
.pagination a {
	display: block;
	text-decoration: none;
	color: #333;
	padding: 1em;
}
.pagination a:hover {
	background-color: var(--c-main);
	color: var(--c-white);
	opacity: 1;
}
.active {
	background-color: var(--c-main);
}
.active a {
	color: var(--c-white);
}
.page-item:not(.active) {
	background-color: var(--c-Yellow);
}
/*============================
googlemap レスポンシブ　設定
============================*/
.map {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
}
.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*--------------------------------------------
選択不可時
--------------------------------------------*/
.disabled {
	color: #c6c6c6 !important;
	background-color: #F2F2F2 !important;
	cursor: default !important;
	pointer-events: none !important;
	border: none !important;
}
/*--------------------------------------------
３点リーダー
--------------------------------------------*/
.bl_pointLeader_wrap {
	overflow: hidden;
}
/*-- １行 --*/
.bl_pointLeader_wrap .bl_pointLeader_item {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
}
/*-- 2行 --*/
.bl_pointLeader_wrap .bl_pointLeader2_item {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
/*-- 3行 --*/
.bl_pointLeader_wrap .bl_pointLeader3_item {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
/*--------------------------------------------
マーカー
--------------------------------------------*/
span.el_marker {
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgba(255, 255, 217, .62)));
	background: -o-linear-gradient(transparent 50%, rgba(255, 255, 217, .62) 50%);
	background: linear-gradient(transparent 50%, rgba(255, 255, 217, .62) 50%);
}
/*--------------------------------------------
list
--------------------------------------------*/
/*-- ul li --*/
.bl_li_inside {
	list-style-position: inside;
}
/*--------------------------------------------
float
--------------------------------------------*/
/*-- float --*/
.bl_float_left {
	float: left;
}
.bl_float_right {
	float: right;
}
.bl_float_left::after, .bl_float_right::after {
	content: " ";
	clear: both;
	display: block;
}
/*--------------------------------------------
text-align
--------------------------------------------*/
.el_text_right {
	text-align: right;
}
.el_text_center {
	text-align: center;
}
.el_text_left {
	text-align: left;
}
@media (max-width: 959px) {
	/*============================
	スタムプロパティ　変数
	============================*/
	/*----------------------------初期スタイル*/
	body {
		font-size: 1.4rem;
	}
	/*============================
	color
	============================*/
	/*============================
	layout
	============================*/
	.wrap {}
	.ly_wrap {}
	.ly_content__inner {
		padding: 10% 5%;
	}
	.ly_content__inner__pt2 {}
	.ly_content__inner__pt3 {}
	.ly_content__inner__pt4 {}
	.ly_content__inner__pt5 {}
	.md_1_24 {
		width: var(--w-1);
	}
	.md_2_24 {
		width: var(--w-2);
	}
	.md_3_24 {
		width: var(--w-3);
	}
	.md_4_24 {
		width: var(--w-4);
	}
	.md_5_24 {
		width: var(--w-5);
	}
	.md_6_24 {
		width: var(--w-6);
	}
	.md_7_24 {
		width: var(--w-7);
	}
	.md_8_24 {
		width: var(--w-8);
	}
	.md_9_24 {
		width: var(--w-9);
	}
	.md_10_24 {
		width: var(--w-10);
	}
	.md_11_24 {
		width: var(--w-11);
	}
	.md_12_24 {
		width: var(--w-12);
	}
	.md_13_24 {
		width: var(--w-13);
	}
	.md_14_24 {
		width: var(--w-14);
	}
	.md_15_24 {
		width: var(--w-15);
	}
	.md_16_24 {
		width: var(--w-16);
	}
	.md_17_24 {
		width: var(--w-17);
	}
	.md_18_24 {
		width: var(--w-18);
	}
	.md_19_24 {
		width: var(--w-19);
	}
	.md_20_24 {
		width: var(--w-20);
	}
	.md_21_24 {
		width: var(--w-21);
	}
	.md_22_24 {
		width: var(--w-22);
	}
	.md_23_24 {
		width: var(--w-23);
	}
	.md_24_24 {
		width: var(--w-24);
	}
	/*============================
	text-align
	============================*/
	/*============================
	list
	============================*/
	.bl_list__wrap, .bl_list__wrap__pt2 {}
	.bl_list__wrap li:nth-of-type(3n), .bl_list__wrap__pt2 li:nth-of-type(3n) {}
	.bl_list__wrap li, .bl_list__wrap__pt2 li {}
	/*============================
	font
	============================*/
	/*============================
	title
	============================*/
	/*----------------------------フッターエントリータイトル*/
	.bl_entryTtl {
		font-size: 6rem;
	}
	/*----------------------------ハンバーガメニューエントリータイトル*/
	/*----------------------------下層ページタイトル*/
	.bl_pageTtl {
		font-size: min(4.5vw, 4.5rem);
	}
	/*----------------------------セクションタイトル*/
	.bl_section__ttl {}
	.bl_section__ttl h2 {}
	.bl_section__ttl h2 span {}
	/*----------------------------トップページムービータイトル*/
	.bl_topMovieTtl {
		font-size: 2.4rem;
	}
	/*----------------------------フォームセクションタイトル*/
	.bl_formSecTtl {
		font-size: 2.4rem;
		color: var(--c-brown);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex; /*変な隙間調整用*/
	}
	.bl_formSecTtl::before {
		content: " ";
		height: 1em;
		width: .5em;
		background-color: var(--c-brown);
		margin: 0 .5em 0 0;
	}
	/*----------------------------フォームタイトル*/
	.bl_formTtl {
		font-size: 4rem;
		color: var(--c-main);
	}
	/*----------------------------トップページ　ワークスリストタイトル*/
	.bl_worksTtl {
		font-size: 2rem;
		text-align: center;
	}
	.bl_worksTtl span {
		font-size: 1.4rem;
		font-family: "futura-pt", sans-serif;
		font-weight: 600;
		font-style: normal;
		display: block;
	}
	/*----------------------------タイトル装飾*/
	.bl_decoCircle {}
	.bl_decoCircle::before {}
	/*============================
	button
	============================*/
	/*----------------------------汎用ボタン*/
	.el_btn {}
	.el_btn_block {}
	.el_btn_inline {}
	.el_btnBgColor__red {}
	.el_btnBgColor__main {}
	.el_btnBgColor__lightYellow {}
	.el_btnBgColor__brown {}
	.el_btnBgColor__white {}
	.el_btn_style__pt1 {}
	.el_btn_style__pt2 {}
	.el_btn_style__pt3 {}
	.el_btn_style__pt4 {padding: 1em;
    border-radius: 100vh;
    text-align: center;}
	.el_btn_style__pt5 {}
	.el_btn_style__pt6 {}
	.el_btn_style__pt7 {}
	.el_btn_style__pt8 {}
	.el_btn_style__pt9 {}
	.el_btn_style__pt10 {}
	.el_btn_style__pt11 {}
	/*----------------------------hover時opacyty以外の設定*/
	.el_btnBgColor__lightYellow:hover {}
	/*----------------------------btn hover時*/
	.el_btn_style__pt1:hover {}
	.el_btn_style__pt1:hover i {}
	/*----------------------------btn セットのアイコン*/
	.el_btn_style__pt1 i {}
	.el_btn_style__pt2 i {}
	/*----------------------------icon*/
	i.__right {
		padding-left: .5em;
	}
	i.__left {
		padding-right: .5em;
	}
	/*============================
	tag
	============================*/
	.el_tag {}
	.el_base__tag {}
	.el_important__tag {}
	/*----------------------------お知らせ欄*/
	.el_tag_news {}
	/*----------------------------フォーム*/
	.el_tag_required {}
	/*============================
	image
	============================*/
	/*----------------------------image 4:3--*/
	.bl_imgset_cover4-3 picture {}
	.bl_imgset_cover4-3 picture img, .bl_imgset_cover4-3 picture source {}
	.bl_imgset_contain4-3 picture {}
	.bl_imgset_contain4-3 picture img, .bl_imgset_contain4-3 picture source {}
	/*----------------------------16:9--*/
	.bl_imgset_cover picture {}
	.bl_imgset_cover picture img, .bl_imgset_cover picture source {}
	.bl_imgset_contain picture {}
	.bl_imgset_contain picture img, .bl_imgset_contain picture source {}
	/*----------------------------image 正方形--*/
	.bl_imgset_cover_sc picture {}
	.bl_imgset_cover_sc picture img, .bl_imgset_cover_sc picture source {}
	.bl_imgset_contain_sc picture {}
	.bl_imgset_contain_sc picture img, .bl_imgset_contain_sc picture source {}
	/*-- 要素内全体を覆いたい場合 object-fit IE対策  --*/
	/*object-fit: cover;*/
	/*font-family: 'object-fit: cover;';*/ /*IE対策*/
	/*============================
	summaru toggle
	============================*/
	summary {}
	/* 一部ブラウザで消えなかった場合は以下も追記 */
	summary::-webkit-details-marker {}
	/*============================
	hidden 設定
	============================*/
	.lg_hidden {
		display: block;
	}
	.md_hidden {
		display: none;
	}
	.sm_hidden {
		display: block;
	}
	.lg_md_hidden {
		display: none;
	}
	.lg_sm_hidden {
		display: block;
	}
	.md_sm_hidden {
		display: none;
	}
}
@media (max-width: 559px) {
	/*============================
	スタムプロパティ　変数
	============================*/
	/*----------------------------初期スタイル*/
	body {
		font-size: 1.3rem;
	}
    .wrap {
    height: 100%;
    padding: 0.5em 7%;
}
	/*============================
	color
	============================*/
	/*============================
	layout
	============================*/
	.wrap {}
	.ly_wrap {}
	.ly_content__inner {}
	.ly_content__inner__pt3 {}
	.ly_content__inner__pt4 {}
	.ly_content__inner__pt5 {}
	.sm_1_24 {
		width: var(--w-1);
	}
	.sm_2_24 {
		width: var(--w-2);
	}
	.sm_3_24 {
		width: var(--w-3);
	}
	.sm_4_24 {
		width: var(--w-4);
	}
	.sm_5_24 {
		width: var(--w-5);
	}
	.sm_6_24 {
		width: var(--w-6);
	}
	.sm_7_24 {
		width: var(--w-7);
	}
	.sm_8_24 {
		width: var(--w-8);
	}
	.sm_9_24 {
		width: var(--w-9);
	}
	.sm_10_24 {
		width: var(--w-10);
	}
	.sm_11_24 {
		width: var(--w-11);
	}
	.sm_12_24 {
		width: var(--w-12);
	}
	.sm_13_24 {
		width: var(--w-13);
	}
	.sm_14_24 {
		width: var(--w-14);
	}
	.sm_15_24 {
		width: var(--w-15);
	}
	.sm_16_24 {
		width: var(--w-16);
	}
	.sm_17_24 {
		width: var(--w-17);
	}
	.sm_18_24 {
		width: var(--w-18);
	}
	.sm_19_24 {
		width: var(--w-19);
	}
	.sm_20_24 {
		width: var(--w-20);
	}
	.sm_21_24 {
		width: var(--w-21);
	}
	.sm_22_24 {
		width: var(--w-22);
	}
	.sm_23_24 {
		width: var(--w-23);
	}
	.sm_24_24 {
		width: var(--w-24);
	}
	/*============================
	text-align
	============================*/
	/*============================
	list
	============================*/
	.bl_list__wrap__pt2 li:nth-of-type(3n) {
		margin-right: 0;
	}
	.bl_list__wrap__pt2 li {
		width: 100%;
		margin: 5px;
	}
	.bl_list__wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: scroll;
	}
	.bl_list__wrap li:nth-of-type(3n) {
		margin-right: 0;
	}
	.bl_list__wrap li {
		width: 80%;
		margin: 5px;
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}
	/*============================
	font
	============================*/
	/*============================
	title
	============================*/
	/*----------------------------フッターエントリータイトル*/
	.bl_entryTtl {
		font-size: 5rem;
	}
	/*----------------------------ハンバーガメニューエントリータイトル*/
	/*----------------------------下層ページタイトル*/
	.bl_pageTtl {
		font-size: 4rem;
	}
	/*----------------------------セクションタイトル*/
	.bl_section__ttl {}
	.bl_section__ttl h2 {}
	.bl_section__ttl h2 span {}
	/*----------------------------トップページムービータイトル*/
	.bl_topMovieTtl {
		font-size: 2.4rem;
	}
	.bl_topMovieTtl + p {
		margin-top: 1em;
	}
	/*----------------------------フォームセクションタイトル*/
	.bl_formSecTtl {
		font-size: 2.4rem;
		color: var(--c-brown);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex; /*変な隙間調整用*/
	}
	.bl_formSecTtl::before {
		content: " ";
		height: 1em;
		width: .5em;
		background-color: var(--c-brown);
		margin: 0 .5em 0 0;
	}
	/*----------------------------フォームタイトル*/
	.bl_formTtl {
		font-size: 4rem;
		color: var(--c-main);
	}
	/*----------------------------トップページ　ワークスリストタイトル*/
	.bl_worksTtl {
		font-size: 2rem;
		text-align: center;
	}
	.bl_worksTtl span {
		font-size: 1.4rem;
		font-family: "futura-pt", sans-serif;
		font-weight: 600;
		font-style: normal;
		display: block;
	}
	/*----------------------------タイトル装飾*/
	.bl_decoCircle {}
	.bl_decoCircle::before {
		display: none;
	}
	/*============================
	button
	============================*/
	/*----------------------------汎用ボタン*/
	.el_btn {
		display: inline-block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
	.el_btn_block {
		display: block;
	}
	.el_btn_inline {
		display: inline;
	}
	.el_btnBgColor__red {}
	.el_btnBgColor__main {}
	.el_btnBgColor__lightYellow {}
	.el_btnBgColor__brown {}
	.el_btnBgColor__white {}
	.el_btn_style__pt1 {}
	.el_btn_style__pt2 {}
	.el_btn_style__pt3 {}
	.el_btn_style__pt4 {}
	.el_btn_style__pt5 {}
	.el_btn_style__pt6 {}
	.el_btn_style__pt7 {}
	.el_btn_style__pt8 {}
	.el_btn_style__pt9 {}
	.el_btn_style__pt10 {}
	.el_btn_style__pt11 {}
	/*----------------------------hover時opacyty以外の設定*/
	.el_btnBgColor__lightYellow:hover {}
	/*----------------------------btn hover時*/
	.el_btn_style__pt1:hover {}
	.el_btn_style__pt1:hover i {}
	/*----------------------------btn セットのアイコン*/
	.el_btn_style__pt1 i {}
	.el_btn_style__pt2 i {}
	/*----------------------------icon*/
	i.__right {
		padding-left: .5em;
	}
	i.__left {
		padding-right: .5em;
	}
	/*============================
	tag
	============================*/
	.el_tag {}
	.el_base__tag {}
	.el_important__tag {}
	/*----------------------------お知らせ欄*/
	.el_tag_news {}
	/*----------------------------フォーム*/
	.el_tag_required {
		font-size: 1rem;
	}
	/*============================
	image
	============================*/
	/*----------------------------image 4:3--*/
	.bl_imgset_cover4-3 picture {}
	.bl_imgset_cover4-3 picture img, .bl_imgset_cover4-3 picture source {}
	.bl_imgset_contain4-3 picture {}
	.bl_imgset_contain4-3 picture img, .bl_imgset_contain4-3 picture source {}
	/*----------------------------16:9--*/
	.bl_imgset_cover picture {}
	.bl_imgset_cover picture img, .bl_imgset_cover picture source {}
	.bl_imgset_contain picture {}
	.bl_imgset_contain picture img, .bl_imgset_contain picture source {}
	/*----------------------------image 正方形--*/
	.bl_imgset_cover_sc picture {
		padding-top: 56.25%
	}
	.bl_imgset_cover_sc picture img, .bl_imgset_cover_sc picture source {}
	.bl_imgset_contain_sc picture {}
	.bl_imgset_contain_sc picture img, .bl_imgset_contain_sc picture source {}
	/*-- 要素内全体を覆いたい場合 object-fit IE対策  --*/
	/*object-fit: cover;*/
	/*font-family: 'object-fit: cover;';*/ /*IE対策*/
	/*============================
	summaru toggle
	============================*/
	summary {}
	/* 一部ブラウザで消えなかった場合は以下も追記 */
	summary::-webkit-details-marker {}
	/*============================
	hidden 設定
	============================*/
	.lg_hidden {
		display: block;
	}
	.md_hidden {
		display: block;
	}
	.sm_hidden {
		display: none;
	}
	.lg_md_hidden {
		display: block;
	}
	.lg_sm_hidden {
		display: none;
	}
	.md_sm_hidden {
		display: none;
	}
    
.bg_white {
    padding: 0.6em 0.8em;}
    .bg_white p {font-size: .8rem;}    
}