@charset "UTF-8";

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

	reset, common

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

.pc_os { display: block; }
.pc_il_os { display: inline-block; }
.sp_os { display: none !important; }

#wrapper_os a:hover { text-decoration: none; }
#wrapper_os h2 { margin: 0; }
#wrapper_os ul { padding: 0; margin: 0; }
#wrapper_os li { list-style: none; }
#wrapper_os .decoWrap_os,
#wrapper_os .deco_os { position: absolute; pointer-events: none; }
#wrapper_os .decoWrap_os { width: 100%; height: 100%; pointer-events: none; top: 0; left: 0; }
#wrapper_os a { display: block; text-decoration: none !important; }
#wrapper_os a,
#wrapper_os a img { transition: .2s; }
#wrapper_os img { width: 100%; height: auto; }

#wrapper_os { overflow: hidden; position: relative;	}
#wrapper_os,
#wrapper_os h2,
#wrapper_os h3,
#wrapper_os h4,
#wrapper_os h5 {
	letter-spacing: .1em;
	-webkit-font-smoothing: antialiased;
	font-family: "秀英角ゴシック銀 M", "Shuei KakuGo Gin M";
}
#about_os .terms_os span,
#event_os .catch_os,
#event_os .summary_os,
#schedule_os .days_os,
#schedule_os .dow_os,
#wrapper_os .btn button,
#privelege_os .summary_os,
#plan_os .summary_os,
#plan_os .subTtl_os,
#example_os .exampleBox_os .trigger_os,
.modalTtl_os,
#schedule_os .summary_os,
#detail_os .heading_os,
#number_os .ticket_os {
	font-family: "秀英角ゴシック銀 B", "Shuei KakuGo Gin B"; font-weight: 600;
}

#wrapper_os .inner_os { width: 1200px; margin: 0 auto; }
#wrapper_os .sect_os {
	border: 3px solid #070203;
	border-radius: 50px;
	padding-bottom: 80px;
	background: #fff;
	position: relative;
	box-shadow: 0 10px 0 rgba(0,0,0,1);
}
#wrapper_os .sect_os + .sect_os { margin-top: 80px; }
#wrapper_os .pd_os { padding-top: 100px; padding-bottom: 100px; }
#wrapper_os .pdb_os { padding-bottom: 100px; }
#wrapper_os .ttl_os {
	height: 7vw;
	max-height: 75px;
	margin: 0 auto 40px;
	text-align: center;
}
#wrapper_os .ttl_os img { height: 100%; width: auto; margin: 0 auto; }
#wrapper_os .btn_os,
#wrapper_os .btn { text-align: center; padding-bottom: 10px; }
#wrapper_os .btn_os a,
#wrapper_os .btn button {
	background: rgb(110,70,18);
	background: linear-gradient(0deg, rgba(110,70,18,1) 0%, rgba(150,110,58,1) 100%);
	box-shadow: 0 10px 0 rgba(81,53,23,1);
	border-radius: 100px;
	display: inline-block;
	padding: 1.6vw 0;
	transition: .1s;
	outline: none;
}
#wrapper_os .btn_os a:hover,
#wrapper_os .btn button:hover { box-shadow: none; transform: translate(0, 10px); }
#wrapper_os .btn_os span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 2.8vw;
	max-height: 30px;
	padding: 0 4vw;
}
#wrapper_os .btn_os span img { width: auto; height: 100%; }
#wrapper_os .icon_os span { padding: 0 5vw; }
#wrapper_os .btn {
	border: none;
	padding: 0;
	background: none;
	width: 80%;
    max-width: 400px;
}
#wrapper_os .btn + p,
#wrapper_os .btn + p + p {
	margin: 30px 50px 0;
	font-weight: 600;
	color: #c00;
	letter-spacing: 0.1em;
}
#wrapper_os .btn button {
	font-size: min(3vw,41px);
	color: #fff;
	border: none;
	padding: 1vw 3vw;
	width: 100%;
	line-height: 1;
}
#wrapper_os .arrow_os a { position: relative; }
#wrapper_os .arrow_os span { padding-right: 6vw; }
#wrapper_os .arrow_os button:before,
#wrapper_os .arrow_os a:before {
	content: "";
    position: absolute;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    border-top: 3px solid #825A25;
    border-right: 3px solid #825A25;
    right: 31px;
    transform: rotate(45deg);
    top: 50%;
    z-index: 2;
}
#wrapper_os .arrow_os button:after,
#wrapper_os .arrow_os a:after {
	content: "";
    position: absolute;
	background: #fff;
    border-radius: 100px;
    width: 32px;
    height: 32px;
    top: 50%;
	margin-top: -16px;
    right: 20px;
}
#wrapper_os .link_os { color: #566E79; border-bottom: 1px solid #566E79; padding-bottom: 5px; }
#wrapper_os .link_os:hover { border-color: transparent; }
#wrapper_os .ribbonTtl_os { max-width: 540px; width: 40vw; margin: 0 auto; }
#wrapper_os .ribbonTtl_os img { margin-top: -4vw; }

@media (max-width: 1300px) {
	#wrapper_os .inner_os { width: 90%; }
}
@media (max-width: 1080px) {
	#wrapper_os .pd_os { padding-top: 7vw; padding-bottom: 7vw; }
	#wrapper_os .arrow_os span { padding-right: 8vw; }
}
@media (max-width: 520px) {
	.pc_os,
	.pc_il_os { display: none !important; }
	.sp_os { display: block !important; }
	#wrapper_os .pd_os { padding-top: 10vw; padding-bottom: 10vw; }
	#wrapper_os .pdb_os { padding-bottom: 10vw; }
	#wrapper_os .ttl_os { height: 11vw; margin-bottom: 5vw; }
	#wrapper_os .btn_os a,
	#wrapper_os .btn button { padding: 4vw 0; display: block; }
	#wrapper_os .btn_os span { height: 5vw; padding: 0 15vw; }
	#wrapper_os .btn + p {
		padding: 0 5vw;
		text-align: justify;
		font-size: min(4vw, 16px);
		letter-spacing: 0.05em;
	}
	#wrapper_os .arrow_os button:before,
	#wrapper_os .arrow_os a:before {
		margin-top: -5px;
		width: 10px;
		height: 10px;
		right: 23px;
	}
	#wrapper_os .arrow_os button:after,
	#wrapper_os .arrow_os a:after {
		width: 26px;
		height: 26px;
		margin-top: -13px;
		right: 14px;
	}
	#wrapper_os .ribbonTtl_os { width: 68vw; z-index: 1; position: relative; }
	#wrapper_os .ribbonTtl_os img { margin-top: -20vw; }
	#wrapper_os .sect_os { border-radius: 40px; border-width: 2px; padding: 8vw; }
	#wrapper_os .sect_os + .sect_os { margin-top: 10vw; }
}

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

	hero

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

#hero_os { position: relative; height: 50vw; max-height: 720px; opacity: 0; }
#hero_os .swiper,
#hero_os > .pc_os,
#hero_os > .sp_os { height: 100%; }
#hero_os .swiper-wrapper { transition-timing-function: linear; }
#hero_os .swiper-slide { height: 100% !important; width: auto !important; }
#hero_os .swiper-slide img { object-fit: cover; height: 100%; width: 100%; }
#hero_os #logo_os {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	margin: 0;
}
#hero_os #logo_os img { max-width: 630px; width: 40%; }


@media (max-width: 1350px) {
	
}
@media (min-width: 521px) {
	#hero_os .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
@media (max-width: 520px) {
	#hero_os { height: 166vw; max-height: 100%; }
	#hero_os > .sp_os { height: 100%; }
	#hero_os .swiper { height: 50%; }
	#hero_os .swiper-wrapper  { height: 83vw; }
	#hero_os .swiper-slide img { width: auto; height: 100%; }
	#hero_os #logo_os img { width: 80%; }
}

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

	about

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

#about_os { text-align: center; font-size: min(1.7vw,22px); line-height: 1.8; }
#about_os #heading_os .summary_os { position: relative; }
#about_os #heading_os .summary_os:before,
#about_os #heading_os .summary_os:after {
	content: "";
	position: absolute;
	top: 0;
	width: 3%;
	height: 100%;
	background: url(../images/about_deco.svg) 100% 0 / auto 100% no-repeat;
}
#about_os #heading_os .summary_os:before { left: 0; transform: scale(-1,1); }
#about_os #heading_os .summary_os:after { right: 0; }
#about_os #heading_os .summary_os p:not(:last-child) { margin-bottom: 1.5vw; }

#about_os #mark_os {
	border: 3px solid #BACECD;
	background: url(../images/about_bg.svg) 0 100% / 2.5vw auto repeat-x #EBF0F0;
	border-radius: 300px 300px 0 0;
	padding: 0 5vw 6vw 5vw;
	margin: 7vw auto 0;
	width: 1080px;
}
#about_os #mark_os .ttl_os { margin-top: -2vw; margin-bottom: 50px; }
#about_os #mark_os .summary_os { margin-bottom: 2vw; }
#about_os #mark_os .summary_os a { display: inline; }
#about_os #mark_os .logo_os {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2vw;
}
#about_os #mark_os .logo_os img { width: 48%; }

#about_os .btn_os span {
	background: url(../images/icon_dl.svg) 94% 50% / auto 90% no-repeat;
}

#about_os .terms_os { margin-top: 1.5vw; }
#about_os .terms_os a { display: inline; }
#about_os .terms_os span {
	display: inline-block;
	border-bottom: 2px solid #000;
	transition: .3s;
	line-height: 1.5;
}

#about_os .terms_os a:hover span { border-color: transparent; }
#about_os .terms_os img { width: 3%; margin-left: 10px; }

@media (max-width: 1180px) {
	#about_os #mark_os { width: 90%; }
}
@media (max-width: 520px) {
	#about_os { font-size: min(3.7vw, 22px); }
	#about_os #heading_os .summary_os p:not(:last-child) { margin-bottom: 4vw; }
	#about_os #heading_os .summary_os:before,
	#about_os #heading_os .summary_os:after { display: none; }
	#about_os #mark_os {
		width: 100%;
		margin-top: 11vw;
		border-radius: 100px 100px 0 0;
		border-width: 2px;
		padding-bottom: 12vw;
		background-size: 5vw auto;
	}
	#about_os #mark_os .ttl_os {
		width: 110%;
		height: auto;
		margin-top: -4vw;
		margin-bottom: 5vw;
		margin-left: -5%;
	}
	#about_os #mark_os .summary_os {
		font-size: min(3.4vw, 22px);
		text-align: justify;
		padding: 0 6vw;
		letter-spacing: 0.05em;
		margin-bottom: 7vw;
	}
	#about_os #mark_os .logo_os { margin-bottom: 7vw; }
	#about_os .btn_os a,
	#wrapper_os .btn button { display: inline-block; }
	#about_os .btn_os span { background-size: auto 100%; }
	#about_os .terms_os { margin-top: 5vw; }
	#about_os .terms_os img { width: 7%; }
}

/*------------------
	modal
-------------------*/

.remodal {
	position: relative;
	margin: 0;
	max-width: 1000px;
	color: #000;
	padding: 4vw;
	-webkit-font-smoothing: antialiased;
}
.remodal img { width: 100%; }
.remodal-cancel {
	position: absolute;
	right: 30px;
	top: 30px;
	width: 5vw;
	max-width: 45px;
	min-width: 0;
	background: none;
	padding: 0;
	outline: none !important;
}
.remodal-cancel:hover {
	background: none;
	opacity: .7;
}
.remodal-overlay { z-index: 208001; background: rgba(0,0,0,.7); }
.remodal-wrapper { z-index: 208002; }

.modalTtl_os { font-size: min(2.5vw, 30px); margin-bottom: 1.5vw; line-height: 1.4; }
.modalSummary_os { font-size: min(1.8vw, 22px); margin-bottom: 2vw; }
.modalList_os { margin-left: 1.5em; margin-bottom: 0; text-align: justify; padding: 0; }
.modalList_os li { font-size: min(1.8vw,18px); }
.modalList_os li:not(:last-child) { margin-bottom: 10px; }

@media (max-width: 1350px) {
	.remodal { max-width: 90%; }
}
@media (max-width: 520px) {
	.remodal { max-width: 100%; padding: 10vw 7vw; }
	.remodal-cancel {
		top: 2%;
		width: 12vw;
		right: 2%;
		padding: 10px;
		opacity: 1 !important;
	}
	.modalTtl_os { font-size: min(5.2vw, 30px); margin-bottom: 5vw; }
	.modalSummary_os { font-size: min(4vw, 22px); text-align: justify; margin-bottom: 5vw; }
	.modalList_os li { font-size: min(3.4vw,18px); }
	.modalList_os li:not(:last-child) { margin-bottom: 10px; }
}

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

	event

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

#event_os { background: #EBF0F0; }
#event_os.pd_os { padding-bottom: 250px; }
#event_os .sect_os { background: #F4EEEA; }
#event_os .summary_os {
	font-size: min(3vw, 36px);
	line-height: 1.8;
	margin-bottom: 6vw;
	text-align: center;
}
#event_os .deco01_os { width: 14%;	left: 4%; top: -5px; } 
#event_os .catch_os {
	font-size: min(2.8vw,36px);
	line-height: 1;
	color: #E85D1F;
	text-align: center;
	margin: 0 auto 20px;
}

#schedule_os { padding: 0 50px; margin-top: 50px; }
#schedule_os .dateList_os { display: flex; justify-content: space-between; align-items: center; }
#schedule_os .dateList_os li { width: 19%; }
#schedule_os .dateWrap_os {
	background: url(../images/event_day_pre.svg) 50% 50% / 100% auto no-repeat;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 4.4vw 0;
}
#schedule_os.sale_os .dateWrap_os { background-image: url(../images/event_day.svg); }
#schedule_os .days_os { font-size: min(2.8vw,51px); display: block; margin: 10px 0 10px; }
#schedule_os .dow_os { font-size: min(2vw,32px); }
#schedule_os .days_os,
#schedule_os .dow_os { color: #EA783F; line-height: 1; }
#schedule_os.sale_os .days_os,
#schedule_os.sale_os .dow_os { color: #fff; }
#schedule_os .summaryWrap_os { margin-top: 30px; }
#schedule_os .summary_os {
	font-size: min(3vw,37px);
	font-weight: 600;
	text-align: center;
	display: inline-block;
	margin-bottom: 0;
	background: linear-gradient(180deg, #F4EEEA 0%, #F4EEEA 50%, #F9D6C5 50%, #F9D6C5 100%);
}
#schedule_os .summaryWrap_os { text-align: center; }
#schedule_os .summary_os span { color: #E85D1F; }
#schedule_os .summary_os br { display: none; }

#number_os {
	position: relative;
	margin: 100px auto 0;
	width: 60%;
	background: url(../images/event_bg.svg) 0 0 / 3vw auto repeat;
	padding: 14px;
}
#number_os .ttl_os {
	position: absolute;
	top: -1.5vw;
	left: 50%;
	width: 32vw;
	margin-left: -16vw;
	z-index: 1;
}
#number_os .ttl_os img { width: 100%; height: auto; }
#number_os .numberWrap_os { text-align: center; background: #fff; padding: 60px 0 50px; }
#number_os .ticket_os {
	color: #e15c24;
	font-size: min(4vw,80px);
	font-weight: 600;
    position: relative;
    z-index: 2;
	line-height: 1;
	margin-bottom: 30px;
}
#number_os .deco_os { top: 16%; }
#number_os .deco02_os { left: -9%; width: 18%; }
#number_os .deco03_os { right: -10%; width: 19%; }

@media (max-width: 1350px) {
	#number_os .ttl_os { width: 45vw; margin-left: -22.5vw; }
	#number_os .ticket_os { font-size: min(5vw,80px); }
}
@media (max-width: 1250px) {
	#event_os { padding-bottom: 15vw; }
	#number_os { margin-top: 8vw; width: 80%; }
	#number_os,
	#number_os:before { border-width: .5vw; }
}
@media (max-width: 520px) {
	#event_os { padding-top: 10vw !important; padding-bottom: 12vw !important; text-align: center; }
	#event_os .inner_os { width: 100%; padding: 0 5% 8% 5%; border-radius: 35px; border-width: 2px; }
	#event_os .sect_os { padding: 8vw 7vw; }
	#event_os .summary_os {
		font-size: min(3.9vw, 36px);
		white-space: nowrap;
		width: 120%;
		margin-bottom: 10vw;
		margin-left: -10%;
	}
	#event_os .deco01_os { width: 30%; position: static; margin: -45px auto 0; }
	#event_os .catch_os { font-size: min(6vw, 46px); margin-bottom: 5vw; }
	#schedule_os { margin-top: 5vw; padding: 0; }
	#schedule_os .dateWrap_os { padding: 5vw 0; }
	#schedule_os .dateList_os { flex-wrap: wrap; margin-right: -10px; justify-content: center; }
	#schedule_os .dateList_os li { margin-bottom: 8px; width: calc(100%/3 - 10px); margin-right: 10px; }
	#schedule_os .days_os { font-size: min(5vw,51px); margin: 5px 0; }
	#schedule_os .dow_os { font-size: min(5vw,32px); }
	#schedule_os .summaryWrap_os { margin-top: 5vw; }
	#schedule_os .summary_os { font-size: min(5.5vw,37px); line-height: 1.6; display: contents; }
	#number_os { width: 100%; margin: 10vw 0 0; background-size: 10vw auto; }
	#number_os .numberWrap_os { padding: 7vw 0 8vw 0; }
	#number_os .ttl_os { width: 65vw; margin-top: -2vw; margin-left: -32.5vw; }
	#number_os .ticket_os { font-size: min(10vw,80px); margin: 0 0 15px; }
	#number_os .btn { margin-top: 0; width: 80%; }
	#number_os .btn button { font-size: min(6vw, 30px); }
	#number_os .deco02_os { left: -18%; width: 25%; }
	#number_os .deco03_os { right: -18%; width: 26%; }
}


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

	privelege

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

#privelege_os { position: relative; }
#privelege_os .inner_os { width: 1080px; }
#privelege_os .summary_os { text-align: center; margin: 2vw auto 3vw; font-size: min(3vw,36px); }
#privelege_os .specialList_os { position: relative; z-index: 1; }
#privelege_os li:not(:last-child) { margin-bottom: 3vw; }
#privelege_os li a:hover { opacity: .8; }
#privelege_os .deco01_os { width: 13vw; top: 10%; right: 85%; }
#privelege_os .deco02_os { width: 15vw; top: 37%; left: 83%; }
#privelege_os .circle_os { border-radius: 300px; z-index: -1; }
#privelege_os .circleRed_os { background: #F7ECE7; }
#privelege_os .circleBlue_os { background: #EBF0F0; }
#privelege_os .circle01_os { width: 9vw; height: 9vw; top: 11%; right: 89%; }
#privelege_os .circle02_os { width: 15vw; height: 15vw; top: 33%; right: 77%; }
#privelege_os .circle03_os { width: 11vw; height: 11vw; top: 47%; right: 85%; }
#privelege_os .circle04_os { width: 24vw; height: 24vw; top: 75%; right: 72%; }
#privelege_os .circle05_os { width: 26vw; height: 26vw; top: 15%; left: 70%; }
#privelege_os .circle06_os { width: 11vw; height: 11vw; top: 38%; left: 88%; }
#privelege_os .circle07_os { width: 15vw; height: 15vw; top: 57%; left: 78%; }
#privelege_os .circle08_os { width: 15vw; height: 15vw; top: 85%; left: 79%; }

@media (max-width: 1300px) {
	#privelege_os .deco01_os,
	#privelege_os .deco02_os { display: none; }
}
@media (max-width: 1180px) {
	#privelege_os .inner_os { width: 90%; }
}
@media (max-width: 520px) {
	#privelege_os .summary_os { margin: 6vw auto; font-size: min(5vw, 36px); }
	#privelege_os .circle01_os { width: 19vw; height: 19vw; }
	#privelege_os .circle02_os { width: 25vw; height: 25vw; }
	#privelege_os .circle03_os { width: 21vw; height: 21vw; }
	#privelege_os .circle04_os { width: 34vw; height: 34vw; }
	#privelege_os .circle05_os { width: 36vw; height: 36vw; }
	#privelege_os .circle06_os { width: 21vw; height: 21vw; }
	#privelege_os .circle07_os { width: 25vw; height: 25vw; }
	#privelege_os .circle08_os { width: 25vw; height: 25vw; }
}

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

	plan

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

#plan_os {
	position: relative;
	text-align: center;
	background: url(../images/plan_bg.svg) 0 0 / 10vw auto repeat;
}
#plan_os .summary_os { font-size: min(3vw, 36px); line-height: 1.8; margin-bottom: 2vw; }
#plan_os .sect_os { padding: 4vw 8vw; }
#plan_os .subTtl_os {
	color: #48A09D;
	font-size: min(2.8vw, 34px);
	margin-bottom: 1.5vw;
	line-height: 1.4;
}
#plan_os .summaryWrap_os { margin-bottom: 2vw; }
#plan_os .summaryWrap_os p { font-size: min(1.7vw,22px); margin-bottom: 1.5vw; line-height: 1.8; }
#plan_os .img_os { margin-bottom: 3vw; }
#plan_os .img02_os { display: flex; justify-content: space-between; margin-top: 20px; }
#plan_os .img02_os img { width: calc(100%/2 - 10px); }
#kotoba_os .ttl_os { width: 45%; max-width: 480px; height: auto; max-height: 100%; margin-bottom: 2vw; 	}
#kotoba_os .ttl_os img { width: 100%; height: auto; }

@media (max-width: 520px) {
	#plan_os { background-size: 20vw auto; padding-bottom: 13vw; }
	#plan_os .sect_os { padding: 8vw; }
	#plan_os .summary_os { font-size: min(3.9vw, 36px); white-space: nowrap; margin-bottom: 5vw; }
	#plan_os .subTtl_os { font-size: min(5vw, 34px); margin-bottom: 3vw; }
	#plan_os .summaryWrap_os { margin-bottom: 5vw; }
	#plan_os .summaryWrap_os p {
		font-size: min(3.5vw, 22px);
		text-align: justify;
		margin-bottom: 3vw;
		letter-spacing: .05em;
	}
	#plan_os .img_os { margin-bottom: 7vw; }
	#plan_os .img02_os { margin-top: 10px; }
	#plan_os .img02_os img { width: calc(100%/2 - 5px); }
	#kotoba_os .ttl_os { width: 80%; margin-bottom: 7vw; }
	#kotoba_os .btn_os span { height: 12vw; max-height: 100%; }
}


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

	example

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

#example_os { text-align: center; }
#example_os .summaryInner_os {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1030px;
	margin: 0 auto 1vw;
}
#example_os .summaryInner_os .deco01_os { width: 10%; }
#example_os .summaryInner_os .deco02_os { width: 10%; }
#example_os .summaryInner_os p {
	flex: 1;
	margin: 0;
	padding: 0 2vw;
	font-size: min(2vw,24px);
	line-height: 1.8;
}
#example_os .exampleBox_os { position: relative; padding-bottom: 5vw; margin-top: 5vw; }
#example_os .exampleList_os { display: flex; flex-wrap: wrap; margin: 0 -45px 0 0; }
#example_os .exampleList_os li { width: calc(100%/3 - 45px); margin: 0 45px 45px 0; }
#example_os .exampleList_os li .summary_os,
#example_os .exampleList_os li .note_os {
	text-align: justify;
	font-size: min(1.3vw,16px);
	letter-spacing: 0.05em;
}
#example_os .exampleList_os li .title_os { margin: 1vw 0; font-size: min(1.8vw,16px); }
#example_os .exampleList_os li .summary_os { margin-bottom: 1vw; } 
#example_os .exampleList_os li .note_os { margin-bottom: 0; text-align: right; }
#example_os .exampleList_os > li.none {	display: none; }
#example_os .exampleBox_os .trigger_os {
	display: none;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	width: 70%;
	max-width: 400px;
	padding: 1.5vw 0;
	margin: 0 auto;
	cursor: pointer;
	background: #ABC0C0;
	color: #fff;
	font-size: min(2.5vw,32px);
	line-height: 1;
	transition: .3s;
}
#example_os .exampleBox_os .trigger_os:hover { background: #85acac; }
#example_os .exampleBox_os .trigger_os:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 16px;
    height: 16px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 20px;
	margin-top: -12px;
    transform: rotate(135deg);
}

@media (max-width: 1080px) {
	#example_os .exampleList_os { margin-right: -3vw; }
	#example_os .exampleList_os li { width: calc(100%/3 - 3vw); margin: 0 3vw 3vw 0; }
}
@media (max-width: 768px) {
	#example_os .exampleBox_os { padding-bottom: 8vw; }
	#example_os .exampleList_os li { width: calc(100%/2 - 3vw); }
	#example_os .exampleList_os li .title_os { font-size: min(3vw, 20px); margin: 1.5vw 0; }
	#example_os .exampleList_os li .summary_os,
	#example_os .exampleList_os li .note_os { font-size: min(1.8vw, 16px); }
	#example_os .exampleBox_os .trigger_os { padding: 2vw 0; font-size: min(3vw, 32px); width: 40%; }
}
@media (max-width: 520px) {
	#example_os .ttl_os { height: 20vw; max-height: 100%; }
	#example_os .summaryInner_os { margin-bottom: 5vw; }
	#example_os .summaryInner_os p { font-size: min(3.8vw, 24px); padding: 0; }
	#example_os .summaryInner_os .deco01_os { width: 17%; margin-left: -7%; }
	#example_os .summaryInner_os .deco02_os { width: 18%; margin-right: -7%; }
	#example_os .btn_os a,
	#example_os .btn button { display: inline-block; }
	#example_os .btn_os span { height: 12vw; max-height: 100%; padding: 0 20vw; }
	#example_os .exampleBox_os { margin-top: 10vw; }
	#example_os .exampleList_os li { margin-bottom: 6vw; }
	#example_os .exampleList_os li .title_os { font-size: min(3.4vw, 20px); margin: 2vw 0; }
	#example_os .exampleList_os li .summary_os,
	#example_os .exampleList_os li .note_os { font-size: min(2.8vw, 16px); }
	#example_os .exampleBox_os { padding-bottom: 15vw; }
	#example_os .exampleBox_os .trigger_os { font-size: min(5vw, 32px); padding: 4vw 0; width: 60%; }
	#example_os .exampleList_os li:nth-child(odd) .txt_os { padding: 0 1vw 0 0; }
	#example_os .exampleList_os li:nth-child(even) .txt_os { padding: 0 0 0 1vw; }
}

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

	detail

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

#detail_os { background: #EBF0F0; }

#detail_os #how_os { margin-bottom: 3vw; }
#detail_os .heading_os {
	font-size: min(2.4vw,28px);
    font-weight: 600;
    text-align: left;
    width: 100%;
    margin: 0 0 20px;
}
#detail_os #how_os .summary_os {
	font-size: min(1.8vw,18px);
	font-weight: 600;
	line-height: 1.7;
	margin-bottom: 0;
}
#detail_os .attentionList_os img { width: 20px; display: inline-block; margin: 0 3px 4px 0; }
#detail_os .attentionList_os li { position: relative; padding-left: 1.2em; }
#detail_os .attentionList_os li:not(:last-child) { margin-bottom: 10px; }
#detail_os .attentionList_os li:before {
	content: "※";
	position: absolute;
	left: 0;
	top: 0;
}
#detail_os .attentionList_os li,
#detail_os #attention_os .no_os { font-size: min(1.6vw,16px); letter-spacing: 0.1em; }
#detail_os #attention_os .no_os { text-align: right; margin-top: 10px; margin-bottom: 0; }

@media (max-width: 1080px) {
	#detail_os #how_os { margin-bottom: 5vw; }
}
@media (max-width: 834px) {
	#detail_os .heading_os { font-size: min(3vw,28px); }
	#detail_os #how_os .summary_os { font-size: min(2vw,18px); }
	#detail_os .attentionList_os li,
	#detail_os #attention_os .no_os { font-size: min(1.8vw,16px); }
}
@media (max-width: 520px) {
	#detail_os #how_os { margin-bottom: 10vw; }
	#detail_os .heading_os { font-size: min(5vw,28px); }
	#detail_os #how_os .summary_os { font-size: min(3.6vw,18px); }
	#detail_os .attentionList_os li,
	#detail_os #attention_os .no_os { font-size: min(3.2vw,16px); }
}

.right_text {text-align: right}