@charset "utf-8";

/* ───────────────────────────────────
スタイルリセット・汎用スタイル
─────────────────────────────────── */
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,pre,blockquote,hr,form,input,textarea,select,option,address,th,td {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
}
img { border:0; vertical-align:bottom; height: auto; }
ul { list-style:none; }
ol { list-style:decimal; margin-left:28px; }
label { cursor:pointer; }
input { border:none; }
input[type="textarea"] { -webkit-appearance: none; border-radius: 0; }
input[type="submit"], input[type="button"], button { cursor:pointer; border-radius: 0; -webkit-appearance: none; }
input,select,option,textarea { font-size:100%; }
table,th,td { border:0; border-collapse:collapse; text-align:left; }
th,td { vertical-align:top; }
td { background-color:#ffffff; word-break:break-all; }
*,*:before,*:after {
	outline: 0;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
/*input[type="submit"], input[type="button"], select,button  {*/
input[type="submit"], input[type="button"],button {
	cursor:pointer;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
}
button { border: none; }
/*select::-ms-expand { display: none; }*/
pre { white-space: pre-wrap; }

::-webkit-input-placeholder { color: #8c8c8c; }/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-moz-placeholder { color: #8c8c8c; opacity: 1; }/* Firefox 19+ */
:-ms-input-placeholder { color: #8c8c8c; }/* IE 10+ */
:placeholder-shown { color: #8c8c8c; }

.asset_body-static_lp .view_tb,
.modal_colorbox_quiz .view_tb,
.asset_body-static_lp .view_sp,
.modal_colorbox_quiz .view_sp {
	display: none!important;
}
.asset_body-static_lp ul {
	margin: 0;
	padding: 0;
}
.asset_body-static_lp ul li {
	list-style: none;
}


/* ───────────────────────────────────
フォントサイズ
─────────────────────────────────── */
.asset_body-static_lp .fsize_9,.asset_body-static_lp .fsize_9 * { font-size: 9px!important; }
.asset_body-static_lp .fsize_10,.asset_body-static_lp .fsize_10 * { font-size: 10px!important; }
.asset_body-static_lp .fsize_11,.asset_body-static_lp .fsize_11 * { font-size: 11px!important; }
.asset_body-static_lp .fsize_12,.asset_body-static_lp .fsize_12 *,.asset_body-static_lp .fsize_s,.asset_body-static_lp .fsize_s * { font-size: 12px!important; }
.asset_body-static_lp .fsize_13,.asset_body-static_lp .fsize_13 * { font-size: 13px!important; }
.asset_body-static_lp .fsize_14,.asset_body-static_lp .fsize_14 * { font-size: 14px!important; }
.asset_body-static_lp .fsize_15,.asset_body-static_lp .fsize_15,.asset_body-static_lp .fsize_m,.asset_body-static_lp .fsize_m * * { font-size: 15px!important; }
.asset_body-static_lp .fsize_16,.asset_body-static_lp .fsize_16 * { font-size: 16px!important; }
.asset_body-static_lp .fsize_18,.asset_body-static_lp .fsize_18 * { font-size: 18px!important; }
.asset_body-static_lp .fsize_20,.asset_body-static_lp .fsize_20 * { font-size: 20px!important; line-height: 1.4!important;}
.asset_body-static_lp .fsize_24,.asset_body-static_lp .fsize_24 *,.asset_body-static_lp .fsize_l,.asset_body-static_lp .fsize_l * { font-size: 24px!important; line-height: 1.4!important;}
.asset_body-static_lp .fsize_28,.asset_body-static_lp .fsize_28 * { font-size: 28px!important; line-height: 1.4!important;}
.asset_body-static_lp .fsize_30,.asset_body-static_lp .fsize_30 * { font-size: 30px!important; line-height: 1.4!important;}
.asset_body-static_lp .fsize_32,.asset_body-static_lp .fsize_32 * { font-size: 32px!important; line-height: 1.4!important;}
.asset_body-static_lp .fsize_36,.asset_body-static_lp .fsize_36 *,.asset_body-static_lp .fsize_ll,.asset_body-static_lp .fsize_ll * { font-size: 36px!important; line-height: 1.4!important;}
.asset_body-static_lp .fsize_40,.asset_body-static_lp .fsize_40 * { font-size: 40px!important; line-height: 1.4!important;}

/* ───────────────────────────────────
テキストスタイル
─────────────────────────────────── */
.asset_body-static_lp .txt_bold { font-weight: bold; }
.asset_body-static_lp .txt_normal { font-weight: normal; }

/* ───────────────────────────────────
margin
─────────────────────────────────── */
.asset_body-static_lp .mt0 { margin-top:0 !important; }
.asset_body-static_lp .mt5 { margin-top:5px !important; }
.asset_body-static_lp .mt10 { margin-top: 10px !important; }
.asset_body-static_lp .mt15 { margin-top: 15px !important; }
.asset_body-static_lp .mt20 { margin-top:20px !important; }
.asset_body-static_lp .mt25 { margin-top:25px !important; }
.asset_body-static_lp .mt30 { margin-top:30px !important; }
.asset_body-static_lp .mt35 { margin-top:35px !important; }
.asset_body-static_lp .mt40 { margin-top:40px !important; }
.asset_body-static_lp .mt45 { margin-top:45px !important; }
.asset_body-static_lp .mt50 { margin-top:50px !important; }

.asset_body-static_lp .mr0 { margin-right:0 !important; }
.asset_body-static_lp .mr5 { margin-right:5px !important; }
.asset_body-static_lp .mr10 { margin-right: 10px !important; }
.asset_body-static_lp .mr15 { margin-right: 15px !important; }
.asset_body-static_lp .mr20 { margin-right:20px !important; }
.asset_body-static_lp .mr25 { margin-right:25px !important; }
.asset_body-static_lp .mr30 { margin-right:30px !important; }
.asset_body-static_lp .mr35 { margin-right:35px !important; }
.asset_body-static_lp .mr40 { margin-right:40px !important; }
.asset_body-static_lp .mr45 { margin-right:45px !important; }
.asset_body-static_lp .mr50 { margin-right:50px !important; }

.asset_body-static_lp .mb0 { margin-bottom:0 !important; }
.asset_body-static_lp .mb5 { margin-bottom:5px !important; }
.asset_body-static_lp .mb10 { margin-bottom: 10px !important; }
.asset_body-static_lp .mb15 { margin-bottom: 15px !important; }
.asset_body-static_lp .mb20 { margin-bottom:20px !important; }
.asset_body-static_lp .mb25 { margin-bottom:25px !important; }
.asset_body-static_lp .mb30 { margin-bottom:30px !important; }
.asset_body-static_lp .mb35 { margin-bottom:35px !important; }
.asset_body-static_lp .mb40 { margin-bottom:40px !important; }
.asset_body-static_lp .mb45 { margin-bottom:45px !important; }
.asset_body-static_lp .mb50 { margin-bottom:50px !important; }

.asset_body-static_lp .ml0 { margin-left:0 !important; }
.asset_body-static_lp .ml5 { margin-left:5px !important; }
.asset_body-static_lp .ml10 { margin-left: 10px !important; }
.asset_body-static_lp .ml15 { margin-left: 15px !important; }
.asset_body-static_lp .ml20 { margin-left:20px !important; }
.asset_body-static_lp .ml25 { margin-left:25px !important; }
.asset_body-static_lp .ml30 { margin-left:30px !important; }
.asset_body-static_lp .ml35 { margin-left:35px !important; }
.asset_body-static_lp .ml40 { margin-left:40px !important; }
.asset_body-static_lp .ml45 { margin-left:45px !important; }
.asset_body-static_lp .ml50 { margin-left:50px !important; }

/* ───────────────────────────────────
align / valign
─────────────────────────────────── */
.asset_body-static_lp .align_r { text-align:right !important; }
.asset_body-static_lp .align_l { text-align:left !important; }
.asset_body-static_lp .align_c { text-align:center !important; }
.asset_body-static_lp .valign_t { vertical-align:top !important; }
.asset_body-static_lp .valign_m { vertical-align:middle !important; }
.asset_body-static_lp .valign_b { vertical-align:bottom !important; }

/* ───────────────────────────────────
display
─────────────────────────────────── */
.asset_body-static_lp .d_block { display: block!important; }
.asset_body-static_lp .d_iblock { display: inline-block!important; }
.asset_body-static_lp .d_table { display: table; width: 100%; }
.asset_body-static_lp .d_tcell { display: table-cell; vertical-align: middle; }

.asset_body-static_lp .width_30per { width: 30%; }
.asset_body-static_lp .width_40per { width: 40%; }
.asset_body-static_lp .width_50per { width: 50%; }
.asset_body-static_lp .width_60per { width: 60%; }
.asset_body-static_lp .width_70per { width: 70%; }
.asset_body-static_lp .width_80per { width: 80%; }
.asset_body-static_lp .width_90per { width: 90%; }
.asset_body-static_lp .width_100per { width: 100%; }

.asset_body-static_lp .width_100 { width: 100px; }
.asset_body-static_lp .width_200 { width: 200px; }
.asset_body-static_lp .width_300 { width: 300px; }
.asset_body-static_lp .width_400 { width: 400px; }
.asset_body-static_lp .width_500 { width: 500px; }
.asset_body-static_lp .width_600 { width: 600px; }


.asset_body-static_lp .button,
.modal_colorbox_quiz .button {
	display: inline-block;
	min-width: 172px;
	padding: 13px 35px;
	border: 1px solid #3e2a2f;
	color: #3e2a2f;
	letter-spacing: 1px;
	font-size: 15px;
	line-height: 1;
	transition: background-color .3s ease;
	box-sizing: border-box;
	text-align: center;
}

.asset_body-static_lp.asset_body-pure_canvas_primer {
	background-color: #fef8f0;
	max-width: 1280px;
	margin: 0 auto;
}
.asset_body-pure_canvas_primer .section_mv a {
	display: block;
}
.asset_body-pure_canvas_primer .section_mv .section_inner {
	position: relative;
}
.asset_body-pure_canvas_primer .section_mv .mv_txt {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -347px;
	max-width: 376px;
	text-align: center;
	padding-bottom: 36px;
}
.asset_body-pure_canvas_primer .section_mv .mv_txt .button {
	margin-top: 20px;
}
.asset_body-pure_canvas_primer .section_concept {
	padding-top: 65px;
	padding-bottom: 65px;
}
.asset_body-pure_canvas_primer .section_concept .block_concept {
	max-width: 980px;
	margin: 0 auto;
	padding: 25px;
	background-color: #ffffff;
	border: 3px solid #c29289;
	box-shadow: 0 0 0 14px #ffffff;
	box-sizing: border-box;
}
.asset_body-pure_canvas_primer .section_concept .block_concept * {
	text-align: center;
}
.asset_body-pure_canvas_primer .section_concept .block_concept .title {
	margin-bottom: 20px;
}
.asset_body-pure_canvas_primer .section_concept .block_concept p {
	line-height: 1.8;
}
.asset_body-pure_canvas_primer .section_concept .block_concept p + p {
	margin-top: 2em;
}
.asset_body-pure_canvas_primer .section_index .index_btn {
	font-size: 0;
}
.asset_body-pure_canvas_primer .section_index .index_btn li {
	display: inline-block;
	font-size: 0;
	background-color: #fff;
	border-radius: 300px 300px 0 0;
	transition: background-color .3s ease;
	max-width: 16.666666%;
}
.asset_body-pure_canvas_primer .section_index .index_btn li img {
	max-width: 100%;
	width: auto;
	height: auto;
}
.asset_body-pure_canvas_primer .section_index .index_btn li.item_01 {
	background-color: #ebd5d9;
}
.asset_body-pure_canvas_primer .section_index .index_btn li.item_02 {
	background-color: #f7e5ec;
}
.asset_body-pure_canvas_primer .section_index .index_btn li.item_03 {
	background-color: #e9e6f2;
}
.asset_body-pure_canvas_primer .section_index .index_btn li.item_04 {
	background-color: #e2ecf7;
}
.asset_body-pure_canvas_primer .section_index .index_btn li.item_05 {
	background-color: #e7d3cb;
}
.asset_body-pure_canvas_primer .section_index .index_btn li.item_06 {
	background-color: #fbeedb;
}

.asset_body-pure_canvas_primer .section_index .title {
	padding: 25px 10px 20px 10px;
	background-color: #fff;
	text-align: center;
}

.asset_body-pure_canvas_primer .section_item {
	padding-top: 50px;
	padding-bottom: 50px;
}
.asset_body-pure_canvas_primer .section_item + .section_item {
	padding-top: 0;
}
.asset_body-pure_canvas_primer .section_item a {
	position: relative;
	display: block;
}
.asset_body-pure_canvas_primer .section_item .list_item {
	max-width: 980px;
	margin: 0 auto;
}
.asset_body-pure_canvas_primer .section_item .list_item li + li {
	margin-top: 25px;
}
.asset_body-pure_canvas_primer .section_item .button_wrap {
	position: absolute;
	bottom: 28px;
	width: 540px;
	right: 60px;
	text-align: center;
}
.asset_body-pure_canvas_primer .section_item .button {
	border: none;
}
.asset_body-pure_canvas_primer .section_item .item_01 .button {
	background-color: #d4a2ac;
}
.asset_body-pure_canvas_primer .section_item .item_02 .button {
	background-color: #e5aac1;
}
.asset_body-pure_canvas_primer .section_item .item_03 .button {
	background-color: #b8aed4;
}
.asset_body-pure_canvas_primer .section_item .item_04 .button {
	background-color: #a0bfe6;
}
.asset_body-pure_canvas_primer .section_item .item_05 .button {
	background-color: #d3aea0;
}
.asset_body-pure_canvas_primer .section_item .item_06 .button {
	background-color: #f3c688;
}
.asset_body-pure_canvas_primer .section_item .item_07 .button {
	background-color: #a0bfe6;
}

.asset_body-pure_canvas_primer .section_which .section_inner {
	position: relative;
}
.asset_body-pure_canvas_primer .section_which .which_txt {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -65px;
	width: 100%;
	text-align: center;
}
.asset_body-pure_canvas_primer .section_which .which_txt .button {
	margin-top: 32px;
	box-sizing: border-box;
}
.modal_colorbox_quiz {
	background-color: #fdf7f0;
}
.modal_colorbox_quiz .slide_question {
	background: #fff url(quiz/bg.gif) no-repeat 50% 58%;
}

.modal_colorbox_quiz .slide_inner {
	max-width: 980px;
	margin: 0 auto;
	padding: 20px;
}
.modal_colorbox_quiz .question_top {
	/*min-height: 10vh;*/
	padding-top: 2.4vh;
	padding-bottom: 32px;
	box-sizing: border-box;
}
.modal_colorbox_quiz .qustion_bottom {
	min-height: 8vh;
}
.modal_colorbox_quiz .question_top .title {
	padding-bottom: 10px;
	border-bottom: 1px solid #3e2b2f;
	text-align: center;
	font-size: 36px;
	line-height: 1;
	font-family: Canela,serif;
}
.modal_colorbox_quiz .list_q {
	display: -webkit-box; /*--- Android, iOS6.1以前用 ---*/
	display: -ms-flexbox; /*--- IE10用 ---*/
	display: -webkit-flex; /*--- safari（PC）用 ---*/
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 24px;
}
.modal_colorbox_quiz .list_q > li {
	width: 30.66%;
	margin-right: 4%;
}
.modal_colorbox_quiz .list_q > li:last-child {
	margin-right: 0;
}
.modal_colorbox_quiz .list_q li a {
	display: -webkit-box; /*--- Android, iOS6.1以前用 ---*/
	display: -ms-flexbox; /*--- IE10用 ---*/
	display: -webkit-flex; /*--- safari（PC）用 ---*/
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-height: 400px;
	height: 43vh;
	background-color: rgba(255,255,255,.7);
	box-shadow: 0 0 0 1px #3e2b2f inset;
	text-decoration: none;
}
.modal_colorbox_quiz .list_q li a:hover {
	box-shadow: 0 0 0 3px #3e2b2f inset;
	transition: all .3s ease;
}
.modal_colorbox_quiz .list_q li a * {
	text-align: center;
	text-decoration: none;
}
.modal_colorbox_quiz .list_q li div[class*="label"] {
	color: #3e2b2f;
	font-size: 18px;
	line-height: 1.1;
}
.modal_colorbox_quiz .list_q li .label_en {
	min-height: 12vh;
	padding-bottom: 1em;
	/*padding-bottom: 5vh;*/
	font-family: Canela,serif;
}
.modal_colorbox_quiz .q_txt_ja {
	text-align: center;
	font-size: 28px;
	color: #3e2b2f;
	line-height: 1.2;
}
.modal_colorbox_quiz .slide_result .result_title {
	margin-bottom: 10px;
	padding: 14px;
}
.modal_colorbox_quiz .slide_result.item_01 .result_title {
	background-color: #e1bbbe;
}
.modal_colorbox_quiz .slide_result.item_02 .result_title {
	background-color: #e4b7c2;
}
.modal_colorbox_quiz .slide_result.item_03 .result_title {
	background-color: #d6bed0;
}
.modal_colorbox_quiz .slide_result.item_04 .result_title {
	background-color: #bdd5ec;
}
.modal_colorbox_quiz .slide_result.item_05 .result_title {
	background-color: #e4c9b9;
}
.modal_colorbox_quiz .slide_result.item_06 .result_title {
	background-color: #f4cd9e;
}
.modal_colorbox_quiz .result_title .title_txt {
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-family: Canela,serif;
	line-height: 1;
}
.modal_colorbox_quiz .result_body {
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.modal_colorbox_quiz .result_body .button_wrap {
	position: absolute;
	width: 50%;
	right: 0;
	bottom: 60px;
	text-align: center;
}
.modal_colorbox_quiz .result_body .button_wrap .button {
	background-color: #3e2a2f;
	color: #fff;
}
.modal_colorbox_quiz .result_body .img {
	text-align: center;
}
.modal_colorbox_quiz .result_body .img img {
	max-height: 75vh;
}

@media screen and ( min-width:1241px )
{
	.asset_body-static_lp img {
		width: auto;
		max-width: 100%;
		height: auto;
	}

	.asset_body-static_lp .button:hover {
		background-color: #3e2a2f;
		color: #fff;
	}

	.asset_body-pure_canvas_primer .section_index .index_btn li.item_01:hover {
		background-color: #e6c9ce;
	}
	.asset_body-pure_canvas_primer .section_index .index_btn li.item_02:hover {
		background-color: #f3d7e2;
	}
	.asset_body-pure_canvas_primer .section_index .index_btn li.item_03:hover {
		background-color: #ddd8eb;
	}
	.asset_body-pure_canvas_primer .section_index .index_btn li.item_04:hover {
		background-color: #d2e1f3;
	}
	.asset_body-pure_canvas_primer .section_index .index_btn li.item_05:hover {
		background-color: #e2cac1;
	}
	.asset_body-pure_canvas_primer .section_index .index_btn li.item_06:hover {
		background-color: #f9e4c7;
	}
	.asset_body-pure_canvas_primer .section_item .button:hover {
		background-color: #3e2a2f;
		color: #fff;
	}

	.modal_colorbox_quiz .slide_question,
	.modal_colorbox_quiz .slide_result {
		max-height: 640px;
	}

	.modal_colorbox_quiz .result_body .button_wrap .button:hover {
		background-color: transparent;
		color: #3e2a2f;
	}
}

@media screen and ( max-width:1240px )
{
	.asset_body-static_lp.asset_body-pure_canvas_primer {
		max-width: 750px;
	}
	.asset_body-pure_canvas_primer img {
		max-width: 100%;
		width: 100%;
	}
	.asset_body-static_lp .fsize_9,.asset_body-static_lp .fsize_9 *,
	.asset_body-static_lp .fsize_10,.asset_body-static_lp .fsize_10 *,
	.asset_body-static_lp .fsize_11,.asset_body-static_lp .fsize_11 * { font-size: 10px!important; }

	.asset_body-static_lp .fsize_12,.asset_body-static_lp .fsize_12 *,.asset_body-static_lp .fsize_s,.asset_body-static_lp .fsize_s *,
	.asset_body-static_lp .fsize_13,.asset_body-static_lp .fsize_13 *,
	.asset_body-static_lp .fsize_14,.asset_body-static_lp .fsize_14 *,
	.asset_body-static_lp .fsize_15,.asset_body-static_lp .fsize_15,.asset_body-static_lp .fsize_m,.asset_body-static_lp .fsize_m *,
	.asset_body-static_lp .fsize_16,.asset_body-static_lp .fsize_16 *,
	.asset_body-static_lp .fsize_18,.asset_body-static_lp .fsize_18 *,
	.asset_body-static_lp .fsize_20,.asset_body-static_lp .fsize_20 *,
	.asset_body-static_lp .fsize_24,.asset_body-static_lp .fsize_24 *,.asset_body-static_lp .fsize_l,.asset_body-static_lp .fsize_l *,
	.asset_body-static_lp .fsize_28,.asset_body-static_lp .fsize_28 * { font-size: 12px!important; line-height: 1.4!important;}

	.asset_body-static_lp .fsize_30,.asset_body-static_lp .fsize_30 *,
	.asset_body-static_lp .fsize_32,.asset_body-static_lp .fsize_32 *,
	.asset_body-static_lp .fsize_36,.asset_body-static_lp .fsize_36 *,.asset_body-static_lp .fsize_ll,.asset_body-static_lp .fsize_ll *,
	.asset_body-static_lp .fsize_40,.asset_body-static_lp .fsize_40 * { font-size: 20px!important; line-height: 1.4!important;}

	.asset_body-static_lp .view_pc,
	.modal_colorbox_quiz .view_pc {
		display: none!important;
	}
	.asset_body-static_lp .view_tb,
	.modal_colorbox_quiz .view_tb,
	.asset_body-static_lp .view_sp,
	.modal_colorbox_quiz .view_sp {
		display: block!important;
	}

	.asset_body-static_lp .button {
		width: auto;
	}
	.asset_body-static_lp .button:hover {
		background-color: transparent;
	}
	.column.primary-content img.view_sp,
	.modal_colorbox_quiz img.view_sp {
		text-align: center;
		margin-right: auto;
		margin-left: auto;
	}
	.asset_body-pure_canvas_primer .section_mv .mv_img {
		text-align: center;
	}
	.asset_body-pure_canvas_primer .section_mv .mv_txt {
		position: static;
		margin: 0;
		max-width: 100%;
		text-align: left;
		background-color: #ede1df;
	}
	.asset_body-pure_canvas_primer .section_concept .block_concept {
		max-width: 750px;
		padding: 12px;
		border: 2px solid #c29289;
	}

	.asset_body-pure_canvas_primer .section_index .title {
		background-color: #ede1df;
	}
	.asset_body-pure_canvas_primer .section_index .index_btn {
		max-width: 684px;
		margin: 0 auto;
		padding: 60px 32px 0 32px;
	}
	.asset_body-pure_canvas_primer .section_index .index_btn li {
		width: 50%;
		max-width: 50%;
	}
	.asset_body-pure_canvas_primer .section_index .index_btn li img {
		max-width: 100%;
		width: 100%;
	}
	.asset_body-pure_canvas_primer .section_item .list_item li {
		text-align: center;
	}
	.asset_body-pure_canvas_primer .section_which .which_txt {
		position: static;
		margin: 0;
		text-align: left;
		background-color: #ede1df;
		box-sizing: border-box;
	}
	.asset_body-pure_canvas_primer .section_which .which_txt .title img.view_sp {
		display: inline-block!important;
	}
	.asset_body-pure_canvas_primer .section_index .index_btn li {
		background-color: transparent!important;
	}

	.modal_colorbox_quiz .slide_question,
	.modal_colorbox_quiz .slide_result {
		height: 90vh;
		/*max-width: initial;*/
	}
	.modal_colorbox_quiz .slide_inner {
		padding-top: 20px;
	}
	.modal_colorbox_quiz .list_q {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 24px;
	}
	.modal_colorbox_quiz .list_q > li {
		width: 100%;
		margin: 0;
	}
	.modal_colorbox_quiz .list_q > li+ li {
		margin-top: 16px;
	}
	.modal_colorbox_quiz .list_q li a {
		height: auto;
		padding: 1.5em .5em;
	}
	.modal_colorbox_quiz .list_q li .label_en {
		padding-top: 0;
		height: auto;
		padding-bottom: 0.5em;
		min-height: initial;
	}
	.modal_colorbox_quiz .slide_inner {
		padding: 0;
	}
	.modal_colorbox_quiz .question_wrap {
		display: -webkit-box; /*--- Android, iOS6.1以前用 ---*/
		display: -ms-flexbox; /*--- IE10用 ---*/
		display: -webkit-flex; /*--- safari（PC）用 ---*/
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.modal_colorbox_quiz .qustion_middle {
		display: -webkit-box; /*--- Android, iOS6.1以前用 ---*/
		display: -ms-flexbox; /*--- IE10用 ---*/
		display: -webkit-flex; /*--- safari（PC）用 ---*/
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 66vh;
		box-sizing: border-box;
		padding: 20px;
	}
	.modal_colorbox_quiz .qustion_middle .list_q {
		width: 100%;
		margin-bottom: 0;
	}
	.modal_colorbox_quiz .qustion_middle .list_q + * {
		margin-top: 24px;
	}
	.modal_colorbox_quiz .qustion_bottom {
		height: 24vh;
		box-sizing: border-box;
		padding: 4vh 20px 5px 20px;
		background-color: #ecdfdc;
	}
	.modal_colorbox_quiz .qustion_bottom .title {
		margin-bottom: 5px;
		font-size: 20px;
		line-height: 1.1;
		font-family: Canela,serif;
	}
	.modal_colorbox_quiz .qustion_bottom .q_txt_ja {
		font-size: 14px;
		text-align: left;
	}
	.modal_colorbox_quiz .slide_result .slide_inner {
		display: -webkit-box; /*--- Android, iOS6.1以前用 ---*/
		display: -ms-flexbox; /*--- IE10用 ---*/
		display: -webkit-flex; /*--- safari（PC）用 ---*/
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 90vh;
		padding: 20px;
		box-sizing: border-box;
	}
	.modal_colorbox_quiz .slide_result .result_body .img img {
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 80vh;
	}
	.modal_colorbox_quiz .result_body {
		margin-right: auto;
		margin-left: auto;
	}
}
@media screen and ( min-width:767px ) and ( max-width:1240px )
{
	.asset_body-static_lp img {
		width: auto;
		height: auto;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
	}
	.asset_body-pure_canvas_primer .section_mv .mv_txt {
		padding: 60px 32px;
	}
	.asset_body-pure_canvas_primer .section_concept {
		padding: 72px 48px 72px 48px;
	}
	.asset_body-pure_canvas_primer .section_concept .block_concept {
		box-shadow: 0 0 0 14px #ffffff;
	}
	.asset_body-pure_canvas_primer .section_which .which_txt {
		padding: 60px 32px;
	}
}
@media screen and ( max-width:767px )
{
	.column.primary-content {
		padding-left: 0;
		padding-right: 0;
	}
	.asset_body-static_lp .view_pc { display: none!important; }
	.asset_body-static_lp .view_tb,.asset_body-static_lp .view_sp { display: block!important; }

	.asset_body-pure_canvas_primer .section_mv .mv_txt {
		padding: 30px 16px;
	}
	.asset_body-pure_canvas_primer .section_mv .mv_txt .title img {
		max-width: 291px;
	}
	.asset_body-pure_canvas_primer .section_concept {
		padding: 37px 24px 37px 24px;
	}
	.asset_body-pure_canvas_primer .section_concept .title img {
		max-width: 214px;
	}
	.asset_body-pure_canvas_primer .section_index .title img {
		max-width: 213px;
	}
	.asset_body-pure_canvas_primer .section_index .index_btn {
		padding: 30px 16px 0 16px;
	}
	.asset_body-pure_canvas_primer .section_item {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.asset_body-pure_canvas_primer .section_item .list_item {
		padding-left: 14px;
		padding-right: 14px;
	}
	.asset_body-pure_canvas_primer .section_which .which_txt {
		padding: 30px 16px;
	}
	.asset_body-pure_canvas_primer .section_which .title img {
		max-width: 226px;
	}

}
@media screen and ( max-width:376px )
{
	.section_concept p br {
		display: none;
	}
}
@media screen and ( min-width:320px )
{
	.asset_body-static_lp .view_tb { display: none!important; }
}

@media screen and ( max-width:320px )
{
	.modal_colorbox_quiz .qustion_middle {
		height: 50vh
	}
	.modal_colorbox_quiz .qustion_bottom {
		height: 40vh
	}
	.modal_colorbox_quiz .list_q > li+ li {
		margin-top: 8px;
	}
	.modal_colorbox_quiz .list_q li div[class*="label"] {
		font-size: 14px;
	}
	.modal_colorbox_quiz .list_q li a {
		padding: 1em .5em;
	}
	.modal_colorbox_quiz .slide_result {
		height: 85vh;
	}
	.modal_colorbox_quiz .slide_result .slide_inner {
		height: 100%;
		padding: 0;
	}
	.modal_colorbox_quiz .slide_result .result_body .img img {
		width: auto;
		max-height: 350px;
	}
}

/* colorbox */
.section_quiz {
	display: none;
}
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
	/*display: none;*/
	width: 0px!important;
	height: 0px!important;

}

#cboxContent {
	/*border: 4px solid #3e2a2f;*/
}
#cboxContent #cboxClose {
	display: block;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
}
.modal_colorbox_quiz #cboxLoadedContent {
	margin-bottom: 0 !important;
}
#cboxOverlay {
	background-color: #000 !important;
}
#cboxClose {
	position: relative;
	text-indent: -9999px;
}
#cboxClose:before {
	content: "\f00d";
	position: absolute;
	top: 0;
	left: 0;
	display:block;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	color: #3e2a2f;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 30px;
	text-indent: 0;
}
.l_norotate {
	position: fixed;
	bottom: 0;
	right: 0;
	display: -webkit-box; /*--- Android, iOS6.1以前用 ---*/
	display: -ms-flexbox; /*--- IE10用 ---*/
	display: -webkit-flex; /*--- safari（PC）用 ---*/
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	overflow: hidden;
	z-index: 10001;
	background-color: #808080;
}
@media screen and (max-width: 896px) and (max-height: 414px) and (orientation: landscape)
{
	.l_norotate {
		opacity: 1;
		pointer-events: visible;
		visibility: visible;
		transition: .2s;
	}
	.l_norotate_inner {
		display: -webkit-box; /*--- Android, iOS6.1以前用 ---*/
		display: -ms-flexbox; /*--- IE10用 ---*/
		display: -webkit-flex; /*--- safari（PC）用 ---*/
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		min-height: 100%;
	}
	.l_norotate_inner * {
		text-align: center;
	}
	.l_norotate_inner .img img {
		width: auto;
		height: 200px;
	}
	.l_norotate_inner .txt {
		color: #fff;
		font-size: 20px;
		font-weight: bold;
	}
}