@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

.Keyvisual{
  width: 100%;
  height: 970px;
  background-image: url(../images/bg.png);
  background-size: contain, cover;
  background-repeat: repeat, no-repeat;
  background-position: center, center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}

.lead{
  width: 100%;
  background-color: #cc2e57;
  text-align: center;
}
.lead img{
  width: 692px;
  height: auto;
}

.Keyvisual_inner{
  width: 1240px;
  height: 857px;
  background-image: url(../images/mv_bg.png);
  background-size: contain, contain;
  background-repeat: no-repeat, no-repeat;
  background-position: left 0 bottom 53px;
  display: flex;
  justify-content: center;
}

.Keyvisual_inner h1{
  width: 1033px;
  height: auto;
  margin-block: 2rem;
}
.Special{
  width: 1024px;
  height: auto;
  margin: 0 auto;
  padding-block: 4rem;
}
.Special_img{
  width: 370px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.Special_img p{
  width: 180px;
}

.Special_inner{
  display: grid;
  grid-template-columns: 370px 1fr;
  gap: 30px;
  align-items: center;
  position: relative;
  margin-bottom: 10rem;
}

.Special_inner::after  {
  content: "";
  position: absolute;
  width: 1023px;
  height: 2px;
  background-size: contain;
  background-repeat: no-repeat;
  right: -20px;
  background-image: url(../images/line.png);
  bottom: -40px;
}
.Special_ttl{
  font-family: "Noto Sans JP", sans-serif;
  width: 625px;
  border: solid 3px #121212;
  border-radius: 25px;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  font-weight: bold;
  padding: 1.5rem;
  letter-spacing: 0.2px;
  background: #fff;
}
.Special_ttl span.Special_ttl_black {
    color: #000;
}
.Special_ttl span{
  font-size: 28px;
  color: #ee0743;
}
.Special_ttl em{
  color: #9f8059;
  font-size: 24px;
  font-style: normal;
}

.tv_inner{
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  color: #121212;
  margin-bottom: 4rem;
}
.tv_ttl{
  font-size: 24px;
  margin-bottom: 0.5rem;
}
.tv_inner .tv_txt{
  width: 100%;
}
.tv_inner .tv_txt{
  font-size: 16px;
  line-height: 2;
}
.tv_btn{
  width: 772px;
  margin-inline: auto;
}
.tv_btn a:hover{
  opacity: 0.7;
}
.contents {
  background: #fffce9;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

/*------------------------------------
	2025/04/09
--------------------------------------*/

img {
	vertical-align: bottom;
}

.contents {
	font-family: "Noto Sans JP", sans-serif;
}

.posiRe01 {
	position: relative;
}

.seoFlex01 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.seoTextBox01 {
	width: 708px;
}
.movieBox01 {
	width: 286px;
	
}
.movieBox01 dt {
	background-color: #cc2e57;
	color: #ffffff;
	font-size: 17px;
	line-height: 1.6em;
	font-weight: 500;
	letter-spacing: -0.05em;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
	padding: 3px;
	height: 46px;
}

/*------------------------*/

.ancBlock01 {
	background-image: url("/attending/t/osa-d/toraban-escon/images/pc/anc_block_bg01.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 100%;
	height: 550px;
	padding-top: 40px;
}
.ancFlex01 {
	display: flex;
	justify-content: center;
	gap: 0px 50px;
}
.ancFlex01 li {
	width: 160px;
}

/*--------------------------*/

.contBlockIn01 {
	position: relative;
	margin-top: -40px;
}

.contBlock01 {
	position: relative;
	background-image: url("/attending/t/osa-d/toraban-escon/images/pc/cont01_bg02.jpg");
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
	padding: 10px 0px 300px;
	margin-top: -150px;
}
.contBgTop01 {
	height: 150px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: -150px;
}
.contBgTop01 img {
	width: 100%;
	height: 100%;
}
.contH301 {
	text-align: center;
	margin-bottom: 32px;
}
.contH301 img {
	max-width: 100%;
	width: auto;
}

.cont01Flex01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	gap: 40px 16px;
	width: 920px;
	margin: auto;
}
.cont01Flex01 li {
	box-sizing: border-box;
	width: 100%;
	border: 3px solid #917540;
	background-color: #ffffff;
	padding: 18px 16px 18px 16px;
	display: flex;
	justify-content: space-between;
	gap: 0px 22px;
box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.2);
-o-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.2);
-ms-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.2);
}
.cont01Flex01 li.li01 {
	width: 49%;
}

.cont01H401 {
	margin: auto auto 10px -16px;
}
.cont01H401 img {
	width: 354px;
	height: auto;
}

.cont01Text01 {
	font-size: 22px;
	line-height: 1.8em;
	font-weight: 900;
	letter-spacing: 0.05em;
}
.cont01Text01 .s01 {
	font-size: 26px;
	color: #ee0743;
}
.cont01Text02 {
	font-size: 18px;
	line-height: 1.4em;
	font-weight: 900;
}

.cont01Flex01 li .box02 {
	flex-shrink: 0;
}
.cont01Flex01 li .box02 img {
	max-width: 100%;
	width: auto;
}
.cont01Flex01 li .box02 .img01 {
	margin-top: 30px;
}

/*--------------------------*/

.contBlock02 {
	position: relative;
	background-image: url("/attending/t/osa-d/toraban-escon/images/pc/cont02_bg02.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
	padding: 10px 0px 300px;
	margin-top: -70px;
}

.cont02ImgBg01 {
	text-align: center;
}
.cont02ImgBg01 img {
	max-width: 100%;
	width: auto;
}

.cont02TextBox01 {
	text-align: center;
	font-size: 24px;
	line-height: 1.62em;
	font-weight: 900;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 556px;
}
.cont02TextBox01 .textS01 {
	display: inline-block;
	background-color: #faf305;
	padding: 0px 4px;
}
.cont02TextBox01 .textS02 {
	display: inline-block;
	background-color: #0068b7;
	padding: 0px 4px;
	color: #ffffff;
}

/*--------------------------*/

.contBlock03 {
	position: relative;
	background-image: url("/attending/t/osa-d/toraban-escon/images/pc/cont03_bg02.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
	padding: 10px 0px 300px;
	margin-top: -70px;
}
.cont03TextBox01 {
	font-size: 20px;
	line-height: 1.8em;
	text-align: left;
	width: 446px;
	position: absolute;
	left: 45px;
	top: 396px;
}

/*--------------------------*/

.contBlock04 {
	position: relative;
	background-image: url("/attending/t/osa-d/toraban-escon/images/pc/cont04_bg02.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
	padding: 10px 0px 80px;
	margin-top: -70px;
}
.cont03TextBox02 {
	font-size: 18px;
	line-height: 1.7em;
	text-align: left;
	width: 472px;
	position: absolute;
	left: 536px;
	top: 130px;
}

/*------------------------*/

.contBtnBlock01 {
	background-color: #fffce9;
	padding: 40px 0px;
}


/*-------*/