@charset "UTF-8";
/* CSS Document */

#pagePath a {
    margin-right: 3px;
    display: inline-block;
	color: #5D5A5A;
}
.back #pagePath a {
    margin-right: 3px;
    display: inline-block;
	color: #A40000;
}
.back .pageNavi a {
	 margin-right: 3px;
    display: inline-block;
	color: #A40000;
}
.pageNavi {
	color: #FFF;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
}
.content {
	width: 920px;
	margin-bottom: 150px;
}
.back {
	background-color: #0e142c;
	color: #FFF;
	/*#2e2f3e*/
}
.back .maintop li {
	color: #FFF;
	/*#2e2f3e*/
}
.back_f {
	background-color: rgb(109 151 154 / 40%);
	/*#2e2f3e*/
	/*#dedddc*/
}
.maintop {
	width: auto;
	padding-top: 66px;
	color: #8B0000;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro';
	}
.topTxt_2 {
	margin: 30px 0px 60px;
	text-align: center;
	font-size: 2.2rem;
	line-height: 1.94;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
	}
.des_Box_top {
	display: flex; /* 要素を横並びにする */
 	justify-content: space-between; /* 要素間に均等なスペースを空ける */
	margin: 20px auto 100px;
}
.des_Box {
	display: flex; /* 要素を横並びにする */
 	justify-content: space-between; /* 要素間に均等なスペースを空ける */
	margin: 40px auto 60px;
	width: 800px;
}
.des_Box_n_1 {
	display: flex; /* 要素を横並びにする */
 	justify-content: space-between; /* 要素間に均等なスペースを空ける */
	margin: 40px auto 10px;
	width: 800px;
}
.des_Box_n_2 {
	display: flex; /* 要素を横並びにする */
 	justify-content: space-between; /* 要素間に均等なスペースを空ける */
	margin: 20px auto 60px;
	width: 920px;
}

.photo_1 {
	width: 45%;
}
.text_1 {
	width: 50%;
	font-size: 1.4rem;
	line-height: 1.94;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
}
.photo_2 {
	width: 45%;
}
.photo_2_1 {
	width: 45%;
}
.photo_2_1n {
	width: 45%;
}
.photo_2_n {
	width: 45%;
}
.text_2 {
	width: 50%;
	font-size: 1.4rem;
	line-height: 1.94;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
}
.text_2_l {
	width: 50%;
	font-size: 1.4rem;
	line-height: 1.94;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
}
.text_2_l_n {
	width: 50%;
	font-size: 1.4rem;
	line-height: 1.94;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
	margin-top: 100px;
}
.text_nl {
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.94;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
	display: flex;
    flex-direction: row-reverse;
}
.des_Box_n {
	display: flex; /* 要素を横並びにする */
 	justify-content: space-between;/* 要素間に均等なスペースを空ける */
	margin: 20px auto 0px;
	width: 800px;
}
.des_Box_n_3 {
	margin: 30px auto 0px;
	width: 800px;
}
.des_Box_n_4 {
	margin: 30px auto 0px;
	width: 800px;
	font-size: 1.4rem;
    line-height: 1.94;
    font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
}
.des_Box_n_5 {
	margin: 60px auto 0px;
	width: 800px;
	font-size: 1.4rem;
    line-height: 1.94;
    font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
}
.des_Box_n_4 img {
	margin: 30px auto 0px;
	width: 800px;
}
.text_2_n {
	width: 50%;
	font-size: 1.4rem;
	line-height: 1.94;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
	margin-top: 110px;
	/*display: flex;
	flex-direction: column;
    justify-content: space-around;*/
}
.n_b {
	width: 700px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.photo_3 {
	width: 45%;
}
.photo_3_1 {
	width: 45%;
}
.text_3 {
	width: 50%;
	font-size: 1.4rem;
	line-height: 1.94;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
}
.d_text_1 {
	font-weight: 600;
	font-size: 30px;
}
.d_text {
	font-weight: 500;
	margin-bottom: 10px;
	font-size: 20px;
}
.d_text_n {
	font-weight: 500;
	margin-bottom: 20px;
	font-size: 20px;
}
.des_Box_n_1 {
	position: relative; /* 子要素の基準点に設定 */
}
.des_Box_n_2 {
	position: relative; /* 子要素の基準点に設定 */
}
/* 親要素を基準にする */
.text_2 {
  position: relative; /* 子要素の基準点に設定 */
  padding-bottom: 20px; /* 線を配置するための余白 */
}
/* 親要素を基準にする */
.text_2_n {
  position: relative; /* 子要素の基準点に設定 */
   /* 線を配置するための余白 */
}
/* 線を親要素の底に固定 */
.d_text:before {
  width: 110%; /* 親要素の幅に合わせる */
  height: 1px;
  position: absolute;
  left: -40px;
  bottom: 633px;
  background-color: #BABABA;
  content: '';
}
/* 線を親要素の底に固定 */
.d_text_n:before {
  width: 110%; /* 親要素の幅に合わせる */
  height: 1px;
  position: absolute;
  left: 0px;
  bottom: 335px;
  background-color: #BABABA;
  content: '';
}
.d_text_l {
	font-weight: 500;
	margin-bottom: 10px;
	font-size: 20px;
}
.d_text_l_n {
	font-weight: 500;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 30px;
}
/* 親要素を基準にする */
.text_2_l {
  position: relative; /* 子要素の基準点に設定 */
  padding-bottom: 20px; /* 線を配置するための余白 */
}
/* 親要素を基準にする */
.text_2_l_n {
  position: relative; /* 子要素の基準点に設定 */
  padding-bottom: 20px; /* 線を配置するための余白 */
}
/* 線を親要素の底に固定 */
.d_text_l:before {
  width: 110%; /* 親要素の幅に合わせる */
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 247px;
  background-color: #BABABA;
  content: '';
}
/* 線を親要素の底に固定 */
.d_text_l_n:before {
  width: 110%; /* 親要素の幅に合わせる */
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 195px;
  background-color: #BABABA;
  content: '';
}

/* 親要素 */
.des_Box {
    position: relative; /* 子要素の配置基準とする */
}
/* 子要素（擬似要素の親） */
.photo_2 {
    /* 必要に応じて、この要素にもposition: relative; を指定 */
    position: relative;
    z-index: 1; /* 親要素の前面にしたい場合 */
}
/* 擬似要素 */
.photo_2:before {
    width: 810px;
    height: 370px;
    position: absolute;
    top: 50%; /* 親要素の上下中央に配置 */
    left: 73%; /* 親要素の左右中央に配置 */
    transform: translate(-50%, -50%); /* 要素自体の半分をずらして完全に中央寄せ */
    border-radius: 45px;
    background-color: rgba(247, 165, 162, 0.15);;
    content: '';
    z-index: -1; /* 最背面に配置 */
}
/* 子要素（擬似要素の親） */
.photo_2_n {
    /* 必要に応じて、この要素にもposition: relative; を指定 */
    position: relative;
    z-index: 1; /* 親要素の前面にしたい場合 */
}
/* 擬似要素 */
.photo_2_n:before {
    width: 650px;
    height: 380px;
    position: absolute;
    top: 50%; /* 親要素の上下中央に配置 */
    left: 50%; /* 親要素の左右中央に配置 */
    transform: translate(-50%, -50%); /* 要素自体の半分をずらして完全に中央寄せ */
    border-radius: 45px;
    background-color: rgba(75, 112, 170, 0.15);;
    content: '';
    z-index: -1; /* 最背面に配置 */
}
.photo_2_n img {
    height: 370px;
}
.d_text_2 {
	font-weight: 500;
	margin-bottom: 20px;
	font-size: 20px;
}
.d_text_2_2 {
	font-weight: 500;
	margin-bottom: 20px;
	font-size: 18px;
}
/* 親要素を基準にする */
.text_3 {
  position: relative; /* 子要素の基準点に設定 */
  padding-bottom: 20px; /* 線を配置するための余白 */
}
/* 線を親要素の底に固定 */
.d_text_2:before {
  width: 110%; /* 親要素の幅に合わせる */
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 801px;
  background-color: #BABABA;
  content: '';
}
.d_text_2_2:before {
  width: 110%; /* 親要素の幅に合わせる */
  height: 1px;
  position: absolute;
  left: -40px;
  bottom: 528px;
  background-color: #BABABA;
  content: '';
}
/* 親要素 */
.des_Box {
    position: relative; /* 子要素の配置基準とする */
}
/* 子要素（擬似要素の親） */
.photo_2_1 {
    /* 必要に応じて、この要素にもposition: relative; を指定 */
    position: relative;
    z-index: 1; /* 親要素の前面にしたい場合 */
}

/* 擬似要素 */
.photo_2_1:before {
    width: 810px;
    height: 370px;
    position: absolute;
    top: 70%; /* 親要素の上下中央に配置 */
    left: 10%; /* 親要素の左右中央に配置 */
    transform: translate(-50%, -50%); /* 要素自体の半分をずらして完全に中央寄せ */
    border-radius: 45px;
    background-color: rgba(63, 111, 141, 0.1);
    content: '';
    z-index: -1; /* 最背面に配置 */
}
.d_img_3 {
	width: 250px;
	padding-left: 145px;
	padding-top: 50px;
}
.text_n {
	padding: 10px 0px 0px 127px;
	line-height: 1.5;
	font-size: 1.3rem;
}
.text_n a {
	color: #E50112;
}
/* 親要素 */
.des_Box {
    position: relative; /* 子要素の配置基準とする */
}
/* 子要素（擬似要素の親） */
.photo_3 {
    /* 必要に応じて、この要素にもposition: relative; を指定 */
    position: relative;
    z-index: 1; /* 親要素の前面にしたい場合 */
}
.photo_3_1 {
    /* 必要に応じて、この要素にもposition: relative; を指定 */
    position: relative;
    z-index: 1; /* 親要素の前面にしたい場合 */
}
/* 擬似要素 */
.photo_3:before {
    width: 900px;
    height: 790px;
    position: absolute;
    top: 86%; /* 親要素の上下中央に配置 */
    left: 32%; /* 親要素の左右中央に配置 */
    transform: translate(-50%, -50%); /* 要素自体の半分をずらして完全に中央寄せ */
    border-radius: 45px;
    background-color: rgba(63 141 101 / 10%);
    content: '';
    z-index: -1; /* 最背面に配置 */
}
.des_pro {
	margin-top: 100px;
	margin-bottom: 100px;
}
.d_rogo {
	text-align: center;
	margin: auto;
}
.d_rogo img {
	height: 100px;
}
.acc_t {
	margin: 60px 40px 40px;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.94;
}
.link_box {
	background-color: #a40000;
    color: #FFF;
    padding: 20px 15px;
    /* 全体に同じ角丸を適用 */
    border-radius: 10px; /* 10pxは例です */
	margin: 20px auto;
	width: 350px;
    text-align: center;
}
.link_box a {
    color: #FFF;
}
/*.link_box_f {
	background-color: #a40000;
    padding: 20px 15px;
    /* 全体に同じ角丸を適用 
    border-radius: 10px; /* 10pxは例です 
	width: 300px;
	height: 20px;
    text-align: center;
}*/

.link_box_f {
    /* 背景と文字色*/
    background-color: transparent;
    color: #013c0b;
    padding: 15px 10px;
    border-radius: 10px;
    width: 350px;
	height: 20px;
    text-align: center;
    font-weight: 600;
    
    /* 細い赤の枠線*/
    border: 1px solid #FFF;
    
    /* アニメーション設定*/
    transition: all 0.3s ease;
    cursor: pointer;
}
.link_box_f:hover {
    /*ホバーで背景色と影を付ける */
    background-color: #013c0b;
    color: #FFF; /* 文字を白に */
    box-shadow: 0 5px 15px rgba(0, 164, 0, 0.4); /* ぼかした影 */
    border-color: #FFF; /* 枠線を白に変える*/
}
.link_box_f a {
    color: #FFF;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
	    line-height: 1.94;
}
.des_Box_n_2 .link_box_f {
	margin: 240px 0px 0px auto;
    z-index: 1;
}
.link_box_n {
    /* 背景と文字色*/
    background-color: transparent;
    color: #FFF;
    padding: 15px 11px;
    border-radius: 10px;
    width: 365px;
	height: 50px;
    text-align: center;
    font-weight: 600;
	margin: 20px 0px 0px 70px;
	font-size: 1em;
    
    /* 細い赤の枠線*/
    border: 1px solid #013c0b;
    
    /* アニメーション設定*/
    transition: all 0.3s ease;
    cursor: pointer;
}
.link_box_n:hover {
    /*ホバーで背景色と影を付ける */
    background-color: #013c0b;
    color: #FFF; /* 文字を白に */
    box-shadow: 0 5px 15px rgba(0, 164, 0, 0.4); /* ぼかした影 */
    border-color: #FFF; /* 枠線を白に変える*/
}

/* 既存のリンクの基本設定 */
.link_box_n a {
    color: #013c0b; /* 通常時の青い文字色 */
    font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
    line-height: 1.94;
    transition: color 0.3s ease; /* 文字色もアニメーションさせる */
}

/* ホバー時にリンク内の文字色を白に変更する設定を追加 */
.link_box_n:hover a {
    color: #FFF; /* ホバー時に文字を白くする */
}

.link_box_k {
    /* 背景と文字色*/
    background-color: transparent;
    color: #FFF;
    padding: 15px 11px;
    border-radius: 10px;
    width: 375px;
	height: 25px;
    text-align: center;
    font-weight: 600;
	font-size: 1em;
    
    /* 細い赤の枠線*/
    border: 1px solid #031e7e;
    
    /* アニメーション設定*/
    transition: all 0.3s ease;
    cursor: pointer;
}
.link_box_k:hover {
    /*ホバーで背景色と影を付ける */
    background-color: #031e7e;
    color: #FFF; /* 文字を白に */
    box-shadow: 0 5px 15px rgba(0, 0, 164, 0.4); /* ぼかした影 */
    border-color: #FFF; /* 枠線を白に変える*/
}

/* 既存のリンクの基本設定 */
.link_box_k a {
    color: #031e7e; /* 通常時の青い文字色 */
    font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
    line-height: 1.94;
    transition: color 0.3s ease; /* 文字色もアニメーションさせる */
}

/* ホバー時にリンク内の文字色を白に変更する設定を追加 */
.link_box_k:hover a {
    color: #FFF; /* ホバー時に文字を白くする */
}
.acc_t .link_box_k {
	margin: 60px auto 0px;
}

.link_box_h {
    /* 背景と文字色*/
    background-color: transparent;
    color: #FFF;
    padding: 15px 11px;
    border-radius: 10px;
    width: 375px;
	height: 25px;
    text-align: center;
    font-weight: 600;
	font-size: 1em;
    
    /* 細い赤の枠線*/
    border: 1px solid #000;
     /* アニメーション設定*/
	transition: all 0.3s ease;
	cursor: pointer;
	margin: auto;
	margin-bottom: 100px;
}
.link_box_h:hover {
    /*ホバーで背景色と影を付ける */
    background-color: #efc828;
    color: #FFF; /* 文字を白に */
    box-shadow: 0 5px 15px rgba(164, 164, 0, 0.4); /* ぼかした影 */
    border-color: #FFF; /* 枠線を白に変える*/
}

/* 既存のリンクの基本設定 */
.link_box_h a {
    color: #000; /* 通常時の青い文字色 */
    font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
    line-height: 1.94;
    transition: color 0.3s ease; /* 文字色もアニメーションさせる */
}

/* ホバー時にリンク内の文字色を白に変更する設定を追加 */
.link_box_h:hover a {
    color: #FFF; /* ホバー時に文字を白くする */
}
.gallery .link_box_h {
	margin: 10px auto 100px;
}


.lighting_s {
	margin-bottom: 34px;
    display: flex;
    flex-wrap: wrap;
	align-content: center;
	align-items: center;
}
.lighting_s li {
	margin: 20px;
    width: 250px;
	text-align: center;
}
.lighting_s li span {
	font-size: 25px;
}
.lighting_i {
	margin-bottom: 20px;
}
.topTxt_3 {
	margin: 30px 0px 60px;
	text-align: center;
	font-size: 2.2rem;
	line-height: 1.94;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro';
	}

/* ギャラリーコンテナのスタイル */
.gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-top: 50px;
}
.image-item {
	width: 250px; /* 画像の幅と合わせるか、画像を内包できるサイズにする */
	height: 250px; /* 画像の高さと合わせる */
    
    /* 💥 ここを追加・修正！ 💥 */
	border-radius: 50%; 
    
	position: relative;
	overflow: hidden; 
	cursor: pointer;
	transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.image-item:hover {
	transform: translateY(-5px); /* ホバーで少し浮き上がる */
/*	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
		*/
	box-shadow: 
        0 20px 25px 0px rgba(0, 0, 0, 0.1), 
        0 10px 10px 0px rgba(0, 0, 0, 0.04);
}

/* 画像自体のスタイル */
.image-item img {	
  display: block; /* 画像の下にできる余白をなくす */
  transition: transform 0.3s ease-in-out; /* 変化を滑らかにするためのトランジション */
	  /* 1. 正方形であることを確認 */
  width: 250px;  /* 例: 幅を設定 */
  height: 250px; /* 例: 高さも幅と同じにする */
  /* 2. 円形にする */
  border-radius: 50%; 
  /* 3. (オプション) はみ出た部分を非表示にする */
  object-fit: cover; 
}

/* ホバー時の画像拡大 */
.image-item:hover img {
	transform: scale(1.08); /* 1.05倍に拡大 */
} 


/* ホバー時のオーバーレイテキスト */
.overlay-text {
	position: absolute;
	top: 0; /* 画像全体に被せる */
	left: 0;
	width: 100%;
	height: 100%; /* 画像全体に被せる */
	background-color: rgba(255, 255, 255, 0.8); /* 半透明の黒背景 */
	color: black;
	font-size: 15px; /* テキストサイズを少し大きく */
	display: flex; /* テキストを中央に配置するためにflexboxを使用 */
	flex-direction: column;
	align-items: center; /* 垂直方向中央寄せ */
	justify-content: center; /* 水平方向中央寄せ */
	opacity: 0; /* 最初は透明で隠しておく */
	transition: opacity 0.3s ease-in-out; /* 透明度の変化を滑らかに */
	box-sizing: border-box; /* paddingを含めた幅を100%にする */
	padding: 1rem; /* テキストが端に寄りすぎないようにパディングを追加 */
	text-align: center; /* 中央揃え */
}
.overlay-text span {
	font-size: 12px;
}

/* ホバー時にテキストを表示 */
.image-item:hover .overlay-text {
	opacity: 1; /* ホバー時に表示 */
}
       

        /* モーダル表示時のアニメーション */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        @keyframes zoomIn {
            from { transform: scale(0.8); opacity: 0; }
            to { transform: scale(1); opacity: 1; }
        }

        @media (min-width: 1024px) { /* lg breakpoint */
            .image-item {
                width: 260px;
				margin:  0px 20px 40px;
            }
        }


    
@media all and (max-width: 767px) {
.content {
		width: auto;
	}
.topTxt {
		margin: 0 auto 21px;
		max-width: 320px;
		font-size: 1.75rem;
		line-height: 1.67;
	}
.headLine02 {
		margin-bottom: 42px;
		font-size: 2.3rem;
	}
.imgBox {
		margin: 0 25px 103px;
		max-width: inherit;
		display: block;
	}
.imgBox .textBox {
		margin: 0 0 49px;
		width: auto;
	}
.imgBox .textBox .innerBox {
		margin-left: 0;
		width: auto;
	}
.imgBox .textBox .innerBox p {
		margin-bottom: 29px;
		line-height: 2.1;
		letter-spacing: -1.2px;
	}
.imgBox .textBox .innerBox p:last-child {
		margin-bottom: 0;
	}
.imgBox .photoList {
		margin: 0 -25px;
		width: auto;
		display: flex;
	}
.imgBox .photoList li {
		width: 50%;
	}
.imgList {
		margin: 0 6px 68px;
		display: block;
	}
.imgList li {
		margin: 0 0 53px;
		width: auto;
	}
.imgList li:last-child {
		margin-bottom: 0;
	}
.imgList li .photo {
		margin-bottom: 19px;
	}
.imgList li .textBox {
		margin: 0;
	}
.imgList li p {
		font-size: 1.4rem;
		line-height: 2.1;
		letter-spacing: -0.8px;
	}
	
	
#main {
        margin-bottom: 0px;
    }
.des_Box_top {
		flex-direction: column;
    	width: auto;
		margin-top: 66px;
	}
.photo_1 {
		width: 100%;
	}
.text_1 {
		width: 100%;
		margin-top: 20px;
	}
.des_Box {
		flex-direction: column;
    	width: auto;
	}
.text_2_l {
		width: 100%;
	}
.photo_2 {
		width: 100%;
	}
.photo_2_1 {
		width: 100%;
		margin-top: 20px;
	}
.text_2 {
		width: 100%;
		margin-top: 20px;
	}	
.text_3	{
		width: 100%;
		margin-top: 20px;    
		padding-bottom: 0px;
		
	}
.d_text_2 {
		width: 100%;
	}
.photo_3 {
		width: 100%;
		margin-top: 20px;
	}
.photo_3_1 {
		width: 100%;
		margin-top: 20px;
	}
.acc_t {
    	margin: 60px 10px 0px;
	}
.acc_t .link_box_k {
		width: 100%;
		margin: 20px 0px 40px;
	}
.link_box_k {
		padding: 18px 0px 36px;
	}
.gallery {
		flex-direction: column;
    	width: auto;
	}
.image-item {
		margin: auto;
		padding-bottom: 10px;
	} 
.link_box_h {
		width: auto;
		margin-top: 40px;
		padding: 20px 0px 40px;
	}
.d_img_3 {
		width: auto;
		padding-left: 0px; 
		padding-top: 20px;
	}
.link_box_n {
		width: auto;
		margin: 30px 0px 0px 0px;
		padding: 20px 0px 40px;
	}	
.d_text_l:before {
		width: 100%;
		bottom: 275px;
	}
.photo_2:before {
		width: 355px;
		height: 310px;
		top: -42%;
		left: 70%;
	}
.d_text:before {
		width: 100%;
		bottom: 1336px;
		left: 0px;
	}
.photo_2_1:before {
		width: 510px;
		height: 770px;
		top: 10%;
		left: 10%;
	}
.d_text_2:before {
		width: 100%;
		bottom: 835px;
		left: 0px;
	}
.photo_3:before {
		width: 500px;
    	height: 990px;
		top: 96%;
    	left: 82%;
	}
.d_text_2_2:before{
		width: 100%;
		bottom: 1004px;
		left: 0px;
	} 
	    
	
	
}	
	
/*
ニールス*/
/*
.des_Box_top {
		flex-direction: column;	
		margin: 20px auto 0px;
	}
.photo_1 {
		width: 100%;
	}
.text_1 {
		width: 100%;
	}
.des_Box_n_1 {
		flex-direction: column;
		width: auto;
		margin-top: 100px;
	}
.text_2_l_n {
		width: 100%;
		margin-top: 0px;
		margin-bottom: 20px;
	}
.d_text_l_n:before {
		width: 100%;
    	bottom: 168px;
	}	
.photo_2_n:before {
    width: 370px;
    height: 370px;
	}	
.photo_2_n {
		width: 100%;
	}
.des_Box_n_2 .link_box_f {
    margin: 40px 0px 0px auto;
    z-index: 1;
    width: auto;
	}
.des_Box_n_2 {
		flex-direction: column;	
		width: auto;
	}
.photo_2_n {
		width: 100%;
	}
	
	

.d_text_1 {
		margin-top: 20px
	} 
.des_Box_n {
		flex-direction: column;	
		width: auto;
		margin: 100px auto 0px;
	}
.photo_2_1n {
		width: 100%;
	}
.text_2_n {
		width: 100%;
		margin-top: 0px;
		margin-bottom: 40px;
	}
.d_text_n {
		width: 100%;
	}
.d_text_n:before {
		width: 100%;
    	bottom: 317px;
	}

.des_Box_n_3 {
		width: auto;
	}
.n_b {
		width: auto;
	}
.des_Box_n_4 {
		width: auto;
		margin: 70px auto 0px;
	}
.text_nl{
		flex-direction: column;	
		width: auto;
		text-align: end;
	}
.des_Box_n_5 {
		width: auto;
		margin: 10px auto 150px;
	}
.des_Box {
		flex-direction: column;	
		width: auto;
		margin: 20px auto 60px;
	}*/
	
	

@media all and (max-width: 374px) {
}