@charset "UTF-8";
body, button, input, select, option, textarea {
	font-family: 'M PLUS 1p', sans-serif;
}
.font_sans {
	font-family: 'Noto Sans JP', sans-serif;
}

/*----------------------------------------------------
	Structure Module
----------------------------------------------------*/
html {
  /* overflow-y: scroll; */
}

body {
  margin: 0;
  padding: 0;
  color: #333333;
  /* text-align: center; */
  line-height: 1.65;
  letter-spacing: 1px;
  word-break: break-all;
  -ms-word-break: break-all;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;

	text-align: justify;
	text-justify: inter-ideograph;
	text-justify: inter-character;

	font-feature-settings: "palt" 1;
}

/*----------------------------------------------------
	Headings Module
----------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

/*----------------------------------------------------
	Phrasing Module
----------------------------------------------------*/
p {
  margin: 0;
  padding: 0;
}

cite, dfn, address, i, em {
  font-style: normal;
}

strong, em, b {
  font-weight: normal;
}

u {
  text-decoration: none;
}

abbr {
  border: 0 none;
}

mark {
  background-color: transparent;
}

q {
  quotes: none;
}

button {
  text-align: left;
  cursor: pointer;
}

input:focus, button:focus, select:focus, textarea:focus {
  outline: none;
}

/*----------------------------------------------------
	Hypertext Module
----------------------------------------------------*/
a {
  outline: none;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(152, 152, 152, .3);
}

a:link,
a:visited {
  color: #ff0000;
}

a:hover {
  text-decoration: underline;
}

a:active,
a:focus {
  background-color: transparent;
}

/*----------------------------------------------------
	Image Module
----------------------------------------------------*/
img {
  border: 0;
  vertical-align: bottom;
}

/*----------------------------------------------------
	Embedded Module
----------------------------------------------------*/
object, embed {
  outline: none;
}

/*----------------------------------------------------
	List Module
----------------------------------------------------*/
ul, ol, dl, dt, dd, li {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

ol li {
  list-style: none;
}

/*----------------------------------------------------
	Table Module
----------------------------------------------------*/
table {
  border-collapse: separate;
  border-spacing: 0;
}

th, td {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

/*----------------------------------------------------
	Forms Module
----------------------------------------------------*/
form, button, input, select, option, textarea {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

textarea {
  width: 350px;
}

input {
  border: 0 none;
  border-radius: 0px;
}

button {
  background: none;
  border: 0 none;
  overflow: visible;
}

/*----------------------------------------------------
	HTML5 Reset
----------------------------------------------------*/
article, aside, figure, figcaption, dialog, details,
footer, header, menu, main, nav, section, summary {
  display: block;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

/*
*  D.D.HOUSE｜40周年記念イベント特設ウェブサイト
*  ---------------------------------------------------
*  BaseFont
*  Optimization
*  BaseColor
*  Animation
*  ---------------------------------------------------
*  Z-Index
*  ---------------------------------------------------
*  layout[ALL]
*    html
*    Body
*    Wrapper
*    Header
*    Container/Content
*    Footer

//PCファースト
*  --------------------------------------------------
*  Media Queries for window size under 1280px
*  --------------------------------------------------
*  Media Queries for window size under 768px
*  --------------------------------------------------
*/




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

  Optimization

====================================================*/
/*  html
--------------------------*/
html {
  font-size: 62.5%; /* 10px */
}


/*  Body
--------------------------*/
body,
body *,
body *::before,
body *::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  letter-spacing: 0px;
}

button, input, select, option, textarea {
  border: 0 none;
  letter-spacing: 0px;
  border-radius: 0px;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
button:disabled, input:disabled, select:disabled, option:disabled, textarea:disabled {
  background-color: transparent;
}

select::-ms-expand {
  display: none;
}

textarea {
  resize: none;
  vertical-align: bottom;
}

img {
  -webkit-touch-callout: none;
	vertical-align: top;
	max-width: 100%;
	height: auto;
}

a:hover {
  text-decoration: none;
}

i {
}

h1, h2, h3, h4 {
  font-size: 100%;
  font-weight: 400;
}

table {
  border-collapse: collapse;
}

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

  BaseColor

====================================================*/
/* テキスト
--------------------------*/
body {
  color: #000;
  width: 100%;
}

button, input, select, option, textarea {
  color: #fff;
}

input:-moz-placeholder {
  color: #bbbbbb;
}
input::-webkit-input-placeholder {
  color: #bbbbbb;
}

textarea:-moz-placeholder {
  color: #bbbbbb;
}
textarea::-webkit-input-placeholder {
  color: #bbbbbb;
}

/* リンク
--------------------------*/
a:link,
a:visited {
  color: #000;
}

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

  Animation

====================================================*/
@keyframes anim_opct0-1 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/*==================================================

  Z-Index

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

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

  layout[ALL]

====================================================*/
.pc {
	display: inline;
}
.sp {
	display: none;
}


.event_disable {
	pointer-events: none;
	user-select: none;
}
.opct_0 {
	opacity: 0;
}
a:hover {
	transition: opacity 300ms ease 0s;
}
.fadein {
	opacity: 0;
	transform: translateY(20rem);
}
.fadein.view {
	opacity: 1;
	transform: translateY(0);
	transition: all 1200ms ease 500ms;
}
.fadein_2 {
	opacity: 0;
	transform: translateY(20rem);
}
.fadein_2.view {
	opacity: 1;
	transform: translateY(0);
	transition: all 1200ms ease 800ms;
}
.fadein_3 {
	opacity: 0;
	transform: translateY(20rem);
}
.fadein_3.view {
	opacity: 1;
	transform: translateY(0);
	transition: all 1200ms ease 1000ms;
}
/*  Html
--------------------------*/
html {
	font-size: 1px;
	scroll-behavior: smooth;
}
/*  Body
--------------------------*/
body {
	background-color: #000;
}
body:has(.modal) {
	overflow: hidden;
}

/*  Wrapper
--------------------------*/
#wrapper {
}

/*  loop_v_wrap
--------------------------*/
#loop_v_wrap {
	position: fixed;
	inset-inline: 0;
	inset-block-start: 0;
	block-size: 0;
}
#loop_v_wrap .inner {
	position: relative;
	inline-size: 768rem;
	margin-inline: auto;
}
#loop_v_wrap .loop_v_l {
	inline-size: 33rem;
	position: absolute;
	inset-inline-start: 20rem;
	inset-block-start: 0;
}
#loop_v_wrap .loop_v_r {
	inline-size: 33rem;
	position: absolute;
	inset-inline-end: 20rem;
	inset-block-start: 0;
}
#loop_v_wrap .loop_v_l img {
	animation: loop_v_l 200s linear infinite;
}
#loop_v_wrap .loop_v_r img {
	animation: loop_v_r 200s linear infinite;
}
@keyframes loop_v_l {
  0% {
    transform: translateY(0%);
  }
  to {
    transform: translateY(-100%);
  }
}
@keyframes loop_v_r {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0%);
  }
}


/*  main
--------------------------*/
#main {
	block-size: 100vh;	/* AndroidOS12用*/
	block-size: 100dvh;
	background-color: #e50012;
	position: relative;
}
#main_waku {
	block-size: 100%;
	padding: 15rem;
	max-inline-size: 1280rem;
	margin: auto;
}
#main_cont {
	block-size: 100%;
	background-color: #00a3b7;
	border: 2rem solid #d1abce;
	border-radius: 20rem;
	padding: 12rem;
	overflow: hidden;
	position: relative;
}
#hosha_pos {
	inline-size: 1498rem;
	block-size: 1498rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#hosha_img {
  animation: anim-rotate 20s linear infinite;
}
@keyframes anim-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#main_cont .yosumi {
	inline-size: 104rem;
	block-size: 104rem;
	border-radius: 50%;
	border: 2rem solid #fff;
	position: absolute;
}
#main_cont .yosumi.lt {
	inset-inline-start: -52rem;
	inset-block-start: -52rem;
}
#main_cont .yosumi.lb {
	inset-inline-start: -52rem;
	inset-block-end: -52rem;
}
#main_cont .yosumi.rt {
	inset-inline-end: -52rem;
	inset-block-start: -52rem;
}
#main_cont .yosumi.rb {
	inset-inline-end: -52rem;
	inset-block-end: -52rem;
}
#sitename_wrap {
	block-size: 100%;
	border: 2rem solid #fff;
	position: relative;
}
#sitename_wrap::before,
#sitename_wrap::after {
	content: "";
	display: block;
	inline-size: 17rem;
	block-size: 412rem;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	inset-block-start: 50%;
	transform: translateY(-50%);
}
#sitename_wrap::before {
	background-image: url(../img/obj_main_l.webp);
	/* width: 21px;
	height: 502px; */
	inset-inline-start: -2rem;
}
#sitename_wrap::after {
	background-image: url(../img/obj_main_r.webp);
	/* width: 21px;
	height: 502px; */
	inset-inline-end: -2rem;
}
#sitename {
	inline-size: 870rem;
	block-size: 253rem;
	position: absolute;
	inset: 0;
	margin: auto;
}
#scroll_down {
	inline-size: 92rem;
	block-size: 82rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-end: 36rem;
	transform: translateX(-50%);
	overflow: hidden;
}
#scroll_img {
	inline-size: 100%;
}
#scroll_down::after {
	content: "";
	background: #fff;
	animation: scroll_path_anim 2s ease-in-out infinite;
	position: absolute;
	inset-block-end: 0;
	inset-inline: 0;
	margin-inline: auto;
	inline-size: 2rem;
	block-size: 54rem;
}
@keyframes scroll_path_anim {
	0% {
		transform: translateY(0%);
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	80% {
		transform: translateY(100%);
		opacity: 1;
	}
	100% {
		transform: translateY(100%);
		opacity: 1;
	}
}

/*  about
--------------------------*/
#about {
	position: relative;
	background-color: #000;
	padding-block-start: 60rem;
	color: #fff;
}
#about .sec_ttl {
	inline-size: 695rem;
	margin: auto;
	padding-block-end: 20rem;
}
#about .sec_exp {
	text-align: center;
	font-size: 16rem;
	line-height: 2.25;
	letter-spacing: .25em;
	padding-block-end: 40rem;
}

/*  container
--------------------------*/
#container {
	background-color: #00a3b7;
}
#contents {
	inline-size: 768rem;
	margin: auto;
}


/*  sec_1
--------------------------*/
#sec_1 {
	padding-block-start: 60rem;
}
#sec_1 .sec_ttl {
	inline-size: 510rem;
	margin: auto;
	padding-block-end: 78rem;
}

#art_1 {
	inline-size: 482rem;
	margin-inline-start: 140rem;
	background-color: #fff;
	border: 3rem solid #1d2087;
	border-radius: 24rem;
	box-shadow: 18rem 18rem 0rem 0rem rgba(229, 0, 18, 1);
	position: relative;
	padding-block-start: 40rem;
}
#art_1 .sub_ttl {
	color: #fff;
	inline-size: 410rem;
	block-size: 83rem;
	background-image: url(../img/art_ttl_bg.webp);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	/* width: 527px;
	height: 109px; */
	position: absolute;
	inset-inline: 0;
	inset-block-start: -43rem;
	margin-inline: auto;

	display: flex;
	justify-content: center;
	align-items: center;
	padding-inline-start: 10rem;
}
#art_1 .sub_ttl .txt {
	display: inline-block;
	font-size: 25rem;
	font-weight: 900;
	transform: skewX(-12deg);
	line-height: 1.2;
}
#art_1 .art_ttl {
	font-size: 43rem;
	font-weight: 900;
	color: #00a3b7;
	text-align: center;
	transform: skewX(-12deg);
	line-height: 1.3;
	padding-block-end: 10rem;
}
#art_1 .art_ttl .num {
	font-size: 1.4em;
}
#art_1 .art_ttl .kanji {
	font-size: .8em;
}
#art_1 .art_ttl .word {
}
#art_1 .comedian {
}
#art_1 .comedian > dt {
	text-align: center;
	padding-block-end: 10rem;
}
#art_1 .comedian > dt img {
	inline-size: 402rem;
}
#art_1 .comedian > dd {
	font-size: 19rem;
	font-weight: 500;
	line-height: 1.4;
	padding-inline-start: 28rem;
	padding-block-end: 20rem;
}
#art_1 .art_1_obj {
	inline-size: 130rem;
	position: absolute;
	inset-inline-start: -40rem;
	inset-block-start: 125rem;
}
#art_1 .obo {
	background-color: #1d2087;
}
#art_1 .kikan {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	padding-inline-start: 30rem;
	padding-block-start: 25rem;
	padding-block-end: 10rem;
}
#art_1 .kikan > dt {
	background-color: #00a3b7;
	border-radius: 6rem;
	color: #fff;
	font-size: 16rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .1em;
	padding-inline-start: 7rem;
	padding-inline-end: 4rem;
	padding-block: 2rem;
}
#art_1 .kikan > dd {
	inline-size: 352rem;
	margin-inline-start: 14rem;
}
#art_1 .comment {
	color: #fff;
	font-size: 20rem;
	text-align: center;
	font-weight: 500;
	padding-block-end: 20rem;
}
#art_1 .date {
	padding-inline-start: 30rem;
	padding-block-start: 10rem;
	padding-block-end: 10rem;
}
#art_1 .date img {
	inline-size: 344rem;
}
#art_1 .place {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	padding-inline-start: 30rem;
	padding-block-end: 23rem;
}
#art_1 .place > dt {
	background-color: #00a3b7;
	border-radius: 6rem;
	color: #fff;
	font-size: 16rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .1em;
	padding-inline-start: 7rem;
	padding-inline-end: 4rem;
	padding-block: 13rem;
}
#art_1 .place > dd {
	font-size: 22.4rem;
	line-height: 1.1;
	font-weight: 700;
	margin-inline-start: 10rem;
}


#art_2 {
	inline-size: 482rem;
	margin-inline-start: 140rem;
	background-color: #fff;
	border: 3rem solid #1d2087;
	border-radius: 24rem;
	box-shadow: 18rem 18rem 0rem 0rem rgba(229, 0, 18, 1);
	position: relative;
	padding-block-start: 10rem;
	margin-block-start: -3rem;
}
#art_2 .art_ttl {
	font-size: 43rem;
	font-weight: 900;
	color: #00a3b7;
	text-align: center;
	transform: skewX(-12deg);
	line-height: 1.3;
	padding-block-end: 10rem;
}
#art_2 .art_ttl .num {
	font-size: 1.4em;
}
#art_2 .art_ttl .kanji {
	font-size: .8em;
}
#art_2 .art_ttl .word {
	letter-spacing: -.08em;
}
#art_2 .sticker {
	position: relative;
}
#art_2 .sticker > dt {
	inline-size: 350rem;
	position: absolute;
	inset-inline-start: 80rem;
	inset-block-start: -20rem;
}
#art_2 .sticker > dt img {
}
#art_2 .sticker > dd {
	font-size: 19rem;
	font-weight: 500;
	line-height: 1.4;
	padding-inline-start: 30rem;
	padding-block-start: 300rem;
	padding-block-end: 15rem;
}
#art_2 .sticker > dd .sup {
	font-size: .8em;
	font-weight: 400;
}
#art_2 .art_2_obj {
	inline-size: 100rem;
	position: absolute;
	inset-inline-start: 15rem;
	inset-block-start: 160rem;
}
#art_2 .date {
	inline-size: 400rem;
	margin-inline-start: 30rem;
	padding-block-end: 30rem;
}


#art_3 {
	padding-block-start: 110rem;
}
#art_3 .inner {
	inline-size: 482rem;
	margin-inline-start: 140rem;
	background-color: #fff;
	border: 3rem solid #1d2087;
	border-radius: 24rem;
	box-shadow: 18rem 18rem 0rem 0rem rgba(229, 0, 18, 1);
	position: relative;
	padding-block-start: 50rem;
}
#art_3 .sub_ttl {
	color: #fff;
	inline-size: 410rem;
	block-size: 83rem;
	background-image: url(../img/art_ttl_bg.webp);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	/* width: 527px;
	height: 109px; */
	position: absolute;
	inset-inline: 0;
	inset-block-start: -43rem;
	margin-inline: auto;

	display: flex;
	justify-content: center;
	align-items: center;
	padding-inline-start: 10rem;
}
#art_3 .sub_ttl .txt {
	display: inline-block;
	font-size: 25rem;
	font-weight: 900;
	transform: skewX(-12deg);
	line-height: 1.2;
}
#art_3 .sub_ttl .kanji {
	font-size: .8em;
}
#art_3 .art_ttl {
	font-size: 43rem;
	font-weight: 900;
	color: #00a3b7;
	text-align: center;
	transform: skewX(-12deg);
	line-height: 1.3;
	padding-block-end: 20rem;
}
#art_3 .art_ttl .num {
	font-size: 1.4em;
}
#art_3 .art_ttl .kanji {
	font-size: .8em;
}
#art_3 .art_ttl .word {
}
#art_3 .ticket {
}
#art_3 .ticket > dt {
	text-align: center;
	padding-block-end: 15rem;
}
#art_3 .ticket > dt img {
	inline-size: 402rem;
}
#art_3 .ticket > dd {
	font-size: 19rem;
	font-weight: 500;
	line-height: 1.4;
	padding-inline-start: 30rem;
	padding-block-end: 15rem;
	letter-spacing: -.05em;
}
#art_3 .art_3_obj {
	inline-size: 240rem;
	position: absolute;
	inset-inline-end: -75rem;
	inset-block-start: 100rem;
}
#art_3 .date {
	inline-size: 410rem;
	margin-inline-start: 30rem;
	padding-block-end: 18rem;
}
#art_3 .place {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	padding-inline-start: 30rem;
	padding-block-end: 40rem;
}
#art_3 .place > dt {
	background-color: #00a3b7;
	border-radius: 6rem;
	color: #fff;
	font-size: 16rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .1em;
	padding-inline-start: 7rem;
	padding-inline-end: 4rem;
	padding-block: 2rem;
}
#art_3 .place > dd {
	font-size: 22.4rem;
	line-height: 1.27;
	font-weight: 700;
	margin-inline-start: 10rem;
}
#art_3 .prize {
}
#art_3 .prize_ttl {
	inline-size: 124rem;
	margin-inline: auto;
	background-color: #00a3b7;
	font-size: 24rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	border-radius: 6rem;
	letter-spacing: .1em;
}
#art_3 .prize_list {
	padding-inline: 26rem;
	padding-block-end: 50rem;
}
#art_3 .prize_list > dt {
	background-color: #e50012;
	font-size: 19rem;
	font-weight: 700;
	color: #fff;
	display: inline-block;
	border-radius: 6rem;
	padding-inline: 13rem;
	padding-block: 5rem;
	line-height: 1;
	margin-inline-start: 12rem;
	margin-block-start: 20rem;
}
#art_3 .prize_list > dd {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	font-size: 20rem;
	font-weight: 500;
	border-bottom: 2rem solid #1d2087;
	padding-inline-start: 12rem;
	padding-inline-end: 8rem;
	padding-block: 8rem;
	line-height: 1;
}
#art_3 .prize_list > dd .item {
}
#art_3 .prize_list > dd .num {
}



/*  sec_2
--------------------------*/
#sec_2 {
	padding-block-start: 70rem;
}
#sec_2 .sec_ttl {
	inline-size: 433rem;
	margin: auto;
	padding-block-end: 78rem;
}
#art_4 {
	inline-size: 482rem;
	margin-inline-start: 140rem;
	background-color: #fff;
	border: 3rem solid #1d2087;
	border-radius: 24rem;
	box-shadow: 18rem 18rem 0rem 0rem rgba(229, 0, 18, 1);
	position: relative;
	padding-block-start: 60rem;
}
#art_4 .sub_ttl {
	color: #fff;
	inline-size: 410rem;
	block-size: 83rem;
	background-image: url(../img/art_ttl_bg.webp);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	/* width: 527px;
	height: 109px; */
	position: absolute;
	inset-inline: 0;
	inset-block-start: -43rem;
	margin-inline: auto;

	display: flex;
	justify-content: center;
	align-items: center;
	padding-inline-start: 10rem;
	text-align: center;
}
#art_4 .sub_ttl .txt {
	display: inline-block;
	font-size: 25rem;
	font-weight: 900;
	transform: skewX(-12deg);
	line-height: 1.2;
	letter-spacing: .1em;
}
#art_4 .art_ttl {
	font-size: 43rem;
	font-weight: 900;
	color: #00a3b7;
	text-align: center;
	transform: skewX(-12deg);
	line-height: 1.3;
	padding-block-end: 10rem;
	letter-spacing: .1em;
}
#art_4 .art_4_exp {
	font-size: 19rem;
	font-weight: 500;
	line-height: 1.4;
	padding-inline-start: 30rem;
	padding-block-end: 15rem;
}
#art_4 .thumb {
	inline-size: 402rem;
	margin-inline: auto;
	padding-block-end: 24rem;
}
#art_4 .date_1 {
	inline-size: 295rem;
	margin-inline-start: 30rem;
	padding-block-end: 10rem;
}
#art_4 .date_2 {
	inline-size: 444rem;
	margin-inline-start: 18rem;
	padding-block-end: 10rem;
}
#art_4 .place {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
}
#art_4 .place.p1 {
	padding-inline-start: 30rem;
	padding-block-end: 30rem;
}
#art_4 .place.p2 {
	padding-inline-start: 18rem;
	padding-block-end: 40rem;
}
#art_4 .place > dt {
	background-color: #00a3b7;
	border-radius: 6rem;
	color: #fff;
	font-size: 16rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .1em;
	padding-inline-start: 7rem;
	padding-inline-end: 4rem;
	padding-block: 2rem;
}
#art_4 .place > dd {
	font-size: 22.4rem;
	line-height: 1.27;
	font-weight: 700;
	margin-inline-start: 10rem;
}



/*  sec_3
--------------------------*/
#sec_3 {
	padding-block-start: 65rem;
}
#sec_3 .sec_ttl {
	inline-size: 433rem;
	margin: auto;
	padding-block-end: 78rem;
}
#art_5 {
	inline-size: 482rem;
	margin-inline-start: 140rem;
	background-color: #fff;
	border: 3rem solid #1d2087;
	border-radius: 24rem;
	box-shadow: 18rem 18rem 0rem 0rem rgba(229, 0, 18, 1);
	position: relative;
	padding-block-start: 60rem;
}
#art_5 .sub_ttl {
	color: #fff;
	inline-size: 410rem;
	block-size: 83rem;
	background-image: url(../img/art_ttl_bg.webp);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	/* width: 527px;
	height: 109px; */
	position: absolute;
	inset-inline: 0;
	inset-block-start: -43rem;
	margin-inline: auto;

	display: flex;
	justify-content: center;
	align-items: center;
	padding-inline-start: 10rem;
	text-align: center;
}
#art_5 .sub_ttl .txt {
	display: inline-block;
	font-size: 25rem;
	font-weight: 900;
	transform: skewX(-12deg);
	line-height: 1.2;
	letter-spacing: .1em;
}
#art_5 .art_ttl {
}
#art_5 .art_ttl .txt {
	display: block;
	font-size: 43rem;
	font-weight: 900;
	color: #00a3b7;
	text-align: center;
	transform: skewX(-12deg);
	line-height: 1;
	padding-block-end: 5rem;
	letter-spacing: .05em;
}
#art_5 .art_ttl .shiba {
	display: block;
	inline-size: 204rem;
	margin-inline: auto;
	padding-block-end: 25rem;
}
#art_5 .time {
	inline-size: 309rem;
	margin-inline: auto;
	padding-block-end: 30rem;
}
#art_5 .art_dj {
	padding-inline: 18rem;
	position: relative;
	padding-block-end: 20rem;
}
#art_5 .dj_ttl {
	font-size: 25.6rem;
	font-weight: 900;
	color: #00a3b7;
	line-height: 1;
	padding-block-end: 8rem;
}
#art_5 .dj_exp {
	font-size: 19.2rem;
	font-weight: 500;
	line-height: 1.4;
	padding-block-end: 8rem;
}
#art_5 .dj_date {
	padding-block-end: 10rem;
}
#art_5 .dj_1 .dj_date {
	inline-size: 136rem;
}
#art_5 .dj_2 .dj_date {
	inline-size: 302rem;
}
#art_5 .dj_3 .dj_date {
	inline-size: 154rem;
}
#art_5 .dj_place {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	padding-block-end: 18rem;
	border-bottom: 2rem solid #1d2087;
}
#art_5 .dj_3 .dj_place {
	border-bottom: none;
	padding-block-end: 10rem;
}
#art_5 .dj_place > dt {
	background-color: #00a3b7;
	border-radius: 6rem;
	color: #fff;
	font-size: 16rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .1em;
	padding-inline-start: 7rem;
	padding-inline-end: 4rem;
	padding-block: 2rem;
}
#art_5 .dj_place > dd {
	font-size: 22.4rem;
	line-height: 1.27;
	font-weight: 700;
	margin-inline-start: 10rem;
}
#art_5 .dj_thumb {
	inline-size: 122rem;
	position: absolute;
	inset-inline-end: 18rem;
	inset-block-start: 0rem;
}
#art_5 .dj_1 .dj_thumb {
}
#art_5 .dj_2 .dj_thumb {
}
#art_5 .dj_3 .dj_thumb {
	inset-block-start: 36rem;
}



/*  art_6
--------------------------*/
#art_6 {
	padding-block-start: 105rem;
}
#art_6 .inner {
	inline-size: 482rem;
	margin-inline-start: 140rem;
	background-color: #000;
	border: 3rem solid #ffff00;
	border-radius: 24rem;
	box-shadow: 18rem 18rem 0rem 0rem rgba(29, 32, 135, 1);
	position: relative;
	padding-block-start: 70rem;
}
#art_6 .sub_ttl {
	color: #fff;
	inline-size: 410rem;
	block-size: 83rem;
	background-image: url(../img/art_ttl_bg.webp);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	/* width: 527px;
	height: 109px; */
	position: absolute;
	inset-inline: 0;
	inset-block-start: -43rem;
	margin-inline: auto;

	display: flex;
	justify-content: center;
	align-items: center;
	padding-inline-start: 10rem;
}
#art_6 .sub_ttl .txt {
	display: inline-block;
	font-size: 25rem;
	font-weight: 900;
	transform: skewX(-12deg);
	line-height: 1.4;
	letter-spacing: .1em;
}
#art_6 .art_ttl {
	display: block;
	text-align: center;
	font-size: 38rem;
	font-weight: 700;
	transform: skewX(-12deg);
	line-height: 1.2;
	color: #fff;
	padding-block-end: 30rem;
	letter-spacing: .05em;
}
#art_6 .thumb {
	inline-size: 402rem;
	margin-inline: auto;
	padding-block-end: 50rem;
}



#cautions {
	padding-inline-start: 140rem;
	padding-block-start: 50rem;
	padding-block-end: 60rem;
}
#cautions > li {
	font-size: 17.6rem;
	color: #fff;
	line-height: 1.7;
	text-indent: -1em;
	padding-inline-start: 1em;
}



/*  footer
--------------------------*/
#footer {
	position: relative;
	background-color: #000;
	text-align: center;
	padding-block-start: 46rem;
	padding-block-end: 60rem;
}
#f_logo {
	inline-size: 206rem;
	margin-inline: auto;
	padding-block-end: 24rem;
}
#copyright {
	font-size: 12rem;
	color: #fff;
	letter-spacing: .1em;
	line-height: 1;
}
#pagetop {
	inline-size: 80rem;
	border-radius: 50%;
	box-shadow: 5rem 5rem 0 0 #00a3b7;
	position: absolute;
	inset-inline-end: 120rem;
	inset-block-start: 46rem;
}




/*  nav
--------------------------*/
#nav {
	position: fixed;
	inset-inline: 0;
	inset-block-start: 0;
	block-size: 0;
}
#nav .nav_btn_pos {
	inline-size: 1280rem;
	margin-inline: auto;
	position: relative;
}
#nav .nav_btn {
	display: block;
	inline-size: 66rem;
	position: absolute;
	inset-inline-end: 90rem;
	inset-block-start: 57rem;
	cursor: pointer;
	border-radius: 13rem;
	box-shadow: 8rem 8rem 0 0 #1d2087;
}
#nav .menu_close_wrap .nav_btn {
	box-shadow: 8rem 8rem 0 0 #00a3b7;
}

#menu {
	margin-block-start: auto;
	position: fixed;
	inset: 0;
	overflow: auto;
	display: none;
}

#menu.modal {
	display: flex !important;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	scrollbar-width: none;
}
#menu.modal::-webkit-scrollbar{
	display:none;
}


#menu .pop_bg {
	position: fixed;
	inset: 0;
	background-color: rgba(255, 0, 0, .8);
}

#menu .menu_close_wrap {
	position: fixed;
	inset-inline: 0;
	inset-block-start: 0;
	block-size: 0;
}

#menu_list {
	margin-block: 60rem;
}

#menu_list > li {
	text-align: center;
	padding-block: 15rem;
}
#menu_list > li a {
	position: relative;
	display: inline-block;
	padding-block: 15rem;
	color: #fff;
	font-size: 24rem;
	font-weight: 700;
	line-height: 1;
}
#menu_list > li a:hover {
	color: #000;
}




















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

  Media Queries for window size over 1920px

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

  /*================================================
    Z-Index over 1920px
  ==================================================*/

  /*================================================
    layout[ALL] over 1920px
  ==================================================*/
	/*  Html over 1920px
	--------------------------*/
	html {
		/* font-size: calc(1 / 1920 * 100vw); */
	}
	/*  Body over 1920px
	--------------------------*/
	body {
	}

	/*  Wrapper over 1920px
	--------------------------*/
	#wrapper {
	}

}














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

  Media Queries for window size under 1280px

====================================================*/
@media screen and (max-width: 1280px) {

  /*================================================
    Z-Index under 1280px
  ==================================================*/

  /*================================================
    layout[ALL] under 1280px
  ==================================================*/
	/*  Html under 1280px
	--------------------------*/
	html {
		font-size: calc(1 / 1280 * 100vw);
	}
	/*  Body under 1280px
	--------------------------*/
	body {
	}

	/*  Wrapper under 1280px
	--------------------------*/
	#wrapper {
	}

}
































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

  Media Queries for window size under 768px

====================================================*/
@media screen and (max-width: 768px) {

  /*================================================
    Z-Index under 768px
  ==================================================*/

  /*================================================
    layout[ALL] under 768px
  ==================================================*/
	/* img {
		width: 100%;
	} */

	.pc {
		display: none;
	}
	.sp {
		display: inline;
	}


	.fadein {
		opacity: 0;
		transform: translateY(20rem);
	}
	.fadein.view {
		opacity: 1;
		transform: translateY(0);
		transition: all 1200ms ease 500ms;
	}
	.fadein_2 {
		opacity: 0;
		transform: translateY(20rem);
	}
	.fadein_2.view {
		opacity: 1;
		transform: translateY(0);
		transition: all 1200ms ease 500ms;
	}
	.fadein_3 {
		opacity: 0;
		transform: translateY(20rem);
	}
	.fadein_3.view {
		opacity: 1;
		transform: translateY(0);
		transition: all 1200ms ease 500ms;
	}
	/*  Html under 768px
	--------------------------*/
	html {
		font-size: calc(1 / 768 * 100vw);
	}
	/*  Body under 768px
	--------------------------*/
	body {
	}

	/*  Wrapper under 768px
	--------------------------*/
	#wrapper {
	}
	
	/*  loop_v_wrap under 768px
--------------------------*/
	#loop_v_wrap {
		display: none;
	}

	/*  main under 768px
	--------------------------*/
	#main {
	}
	#main_waku {
		padding: 30rem;
	}
	#main_cont {

		border: 4rem solid #d1abce;
		border-radius: 25rem;
		padding: 14rem;
	}
	#hosha_pos {
		inline-size: 1490rem;
		block-size: 1490rem;
	}
	#hosha_img {
		animation: anim-rotate 20s linear infinite;
	}
	@keyframes anim-rotate {
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(360deg);
		}
	}
	#main_cont .yosumi {
	}
	#main_cont .yosumi.lt {
	}
	#main_cont .yosumi.lb {
	}
	#main_cont .yosumi.rt {
	}
	#main_cont .yosumi.rb {
	}
	#sitename_wrap {
	}
	#sitename_wrap::before,
	#sitename_wrap::after {
		inline-size: 21rem;
		block-size: 502rem;
	}
	#sitename_wrap::before {
	}
	#sitename_wrap::after {
	}
	#sitename {
		inline-size: 565rem;
		block-size: 562rem;
	}
	#scroll_down {
		inline-size: 73rem;
		block-size: 156rem;
		/* inset-block-end: 86rem; */

		inset-block-end: auto;
    inset-block-start: 50%;
    transform: translate(-50%, 380rem);
	}
	#scroll_img {
	}
	#scroll_down::after {
		block-size: 92rem;
	}
	@keyframes scroll_path_anim {
		0% {
			transform: translateY(0%);
			opacity: 1;
		}
		50% {
			opacity: 1;
		}
		80% {
			transform: translateY(100%);
			opacity: 1;
		}
		100% {
			transform: translateY(100%);
			opacity: 1;
		}
	}

	/*  about under 768px
	--------------------------*/
	#about {
		padding-block-start: 99rem;
	}
	#about .sec_ttl {
		inline-size: 634rem;
		padding-block-end: 50rem;
	}
	#about .sec_exp {
		font-family: 'M PLUS 1p', sans-serif;
		font-weight: 700;
		font-size: 24.5rem;
		line-height: 2;
		letter-spacing: .25em;
		padding-block-end: 80rem;
	}

	/*  container under 768px
	--------------------------*/
	#container {
	}
	#contents {
		inline-size: 100%;
	}


	/*  sec_1 under 768px
	--------------------------*/
	#sec_1 {
		padding-block-start: 78rem;
	}
	#sec_1 .sec_ttl {
		inline-size: 655rem;
		padding-block-end: 100rem;
	}

	#art_1 {
		inline-size: 616rem;
		margin-inline-start: 74rem;
		border: 4rem solid #1d2087;
		border-radius: 30rem;
		box-shadow: 23rem 23rem 0rem 0rem rgba(229, 0, 18, 1);
		padding-block-start: 65rem;
	}
	#art_1 .sub_ttl {
		inline-size: 527rem;
		block-size: 109rem;
		inset-block-start: -54rem;
		padding-inline-start: 20rem;
	}
	#art_1 .sub_ttl .txt {
		font-size: 33rem;
	}
	#art_1 .art_ttl {
		font-size: 55rem;
		line-height: 1.2;
		padding-block-end: 20rem;
	}
	#art_1 .art_ttl .num {
	}
	#art_1 .art_ttl .kanji {
	}
	#art_1 .art_ttl .word {
	}
	#art_1 .comedian {
	}
	#art_1 .comedian > dt {
		padding-block-end: 20rem;
	}
	#art_1 .comedian > dt img {
		inline-size: 519rem;
	}
	#art_1 .comedian > dd {
		font-size: 24.5rem;
		padding-inline-start: 33rem;
		padding-block-end: 30rem;
	}
	#art_1 .art_1_obj {
		inline-size: 165rem;
		inset-inline-start: -50rem;
		inset-block-start: 170rem;
	}
	#art_1 .obo {
	}
	#art_1 .kikan {
		padding-inline-start: 37rem;
		padding-block-start: 33rem;
		padding-block-end: 14rem;
	}
	#art_1 .kikan > dt {
		border-radius: 7rem;
		font-size: 20rem;
		padding-inline-start: 9rem;
		padding-inline-end: 6rem;
		padding-block: 4rem;
	}
	#art_1 .kikan > dd {
		inline-size: 451rem;
		margin-inline-start: 19rem;
	}
	#art_1 .comment {
		font-size: 26.5rem;
		padding-block-end: 25rem;
	}
	#art_1 .date {
		padding-inline-start: 40rem;
		padding-block-start: 15rem;
		padding-block-end: 12rem;
	}
	#art_1 .date img {
		inline-size: 441rem;
	}
	#art_1 .place {
		padding-inline-start: 40rem;
		padding-block-end: 28rem;
	}
	#art_1 .place > dt {
		border-radius: 7rem;
		font-size: 20rem;
		padding-inline-start: 9rem;
		padding-inline-end: 6rem;
		padding-block: 19rem;
	}
	#art_1 .place > dd {
		font-size: 28.6rem;
		margin-inline-start: 14rem;
	}


	#art_2 {
		inline-size: 616rem;
		margin-inline-start: 74rem;
		border: 4rem solid #1d2087;
		border-radius: 30rem;
		box-shadow: 23rem 23rem 0rem 0rem rgba(229, 0, 18, 1);
		padding-block-start: 20rem;
		margin-block-start: -4rem;
	}
	#art_2 .art_ttl {
		font-size: 55rem;
		line-height: 1.2;
		padding-block-end: 20rem;
	}
	#art_2 .art_ttl .num {
	}
	#art_2 .art_ttl .kanji {
	}
	#art_2 .art_ttl .word {
	}
	#art_2 .sticker {
	}
	#art_2 .sticker > dt {
		inline-size: 419rem;
		inset-inline-start: 120rem;
	}
	#art_2 .sticker > dt img {
	}
	#art_2 .sticker > dd {
		font-size: 24.544rem;
		padding-inline-start: 40rem;
		padding-block-start: 380rem;
		padding-block-end: 15rem;
	}
	#art_2 .sticker > dd .sup {
	}
	#art_2 .art_2_obj {
		inline-size: 133rem;
		inset-inline-start: 25rem;
		inset-block-start: 210rem;
	}
	#art_2 .date {
		inline-size: 511rem;
		margin-inline-start: 40rem;
		padding-block-end: 40rem;
	}


	#art_3 {
		padding-block-start: 140rem;
	}
	#art_3 .inner {
		inline-size: 616rem;
		margin-inline-start: 74rem;
		border: 4rem solid #1d2087;
		border-radius: 30rem;
		box-shadow: 23rem 23rem 0rem 0rem rgba(229, 0, 18, 1);
		padding-block-start: 65rem;
	}
	#art_3 .sub_ttl {
		inline-size: 527rem;
		block-size: 109rem;
		inset-block-start: -54rem;
		padding-inline-start: 20rem;
	}
	#art_3 .sub_ttl .txt {
		font-size: 33rem;
	}
	#art_3 .sub_ttl .kanji {
	}
	#art_3 .art_ttl {
		font-size: 55rem;
		line-height: 1.2;
		padding-block-end: 20rem;
	}
	#art_3 .art_ttl .num {
	}
	#art_3 .art_ttl .kanji {
	}
	#art_3 .art_ttl .word {
	}
	#art_3 .ticket {
	}
	#art_3 .ticket > dt {
		padding-block-end: 20rem;
	}
	#art_3 .ticket > dt img {
		inline-size: 519rem;
	}
	#art_3 .ticket > dd {
		font-size: 24.5rem;
		padding-inline-start: 33rem;
		padding-block-end: 20rem;
	}
	#art_3 .art_3_obj {
		inline-size: 310rem;
		inset-inline-end: -100rem;
		inset-block-start: 120rem;
	}
	#art_3 .date {
		inline-size: 529rem;
		margin-inline-start: 40rem;
		padding-block-end: 25rem;
	}
	#art_3 .place {
		padding-inline-start: 40rem;
		padding-block-end: 40rem;
	}
	#art_3 .place > dt {
		border-radius: 7rem;
		font-size: 20rem;
		padding-inline-start: 9rem;
		padding-inline-end: 6rem;
		padding-block: 4rem;
	}
	#art_3 .place > dd {
		font-size: 28.6rem;
		margin-inline-start: 14rem;
	}
	#art_3 .prize {
	}
	#art_3 .prize_ttl {
		inline-size: 158rem;
		font-size: 30rem;
		border-radius: 7rem;
	}
	#art_3 .prize_list {
		padding-inline: 30rem;
		padding-block-end: 50rem;
	}
	#art_3 .prize_list > dt {
		font-size: 24.5rem;
		border-radius: 7rem;
		padding-inline: 18rem;
		padding-block: 6rem;
		margin-inline-start: 18rem;
		margin-block-start: 30rem;
	}
	#art_3 .prize_list > dd {
		font-size: 26.5rem;
		margin-inline-start: 18rem;
		padding-inline-end: 15rem;
		padding-block: 15rem;
	}
	#art_3 .prize_list > dd .item {
	}
	#art_3 .prize_list > dd .num {
	}



	/*  sec_2 under 768px
	--------------------------*/
	#sec_2 {
		padding-block-start: 90rem;
	}
	#sec_2 .sec_ttl {
		inline-size: 557rem;
		padding-block-end: 90rem;
	}
	#art_4 {
		inline-size: 616rem;
		margin-inline-start: 74rem;
		border: 4rem solid #1d2087;
		border-radius: 30rem;
		box-shadow: 23rem 23rem 0rem 0rem rgba(229, 0, 18, 1);
		padding-block-start: 80rem;
	}
	#art_4 .sub_ttl {
		inline-size: 527rem;
		block-size: 109rem;
		inset-block-start: -54rem;
		padding-inline-start: 20rem;
	}
	#art_4 .sub_ttl .txt {
		font-size: 33rem;
	}
	#art_4 .art_ttl {
		font-size: 55rem;
		line-height: 1.2;
		padding-block-end: 20rem;
	}
	#art_4 .art_4_exp {
		font-size: 24.5rem;
		padding-inline-start: 34rem;
		padding-block-end: 28rem;
	}
	#art_4 .thumb {
		inline-size: 519rem;
		padding-block-end: 30rem;
	}
	#art_4 .date_1 {
		inline-size: 379rem;
		margin-inline-start: 40rem;
		padding-block-end: 15rem;
	}
	#art_4 .date_2 {
		inline-size: 569rem;
		margin-inline-start: 25rem;
		padding-block-end: 15rem;
	}
	#art_4 .place {
	}
	#art_4 .place.p1 {
		padding-inline-start: 40rem;
		padding-block-end: 40rem;
	}
	#art_4 .place.p2 {
		padding-inline-start: 25rem;
		padding-block-end: 40rem;
	}
	#art_4 .place > dt {
		border-radius: 7rem;
		font-size: 20rem;
		padding-inline-start: 9rem;
		padding-inline-end: 6rem;
		padding-block: 4rem;
	}
	#art_4 .place > dd {
		font-size: 28.6rem;
		margin-inline-start: 14rem;
	}



	/*  sec_3 under 768px
	--------------------------*/
	#sec_3 {
		padding-block-start: 90rem;
	}
	#sec_3 .sec_ttl {
		inline-size: 557rem;
		padding-block-end: 90rem;
	}
	#art_5 {
		inline-size: 616rem;
		margin-inline-start: 74rem;
		border: 4rem solid #1d2087;
		border-radius: 30rem;
		box-shadow: 23rem 23rem 0rem 0rem rgba(229, 0, 18, 1);
		padding-block-start: 80rem;
	}
	#art_5 .sub_ttl {
		inline-size: 527rem;
		block-size: 109rem;
		inset-block-start: -54rem;
		padding-inline-start: 20rem;
	}
	#art_5 .sub_ttl .txt {
		font-size: 33rem;
	}
	#art_5 .art_ttl {
	}
	#art_5 .art_ttl .txt {
		font-size: 55rem;
		line-height: 1.2;
		padding-block-end: 10rem;
	}
	#art_5 .art_ttl .shiba {
		inline-size: 263rem;
		padding-block-end: 30rem;
	}
	#art_5 .time {
		inline-size: 396rem;
		padding-block-end: 40rem;
	}
	#art_5 .art_dj {
		padding-inline: 20rem;
		padding-block-end: 30rem;
	}
	#art_5 .dj_ttl {
		font-size: 32.7rem;
		padding-block-end: 15rem;
	}
	#art_5 .dj_exp {
		font-size: 24.5rem;
		padding-block-end: 15rem;
	}
	#art_5 .dj_date {
		padding-block-end: 15rem;
	}
	#art_5 .dj_1 .dj_date {
		inline-size: 174rem;
	}
	#art_5 .dj_2 .dj_date {
		inline-size: 387rem;
	}
	#art_5 .dj_3 .dj_date {
		inline-size: 198rem;
	}
	#art_5 .dj_place {
		padding-block-end: 25rem;
		border-bottom: 4rem solid #1d2087;
	}
	#art_5 .dj_3 .dj_place {
	}
	#art_5 .dj_place > dt {
		border-radius: 7rem;
		font-size: 20rem;
		padding-inline-start: 9rem;
		padding-inline-end: 6rem;
		padding-block: 4rem;
	}
	#art_5 .dj_place > dd {
		font-size: 28.6rem;
		margin-inline-start: 14rem;
	}
	#art_5 .dj_thumb {
		inline-size: 160rem;
		inset-inline-end: 20rem;
	}
	#art_5 .dj_1 .dj_thumb {
	}
	#art_5 .dj_2 .dj_thumb {
	}
	#art_5 .dj_3 .dj_thumb {
		inset-block-start: 53rem;
	}



	/*  art_6 under 768px
	--------------------------*/
	#art_6 {
		padding-block-start: 130rem;
	}
	#art_6 .inner {
		inline-size: 616rem;
		margin-inline-start: 74rem;
		border: 4rem solid #ffff00;
		border-radius: 30rem;
		box-shadow: 23rem 23rem 0rem 0rem rgba(29, 32, 135, 1);
		padding-block-start: 80rem;
	}
	#art_6 .sub_ttl {
		inline-size: 527rem;
		block-size: 109rem;
		inset-block-start: -54rem;
		padding-inline-start: 20rem;
	}
	#art_6 .sub_ttl .txt {
		font-size: 33rem;
	}
	#art_6 .art_ttl {
		font-size: 48rem;
		line-height: 1.2;
		padding-block-end: 35rem;
		padding-inline-start: 20rem;
	}
	#art_6 .thumb {
		inline-size: 516rem;
		padding-block-end: 65rem;
	}

	#cautions {
		padding-inline-start: 70rem;
		padding-block-start: 60rem;
		padding-block-end: 60rem;
	}
	#cautions > li {
		font-size: 22.5rem;
		font-weight: 400;
	}








	/*  footer under 768px
	--------------------------*/
	#footer {
		padding-block-start: 50rem;
		padding-block-end: 70rem;
	}
	#f_logo {
		inline-size: 310rem;
		padding-block-end: 30rem;
	}
	#copyright {
		font-size: 18rem;
	}
	#pagetop {
		inline-size: 129rem;
		box-shadow: 8rem 8rem 0 0 #00a3b7;
		inset-inline-end: 40rem;
		inset-block-start: 50rem;
	}




	/*  nav under 768px
	--------------------------*/
	#nav {
	}
	#nav .nav_btn_pos {
		inline-size: 100%;
	}
	#nav .nav_btn { 
		inline-size: 79rem;
		inset-inline-end: 79rem;
		inset-block-start: 67rem;
		border-radius: 16rem;
		box-shadow: 10rem 10rem 0 0 #1d2087;
	}
	#nav .menu_close_wrap .nav_btn {
		box-shadow: 10rem 10rem 0 0 #00a3b7;
	}

	#menu {
	}

	#menu.modal {
	}
	#menu.modal::-webkit-scrollbar{
	}


	#menu .pop_bg {
	}

	#menu .menu_close_wrap {
	}

	#menu_list {
	}

	#menu_list > li {
		padding-block: 20rem;
	}
	#menu_list > li a {
		font-size: 30rem;
		letter-spacing: .05em;
	}
	#menu_list > li a:hover {
	}











}