@charset "utf-8";

/*===========================================================
共通パーツ
===========================================================*/

.box-shadow01 {
	box-shadow: 15px 15px 0px #EF7126;
	border-radius: 15px;
	overflow: hidden;
}

.gallery-box-shadow01 {
	box-shadow: 15px 15px 0px #EF7126;
	border-radius: 15px 15px 0 0;
	overflow: hidden;
}

.gallery-box-shadow02 {
	box-shadow: 0 15px 0px #EF7126, 15px 15px 0px #EF7126;
	border-radius: 0 0 15px 15px;
	overflow: hidden;
}

/*===========================================================
common-first
===========================================================*/

.common-first-container {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
	padding: 0 15px;
	position: relative;
}

.common-first-text-box {
    text-align: left;
}

.common-first-img-box {
    max-width: 802px;
    width: 100%;
    margin: 40px auto 0;
}

.common-first-illust-box {
	max-width: 200px;
	width: 15%;
	position: absolute;
	bottom: -14%;
	left: 0;
	margin: auto;
}

/*===========================================================
common-second
===========================================================*/

.common-second-sp-main-title-box {
	display: block;
}

.common-second-pc-main-title-box {
	display: none;
}

.common-second-container {
    max-width: 1700px;
    width: 100%;
    margin: 0 auto 0 0;
	padding: 0 15px;
    position: relative;
}

.common-second-illust-box {
    max-width: 180px;
    width: 12%;
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
}

.common-second-main-title-box {
    text-align: center;
}

.common-second-area {
    margin: 40px 0 0 0;
	padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
}

.common-second-img-box {
    max-width: 908px;
    width: 100%;
}

.common-second-text-area {
	margin: 40px 0 0 0;
    width: 100%;
}

.common-second-title-box {
    margin: 0;
}

.common-second-text-box {
    margin: 20px 0 0 0;
}

.common-second-text-box .text01 br {
    display: none;
}

/*===========================================================
gallery
===========================================================*/

.gallery-container {
    max-width: 1450px;
    width: 100%;
    margin: 0 auto;
}

.gallery-area {
    margin: 60px 0 0 0;
	padding: 0 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.gallery-text-box01 {
    margin: 30px 0 0 0;
}

.gallery-text-box02 {
    padding: 10px 10px 0 10px;
}

.gallery-text02 {
	font-size: clamp(14px, calc(0.875rem + ((1vw - 3.75px) * 0.3883)), 20px);
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:544px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
/*===========================================================

===========================================================*/

  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 544px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 768px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */ 

.box-shadow02 {
    box-shadow: 15px 15px 0px #EF7126, 0px 15px 0px #EF7126;
    border-radius: 0 15px 15px 0;
    overflow: hidden;
}

/*===========================================================
common-first
===========================================================*/

.common-first-text-box {
    text-align: center;
}

.common-first-img-box {
    margin: 60px auto 0;
}

/*===========================================================
common-second
===========================================================*/

.common-second-sp-main-title-box {
	display: none;
}

.common-second-pc-main-title-box {
	display: block;
}

.common-second-container {
    max-width: 1700px;
    width: 100%;
    margin: 0 auto 0 0;
	padding: 0 15px 0 0;
    position: relative;
}

.common-second-illust-box {
    width: 10%;
    top: -10%;
}

.common-second-main-title-box {
    text-align: left;
}

.common-second-area {
    margin: 0;
	padding: 0;
    align-items: center;
    justify-content: space-between;
	flex-direction: row;
}

.common-second-img-box {
    max-width: 908px;
    width: 51%;
}

.common-second-text-area {
	margin: 0;
    max-width: 630px;
    width: 44%;
}

.common-second-title-box {
    margin: 30px 0 0 0;
}

.common-second-text-box {
    margin: 40px 0 0 0;
}

.common-second-text-box .text01 br {
    display: block;
}

/*===========================================================
gallery
===========================================================*/

.gallery-area {
    grid-template-columns: repeat(3, 1fr);
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 1024px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*===========================================================
common-first
===========================================================*/

.common-first-img-box {
    margin: 80px auto 0;
}
  
/*===========================================================
common-second
===========================================================*/
  
.common-second-img-box {
    width: 53.4%;
}

/*===========================================================
gallery
===========================================================*/

.gallery-area {
	margin: 80px 0 0 0;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1200px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
/*===========================================================

===========================================================*/

  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 1200px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1440px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
/*===========================================================

===========================================================*/

  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 1440px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1620px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  

  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 1520px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */