@charset "utf-8";

/*------------------------------------------------------------
COMMON color
------------------------------------------------------------ */
#suntory_contents .membersclub_contents .detailbox {
	background: #F6F4F1;
}

#suntory_contents #join .detailbox dd em,
#suntory_contents #join .title .subtxt,
#suntory_contents #individual .privileges dd .text em,
#suntory_contents #join_info .information em {
	font-style: normal;
	color: #E8411D;
}

#suntory_contents #join .notice {
	font-weight: bold;
	color: #E8411D;
	line-height: 1.8;
}

#suntory_contents #join .notice a{
	color: #E8411D;
}

#suntory_contents .membersclub_contents strong {
	font-weight: bold;
}

#suntory_contents #corporate .privileges_table tr:nth-child(even) th {
	background: #F6F4F1;
}

#suntory_contents #corporate .privileges_table tr:nth-child(even) td {
	background: #F6F4F1;
}

#suntory_contents #corporate .privileges_table tr.label th:nth-child(2),
#suntory_contents #corporate .privileges_table tr td:nth-child(2) {
	color: #000066;
}

#suntory_contents #corporate .privileges_table tr.label th:nth-child(3),
#suntory_contents #corporate .privileges_table tr td:nth-child(3) {
	color: #9B6300;
}

#suntory_contents #join_info,
#suntory_contents #join {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

/*------------------------------------------------------------
members/notice common
------------------------------------------------------------ */

#suntory_contents #join .detailbox {
	background: #FEF5E9;
}

#suntory_contents #join .detailbox a {
	color: #000;
	text-decoration: none;
}

#suntory_contents #join .detailbox .notice a {
	color: #E8411D;
	text-decoration: underline;
}

#suntory_contents #join .detailbox ol {
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
}

#suntory_contents #join .detailbox ol li:before {
	counter-increment: item;
	content: counter(item)'';
}

#suntory_contents #join .form_btn a {
	display: block;
	width: 100%;
	background: #fff;
	color: #ccc;
	border: 1px #ccc solid;
	pointer-events: none;
	text-decoration: none;
	text-align: center;
	transition: all .2s ease-out;
	position: relative;
}

/** チェックONで表示 */
#suntory_contents #join input:checked~.form_btn a {
	pointer-events: auto;
	color: #fff;
}

#suntory_contents #join input:checked~.form_btn.bt-join a {
	background-color: #F5A127;
	border: 1px solid #F5A127;
}

#suntory_contents #join input:checked~.form_btn.bt-join a:hover {
	background-color: #F8BF6C;
	border: 1px solid #F8BF6C;
}

#suntory_contents #join input:checked~.form_btn a::after {
	content: "";
	display: block;
	position: absolute;
	background-image: url(/sma/common2020/img/icon_external_wh.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
}


/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */
@media screen and (max-width:767px) {

	/*------------------------------------------------------------
    [SP] title_area
    ------------------------------------------------------------ */
	#suntory_contents #sma_contents {
		margin-bottom: 16vw;
	}

	#suntory_contents .title_area {
		margin: 8vw 4vw;
	}

	#suntory_contents .title_area h1 {
		font-size: 5.6vw;
		font-weight: normal;
		text-align: center;
		line-height: 1.5;
	}

	#suntory_contents .title_area .lead {
		margin: 8vw 0 0;
		font-size: 3.466666666666667vw;
		line-height: 1.8;
	}

	/*------------------------------------------------------------
 [SP] membersclub_contents
 ------------------------------------------------------------ */
	#suntory_contents .membersclub_contents section {
		border-bottom: 1px #ccc solid;
		margin: -16vw 4vw 12vw;
		padding: 16vw 0 12vw;
	}

	#suntory_contents .membersclub_contents .lead {
		font-size: 3.733333333vw;
		line-height: 1.8;
	}

	#suntory_contents .membersclub_contents .title h2 {
		font-size: 5.6vw;
		font-weight: normal;
	}
	#suntory_contents .membersclub_contents .title h3 {
		font-size: 4.8vw;
		font-weight: normal;
	}

	#suntory_contents .membersclub_contents .title {
		display: flex;
		align-items: flex-end;
		flex-wrap: wrap;
        margin: 0 0 6.4vw;
    }

	#suntory_contents .membersclub_contents .title .text_area {
		display: flex;
		align-items: flex-end;
		flex-wrap: wrap;
	}

	#suntory_contents .membersclub_contents .half_anchor_wrap {
		margin-top: -16.8vw;
		padding-top: 16.8vw;
	}


	/*------------------------------------------------------------
 [SP] membersclub_nav
 ------------------------------------------------------------ */
	#suntory_contents .membersclub_nav {
		margin: 0 4vw 12vw;
	}

	#suntory_contents .membersclub_nav ul {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: flex-start;
		gap: 4vw 0;
		list-style: none;
	}

	#suntory_contents .membersclub_nav li {
		display: block;
		padding: 0 4.8vw;
		height: 8.8vw;
		font-size: 3.466666666666667vw;
		line-height: 1.5;
		border-right: 1px #666 solid;
	}

	#suntory_contents .membersclub_nav li:first-child {
		border-left: 1px #666 solid;
	}

	#suntory_contents .membersclub_nav li.mypage {
		border-left: 1px #666 solid;
	}

	#suntory_contents .membersclub_nav li a {
		height: 100%;
		color: #000;
		text-decoration: none;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		white-space: nowrap;
	}

	/*------------------------------------------------------------
 [SP] membersinfo お知らせ 2024追加
 ------------------------------------------------------------ */
	#suntory_contents .membersinfo {
		margin: 0 4vw 12vw;
	}

	#suntory_contents .membersinfo h4 {
		margin: 0 0 3.2vw;
		font-size: 4.266666667vw;
		line-height: 1;
		text-align-last: left;
		font-weight: normal;
	}

	#suntory_contents .membersinfo .list_area+h4 {
		margin-top: 7.2vw;
	}

	#suntory_contents .membersinfo .list_area {
		background: #F6F4F1;
		padding: 4vw 4vw;
	}

	#suntory_contents .membersinfo li {
		margin: 0;
		padding: 0 0 0 2.4vw;
		position: relative;
		list-style: none;
		font-size: 3.466666666666667vw;
		line-height: 1.8;
	}

	#suntory_contents .membersinfo li+li {
		margin-top: 3.2vw;
	}

	#suntory_contents .membersinfo li::before {
		content: "";
		display: block;
		background-color: #000;
		width: 0.8vw;
		height: 0.8vw;
		position: absolute;
		left: 0;
		top: 2.666666667vw;
	}

	#suntory_contents .membersinfo li:last-child {
		padding-bottom: 0;
	}

	#suntory_contents .membersinfo li a {
		text-decoration: none;
		color: #000;
		padding-bottom: 3px;
		position: relative;
	}

	#suntory_contents .membersinfo li a::after {
		content: '';
		display: inline-block;
		width: 1.866666667vw;
		height: 3.2vw;
		background: url(../img/arrow_right_small_gr.svg) no-repeat right center / 1.866666667vw;
		margin: 0 0 0 1.6vw;
	}

	#suntory_contents .membersinfo li.external a::after {
		width: 2.666666666666667vw;
		background: url(../img/icon_external_gr.svg) no-repeat right center / 2.666666666666667vw;
	}

	#suntory_contents .membersinfo li.pdf a::after {
		content: none;
	}

	#suntory_contents .membersinfo li.pdf .label {
		display: inline-block;
		width: 9.6vw;
		height: 4.8vw;
		margin-left: 0.8vw;
		border: 1px #ccc solid;
		background: #fff;
		font-size: 2.666666666666667vw;
		color: #DD0000;
		text-align: center;
	}

	#suntory_contents .membersinfo li.pdf .size {
		display: inline-block;
		font-size: 2.666666666666667vw;
		margin-left: 0.8vw;
		color: #000;
	}


	/*------------------------------------------------------------
 [SP] banner
 ------------------------------------------------------------ */
	#suntory_contents .banner {
		margin: 0 auto 12vw;
		width: 100vw;
	}

	#suntory_contents .banner picture {
		width: 100vw;
	}

	#suntory_contents .banner picture img {
		width: 100vw;
		height: auto;
		vertical-align: bottom;
	}


	/*------------------------------------------------------------
 [PC] individual / corporate
 ------------------------------------------------------------ */
	#suntory_contents .membersclub_contents .title .price {
		font-size: 4.266666666666667vw;
		font-weight: normal;
		margin-left: 4.8vw;
	}

	#suntory_contents .membersclub_contents .title .note {
		width: 100%;
		margin-top: 4vw;
		font-size: 2.933333333333333vw;
		line-height: 1.5;
	}

	#suntory_contents .membersclub_contents .title .note a {
		text-decoration: none;
		color: #000;
		border-bottom: 1px #000 solid;
	}

	#suntory_contents #individual {
		border-bottom: none;
	}
	#suntory_contents #individual .lead_list {
		margin: 2.4vw 0 0 2.4vw;
	}

	#suntory_contents #individual .lead_list li {
		margin: 0;
		padding: 0 0 0 2.4vw;
		position: relative;
		list-style: none;
		font-size: 3.466666666666667vw;
		line-height: 1.8;
	}

	#suntory_contents #individual .lead_list li::before {
		content: "";
		display: block;
		background: #000;
		width: 0.8vw;
		height: 0.8vw;
		border-radius: 0.4vw;
		position: absolute;
		left: 0;
		top: 2.666666667vw;
	}

	#suntory_contents #individual .privileges {
		margin: 8vw 0 0;
		border-left: 1.6vw #C6B59D solid;
	}

	#suntory_contents #individual .privileges dt {
		background: #E4DDD3;
		box-sizing: border-box;
		padding: 5.866666666666667vw 4vw;
		font-size: 4.266666666666667vw;
		font-weight: bold;
	}

	#suntory_contents #individual .privileges dd {
		background: #F6F4F1;
		box-sizing: border-box;
		padding: 5.6vw 4vw;
	}

	#suntory_contents #individual .privileges dd .text {
		font-size: 3.733333333333333vw;
		line-height: 1.8;
	}

	#suntory_contents #individual .privileges dd .text_extra {
		font-size: 2.933333333333333vw;
		line-height: 1.8;
	}
	#suntory_contents #individual .privileges dd .text + .text_extra {
		margin-top: 1.6vw;
	}

	#suntory_contents #individual .privileges dd .note {
		margin-top: 4vw;
		font-size: 2.933333333333333vw;
		line-height: 1.8;
		list-style: none;
	}

	#suntory_contents #individual h3 {
		font-size: 4.8vw;
		font-weight: normal;
		margin: 12vw 0 8vw;
	}

	#suntory_contents #individual .privileges_extra {
		margin: 8vw 0 0;
		border-left: 1.6vw #E4DDD3 solid;
		background: #F6F4F1;
	}

	#suntory_contents #individual .privileges_extra dt {
		box-sizing: border-box;
		padding: 6.4vw 4vw 5.6vw;
		font-size: 3.733333333333333vw;
		font-weight: bold;
	}

	#suntory_contents #individual .privileges_extra dd {
		box-sizing: border-box;
		padding: 0 4vw 5.6vw;
	}

	#suntory_contents #individual .privileges_extra dd .text {
		font-size: 3.466666666666667vw;
		line-height: 1.8;
	}

	#suntory_contents #individual .privileges_extra dd .text+.text,
	#suntory_contents #individual .privileges_extra dd .text+.text_extra {
		margin-top: 1.6vw;
	}

	#suntory_contents #individual .privileges_extra dd .text_extra {
		font-size: 2.933333333333333vw;
		line-height: 1.8;
	}

	#suntory_contents #individual .privileges_extra dd .note {
		margin-top: 4vw;
		font-size: 2.933333333333333vw;
		line-height: 1.8;
		list-style: none;
		text-indent: -1em;
		margin-left: 1em;
	}

	#suntory_contents #individual .title .button_area {
		display: flex;
		gap: 10px;
		width: 100%;
        margin-top: 20px;
	}
	#suntory_contents #individual .title .button_area .button {
		flex: 1;
	}
	#suntory_contents #individual .title .button_area .button a {
		display: flex;
		justify-content: center;
        align-items: center;
		height: 100%;
		padding: 10px;
		font-size: 15px;
        line-height: 1.8;
		text-decoration: none;
		box-sizing: border-box;
	}
	#suntory_contents #individual .title .button_area .button.type01 a {
		background-color: #F5A127;
		color: #fff;
	}
	#suntory_contents #individual .title .button_area .button.type02 a {
		border: 1px solid #F5A127;
		color: #F5A127;
	}

	#suntory_contents #individual .intro_box {
		margin-top: 30px;
	}
	#suntory_contents #individual .intro_box .text_area h3 {
		margin: 0;
		font-weight: bold;
	}
	#suntory_contents #individual .intro_box .text_area .text {
		font-size: 15px;
        line-height: 1.8;
	}
	#suntory_contents #individual .intro_box .img_area {
		margin-top: 20px;
	}
	#suntory_contents #individual .intro_box .img_area img {
		width: 100%;
	}



	/*------------------------------------------------------------
 [SP] privileges_table
 ------------------------------------------------------------ */
	#suntory_contents #corporate .privileges_table {
		table-layout: fixed;
		width: 100%;
		margin: 9.6vw 0 0;
		border-bottom: 1px #ccc solid;
	}

	#suntory_contents #corporate .privileges_table .wa {
		width: 56%;
	}

	#suntory_contents #corporate .privileges_table .wb {
		width: 20%;
	}

	#suntory_contents #corporate .privileges_table .wc {
		width: 24%;
	}

	#suntory_contents #corporate .privileges_table th {
		text-align: left;
		vertical-align: middle;
		font-size: 3.466666666666667vw;
		line-height: 1.5;
		font-weight: normal;
		padding: 3.2vw 0 3.2vw 3.2vw;
		box-sizing: border-box;
	}

	#suntory_contents #corporate .privileges_table th .corporate_note {
		display: block;
		font-size: 2.933333333333333vw;
		text-indent: -1em;
		margin-left: 1em;
	}

	#suntory_contents #corporate .privileges_table td {
		text-align: center;
		vertical-align: middle;
		font-size: 3.466666666666667vw;
		font-weight: normal;
		padding: 3.2vw 0;
	}
	#suntory_contents #corporate .privileges_table td.text_small {
		font-size: 2.933333333333333vw;
	}

	#suntory_contents #corporate .privileges_table tr.label th {
		background: none;
		border-bottom: 1px #ccc solid;
		text-align: center;
		font-size: 4.266666666666667vw;
		font-weight: normal;
		padding: 0 0 4vw;
	}

	#suntory_contents #corporate .privileges_table tr.label td {
		width: 45.333333333333333vw;
		background: none;
		border-bottom: 1px #ccc solid;
		padding: 0 0 4vw;
	}

	/*------------------------------------------------------------
 [SP] corporate information
 ------------------------------------------------------------ */
	#suntory_contents #corporate .information {
		margin: 8vw 0 0;
	}

	#suntory_contents #corporate .information .contact {
		margin-bottom: 6.4vw;
	}

	#suntory_contents #corporate .information .contact dt {
		font-size: 3.733333333333333vw;
		margin-bottom: 4vw;
	}

	#suntory_contents #corporate .information .contact dd {
		font-size: 3.466666666666667vw;
		line-height: 1.8;
	}

	#suntory_contents #corporate .information .contact dd a {
		text-decoration: none;
		color: #000;
		border-bottom: 1px #000 solid;
		padding-bottom: 0.8vw;
	}

	#suntory_contents #corporate .information .note {
		list-style: none;
	}

	#suntory_contents #corporate .information p + .note {
		margin-top: 0.5em;
	}	

	#suntory_contents #corporate .information .note li {
		font-size: 2.933333333333333vw;
		line-height: 1.8;
		text-indent: -1em;
		margin-left: 1em;
	}


	/*------------------------------------------------------------
 [SP] #join_info
 ------------------------------------------------------------ */
	#suntory_contents #join_info .detailbox {
		padding: 6.4vw 4vw;
		margin: 5.6vw 0 0;
	}

	#suntory_contents #join_info .btn_join a {
		margin: 0 auto;
		width: 60vw;
		height: 12vw;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 3.733333333333333vw;
		text-decoration: none;
		background: #F5A127;
	}

	#suntory_contents #join_info .btn_join a strong {
		font-size: 4.266666667vw;
		margin-right: 0.8vw;
	}

	#suntory_contents #join_info .terms {
		margin-top: -16.8vw;
		padding-top: 23.2vw;
		text-align: center;
	}

	#suntory_contents #join_info .termsfile a {
		font-size: 3.466666666666667vw;
		text-decoration: none;
		color: #000;
		border-bottom: 1px #000 solid;
		padding-bottom: 0.8vw;
		position: relative;
		margin: 0 10.666666666666667vw 0 0;
	}

	#suntory_contents #join_info .note_extra {
		margin: 5.6vw 0 0 1em;
		font-size: 2.933333333333333vw;
		line-height: 1.8;
		text-indent: -1em;
		text-align: left;
	}

	#suntory_contents #join_info .oldfile {
		margin-top: 4vw;
	}

	#suntory_contents #join_info .oldfile a {
		font-size: 2.933333333333333vw;
		text-decoration: none;
		text-align: center;
		color: #000;
		border-bottom: 1px #000 solid;
		padding-bottom: 0.8vw;
		position: relative;
		margin: 0 10.666666666666667vw 0 0;
	}

	#suntory_contents #join_info .terms a::after,
	#suntory_contents #join_info .oldfile a::after {
		content: 'PDF';
		width: 9.6vw;
		height: 4.8vw;
		border: 1px #ccc solid;
		background: #fff;
		font-size: 2.666666666666667vw;
		color: #DD0000;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: -0.8vw;
		right: -12vw;
	}



	/*------------------------------------------------------------
 [SP] information
 ------------------------------------------------------------ */
	#suntory_contents #join_info .information {
		margin: 8vw 0 0;
	}

	#suntory_contents #join_info .information .contact {
		margin-bottom: 6.4vw;
	}

	#suntory_contents #join_info .information .contact dt {
		font-size: 3.733333333333333vw;
		margin-bottom: 4vw;
	}

	#suntory_contents #join_info .information .contact dd {
		font-size: 3.466666666666667vw;
		line-height: 1.8;
	}

	#suntory_contents #join_info .information .contact dd a {
		text-decoration: none;
		color: #000;
		border-bottom: 1px #000 solid;
		padding-bottom: 0.8vw;
	}

	#suntory_contents #join_info .information .note {
		list-style: none;
	}
	#suntory_contents #join_info .information p + .note {
		margin-top: 0.5em;
	}

	#suntory_contents #join_info .information .note li {
		font-size: 2.933333333333333vw;
		line-height: 1.8;
		text-indent: -1em;
		margin-left: 1em;
	}

	/*------------------------------------------------------------
 [SP] digital_membershipcard
 ------------------------------------------------------------ */
 	#suntory_contents #digital_membershipcard {
		margin: 80px 0 0;
        padding: 0 4vw;
        border: none;
	}
	#suntory_contents #digital_membershipcard h3 {
		font-size: 4.8vw;
        font-weight: normal;
	}
	#suntory_contents #digital_membershipcard .column_box {
		margin-top: 20px;
		padding: 25px;
		background-color: #F6F4F1;
	}
	#suntory_contents #digital_membershipcard .img_area img {
		width: 100%;
	}
	#suntory_contents #digital_membershipcard .text_area {
		margin-top: 15px;
		font-size: 3.733333333vw;
        line-height: 1.8;
	}
	#suntory_contents #digital_membershipcard .text_area ul {
		margin-top: 1em;
		list-style: none;
	}
	#suntory_contents #digital_membershipcard .text_area ul li {
		text-indent: -1em;
		padding-left: 1em;
	}


	/*------------------------------------------------------------
 [SP] howto_enter
 ------------------------------------------------------------ */
	#suntory_contents #howto_enter {
		margin: 80px 4vw 12vw;
		padding-top: 0;
		border-bottom: 1px #ccc solid;
	}
	#suntory_contents #howto_enter h3 {
		font-size: 4.8vw;
        font-weight: normal;
	}
	#suntory_contents #howto_enter .inner {
		margin-top: 20px;
		padding: 25px;
		background-color: #F6F4F1;
	}
	#suntory_contents #howto_enter .inner p {
		font-size: 3.733333333vw;
        line-height: 1.8;
	}
	#suntory_contents #howto_enter .inner .text_area p {
		padding-left: 1em;
		text-indent: -1em;
	}
	#suntory_contents #howto_enter .inner p a {
		color: #000;
	}
	#suntory_contents #howto_enter .inner p + .note {
		margin-top: 1em;
	}
	#suntory_contents #howto_enter .inner .note li {
		padding-left: 1em;
		text-indent: -1em;
		font-size: 3.2vw;
        line-height: 1.8;
		list-style: none;
	}
	#suntory_contents #howto_enter .column_box {
		list-style: none;
	}
	#suntory_contents #howto_enter .column_box .column_item {
		margin-top: 50px;
		position: relative;
	}
	#suntory_contents #howto_enter .column_box .column_item::before {
		content: "";
		border-top: 20px solid #A69070;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		position: absolute;
		top: -35px;
		left: calc(50% - 15px);
	}
	#suntory_contents #howto_enter .column_box .column_item:first-of-type::before {
		content: none;
	}
	#suntory_contents #howto_enter .item_head {
		padding: 15px;
		background-color: #A69070;
		color: #fff;
		font-size: 3.733333333vw;
		font-weight: bold;
		text-align: center;
	}
	#suntory_contents #howto_enter .img_area {
		margin-top: 10px;
	}
	#suntory_contents #howto_enter .img_area img {
		width: 100%;
	}
	#suntory_contents #howto_enter .text_area {
		margin-top: 10px;
	}


	/*------------------------------------------------------------
 [SP] movie
 ------------------------------------------------------------ */
	#suntory_contents .movie h1 {
		line-height: 1.8;
	}

	#suntory_contents .movie .title {
		text-align: center;
		font-size: 4.1vw;
		font-weight: bold;
		margin: 3em 0;
	}

	#suntory_contents .movie .main_visual .note {
		color: #E8411D;
	}

	#suntory_contents .movie .movie_wrap {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}

	#suntory_contents .movie .movie_wrap iframe {
		position: absolute;
		top: 0;
		left: 3.5%;
		width: 93%;
		height: 93%;
	}

	#suntory_contents .movie .members_link {
		width: 93%;
		margin: 0 auto 3em;
	}

	#suntory_contents .movie .members_link p {
		font-size: 3.466666666666667vw;
		line-height: 1.8;
		margin-bottom: 0.5em;
	}

	#suntory_contents .movie .members_link p:nth-child(3) {
		margin-bottom: 4em;
	}

	#suntory_contents .movie .members_link a {
		color: #000;
		padding-bottom: 1px;
		text-decoration: none;
		border-bottom: 1px #000 solid;
	}

	#suntory_contents .movie .members_link a:hover {
		border-bottom: 1px #666 solid;
		color: #666;
	}

	/*------------------------------------------------------------
 [SP] nortice #join
 ------------------------------------------------------------ */
	#suntory_contents #join .title {
		display: block;
	}

	#suntory_contents #join .title .subtxt {
		display: block;
		font-size: 4.266666667vw;
		margin: 2.4vw 0 0;
		line-height: 1.5;
		font-weight: bold;
	}

	#suntory_contents #join .detailbox {
		padding: 6.4vw 4vw;
		margin: 5.6vw 0 0;
	}

	#suntory_contents #join .detailbox dl {
		display: block;
	}

	#suntory_contents #join .detailbox dl dt {
		display: block;
		width: 100%;
		line-height: 1.5;
	}

	#suntory_contents #join .detailbox dl dd {
		display: block;
		margin-top: 4vw;
	}

	#suntory_contents #join .detailbox dl.procedure_flow dt {
		font-size: 4.8vw;
	}

	#suntory_contents #join .detailbox ol li {
		position: relative;
		padding-left: 38px;
	}

	#suntory_contents #join .detailbox ol li:before {
		width: 7.2vw;
		height: 7.2vw;
		background: #C6B59D;
		border-radius: 3.6vw;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0;
		left: 0;
	}

	#suntory_contents #join .detailbox ol li+li {
		margin-top: 4vw;
	}

	#suntory_contents #join .detailbox dl.procedure_flow dd .text {
		font-size: 4vw;
		line-height: 1.8;
	}

	#suntory_contents #join .detailbox dl.procedure_flow dd .text+.note {
		margin-top: 2.4vw;
	}

	#suntory_contents #join .detailbox dl.procedure_flow dd .note {
		display: block;
		margin: 0 0 0 1em;
		text-indent: -1em;
		line-height: 1.8;
		font-size: 3.466666667vw;
	}

	#suntory_contents #join .detailbox .procedure_list {
		margin-top: 8vw;
	}

	#suntory_contents #join .detailbox .procedure_list ul {
		margin: 0 0 0 2.4vw;
	}

	#suntory_contents #join .detailbox .procedure_list li {
		margin: 0;
		padding: 0 0 0 2.4vw;
		position: relative;
		list-style: none;
		font-size: 3.466666666666667vw;
		line-height: 1.8;
	}

	#suntory_contents #join .detailbox .procedure_list li::before {
		content: "";
		display: block;
		background: #000;
		width: 0.8vw;
		height: 0.8vw;
		border-radius: 0.4vw;
		position: absolute;
		left: 0;
		top: 2.666666667vw;
	}

	#suntory_contents #join .detailbox .procedure_list li.pdf .label {
		display: inline-block;
		width: 9.6vw;
		height: 4.8vw;
		margin-left: 0.8vw;
		border: 1px #ccc solid;
		background: #fff;
		font-size: 2.666666666666667vw;
		color: #DD0000;
		text-align: center;
	}

	#suntory_contents #join .detailbox dl.procedure_notes {
		margin-top: 8vw;
	}

	#suntory_contents #join .detailbox dl.procedure_notes dt {
		font-size: 4.266666667vw;
	}

	#suntory_contents #join .detailbox dl.procedure_notes dd ul {
		margin: 0 0 0 2.4vw;
	}

	#suntory_contents #join .detailbox dl.procedure_notes dd ul.caution {
		margin: 0;
	}

	#suntory_contents #join .detailbox dl.procedure_notes dd li {
		margin: 0;
		padding: 0 0 0 2.4vw;
		position: relative;
		list-style: none;
		font-size: 3.466666666666667vw;
		line-height: 1.8;
	}

	#suntory_contents #join .detailbox dl.procedure_notes dd .caution li {
		padding-left: 1em;
		text-indent: -1em;
	}

	#suntory_contents #join .detailbox dl.procedure_notes dd li::before {
		content: "";
		display: block;
		background: #000;
		width: 0.8vw;
		height: 0.8vw;
		border-radius: 0.4vw;
		position: absolute;
		left: 0;
		top: 2.666666667vw;
	}

	#suntory_contents #join .detailbox dl.procedure_notes dd .caution li::before {
		content: none;
	}

	#suntory_contents #join .detailbox dl.procedure_notes dd li.pdf .label {
		display: inline-block;
		width: 9.6vw;
		height: 4.8vw;
		margin-left: 0.8vw;
		border: 1px #ccc solid;
		background: #fff;
		font-size: 2.666666666666667vw;
		color: #DD0000;
		text-align: center;
	}

	#suntory_contents #join .detailbox dl.procedure_notes .example {
		display: inline-block;
		margin-left: 4vw;
		text-indent: 0;
		margin-bottom: 1.6vw;
	}

	#suntory_contents #join .notice_btn_area {
		text-align: center;
		margin: 5.6vw auto 0;
	}

	#suntory_contents #join .notice_btn_area p {
		display: inline;
		font-size: 3.733333333vw;
	}

	#suntory_contents #join .form_btn {
		width: 60vw;
		margin: 5.6vw auto 0;
		text-align: center;
	}

	#suntory_contents #join .form_btn a {
		padding: 4vw 0;
		font-size: 4.266666667vw;
	}

	#suntory_contents #join input:checked~.form_btn a::after {
		width: 2.4vw;
		height: 2.4vw;
		background-size: 2.4vw auto;
		top: 2.4vw;
		right: 2.4vw;
	}


}

/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
@media print,
screen and (min-width:768px) {

	/*------------------------------------------------------------
 [PC] title_area
 ------------------------------------------------------------ */
	#suntory_contents #sma_contents {
		margin-bottom: 120px;
	}

	#suntory_contents .title_area {
		margin: 0 auto 50px;
		width: 960px;
	}

	#suntory_contents .title_area h1 {
		font-size: 28px;
		font-weight: normal;
		line-height: 1.5;
		text-align: center;
	}

	#suntory_contents .title_area .lead {
		margin: 50px 0 0;
		font-size: 16px;
		line-height: 1.8;
	}

	#suntory_contents .membersclub_contents .half_anchor_wrap {
		margin-top: -75px;
		padding-top: 75px;
	}

	/*------------------------------------------------------------
 [PC] membersclub_contents
 ------------------------------------------------------------ */
	#suntory_contents .membersclub_contents section {
		border-bottom: 1px #ccc solid;
		margin-bottom: 80px;
		padding-bottom: 80px;
		margin-top: -70px;
		padding-top: 70px;
	}

	#suntory_contents .membersclub_contents .lead {
		font-size: 15px;
		line-height: 1.8;
	}

	#suntory_contents .membersclub_contents .title {
		display: flex;
		align-items: flex-start;
		gap: 20px;
		margin-bottom: 30px;
	}
	#suntory_contents .membersclub_contents .title .text_area {
		display: flex;
		align-items: flex-end;
		gap: 20px;
	}

	#suntory_contents .membersclub_contents .title h2 {
		font-size: 28px;
		font-weight: normal;
		margin-right: 30px;
	}

	#suntory_contents .membersclub_contents .title h3 {
		font-size: 20px;
		font-weight: normal;
	}

	/*------------------------------------------------------------
 [PC] membersclub_nav
 ------------------------------------------------------------ */
	#suntory_contents .membersclub_nav {
		margin: 50px 0 60px;
	}

	#suntory_contents .membersclub_nav ul {
		display: flex;
		justify-content: center;
	}

	#suntory_contents .membersclub_nav li {
		list-style: none;
		font-size: 14px;
		border-right: 1px #666 solid;
		padding: 0 30px;
	}

	#suntory_contents .membersclub_nav li:first-child {
		border-left: 1px #666 solid;
	}

	#suntory_contents .membersclub_nav li a {
		color: #000;
		padding-bottom: 3px;
		text-decoration: none;
	}

	#suntory_contents .membersclub_nav li a:hover {
		border-bottom: 1px #666 solid;
	}

	/*------------------------------------------------------------
 [PC] membersinfo お知らせ 2024追加
 ------------------------------------------------------------ */
	#suntory_contents .membersinfo {
		margin: 0 auto 50px;
		width: 960px;
	}

	#suntory_contents .membersinfo h4 {
		margin: 30px 0 15px;
		font-size: 18px;
		line-height: 1;
		text-align-last: left;
		font-weight: normal;
	}

	#suntory_contents .membersinfo .list_area {
		background: #F6F4F1;
		padding: 15px 30px;
	}

	#suntory_contents .membersinfo li {
		margin: 0;
		padding: 0 0 0 10px;
		position: relative;
		list-style: none;
		font-size: 14px;
		line-height: 1.8;
	}

	#suntory_contents .membersinfo li+li {
		margin-top: 10px;
	}

	#suntory_contents .membersinfo li::before {
		content: "";
		display: block;
		background-color: #000;
		width: 3px;
		height: 3px;
		border-radius: 1.5px;
		position: absolute;
		left: 0;
		top: 10px;
	}

	#suntory_contents .membersinfo li:last-child {
		padding-bottom: 0;
	}

	#suntory_contents .membersinfo li a {
		text-decoration: none;
		color: #000;
		padding-bottom: 3px;
		position: relative;
	}

	#suntory_contents .membersinfo li a::after {
		content: '';
		display: inline;
		width: 7px;
		height: 25px;
		background: url(../img/arrow_right_small_gr.svg) no-repeat right center / 7px;
		position: absolute;
		margin: 0 0 0 8px;
	}

	#suntory_contents .membersinfo li.external a::after {
		width: 10px;
		background: url(../img/icon_external_gr.svg) no-repeat 0 center / 10px;
	}

	#suntory_contents .membersinfo li.pdf a::after {
		content: none;
	}

	#suntory_contents .membersinfo li.pdf .label {
		display: inline-block;
		width: 40px;
		height: 20px;
		margin-left: 5px;
		border: 1px #ccc solid;
		background: #fff;
		font-size: 12px;
		color: #DD0000;
		text-align: center;
	}

	#suntory_contents .membersinfo li.pdf .size {
		display: inline-block;
		font-size: 12px;
		color: #000;
	}

	#suntory_contents .membersinfo li a:hover {
		border-bottom: 1px #000 solid;
	}


	/*------------------------------------------------------------
 [PC] banner
 ------------------------------------------------------------ */
	#suntory_contents .banner {
		margin: 0 auto 50px;
		width: 960px;
	}

	#suntory_contents .banner picture {
		width: 960px;
		transition: all .5s ease;
	}

	#suntory_contents .banner picture img {
		max-width: 960px;
		height: auto;
		vertical-align: bottom;
	}

	#suntory_contents .banner a:hover picture {
		opacity: .75;
	}


	/*------------------------------------------------------------
 [PC] individual / corporate
 ------------------------------------------------------------ */
	#suntory_contents .membersclub_contents .title .price {
		font-size: 18px;
		font-weight: normal;
		margin-right: 20px;
	}

	#suntory_contents .membersclub_contents .title .note {
		font-size: 12px;
		line-height: 1.4;
	}

	#suntory_contents .membersclub_contents .title .note a {
		text-decoration: none;
		color: #000;
		border-bottom: 1px #000 solid;
	}

	#suntory_contents .membersclub_contents .title .note a:hover {
		color: #666;
		border-bottom: 1px #666 solid;
	}

	#suntory_contents #individual {
		border-bottom: none;
	}
	#suntory_contents #individual .title {
		justify-content: space-between;
	}
	#suntory_contents #individual .title .note {
		margin-bottom: -2px;
	}
	#suntory_contents #individual .title .button_area {
		display: flex;
		gap: 10px;
	}
	#suntory_contents #individual .title .button_area .button a {
		display: block;
		min-width: 110px;
		padding: 10px;
		text-align: center;
		font-size: 15px;
        line-height: 1.8;
		text-decoration: none;
		box-sizing: border-box;
	}
	#suntory_contents #individual .title .button_area .button a:hover {
		text-decoration: underline;
	}
	#suntory_contents #individual .title .button_area .button.type01 a {
		min-width: 115px;
		background-color: #F5A127;
		color: #fff;
	}
	#suntory_contents #individual .title .button_area .button.type02 a {
		border: 1px solid #F5A127;
		color: #F5A127;
	}

	#suntory_contents #individual .intro_box {
		margin-top: 30px;
		display: flex;
		justify-content: space-between;
		gap: 20px;
	}
	#suntory_contents #individual .intro_box .text_area {
		flex: 1;
	}
	#suntory_contents #individual .intro_box .text_area h3 {
		margin: 0;
		font-weight: bold;
	}
	#suntory_contents #individual .intro_box .text_area .text {
		font-size: 15px;
        line-height: 1.8;
	}
	#suntory_contents #individual .intro_box .img_area {
		width: 300px;
	}
	#suntory_contents #individual .intro_box .img_area img {
		width: 100%;
	}

	#suntory_contents #corporate {
		margin: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	#suntory_contents #corporate .title .note {
		margin-bottom: -1px;
	}

	#suntory_contents #individual .lead_list {
		margin: 10px 0 0 10px;
	}

	#suntory_contents #individual .lead_list li {
		margin: 0;
		padding: 0 0 0 10px;
		position: relative;
		list-style: none;
		font-size: 14px;
		line-height: 1.8;
	}

	#suntory_contents #individual .lead_list li::before {
		content: "";
		display: block;
		background-color: #000;
		width: 3px;
		height: 3px;
		position: absolute;
		left: 0;
		top: 10px;
	}

	#suntory_contents #individual .privileges {
		margin-top: 30px;
		display: flex;
		border-left: 5px #C6B59D solid;
	}

	#suntory_contents #individual .privileges dt {
		background: #E4DDD3;
		width: 335px;
		box-sizing: border-box;
		padding: 20px 25px;
		font-size: 18px;
		font-weight: bold;
		font-weight: 600;
	}

	#suntory_contents #individual .privileges dd {
		background: #F6F4F1;
		width: 620px;
		box-sizing: border-box;
		padding: 20px 30px;
	}

	#suntory_contents #individual .privileges dd .text {
		font-size: 15px;
		line-height: 1.8;
	}

	#suntory_contents #individual .privileges dd .text_extra {
		font-size: 12px;
		line-height: 1.8;
	}
	#suntory_contents #individual .privileges dd .text + .text_extra {
		margin-top: 5px;
	}

	#suntory_contents #individual .privileges dd .note {
		margin-top: 10px;
		font-size: 12px;
		line-height: 1.8;
		list-style: none;
	}

	#suntory_contents #individual h3 {
		font-size: 20px;
		font-weight: normal;
		margin: 50px 0 0;
	}

	#suntory_contents #individual .privileges_extra {
		margin-top: 30px;
		display: flex;
		border-left: 5px #E4DDD3 solid;
		background: #F6F4F1;
	}

	#suntory_contents #individual .privileges_extra dt {
		width: 335px;
		box-sizing: border-box;
		padding: 20px 25px;
		font-size: 16px;
		font-weight: bold;
		font-weight: 600;
	}

	#suntory_contents #individual .privileges_extra dd {
		width: 620px;
		box-sizing: border-box;
		padding: 20px 30px;
	}

	#suntory_contents #individual .privileges_extra dd .text {
		font-size: 15px;
		line-height: 1.8;
	}

	#suntory_contents #individual .privileges_extra dd .text+.text,
	#suntory_contents #individual .privileges_extra dd .text+.text_extra {
		margin-top: 5px;
	}

	#suntory_contents #individual .privileges_extra dd .text_extra {
		font-size: 12px;
		line-height: 1.8;
	}

	#suntory_contents #individual .privileges_extra dd .note {
		margin-top: 10px;
		font-size: 12px;
		line-height: 1.8;
		list-style: none;
		text-indent: -1em;
		margin-left: 1em;
	}


	/*------------------------------------------------------------
 [PC] digital_membershipcard
 ------------------------------------------------------------ */
 	#suntory_contents #digital_membershipcard {
		margin: 80px 0 0;
        padding: 0;
        border: none;		
	}
	#suntory_contents #digital_membershipcard h3 {
		font-size: 20px;
        font-weight: normal;
	}
	#suntory_contents #digital_membershipcard .column_box {
		display: flex;
		justify-content: space-between;
		gap: 30px;
		margin-top: 20px;
		padding: 25px;
		background-color: #F6F4F1;
	}
	#suntory_contents #digital_membershipcard .img_area {
		width: 40%;
	}
	#suntory_contents #digital_membershipcard .img_area img {
		width: 100%;
	}
	#suntory_contents #digital_membershipcard .text_area {
		flex: 1;
		font-size: 15px;
        line-height: 1.8;
	}
	#suntory_contents #digital_membershipcard .text_area ul {
		margin-top: 1em;
		list-style: none;
	}
	#suntory_contents #digital_membershipcard .text_area ul li {
		text-indent: -1em;
		padding-left: 1em;
	}


	/*------------------------------------------------------------
 [PC] howto_enter
 ------------------------------------------------------------ */
	#suntory_contents #howto_enter {
		margin: 80px 0 0;
        padding: 0 0 80px;
		border-bottom: 1px #ccc solid;
	}
	#suntory_contents #howto_enter h3 {
		font-size: 20px;
        font-weight: normal;
	}
	#suntory_contents #howto_enter .inner {
		margin-top: 20px;
		padding: 25px;
		background-color: #F6F4F1;
	}
	#suntory_contents #howto_enter .inner p {
		font-size: 15px;
        line-height: 1.8;
	}
	#suntory_contents #howto_enter .inner .text_area p {
		padding-left: 1em;
		text-indent: -1em;
	}
	#suntory_contents #howto_enter .inner p a {
		color: #000;
	}
	#suntory_contents #howto_enter .inner p + .note {
		margin-top: 1em;
	}
	#suntory_contents #howto_enter .inner .note li {
		padding-left: 1em;
		text-indent: -1em;
		font-size: 12px;
        line-height: 1.8;
		list-style: none;
	}
	#suntory_contents #howto_enter .column_box {
		display: flex;
		justify-content: space-between;
		gap: 50px;
		margin-top: 40px;
		list-style: none;
	}
	#suntory_contents #howto_enter .column_box .column_item {
		flex: 1;
		position: relative;
	}
	#suntory_contents #howto_enter .column_box .column_item::before {
		content: "";
		border-left: 20px solid #A69070;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		position: absolute;
		top: 150px;
		left: -35px;
	}
	#suntory_contents #howto_enter .column_box .column_item:first-of-type::before {
		content: none;
	}
	#suntory_contents #howto_enter .item_head {
		padding: 15px;
		background-color: #A69070;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}
	#suntory_contents #howto_enter .img_area {
		margin-top: 10px;
	}
	#suntory_contents #howto_enter .img_area img {
		width: 100%;
	}
	#suntory_contents #howto_enter .text_area {
		margin-top: 10px;
	}


	/*------------------------------------------------------------
 [PC] privileges_table
 ------------------------------------------------------------ */
	#suntory_contents #corporate .privileges_table {
		table-layout: fixed;
		width: 100%;
		margin: 40px 0 0;
		border-bottom: 1px #ccc solid;
	}

	#suntory_contents #corporate .privileges_table .wa {
		width: 56%;
	}

	#suntory_contents #corporate .privileges_table .wb {
		width: 20%;
	}

	#suntory_contents #corporate .privileges_table .wc {
		width: 24%;
	}

	#suntory_contents #corporate .privileges_table th {
		text-align: left;
		vertical-align: middle;
		font-size: 14px;
		font-weight: normal;
		padding: 15px 0 15px 30px;
		line-height: 1.4;
	}

	#suntory_contents #corporate .privileges_table td {
		text-align: center;
		vertical-align: middle;
		font-size: 14px;
		font-weight: normal;
		padding: 15px 0;
	}

	#suntory_contents #corporate .privileges_table th .corporate_note {
		display: inline-block;
		font-size: 12px;
	}

	#suntory_contents #corporate .privileges_table tr.label th {
		background: none;
		border-bottom: 1px #ccc solid;
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		padding: 0 0 15px;
	}

	#suntory_contents #corporate .privileges_table tr.label td {
		background: none;
		border-bottom: 1px #ccc solid;
		padding: 0 0 15px;
	}

	/*------------------------------------------------------------
 [PC] corporate information
 ------------------------------------------------------------ */
 #suntory_contents #corporate .information {
	display: flex;
	justify-content: space-between;
	margin: 30px 0 0;
}

#suntory_contents #corporate .information .contact {
	width: 480px;
	display: flex;
}

#suntory_contents #corporate .information .contact dt {
	font-size: 16px;
	margin-right: 40px;
}

#suntory_contents #corporate .information .contact dd {
	font-size: 14px;
	line-height: 1.8;
}

#suntory_contents #corporate .information .contact dd a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px #000 solid;
	padding-bottom: 3px;
}

#suntory_contents #corporate .information .contact dd a:hover {
	color: #666;
	border-bottom: 1px #666 solid;
}

#suntory_contents #corporate .information .note {
	width: 420px;
	list-style: none;
}

#suntory_contents #corporate .information p + .note {
	margin-top: 0.5em;
}

#suntory_contents #corporate .information .note li {
	font-size: 12px;
	line-height: 1.8;
	text-indent: -1em;
	margin-left: 1em;
}


	/*------------------------------------------------------------
 [PC] #join_info
 ------------------------------------------------------------ */
	#suntory_contents #join_info .detailbox {
		padding: 40px;
		margin: 40px 0 0;
	}

	#suntory_contents #join_info .btn_join a {
		margin: 0 auto;
		width: 240px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 15px;
		text-decoration: none;
		background: #F5A127;
	}

	#suntory_contents #join_info .btn_join a strong {
		font-size: 20px;
		margin-right: 5px;
	}

	#suntory_contents #join_info .btn_join a:hover {
		background: #F8BF6C;
	}

	#suntory_contents #join_info .terms {
		text-align: center;
		margin-top: -75px;
		padding-top: 105px;
	}

	#suntory_contents #join_info .terms a {
		font-size: 14px;
		text-decoration: none;
		color: #000;
		border-bottom: 1px #000 solid;
		padding-bottom: 3px;
		position: relative;
		margin: 0 50px 0 0;
	}

	#suntory_contents #join_info .terms a:hover {
		border-bottom: 1px #666 solid;
		color: #666;
	}
	#suntory_contents #join_info .note_extra {
		margin-top: 20px;
		font-size: 12px;
		line-height: 2.1;
	}
		#suntory_contents #join_info .oldfile {
		margin-top: 30px;
	}

	#suntory_contents #join_info .oldfile a {
		font-size: 12px;
		text-decoration: none;
		color: #000;
		border-bottom: 1px #000 solid;
		padding-bottom: 3px;
		position: relative;
		margin: 0 50px 0 0;
	}

	#suntory_contents #join_info .terms a::after,
	#suntory_contents #join_info .oldfile a::after {
		content: 'PDF';
		width: 40px;
		height: 20px;
		border: 1px #ccc solid;
		background: #fff;
		font-size: 12px;
		color: #DD0000;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: -5px;
		right: -50px;
	}



	/*------------------------------------------------------------
 [PC] information
 ------------------------------------------------------------ */
	#suntory_contents #join_info .information {
		display: flex;
		justify-content: space-between;
		margin: 30px 0 0;
	}

	#suntory_contents #join_info .information .contact {
		width: 480px;
		display: flex;
	}

	#suntory_contents #join_info .information .contact dt {
		font-size: 16px;
		margin-right: 40px;
	}

	#suntory_contents #join_info .information .contact dd {
		font-size: 14px;
		line-height: 1.8;
	}

	#suntory_contents #join_info .information .contact dd a {
		text-decoration: none;
		color: #000;
		border-bottom: 1px #000 solid;
		padding-bottom: 3px;
	}

	#suntory_contents #join_info .information .contact dd a:hover {
		color: #666;
		border-bottom: 1px #666 solid;
	}

	#suntory_contents #join_info .information .note {
		width: 420px;
		list-style: none;
	}
	#suntory_contents #join_info .information p + .note {
		margin-top: 0.5em;
	}

	#suntory_contents #join_info .information .note li {
		font-size: 12px;
		line-height: 1.8;
		text-indent: -1em;
		margin-left: 1em;
	}

	/*------------------------------------------------------------
 [PC] movie
 ------------------------------------------------------------ */
	#suntory_contents .movie .title {
		text-align: center;
		font-size: 19px;
		font-weight: bold;
		margin: 3em 0;
	}

	#suntory_contents .movie .main_visual .note {
		color: #E8411D;
	}

	#suntory_contents .movie .movie_wrap {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}

	#suntory_contents .movie .movie_wrap iframe {
		position: absolute;
		top: 0;
		left: 3.5%;
		width: 93%;
		height: 93%;
	}

	#suntory_contents .movie .members_link {
		width: 93%;
		margin: 0 auto 3em;
	}

	#suntory_contents .movie .members_link p {
		font-size: 15px;
		margin-bottom: 1em;
	}

	#suntory_contents .movie .members_link p:nth-child(3) {
		margin-bottom: 5em;
	}

	#suntory_contents .movie .members_link a {
		color: #000;
		padding-bottom: 1px;
		text-decoration: none;
		border-bottom: 1px #000 solid;
	}

	#suntory_contents .movie .members_link a:hover {
		border-bottom: 1px #666 solid;
		color: #666;
	}

	/*------------------------------------------------------------
 [PC] nortice #join
 ------------------------------------------------------------ */
	#suntory_contents #join .title .subtxt {
		display: inline;
		font-size: 16px;
		margin-right: 20px;
		font-weight: bold;
	}

	#suntory_contents #join .detailbox {
		padding: 30px 40px;
		margin: 40px 0 30px;
	}

	#suntory_contents #join .detailbox a {
		color: #000;
		text-decoration: none;
	}
	#suntory_contents #join .detailbox a:hover {
		text-decoration: underline;
	}

	#suntory_contents #join .detailbox dl {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	#suntory_contents #join .detailbox dl dt {
		display: block;
		width: 170px;
		line-height: 1.5;
	}

	#suntory_contents #join .detailbox dl dd {
		display: block;
		width: 690px;
	}

	#suntory_contents #join .detailbox dl.procedure_flow dt {
		font-size: 18px;
	}

	#suntory_contents #join .detailbox ol li {
		position: relative;
		padding-left: 38px;
	}

	#suntory_contents #join .detailbox ol li:before {
		width: 30px;
		height: 30px;
		background: #C6B59D;
		border-radius: 15px;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0;
		left: 0;
	}

	#suntory_contents #join .detailbox ol li+li {
		margin-top: 15px;
	}

	#suntory_contents #join .detailbox dl.procedure_flow dd .text {
		line-height: 1.8;
		font-size: 15px;
	}

	#suntory_contents #join .detailbox dl.procedure_flow dd .text+.note {
		margin-top: 10px;
	}

	#suntory_contents #join .detailbox dl.procedure_flow dd .note {
		display: block;
		margin: 0 0 0 1em;
		text-indent: -1em;
		line-height: 1.8;
		font-size: 13px;
	}

	#suntory_contents #join .detailbox .procedure_list {
		margin-top: 30px;
		padding-left: 190px;
	}

	#suntory_contents #join .detailbox .procedure_list ul {
		margin: 0 0 0 10px;
	}

	#suntory_contents #join .detailbox .procedure_list li {
		margin: 0;
		padding: 0 0 0 10px;
		position: relative;
		list-style: none;
		font-size: 14px;
		line-height: 1.8;
	}

	#suntory_contents #join .detailbox .procedure_list li::before {
		content: "";
		display: block;
		background: #000;
		width: 3px;
		height: 3px;
		border-radius: 1.5px;
		position: absolute;
		left: 0;
		top: 10px;
	}

	#suntory_contents #join .detailbox .procedure_list li.pdf .label {
		display: inline-block;
		width: 40px;
		height: 20px;
		margin-left: 5px;
		border: 1px #ccc solid;
		background: #fff;
		font-size: 12px;
		color: #DD0000;
		text-align: center;
	}

	#suntory_contents #join .detailbox dl.procedure_notes {
		margin-top: 30px;
	}

	#suntory_contents #join .detailbox dl.procedure_notes dt {
		font-size: 16px;
		text-align: right;
	}

	#suntory_contents #join .detailbox dl.procedure_notes dd ul {
		margin: 0 0 0 10px;
	}

	#suntory_contents #join .detailbox dl.procedure_notes dd ul.caution {
		margin: 0;
	}

	#suntory_contents #join .detailbox dl.procedure_notes dd li {
		margin: 0;
		padding: 0 0 0 10px;
		position: relative;
		list-style: none;
		font-size: 14px;
		line-height: 1.8;
	}

	#suntory_contents #join .detailbox dl.procedure_notes dd .caution li {
		padding-left: 1em;
		text-indent: -1em;
		font-size: 13px;
	}

	#suntory_contents #join .detailbox dl.procedure_notes dd li::before {
		content: "";
		display: block;
		background: #000;
		width: 3px;
		height: 3px;
		border-radius: 1.5px;
		position: absolute;
		left: 0;
		top: 10px;
	}

	#suntory_contents #join .detailbox dl.procedure_notes dd .caution li::before {
		content: none;
	}

	#suntory_contents #join .detailbox dl.procedure_notes dd li.pdf .label {
		display: inline-block;
		width: 40px;
		height: 20px;
		margin-left: 5px;
		border: 1px #ccc solid;
		background: #fff;
		font-size: 12px;
		color: #DD0000;
		text-align: center;
	}

	#suntory_contents #join .detailbox dl.procedure_notes .example {
		display: block;
		margin-left: 30px;
		margin-bottom: 5px;
	}

	#suntory_contents #join .detailbox dl.procedure_notes .notice a{
		color: #E8411D;
		text-decoration: underline;
	}

	#suntory_contents #join .notice_btn_area {
		text-align: center;
		margin: 20px auto 0;
	}

	#suntory_contents #join .notice_btn_area p {
		display: inline;
		font-size: 14px;
	}

	#suntory_contents #join .form_btn {
		width: 240px;
		margin: 30px auto 0;
		text-align: center;
	}

	#suntory_contents #join .form_btn a {
		padding: 14px 0;
		font-size: 16px;
	}

	#suntory_contents #join input:checked~.form_btn a::after {
		width: 10px;
		height: 10px;
		background-size: 10px auto;
		top: 8px;
		right: 8px;
	}


}