@charset "UTF-8";

/*
 *
 *	layout.css
 * 
 */

/* font
---------------------------------------------------------- */

/* ! 共通
---------------------------------------------------------- */
html,
body {
	font-size: 62.5%;
	color: #221815;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	line-height: 1;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	/* image-rendering:-webkit-optimize-contrast; */
}

a,
a:visited,
a:active,
a:focus {
	color: #221815;
	text-decoration: none;
}

@media (any-hover: hover) {
	a:hover {
		color: #221815;
		text-decoration: none;
	}
}

strong {
	font-weight: bold;
}

.pc_block {
	display: block;
}

.sp_block {
	display: none;
}

.s-sp_block {
	display: none;
}

.pc_txt-block {
	display: inline-block;
}

.sp_txt-block {
	display: none;
}

.comments {
	font-size: 14px;
}

.font-b {
	font-weight: bold;
}

@media screen and (max-width:767px) {
	.sp_block {
		display: block;
	}

	.pc_block {
		display: none;
	}

	.sp_txt-block {
		display: inline-block;
	}

	.pc_txt-block {
		display: none;
	}
}

@media screen and (max-width:460px) {
	.s-sp_block {
		display: block;
	}
}

/* ----- 共通パーツ ----- */
.wrapper {
	overflow: hidden;
	background-color: #cdecfa;
}

/* ieのみ ----- */
_:-ms-input-placeholder,
:root .wrapper {
	overflow: auto;
}

/* ieのみ ----- */
.wrapper_inner {
	margin: 0 auto;
	width: 1100px;
	background-color: #ffffff;
}

.sec {
	padding: 0 55px;
}

h2 {
	margin-bottom: 25px;
}

h2 img {
	width: 100%;
}

h3 {
	padding: 10px 0;
	margin-bottom: 30px;
	text-align: center;
	font-size: 2.4rem;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
	background: #005bac;
}

h4 {
	font-size: 2rem;
	font-weight: bold;
	color: #0091db;
	margin-bottom: 20px;
	line-height: 1.3;
}

.txt_lead {
	margin-bottom: 30px;
	font-size: 1.6rem;
	line-height: 1.5;
}

.list_dot {
	margin-bottom: 20px;
}

.list_dot li {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 5px;
	font-size: 1.6rem;
	line-height: 1.555;
}

.list_dot li:last-of-type {
	margin-bottom: 0;
}

.list_dot li:before {
	content: "●";
	color: #005bac;
}

.list_dot li .txt_hd {
	color: #005bac;
	font-size: 1.8rem;
	font-weight: bold;
}

.list_dot li .btn_pdf {
	margin-top: 5px;
	margin-bottom: 20px;
}

.btn_wrap {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.btn_pdf a {
	position: relative;
	display: block;
	padding: 12px 10px 10px;
	width: 350px;
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.1;
	font-weight: 500;
	color: #ffffff;
	text-decoration: none;
	background-color: #0091db;
	border-radius: 6px;
	box-shadow: 0 3px 0 0 #005bac;
	opacity: 1;
	transition: opacity 0.3s ease;
	box-sizing: border-box;
}

.btn_pdf a:after {
	position: absolute;
	right: 23px;
	top: 50%;
	content: "";
	display: block;
	width: 22px;
	height: 28px;
	transform: translateY(-50%);
	background: url(../img/ico_pdf.png) no-repeat center center /contain;
}

.btn_detail a {
	position: relative;
	display: block;
	padding: 21px 10px 20px;
	width: 350px;
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.1;
	font-weight: 500;
	color: #ffffff;
	text-decoration: none;
	background-color: #005bac;
	border-radius: 6px;
	box-shadow: 0 3px 0 0 #003360;
	opacity: 1;
	transition: opacity 0.3s ease;
	box-sizing: border-box;
}

.btn_detail a:after {
	position: absolute;
	right: 25px;
	top: 50%;
	content: "";
	display: block;
	width: 17px;
	height: 25px;
	transform: translateY(-50%) rotate(270deg);
	background: url(../img/ico_arrow01.png) no-repeat center center /contain;
}

.btn_pdf a.hover,
.btn_detail a.hover {
	opacity: 0.7;
}

.btn_pdf a>span,
.btn_detail a>span {
	font-size: 77%;
	font-weight: normal;
}

.cap_asterisk {
	padding-left: 1em;
	text-indent: -1em;
}

.cap_asterisk:before {
	content: "※";
	display: inline-block;
}

.f-small {
	font-size: 85%;
}

.mt08 {
	margin-top: 8px;
}

@media screen and (max-width:767px) {
	.wrapper_inner {
		width: 100%;
	}

	.sec {
		padding: 0 15px;
	}

	h2 {
		margin-bottom: 20px;
	}

	h3 {
		margin-bottom: 15px;
		font-size: 2.0rem;
		line-height: 1.3;
	}

	.txt_lead {
		font-size: 1.5rem;
		line-height: 1.7;
		margin-bottom: 15px;
	}

	.list_dot {
		margin-bottom: 0;
	}

	.list_dot li {
		font-size: 1.4rem;
		line-height: 1.7;
		margin-bottom: 0;
	}

	.list_dot li .txt_hd {
		font-size: 1.6rem;
	}

	.list_dot li .btn_pdf {
		margin-top: 5px;
		margin-bottom: 10px;
	}

	.btn_wrap {
		display: block;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.btn_pdf a {
		width: 100%;
		font-size: 1.8rem;
		line-height: 1.3;
	}

	.btn_pdf a:after {
		right: 18px;
	}

	.btn_detail a {
		width: 100%;
		font-size: 2.0rem;
		line-height: 1.3;
	}

	.btn_detail a:after {
		right: 18px;
	}

	.btn_pdf a>span,
	.btn_detail a>span {
		font-size: 1.5rem;
		font-weight: bold;
	}
}


/* ! header
---------------------------------------------------------- */
header {
	background-color: #ffffff;
}

header .logo_aera {
	box-sizing: border-box;
	padding: 12px 8px;
	margin: 0 auto;
	width: 1100px;
}

header .logo_aera img {
	width: 186px;
	height: auto;
}

@media screen and (max-width:767px) {
	header .logo_aera {
		padding: 13px 15px 10px;
		width: 100%;
	}

	header .logo_aera img {
		width: 137px;
	}
}


/* ! #mv
---------------------------------------------------------- */
#mv {
	position: relative;
	background: #000000 url(../img/mv_bg_pc.png) no-repeat center top;
	height: 810px;
	overflow: hidden;
}

#mv .bg-white {
	position: absolute;
	bottom: 0;
	left: 50%;
	translate: -50% 50%;
	width: 120%;
	z-index: 0;
}

#mv .h1_area {
	position: relative;
	margin-top: 162px;
	padding-left: 60px;
}

#mv .h1_area .txt_area {
	position: absolute;
	right: 80px;
	top: -40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

#mv .topTxt {
	display: flex;
	justify-content: center;
	padding-top: 40px;
}

#mv .free-img {
	filter: drop-shadow(0 0 25px #00296a41);
}

@media screen and (max-width:767px) {
	#mv {
		background: url(../img/mv_bg_sp.png) top center;
		padding: 20px 0 0;
		height: auto;
		background-size: cover;
	}

	#mv .h1_area {
		display: block;
		margin-top: 95px;
		padding: 0 25px 30px;
	}

	#mv .h1_area h1 {
		padding: 0 8px 20px;
	}

	#mv .h1_area .txt_area {
		position: relative;
		top: unset;
		right: unset;
	}

	#mv .topTxt {
		padding-top: 50px;
	}
}


/* ! #eventArea
---------------------------------------------------------- */
#eventArea {
	position: relative;
	padding: 0 55px;
	margin-top: -20px;
}

.eventBenefit {
	padding: 20px 0;
}

.eventBenefit .benefit_header img {
	width: 100%;
}

.eventBenefit .benefit_detail {
	background-color: #F4F2E3;
	margin-top: -1px;
	padding: 25px 55px;
	position: relative;
}

.eventBenefit .benefit_detail .illust_man {
	position: absolute;
	right: 26px;
	top: 46px;
}

.eventBenefit .benefit_detail_inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 20px;
}

.eventBenefit .benefit_detail p.title {
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
}

.eventBenefit .benefit_detail span.red {
	color: red;
	font-size: 26px;
}

.benefit_detail .options {
	border-right: 2px dotted;
	padding-right: 30px;
}

.benefit_detail .options .option_title_img {
	text-align: center;
}

.benefit_detail .options p {
	font-size: 1.55rem;
	line-height: 1.5;
	width: 50%;
}

.benefit_detail .options .option_img {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}

.benefit_detail .options .award_badge {
	display: none;
}

.benefit_detail .award_place {
	padding-left: 30px;
	padding-top: 15px;
}

.benefit_detail .award_place .award_badge {
	display: grid;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.benefit_detail .award_place .award_badge p {
	line-height: 1.5;
}

.benefit_detail .award_place .btn_detail {
	background-color: #ffffff;
	padding: 30px;
}

.benefit_detail .award_place .btn_detail a {
	background-color: #0A7BBB;
}

.benefit_detail .award_place .btn_detail p {
	margin-top: 20px;
	text-align: center;
}

.benefit_detail .badge {
	background-color: #189cca;
	color: #ffffff;
	font-weight: 400;
	width: 160px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}

.benefit_detail .award_place .award_badge .badge {
	margin-bottom: 10px;
}

@media screen and (max-width:767px) {
	#eventArea {
		padding: 0 15px 15px;
		font-size: 1.4rem;
		margin-top: 32px;
	}

	.eventBenefit {
		padding-bottom: 0;
	}

	.eventBenefit .benefit_detail {
		padding: 15px 15px 20px;
	}

	.eventBenefit .benefit_detail .illust_man {
		width: 15%;
		top: 15px;
	}

	.eventBenefit .benefit_detail_inner {
		grid-template-columns: 1fr;
		margin-top: 10px;
	}

	.eventBenefit .benefit_detail p.title {
		font-size: 1.6rem;
		width: 78%;
	}

	.eventBenefit .benefit_detail span.red {
		font-size: 1.8rem;
	}

	.benefit_detail .options {
		border-right: 0;
		border-bottom: 2px dotted;
		padding-right: 0;
	}

	.benefit_detail .option_title_img {
		padding: 0;
	}

	.benefit_detail .options .aroma-img {
		width: 50%;
	}

	.benefit_detail .options p {
		font-size: 1.4rem;
	}

	.benefit_detail .options .award_badge {
		display: block;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.benefit_detail .options .award_badge p {
		font-size: 1.55rem;
		font-weight: 500;
		margin-top: 5px;
		width: 100%;
	}

	.benefit_detail .award_place {
		padding-left: 0;
		padding-top: 20px;
	}

	.benefit_detail .award_place .award_badge {
		display: none;
	}

	.benefit_detail .award_place .award_badge p {
		line-height: 1.5;
	}

	.benefit_detail .award_place .btn_detail {
		background-color: transparent;
		padding: 0;
	}

	.benefit_detail .badge {
		width: 110px;
		height: 26px;
		line-height: 26px;
	}
}


/* ! #outline
---------------------------------------------------------- */
#outline {
	padding: 0;
}

#outline .header_wrap {
	padding: 40px 58px 0;
}

#outline .information {
	font-size: 1.6rem;
	padding-top: 60px;
}

#outline .information h2 {
	display: flex;
	align-items: center;
}

#outline .information .sec_inner {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

#outline .information .sec_inner .sec_content {
	padding-top: 10px;
	width: 48.5%;
}

#outline .information .sec_inner .sec_img {
	width: 50%;
}

#outline .information .btn_wrap {
	margin-top: 60px;
}

#outline .information .btn_wrap:last-child {
	margin-top: 20px;
}

#outline .information .sec_img span {
	text-align: right;
}

/* .information._01 */
#outline .information._01 {
	padding-top: 20px;
}

#outline .information._01 .sec_info {
	display: flex;
	justify-content: space-between;
}

#outline .information._01 .sec_info .sec_content {
	width: 48.5%;
}

#outline .information._01 .sec_info .sec_img {
	width: 48.5%;
}

#outline .information .feature {
	position: relative;
	margin-top: 40px;
}

#outline .information._01 .options {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 40px;
	padding: 12px 0 20px;
}

#outline .information._01 .options .child {
	width: 48.5%;
}

#outline .information._01 .options .child.child-w100 {
	width: 100%;
}

#outline .information._01 .options .title {
	background-color: #00ada9;
	color: #ffffff;
	text-align: center;
	padding: 10px 20px;
	font-size: 2.4rem;
	font-weight: bold;
}

#outline .information._01 .options .description {
	display: flex;
	justify-content: space-between;
	padding-top: 16px;
	gap: 10px;
}

#outline .information._01 .options .description .desc_txt {
	width: 55%;
}

#outline .information._01 .options .child.child-w100 .description .desc_txt {
	width: 67%;
}

#outline .information._01 .options .child:first-child .description .desc_txt {
	width: 52%;
}

#outline .information._01 .options .child .description .desc_txt p {
	line-height: 1.5;
}

#outline .information._01 .btn_detail a:after {
	transform: translateY(-50%);
}

/* .information._02 */
#outline .information._02 {
	position: relative;
	margin-top: 60px;
	padding-top: 0;
}

#outline .information._02:before {
	content: "";
	width: 990px;
	height: 4px;
	position: absolute;
	top: 0;
	left: 50%;
	background: url(../img/line_dot01.gif) repeat-x 5px center /contain;
	transform: translateX(-50%);
}

#outline .information._02:after {
	content: "";
	width: 990px;
	height: 4px;
	position: absolute;
	bottom: -20px;
	left: 50%;
	background: url(../img/line_dot01.gif) repeat-x 5px center /contain;
	transform: translateX(-50%);
}

#outline .information._02 .sec {
	padding-top: 60px;
	padding-bottom: 60px;
}

#outline .information._02 .blue-title {
	font-size: 24px;
	font-weight: bold;
	color: #005bac;
	padding: 1em 0;
}

#outline .information._02 .btn_wrap {
	width: 100%;
}

#outline .information._02 .note {
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.3;
	margin-top: 30px;
	text-align: center;
}

#outline .information._02 .note .red {
	color: red;
	font-weight: bold;
}

#outline .information._02 .btn_detail a {
	background-color: #0A7BBB;
}

/* .information._03 */
#outline .information._03 {
	position: relative;
	margin-top: 25px;
}

#outline .information._03 .products-wrap {
	margin-top: 25px;
}

#outline .information._03 .products-wrap .sec_inner {
	margin-top: 24px;
}

#outline .information._03 .btn_wrap {
	width: 100%;
}

#outline .information._03 .btn_wrap .btn_detail {
	margin-bottom: 15px;
}

#outline .information._03 .note {
	display: flex;
	justify-content: center;
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.3;
}

#outline .information._03 .note .red {
	color: red;
	font-weight: bold;
}

#outline .information._03 .btn_detail a {
	background-color: #0A7BBB;
}

#outline .information._04 .information_04_content .sec_inner:nth-child(n + 2) {
	margin-top: 40px;
}


#outline .bg-wrapper {
	padding: 0 55px;
	margin-top: 100px;
}

#outline .bg-wrapper .information {
	padding-top: 0;
}

#outline .bg-blue {
	background-color: #def0ef;
	padding: 40px 18px 60px;
}

/* .information._04 */
#outline .information._04 {
	position: relative;
}

#outline .information._04 .information_04_content {
	padding: 0 15px;
}

#outline .information._04 .sec_inner div {
	width: auto;
}

#outline .information._04 .sec_inner .btn_pdf {
	margin-bottom: 30px;
}

#outline .information._04 .txt_lead {
	margin-bottom: 20px;
	font-size: 1.6rem;
}

#outline .information._04 .small-text {
	font-size: 1.2rem;
	line-height: 2.2;
}

.information04_ttl-box {
	position: relative;
}

img.information04_ttl-illust {
	position: absolute;
	bottom: 0;
	left: 50%;
	translate: -50% -2px;
}

img.information04_ttl-illust._01 {
	left: 20%;
	width: 10.5%;
}

img.information04_ttl-illust._02 {
	left: 85%;
	width: 20%;
}

/* .information._05 */
#outline .information._05 {
	position: relative;
	margin-top: 60px;
}

#outline .information._05 .message_img {
	position: absolute;
	top: -80px;
	right: 55px;
	width: 31%;
}

#outline .information._05 .sec_inner p {
	width: 33%;
}

#outline .information._05 .sec_inner .sec_img {
	width: 64%;
}

#outline .information._05 .sec_inner .sec_img img {
	width: 100%;
}

/* .seminarDetails */
.seminarDetails {
	padding: 15px;
	margin: 50px auto 80px;
	width: 960px;
	background-color: #149cd3;
}

.seminarDetails>div {
	padding: 30px 20px;
	background-color: #ffffff;
	border-radius: 10px;
}

.seminarDetails h3 {
	padding: 0;
	margin-bottom: 15px;
	text-align: center;
	border: none;
}

.seminarDetails .sec {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}

.seminarDetails .seminorList {
	position: relative;
	box-sizing: border-box;
	padding: 0 0 110px;
	margin-top: 15px;
	border-radius: 8px;
	border: solid 4px #0052a5;
	width: 450px;
	background-color: #ffffff;
}

.seminarDetails .seminorList dt {
	padding: 12px 5px;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.2;
	background-color: #0052a5;
}

.seminarDetails .seminorList dt>img {
	margin-top: -55px;
}

.seminarDetails .seminorList dd {
	padding: 30px 30px 0;
}

.seminarDetails .seminorList dd .date {
	margin-bottom: 13px;
}

.seminarDetails .seminorList dd .date img {
	width: auto;
	height: 26px;
}

.seminarDetails .seminorList dd .capa {
	margin-bottom: 13px;
}

.seminarDetails .seminorList dd .capa img {
	width: auto;
	height: 24px;
}

.seminarDetails .seminorList dd .txt_lead {
	margin-bottom: 20px;
}

.seminarDetails .seminorList .btn_detail {
	position: absolute;
	bottom: 30px;
	padding-top: 20px;
	margin: 0 auto;
	width: 370px;
}

.seminarDetails .seminorList .btn_detail:before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/line_dot02.gif) repeat-x 0 center /contain;
}

.seminarDetails .seminorList .btn_detail a {
	padding: 19px 10px;
	margin-right: 0;
	font-size: 2rem;
	background-color: #0091db;
	box-shadow: 0 3px 0 0 #0052a5;
}

.seminarDetails .seminorList .btn_detail a:after {
	transform: translateY(-50%) rotate(270deg);
}

.seminarDetails .seminorList._04 dt {
	padding: 24px 5px;
}

@media screen and (max-width:767px) {
	#outline {
		padding: 0;
	}

	#outline .header_wrap {
		padding: 20px 15px 0;
	}

	#outline .information {
		font-size: 1.4rem;
		padding-top: 26px;
	}

	#outline .information .sec_inner {
		display: grid;
		gap: 40px;
	}

	#outline .information .sec_inner .sec_content,
	#outline .information .sec_inner .sec_img {
		width: auto;
	}

	/* .information._01 */
	#outline .information._01 {
		padding-top: 10px;
	}

	#outline .information._01 .sec_content img {
		width: 85%;
	}

	#outline .information._01 .sec_info {
		display: grid;
		gap: 26px;
	}

	#outline .information._01 .sec_info .sec_img {
		width: 100%;
	}

	#outline .information._01 .sec_info .sec_content {
		width: 100%;
	}

	#outline .information .btn_pdf {
		margin-bottom: 20px;
	}

	#outline .information .sec_img {
		margin-top: 10px;
	}

	#outline .information .feature {
		margin-top: 10px;
	}

	#outline .information._01 .options .title {
		font-size: 1.6rem;
	}

	#outline .information._01 .options .child {
		width: 100%;
	}

	#outline .information._01 .options .child .description .desc_txt p {
		line-height: 1.8;
	}

	#outline .information._01 .options .description .desc_txt {
		width: 50%;
	}

	#outline .information._01 .options .description .desc_img {
		width: 50%;
		text-align: end;
	}

	#outline .information._01 .options .child:first-child .description .desc_txt {
		width: 50%;
	}



	/* #outline .information._01 .options .child:first-child .description .desc_img img {
		width: 66%;
	} */

	#outline .information._01 .options .child .description .desc_txt {
		width: calc(50% - 10px) !important;
	}

	#outline .information._01 .options .child .description .desc_img img {
		width: 100%;
	}

	#outline .information._01 .options .child:not(:first-child) .description .desc_img img {
		width: 80%;
	}

	/* .information._02 */
	#outline .information._02 {
		position: relative;
		margin-top: 40px;
		padding-bottom: 30px;
	}

	#outline .information._02:before,
	#outline .information._02:after {
		width: calc(100% - 30px);
	}

	#outline .information._02 .sec {
		padding-top: 40px;
		padding-bottom: 0;
	}

	#outline .information._02 .sec .sec_content img {
		width: 90%;
	}

	#outline .information._02 .blue-title {
		font-size: 20px;
	}

	#outline .information._02 .list_dot li .pc_txt-block {
		display: none;
	}

	#outline .information._02 .note {
		margin-top: 15px;
		padding: 0 15px;
		box-sizing: border-box;
		text-align: left;
	}

	#outline .information._02 .note .indent-txt {
		text-indent: 1em;
	}

	/* .information._03 */
	#outline .information._03 {
		margin-top: 20px;
	}

	#outline .information._03:after {
		width: calc(100% - 30px);
	}

	#outline .information._03 .note {
		margin-top: 15px;
		padding: 0 15px;
		box-sizing: border-box;
	}

	#outline .bg-wrapper {
		padding: 0;
		margin-top: 50px;
	}

	#outline .bg-wrapper h2 {
		margin-bottom: 10px;
	}

	#outline .bg-blue {
		padding: 50px 15px 20px;
	}

	/* .information._04 */
	#outline .information._04 .information_04_content {
		padding: 0;
	}

	#outline .information._04:after {
		width: calc(100% - 30px);
	}

	#outline .information._04 .sec_inner {
		padding: 0;
	}

	#outline .information._05 .sec_inner p {
		width: 100%;
	}

	#outline .information._04 .sec_inner .btn_pdf {
		padding: 0 1em;
		margin-bottom: 20px;
	}

	#outline .information._04 .sec_inner .sec_img {
		margin: auto;
		margin-top: 10px;
		margin-bottom: 0;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 0;
		border-bottom: 0;
		width: auto;
		text-align: center;
	}

	#outline .information._04 .sec_inner .sec_img img {
		width: 95%;
	}

	#outline .information._04 .small-text {
		line-height: 1.5;
		margin-top: 8px;
	}

	#outline .information._04 .sec_illust img.information04_sp-illust {
		width: 75%;
		padding-left: 20px;
		margin: auto;
		margin-top: 60px;
		margin-bottom: 20px;
	}

	/* .information._05 */
	#outline .information._05 .sec_inner {
		padding: 0;
	}

	#outline .information._05 .sec_inner .txt_lead {
		margin-bottom: 0;
	}

	#outline .information._05 .sec_inner .sec_img {
		margin-bottom: 0;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 0;
		border-bottom: 0;
		width: auto;
	}

	#outline .information._05 .message_img_sp {
		margin-top: 30px;
	}


	/* .seminarDetails */
	.seminarDetails {
		padding: 15px 0;
		margin: 40px auto;
		width: 100%;
	}

	.seminarDetails>div {
		padding: 20px 15px;
		border-radius: 0;
	}

	.seminarDetails .sec {
		display: block;
		padding: 0;
		margin: 0 auto;
		width: 100%;
	}

	.seminarDetails .seminorList {
		padding: 0 0 95px;
		border: solid 2px #0052a5;
		width: 100%;
		margin-top: 20px;
		width: 100%;
	}

	.seminarDetails .seminorList dt {
		padding: 14px 5px;
		font-size: 1.6rem;
	}

	.seminarDetails .seminorList dd {
		padding: 20px 15px 0;
	}

	.seminarDetails .seminorList dd .date {
		margin-bottom: 10px;
	}

	.seminarDetails .seminorList dd .date img {
		height: 22px;
	}

	.seminarDetails .seminorList dd .capa {
		margin-bottom: 10px;
		height: 20px;
	}

	.seminarDetails .seminorList dd .txt_lead {
		margin-bottom: 15px;
	}

	.seminarDetails .seminorList .btn_detail {
		width: calc(100% - 30px);
	}

	.seminarDetails .seminorList .btn_detail:before {
		background: url(../img/line_dot02.gif) repeat-x 3px center /contain;
	}

	.seminarDetails .seminorList .btn_detail a {
		box-sizing: border-box;
		padding: 13px 10px 14px;
		width: 100%;
		font-size: 1.8rem;
	}

	.seminarDetails .seminorList .btn_detail a:after {
		width: 13px;
		height: 9px;
		transform: translateY(-50%) rotate(270deg);
	}

	.seminarDetails .seminorList._04 dt {
		padding: 23px 5px 24px;
	}

	#outline .information .btn_wrap {
		margin-top: 40px;
	}

	#outline .information .btn_wrap.sp-btn {
		margin-top: 20px;
	}
}

@media screen and (max-width:450px) {
	#outline .information._01 .options .child .description .desc_txt {
		width: calc(55% - 10px) !important;
	}

	#outline .information._01 .options .child .description .desc_txt p {
		font-size: min(3.08vw, 16px);
	}
}


/* ! #exhibition
---------------------------------------------------------- */
#exhibition {
	margin-top: 50px;
}

#exhibition .header_wrap {
	padding: 20px 3px 0;
}

#exhibition h3 {
	margin-bottom: 10px;
	background: #ffffff;
	color: #005bac;
	border-top: 2px solid #005bac;
	border-bottom: 2px solid #005bac;
}

#exhibition h3+.txt_cap {
	margin-bottom: 30px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #005bac;
	text-align: right;
}

#exhibition .accordion .acc-trigger {
	position: relative;
	padding: 18px 25px 18px 30px;
	margin-bottom: 40px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #005bac;
	border: solid 2px #005bac;
	background-color: #e1f3fc;
	transition: all ease 0.3s;
}

#exhibition .accordion .acc-trigger.acc-open {
	color: #ffffff;
	background-color: #005bac;
}

#exhibition .accordion .acc-trigger.last {
	margin-bottom: 0;
}

#exhibition .accordion .acc-contents .list_exb.az,
#exhibition .accordion .acc-contents .list_exb.az .mb0 {
	margin-bottom: 0;
}

#exhibition .accordion .acc-trigger .ico_cross {
	position: absolute;
	top: 18px;
	right: 25px;
	width: 28px;
	height: 28px;
}

#exhibition .accordion .acc-trigger .ico_cross span {
	position: absolute;
	top: 8px;
	left: 0;
	display: block;
	width: 28px;
	height: 5px;
	background-color: #005bac;
	transition: all ease 0.3s;
}

#exhibition .accordion .acc-trigger .ico_cross span:nth-of-type(2) {
	transform: rotate(90deg);
	transition: transform ease 0.3s;
}

#exhibition .accordion .acc-trigger.acc-open .ico_cross span {
	background-color: #ffffff;
}

#exhibition .accordion .acc-trigger.acc-open .ico_cross span:nth-of-type(2) {
	transform: rotate(0);
}

#exhibition .accordion .acc-contents {
	display: none;
}

#exhibition .accordion .acc-contents .list_exb.az {
	margin-top: 40px;
}

#exhibition .accordion .acc-contents .list_exb {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

#exhibition .accordion .acc-contents .list_exb li {
	width: 300px;
	margin-right: 45px;
	margin-bottom: 40px;
}

#exhibition .accordion .acc-contents .list_exb li:nth-of-type(3n) {
	margin-right: 0;
}

#exhibition .accordion .acc-contents .list_exb li dl dt .company {
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 13px;
	margin-bottom: 5px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.333;
}

#exhibition .accordion .acc-contents .list_exb li dl dd .title {
	margin-bottom: 5px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #005bac;
	line-height: 1.4;
}

#exhibition .accordion .acc-contents .list_exb li dl dd .detail {
	font-size: 1.6rem;
	line-height: 1.5;
}

#exhibition .accordion .acc-contents .list_exb.az {
	counter-reset: item calc(var(--start) - 1);
}

#exhibition .accordion .acc-contents .list_exb.az li {
	counter-increment: item;
}

#exhibition sub.under-mark {
	vertical-align: sub;
	position: relative;
	top: 0.1em;
}

.collaboration {
	margin-top: 60px;
}

.collaboration .sec {
	padding: 35px;
	border-radius: 8px;
	background-color: #ffffff;
	border: solid 4px #00638f;
	box-shadow: 6px 4px 0 0 #00638f;
}

.collaboration .sec h4 {
	float: left;
	margin-bottom: 10px;
	width: 428px;
}

.collaboration .sec .image._01 {
	float: right;
	padding-left: 25px;
	margin-bottom: 3px;
	background: url(../img/cardGame_dot_pc.gif) repeat-y left top;
}

.collaboration .sec .txt_lead {
	float: left;
	margin-bottom: 0;
	width: 428px;
	line-height: 1.75;
}

.collaboration .sec>div .btn_detail {
	float: right;
	background-color: #ffffff;
	border-radius: 8px;
}

.collaboration .sec>div .btn_detail a {
	box-sizing: border-box;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0 auto;
	width: 424px;
	font-size: 2.0rem;
	background-color: #00638f;
}

.collaboration .sec>div .btn_detail a:after {
	transform: translateY(-50%) rotate(270deg);
}

@media screen and (max-width:767px) {
	#exhibition h3+.txt_cap {
		margin-top: 18px;
		margin-bottom: 15px;
		font-size: 1.2rem;
	}

	#exhibition .accordion .acc-trigger {
		padding: 19px 20px;
		font-size: 1.8rem;
		margin-bottom: 20px;
	}

	#exhibition .accordion .acc-trigger .ico_cross {
		top: 16px;
		right: 18px;
		width: 22px;
		height: 22px;
	}

	#exhibition .accordion .acc-trigger .ico_cross span {
		width: 22px;
	}

	#exhibition .accordion .acc-contents .list_exb.az {
		margin-top: 20px;
	}

	#exhibition .accordion .acc-contents .list_exb {
		margin-bottom: 20px;
	}

	#exhibition .accordion .acc-contents .list_exb li {
		width: calc((100% - 23px) / 2);
		margin-right: 23px;
		margin-bottom: 20px;
	}

	#exhibition .accordion .acc-contents .list_exb li:nth-of-type(3n) {
		margin-right: 23px;
	}

	#exhibition .accordion .acc-contents .list_exb li:nth-of-type(2n) {
		margin-right: 0;
	}

	#exhibition .accordion .acc-contents .list_exb li dl dt .company {
		margin-top: 10px;
		font-size: 1.2rem;
		line-height: 1.4;
	}

	#exhibition .accordion .acc-contents .list_exb li dl dd .title {
		font-size: 1.4rem;
		line-height: 1.357;
	}

	#exhibition .accordion .acc-contents .list_exb li dl dd .detail {
		font-size: 1.1rem;
		line-height: 1.45;
	}

	#exhibition .accordion .acc-contents .list_exb.az li dl dt p:before {
		font-size: 0.8rem;
	}

	.collaboration {
		margin-top: 60px;
	}

	.collaboration .sec {
		padding: 16px;

		/* border-radius:8px;background-color:#ffffff; */
		border: solid 2px #00638f;
		box-shadow: 3px 2px 0 0 #00638f;
	}

	.collaboration .sec h4 {
		float: none;
		margin-bottom: 15px;
		width: 100%;
		text-align: center;
	}

	.collaboration .sec .image._01 {
		float: none;
		padding-bottom: 20px;
		padding-left: 0;
		margin-bottom: 20px;
		text-align: center;
		background: url(../img/cardGame_dot_sp.gif) repeat-x left bottom / 8px;
	}

	.collaboration .sec .txt_lead {
		float: none;
		margin-bottom: 10px;
		width: 100%;
	}

	.collaboration .sec>div .btn_detail {
		float: none;
		border-radius: 8px;
	}





	.collaboration .sec>div .btn_detail a {
		box-sizing: border-box;
		padding-top: 7px;
		padding-bottom: 7px;
		width: 100%;
		font-size: 1.8rem;
	}

	.collaboration .sec>div .btn_detail a span {
		font-weight: normal;
		font-size: 1.4rem;
	}

	.collaboration .sec>div .btn_detail a:after {
		width: 13px;
		height: 9px;
		transform: translateY(-50%) rotate(270deg);
	}
}


/* ! .sponsorship
---------------------------------------------------------- */
.sponsorship {
	padding: 65px 0 50px;
	margin-top: 50px;
}

.sponsorship .list_sponsor {
	margin-bottom: 25px;
}

.sponsorship .list_sponsor:last-of-type {
	margin-bottom: 0;
}

.sponsorship .list_sponsor dt {
	padding: 10px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 2.0rem;
	color: #000000;
	background-color: #ddd8a3;
	border-radius: 8px;
}

.sponsorship .list_sponsor dd {
	padding: 0 3px;
	font-size: 1.6rem;
	line-height: 1.5;
}

.sponsorship p {
	font-size: 2rem;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin-bottom: 10px;
}

@media screen and (max-width:767px) {
	.sponsorship {
		padding: 40px 0 0 0;
	}

	.sponsorship .list_sponsor {
		margin-bottom: 15px;
	}

	.sponsorship .list_sponsor dt {
		padding: 6.5px;
		margin-bottom: 8px;
		font-size: 1.5rem;
	}

	.sponsorship .list_sponsor dd {
		font-size: 1.4rem;
		line-height: 1.7;
	}

	.sponsorship p {
		font-size: 1.5rem;
		font-weight: bold;
		color: #000000;
		text-align: center;
		margin-bottom: 10px;
	}
}


/* ! .access
---------------------------------------------------------- */
.access {
	padding: 45px 0;
}

h3.box_h3 {
	background: #ffffff;
	color: #005bac;
	border-radius: 8px;
}

.access h3 {
	border: solid 2px #005bac;
	padding: 8px 0;
}

.access .accessBox {
	display: flex;
	justify-content: space-between;
	padding: 0 45px 0 10px;
}

.access .accessBox .location {
	font-size: 1.8rem;
	line-height: 1.7;
}

.access .accessBox .location p>strong {
	font-size: 2.0rem;
}

.access .accessBox .location._01 {
	margin-bottom: 15px;
}

.access .accessBox .location._01 .traffic {
	font-size: 1.6rem;
	line-height: 1.5;
}

.access .accessBox .location._01 p span.cap_asterisk {
	font-size: 1.4rem;
}

.access .accessBox .location._02 {
	margin-bottom: 15px;
}

.access .accessBox .txtArea {
	margin-top: 10px;
}

.access .accessBox .mapArea {
	width: 477px;
	text-align: center;
}

.access .btn_map a {
	position: relative;
	display: block;
	padding: 15px 0;
	margin: 25px auto 0;
	width: 280px;
	text-align: center;
	color: #ffffff;
	font-size: 1.6rem;
	font-weight: bold;
	background-color: #000000;
	border: solid 1px #000000;
	opacity: 1;
	transition: all 0.3s ease;
}

.access .btn_map a.hover {
	opacity: 0.7;
}

@media screen and (max-width:767px) {
	.access {
		padding: 40px 0;
	}

	.access .accessBox {
		display: block;
		padding: 0;
	}

	.access .accessBox .location {
		font-size: 1.4rem;
	}

	.access .accessBox .location p>strong {
		font-size: 1.4rem;
	}

	.access .accessBox .location._01 .traffic {
		font-size: 1.2rem;
	}

	.access .accessBox .location._01 p span.cap_asterisk {
		font-size: 1rem;
	}

	.access .accessBox .txtArea {
		margin-top: 10px;
	}

	.access .accessBox .mapArea {
		margin: 20px auto 0;
		width: 92%;
	}

	.access .btn_map a {
		width: 260px;
		font-size: 1.4rem;
		font-weight: normal;
	}

	.access .btn_map a:after {
		right: 10px;
		width: 15px;
		height: 7px;
	}
}


/* ! .inquiry
---------------------------------------------------------- */
.inquiry_inner {
	padding: 0 180px 80px;
	background-color: #ffffff;
}

.inquiry h3 {
	padding: 6px 0;
	border: solid 2px #005bac;
}

.inquiry .name {
	width: 100%;
}

.inquiry .name p {
	font-size: 1.8rem;
	line-height: 1.555;
	font-weight: bold;
	text-align: center;
}

.inquiry .address {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.inquiry .tel {
	width: 45%;
	margin-right: 30px;
}

.inquiry .tel a {
	display: block;
	cursor: default;
	pointer-events: none;
}

.inquiry .mail {
	display: flex;
	align-items: center;
	margin-top: 10px;

}

.inquiry .mail dt {
	padding: 5px 10px;
	margin-right: 10px;
	color: #ffffff;
	font-size: 1.4rem;
	font-weight: bold;
	background-color: #000000;
}

.inquiry .mail dd {
	font-size: 1.6rem;
}

@media screen and (max-width:768px) {
	.inquiry_inner {
		padding: 0 0 20px;
	}

	.inquiry h3 {
		margin-bottom: 10px;
	}

	.inquiry .name {
		width: 100%;
	}

	.inquiry .name p {
		font-size: 1.4rem;
	}

	.inquiry .address {
		display: block;
		padding-left: 0;
		width: 100%;
	}

	.inquiry .tel {
		width: 100%;
	}

	.inquiry .tel a {
		margin: 10px auto 0;
		width: 205px;
		pointer-events: auto;
	}

	.inquiry .mail {
		justify-content: center;
	}

	.inquiry .mail dt {
		padding: 3px 10px;
		font-size: 1.1rem;
	}

	.inquiry .mail dd {
		font-size: 1.5rem;
	}
}


/* ! footer
---------------------------------------------------------- */
footer {
	padding: 25px 0;
	background-color: #098ac5;
}

footer p {
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.4;
}

footer p.copyright {
	color: #ffffff;
}

@media screen and (max-width:767px) {
	footer {
		padding: 15px 0;
	}

	footer p {
		font-size: 1.2rem;
		line-height: 1.4;
	}
}

.address p {
	text-align: left;
	font-size: 10px;
}

.link_btn {
	width: 100%;
	margin: 15px auto 8px;

}

.link_btn a {
	text-decoration: none;
	background: #000000;
	font-size: 1.4rem;
	width: fit-content;
	color: #FFFFFF;
	padding: 16px 30px;
	display: flex;
	align-items: center;
	transition: .3s;
	/*追加:マウスオーバー戻る時ゆっくりにする*/
	margin: 0 auto;
	box-sizing: border-box;
}

.link_btn a div.icon {
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	width: 10px;
	height: 10px;
	transform: rotate(-45deg);
	transition: .3s;
	/*追加:マウスオーバー戻る時ゆっくりにする*/
}

.link_btn a div.text {
	padding-right: 14px;
}

/* -----ここから下 追加したところ----- */
@media (any-hover: hover) {
	.link_btn a:hover {
		background: #098ac5;
		/*マウスオーバーで背景を白*/
		transition: .2s;
		/*徐々に変化をつける*/
	}

	.link_btn a:hover div.icon {
		transform: translateX(20px) rotate(-45deg);
		/*マウスオーバー時右に移動*/
		transition: .2s;
		/*徐々に変化をつける*/
	}
}

@media screen and (max-width:767px) {
	.link_btn a {
		width: 260px;
		padding: 16px 10px;
		justify-content: center;
	}

	.link_btn a div.text {
		padding-right: 10px;
	}

	@media (any-hover: hover) {
		.link_btn a:hover div.icon {
			transform: translateX(10px) rotate(-45deg);
		}
	}

	.address p {
		margin: 0 50px;
	}
}


/* ! 印刷用
---------------------------------------------------------- */
@media print {
	#exhibition .accordion .acc-trigger {
		clear: both;
	}

	#exhibition .accordion .acc-contents .list_exb {
		display: block;
	}

	#exhibition .accordion .acc-contents .list_exb li {
		display: block;
		height: 500px;
		float: left;
	}

	.collaboration {
		clear: both;
	}

}