@charset "UTF-8";
/**/
/**/
/* ==================================================
Page Cont
================================================== */
img {
	image-rendering: -webkit-optimize-contrast;
}
#ktsCont {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #4D4D4D;
	font-size: 18px;
	line-height: 1.6em;
	background-color: #FFFFFF;
	font-feature-settings: "palt";
}
@media screen and (max-width: 750px) {
	#ktsCont {}
}
#ktsCont * {
	box-sizing: border-box;
}
/**/
/**/
/* ==================================================
Page wrap & kye visual
================================================== */
.kokuyo-st-container #kokuyo-st-main-contents #ktsCont #contents .wrap {
	width: 840px;
	margin: 0 auto;
	padding: 60px 15px;
	box-sizing: border-box;
}
@media screen and (max-width: 750px) {
	body {
		min-width: inherit;
	}
	.kokuyo-st-container #kokuyo-st-main-contents #ktsCont #contents .wrap {
		width: 100%;
		padding: 50px 15px 50px 15px;
	}
}
#ktsCont .kv {
	width: 100%;
}
#ktsCont .kv .kv_wrap {
	padding: 0 15px;
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width: 750px) {
	#ktsCont .kv {}
	#ktsCont .kv .kv_wrap {}
}
#ktsCont .cont_block {}
@media screen and (max-width: 750px) {
	#ktsCont .cont_block {}
}
/**/
/**/
/* ==================================================
Page style
================================================== */
/*  hr style
-----------------------------------*/
#ktsCont hr.ten00 {
	border: none;
	height: 5px;
	margin: 0px;
	background-repeat: repeat-x;
}
#ktsCont hr.ten01 {
	border: none;
	border-top: dotted 2px #3A4399;
	height: 2px;
	color: #FFFFFF;
	margin: 60px 0;
}
/*  角丸・ボーダー
-----------------------------------*/
#ktsCont .round_10 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#ktsCont .border-top_2 {
	border-top: 2px solid #bcbcbc;
}
/*  テーブル
-----------------------------------*/
#ktsCont .table_title {
	font-size: 15px;
	text-align: center;
	margin-bottom: 5px;
}
#ktsCont .table {
	width: 808px;
	margin: 0 auto;
	text-align: center;
}
#ktsCont .table table {
	width: 808px;
}
#ktsCont .table table th {
	width: auto;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	padding: 4px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	font-feature-settings: "palt";
}
#ktsCont .table table td {
	vertical-align: middle;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	font-size: 15px;
	padding: 8px 4px;
	font-feature-settings: "palt";
}
#ktsCont .table table th:first-child, #ktsCont .table table td:first-child {
	border-left: none;
}
#ktsCont .tableBotTxt {
	max-width: 810px;
	margin: 5px auto 0 auto;
	font-size: 15px;
}
#ktsCont .table table td.bl {
	border-left: 1px solid #666666;
}
@media screen and (max-width: 750px) {
	#ktsCont .table {
		overflow-y: hidden;
		overflow-x: scroll;
		width: 100%;
		box-sizing: border-box;
	}
	#ktsCont .table table {}
}
#ktsCont .table .c01 th {
	background-color: #FAFAFA;
	color: #666666;
	text-align: center;
	border-color: #666666;
	font-weight: normal;
}
#ktsCont .table .c01 td {
	background-color: #ffffff;
	color: #666666;
	text-align: center;
	border-color: #666666;
}
#ktsCont .table .c02 th {
	background-color: #FFC2D6;
	color: #ffffff;
	text-align: center;
	border-color: #DCDCDC;
}
#ktsCont .table .c02 td {
	background-color: #ffffff;
	text-align: center;
	border-color: #DCDCDC;
}
#ktsCont .table .c03 th {
	background-color: #6ccfe2;
	color: #ffffff;
	text-align: center;
}
#ktsCont .table .c03 td {
	background-color: #dff5f9;
	text-align: center;
}
#ktsCont .table .c04 th {
	background-color: #ffbe2c;
	color: #ffffff;
	text-align: center;
}
#ktsCont .table .c04 td {
	background-color: #fdf7d6;
	text-align: center;
}
#ktsCont .table table td:first-child.bdL {
	border-left: 1px solid #595757;
	;
}
#ktsCont .table p {
	white-space: nowrap;
}
/*  階層メニュー
-----------------------------------*/
#stationery #lnavi ul {
	position: relative;
}
#stationery #lnavi ul li.oya_ls {
	cursor: pointer;
}
#stationery #lnavi ul li.oya_ls:hover {
	color: #fe6e00;
}
#stationery #lnavi ul li ul.sub_ls {
	display: none;
	position: absolute;
	z-index: 9999;
	background-color: #ffffff;
	top: 60px;
	right: 0;
	width: 316px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border: 1px solid #bcbcbc;
	border-top: none;
	height: auto;
	line-height: 1em;
	padding: 0;
}
#stationery #lnavi ul li ul.sub_ls li {
	text-align: left;
	padding: 10px 10px 13px 10px;
	border-top: 1px solid #bcbcbc;
	width: 100%;
}
.list-globalsubnav01 li.oya_ls span {
	/*border-top: 1px solid #a3a3a3;*/
	padding: 15px 20px 15px 40px;
}
.list-globalsubnav01 li.oya_ls span::before {
	content: '・';
	color: #f18102;
}
.list-globalsubnav01 li.oya_ls span::after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: rotate(-135deg) translateY(-50%);
	transform: rotate(-135deg) translateY(-50%);
	margin-top: -10px;
}
.list-globalsubnav01 li.oya_ls ul {
	display: none;
}
.list-globalsubnav01 li.oya_ls ul li span::before {
	content: none;
	color: none;
}
/* new表示 */
#stationery #lnavi span.red {
	color: #FF0000;
	font-weight: bold;
}
.list-globalsubnav01 li.oya_ls ul.sub_ls li span, .list-globalsubnav01 li.oya_ls span span {
	all: initial;
	font-size: 90%;
	color: #FF0000;
	font-weight: bold;
}
.list-globalsubnav01 li.oya_ls ul.sub_ls li span::before, .list-globalsubnav01 li.oya_ls span span::before {
	all: initial;
}
.list-globalsubnav01 li.oya_ls ul.sub_ls li span::after, .list-globalsubnav01 li.oya_ls span span::after {
	all: initial;
}
/*  動画埋め込み
-----------------------------------*/
#ktsCont .movie {
	width: 100%;
	max-width: 851px;
	margin: 0 auto;
}
#ktsCont .movie-wrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
#ktsCont .movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*  ナビゲーション 並びhack
-----------------------------------*/
#stationery #lnavi ul.ktsGnaviList.wrap::after {
	content: none;
}
#stationery #lnavi {
	width: 100%;
	background: #fff;
	z-index: 99;
	border-bottom: 1px solid #bcbcbc;
}
#stationery #lnavi.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}
#stationery #lnavi ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 950px;
	margin: 0 auto;
	height: 60px;
	line-height: 60px;
	font-size: 15px;
}
#stationery #lnavi ul li {
	display: inline-block;
	text-align: center;
	font-size: 16px;
	/*width: 100%;
	max-width: 316px;*/
}
#stationery #lnavi ul li a {
	display: inline-block;
	color: #666666;
	text-decoration: none;
}
#stationery #lnavi ul li a:hover {
	color: #0097d8;
}
#stationery #lnavi ul li a.now {
	color: #0097d8;
}
/**/
.underBorder01 {
	background: linear-gradient(#b2e0f3, #b2e0f3) 0 100% / 0 8px no-repeat;
	text-decoration: none;
	transition: background-size 0.5s;
	padding-bottom: 13px !important;
}
.underBorder01.view {
	background-size: 100% 8px;
}
/**/
#ktsCont .blink01 {
	animation: blinkAnime01 .5s infinite alternate;
}
@keyframes blinkAnime01 {
	0% {
		opacity: 1
	}
	49% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}
/*  ページ固有
-----------------------------------*/
#ktsCont.color_top {
	background-color: #C1F0FB;
}
#ktsCont.color_01 {
	background-color: #FFFFFF;
}
#ktsCont.color_02 {
	background-color: #FFFFFF;
}
#ktsCont.color_03 {
	background-color: #FFFFFF;
}
#ktsCont.color_04 {
	background-color: #FFFFFF;
}
#ktsCont.color_05 {
	background-color: #FFFFFF;
}
#ktsCont.color_06 {
	background-color: #FFFFFF;
}
@media screen and (min-width: 751px) {}
@media screen and (max-width: 750px) {}
/**/
#contents-sns {
	display: block;
	position: relative !important;
	min-height: 34px !important;
	width: calc(100vw - 60px) !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	margin-top: 10px !important;
	margin-left: 5px !important;
	max-width: initial !important;
}
@media screen and (max-width: 750px) {
	#contents-sns {
		display: none;
	}
}
#contents-header::after, #kokuyo-st-main-contents::after, #main .group::after, .wrap::after {
	content: none;
	display: block;
}
/* header */
#ktsCont {}
#ktsCont .kv {
	position: absolute;
	z-index: 5;
}
#ktsCont .kv.ScrollTop {
	position: fixed;
	top: 0px;
}
#ktsCont .kv img {
	width: 100%;
	height: auto;
}
#ktsCont .kv .kv_top_wrap {
	background-color: #0097D8;
	padding: 5px 15px;
}
#ktsCont .kv .kv_top {
	max-width: 810px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}
#ktsCont .kv .head_img_L {
	max-width: 121px;
}
#ktsCont .kv .head_copy {
	width: 100%;
	max-width: 546px;
	padding-top: 12px;
}
#ktsCont .kv .head_img_R {
	max-width: 114px;
}
#ktsCont .kv .kv_tytle_wrap {
	background-color: #FFFFFF;
	padding: 20px 15px;
}
#ktsCont .kv .kv_tytle {
	max-width: 565px;
	text-align: center;
	margin: 0 auto;
}
#ktsCont .kv .kv_tytle h1 {
	display: block;
	font-size: 48px;
	line-height: 1em;
	margin: 0 auto;
	padding: 0;
}
@media screen and (max-width: 980px) {
	#ktsCont .kv {
		position: absolute;
		/*top: 103px;*/
	}
	#ktsCont .kv.ScrollTop {
		position: fixed;
		top: 0px;
	}
}
@media screen and (max-width: 750px) {
	#ktsCont {}
	#ktsCont .kv {
		position: fixed;
		/*top: 46px;*/
	}
	#ktsCont .kv.ScrollTop {
		position: fixed;
		top: 46px;
	}
	#ktsCont .kv .kv_top_wrap {
		padding: 2vw;
	}
	#ktsCont .kv .kv_top {
		max-width: 100%;
	}
	#ktsCont .kv .head_img_L {
		max-width: 20vw;
	}
	#ktsCont .kv .head_copy {
		max-width: 53.86666vw;
		padding-top: 0px;
	}
	#ktsCont .kv .head_img_R {
		max-width: 18.93333vw;
	}
	#ktsCont .kv .kv_tytle_wrap {
		padding: 2.66666vw 2vw;
	}
	#ktsCont .kv .kv_tytle {
		max-width: 89.333333vw;
	}
	#ktsCont .kv .kv_tytle h1 {
		font-size: 12px;
	}
}
/* page */
#ktsCont #contents {}
#ktsCont img {
	width: 100%;
	height: auto;
}
#ktsCont .chat_wrap {
	padding: 50px 20px;
}
#ktsCont .chat_inn {
	max-width: 810px;
	margin: 0 auto;
}
#ktsCont .ch_Qbox {
	display: flex;
	margin-bottom: 50px;
}
#ktsCont .ch_QboxT {
	display: flex;
	margin-bottom: 0px;
}
#ktsCont .ch_QboxU {
	display: flex;
	margin-top: 50px;
	margin-bottom: 50px;
}
#ktsCont .ch_icon {
	width: 90px;
	height: 90px;
	margin-right: 5px;
	/*transition: all .4s ease;
	animation: icon .4s ease;*/
	/*opacity: 0;
	transform: translateX(0%) translateY(50%);*/
}
#ktsCont .ch_balloonWrap {}
#ktsCont .ch_balloon {
	min-width: 510px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 20px 20px 20px 30px;
	background-color: #FFFFFF;
	border-radius: 10px;
	font-size: 18px;
	line-height: 1.5em;
	word-wrap: break-word;
	position: relative;
}
#ktsCont .ch_balloon .ch_arrow_01 {
	width: 26px;
	position: absolute;
	left: -20px;
	top: 17px;
}
#ktsCont .ch_balloon2 {
	min-width: 510px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 20px 20px 20px 30px;
	background-color: #FFFCCC;
	border-radius: 10px;
	font-size: 18px;
	line-height: 1.5em;
	word-wrap: break-word;
	position: relative;
}
#ktsCont .ch_balloon2 .ch_arrow_02 {
	width: 26px;
	position: absolute;
	left: -20px;
	top: 17px;
}
#ktsCont .ch_Q_img_01 {
	width: 320px;
	margin: 12px 0;
}
#ktsCont .ch_questionWrap {
	padding-left: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#ktsCont .ch_question_01, #ktsCont .ch_question_02, #ktsCont .ch_question_03, #ktsCont .ch_question_04 {
	width: calc((100% - 10px - 7px) / 2);
	text-align: center;
	padding: 18px 3px;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	transition: all .3s;
}
#ktsCont .live {
	cursor: pointer;
}
#ktsCont .ch_questionWrap .aA {
	background-color: #00C196;
}
#ktsCont .ch_questionWrap .aB {
	background-color: #00C8C8;
}
#ktsCont .ch_questionWrap .aC {
	background-color: #35A8F4;
}
#ktsCont .ch_questionWrap .aD {
	background-color: #207FCE;
}
#ktsCont .ch_question_01.live, #ktsCont .ch_question_02.live, #ktsCont .ch_question_03.live, #ktsCont .ch_question_04.live {
	opacity: 1;
}
#ktsCont .ch_question_01.end, #ktsCont .ch_question_02.end, #ktsCont .ch_question_03.end, #ktsCont .ch_question_04.end {
	opacity: .5;
}
@media screen and (min-width: 751px) {
	#ktsCont .ch_question_01.live:hover, #ktsCont .ch_question_02.live:hover, #ktsCont .ch_question_03.live:hover, #ktsCont .ch_question_04.live:hover {
		transform: scale(110%);
	}
}
#ktsCont .ch_answer_01, #ktsCont .ch_answer_02, #ktsCont .ch_answer_03, #ktsCont .ch_answer_04 {
	display: none;
	margin-bottom: 50px;
}
#ktsCont .ch_answerWrap {
	display: flex;
	justify-content: flex-end;
}
#ktsCont .ch_answer_balloon {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 20px 30px 20px 20px;
	background-color: #FFF100;
	border-radius: 10px;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
	word-wrap: break-word;
	position: relative;
}
#ktsCont .ch_answer_balloon .ch_answer_arrow_01 {
	width: 26px;
	position: absolute;
	right: -20px;
	top: 17px;
}
#ktsCont .ch_Q_img {
	width: 44px;
	margin-bottom: 9px;
}
@media screen and (max-width: 750px) {
	#ktsCont .ch_balloonWrap {
		max-width: 74.6vw;
	}
	#ktsCont .ch_balloon {
		display: inline-block;
		min-width: auto;
		padding: 2.6vw;
		/*font-size: 3vw;*/
		font-size: 3.73333vw;
		margin-left: 2.4vw;
		margin-bottom: 3vw;
	}
	#ktsCont .ch_balloon .ch_arrow_01 {
		width: 2.6vw;
		position: absolute;
		left: -2.4vw;
		top: 1.8vw;
	}
	#ktsCont .ch_balloon2 {
		display: inline-block;
		min-width: auto;
		padding: 2.6vw;
		/*font-size: 3vw;*/
		font-size: 3.73333vw;
		margin-left: 2.4vw;
		margin-bottom: 3vw;
	}
	#ktsCont .ch_balloon2 .ch_arrow_02 {
		width: 2.6vw;
		position: absolute;
		left: -2.4vw;
		top: 1.8vw;
	}
	#ktsCont .ch_Q_img_01 {
		width: 43vw;
		margin: 1vw 0;
	}
	#ktsCont .ch_questionWrap {
		padding-left: 2.6vw;
		display: block;
	}
	#ktsCont .ch_question_01, #ktsCont .ch_question_02, #ktsCont .ch_question_03, #ktsCont .ch_question_04 {
		width: 100%;
		text-align: center;
		padding: 2.6vw;
		margin-bottom: 3vw;
		/*font-size: 3vw;*/
		font-size: 3.73333vw;
	}
	#ktsCont .ch_icon {
		width: 14vw !important;
		height: 14vw !important;
		margin-right: 0.7vw;
	}
	#ktsCont .ch_answerWrap {}
	#ktsCont .ch_answer_balloon {
		display: block;
		margin-right: 2.4vw;
		margin-bottom: 3vw;
		padding: 2.6vw;
		border-radius: 10px;
		/*font-size: 3vw;*/
		font-size: 3.73333vw;
		font-weight: bold;
		position: relative;
	}
	#ktsCont .ch_answer_balloon .ch_answer_arrow_01 {
		width: 2.6vw;
		position: absolute;
		right: -2.4vw;
		top: 1.8vw;
	}
	#ktsCont .ch_Q_img {
		width: 6vw;
	}
}
#ktsCont .aniD01, #ktsCont .aniD02, #ktsCont .aniD03, #ktsCont .aniD04, #ktsCont .aniD05, #ktsCont .aniD06, #ktsCont .aniD07, #ktsCont .aniD08, #ktsCont .aniD09, #ktsCont .aniD10, #ktsCont .aniD11 {
	/*transform: scale(0%, 0%);*/
	opacity: 0;
	transform: translate(0, 10px);
	transition: all .3s;
}
#ktsCont .aniD01.view, #ktsCont .aniD02.view, #ktsCont .aniD03.view, #ktsCont .aniD04.view, #ktsCont .aniD05.view, #ktsCont .aniD06.view, #ktsCont .aniD07.view, #ktsCont .aniD08.view, #ktsCont .aniD09.view, #ktsCont .aniD10.view, #ktsCont .aniD11.view {
	/*transform: scale(100%, 100%);*/
	transform: translate(0, 0);
	opacity: 1;
}
#ktsCont .aniF01, #ktsCont .aniF02, #ktsCont .aniF03, #ktsCont .aniF04, #ktsCont .aniF05, #ktsCont .aniF06, #ktsCont .aniF07, #ktsCont .aniF08, #ktsCont .aniF09, #ktsCont .aniF10, #ktsCont .aniF11 {
	transform: scale(0%, 0%) translate(-50%, -50%);
	opacity: 0;
	transition: all .3s;
}
@media screen and (max-width: 750px) {
	#ktsCont .aniF01, #ktsCont .aniF02, #ktsCont .aniF03, #ktsCont .aniF04, #ktsCont .aniF05, #ktsCont .aniF06, #ktsCont .aniF07, #ktsCont .aniF08, #ktsCont .aniF09, #ktsCont .aniF10, #ktsCont .aniF11 {
	transform: scale(0%, 0%) translate(-50%, -50%);
	opacity: 0;
	transition: all .3s;
}
}
#ktsCont .aniF01.view, #ktsCont .aniF02.view, #ktsCont .aniF03.view, #ktsCont .aniF04.view, #ktsCont .aniF05.view, #ktsCont .aniF06.view, #ktsCont .aniF07.view, #ktsCont .aniF08.view, #ktsCont .aniF09.view, #ktsCont .aniF10.view, #ktsCont .aniF11.view {
	transform: scale(100%, 100%) translate(0%, 0%);
	opacity: 1;
}
#ktsCont .aniA01, #ktsCont .aniA02, #ktsCont .aniA03, #ktsCont .aniA04 {
	transform: scale(0%, 0%) translateX(50%) translateY(-50%);
	opacity: 0;
	transition: all .3s;
}
#ktsCont .aniA01.view, #ktsCont .aniA02.view, #ktsCont .aniA03.view, #ktsCont .aniA04.view {
	transform: scale(100%, 100%) translateX(0%) translateY(0%);
	opacity: 1;
}
#ktsCont .hide1_0, #ktsCont .hide2_0, #ktsCont .hide3_0, #ktsCont .hide4_0, #ktsCont .hide5_0 {
	display: none;
}
#ktsCont .Q_002, #ktsCont .Q_003, #ktsCont .Q_end {
	display: none;
}
#ktsCont .Q_end {
	text-align: center;
	margin: 30px 0;
}
#ktsCont .Q_end a.result {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 1em;
	color: #FFFFFF;
	padding: 18px 40px 18px 20px;
	background-color: #FF8732;
	border: 3px solid #FFFFFF;
	border-radius: 33px;
	text-decoration: none;
	transition: all .3s;
	background-image: url(../img/ch_linkArrow_01.svg);
	background-position: right 20px center;
	background-repeat: no-repeat;
	background-size: 13px 22px;
}
@media screen and (min-width: 751px) {
	#ktsCont .Q_end a.result:hover {
		transform: scale(110%);
	}
}
@media screen and (max-width: 750px) {
	/*#ktsCont .Q_end a.result {
		font-size: 3vw;
		padding: 2.4vw 8vw;
		border: 0.4vw solid #FFFFFF;
		border-radius: 4.4vw;
		background-position: right 3.33333vw center;
		background-size: 1.73333vw 2.93333vw;
	}*/
}
.nnn {
	display: inline-block;
}
/**/
#ktsCont .result00 {
	background-color: #FFFFFF;
}
#ktsCont .result01 {
	background-color: #DEEBFF;
	text-align: center;
}
#ktsCont .result01_2 {
	background-color: #DEEBFF;
	text-align: center;
	background-image: url(../img/shiro_60.png);
}
#ktsCont .result02 {
	background-color: #FFF5E0;
	text-align: center;
}
#ktsCont .result02_2 {
	background-color: #FFF5E0;
	text-align: center;
	background-image: url(../img/shiro_60.png);
}
#ktsCont .result03 {
	background-color: #E1F2FA;
	text-align: center;
}
#ktsCont .result03_2 {
	background-color: #E1F2FA;
	text-align: center;
	background-image: url(../img/shiro_60.png);
}
#ktsCont .result04 {
	background-color: #F3F8E4;
	text-align: center;
}
#ktsCont .result04_2 {
	background-color: #F3F8E4;
	text-align: center;
	background-image: url(../img/shiro_60.png);
}
#ktsCont .result05 {
	background-color: #FEEFF3;
	text-align: center;
}
#ktsCont .result05_2 {
	background-color: #FEEFF3;
	text-align: center;
	background-image: url(../img/shiro_60.png);
}
#ktsCont .result06 {
	background-color: #E3F3F5;
	text-align: center;
}
#ktsCont .result06_2 {
	background-color: #E3F3F5;
	text-align: center;
	background-image: url(../img/shiro_60.png);
}
/**/
#ktsCont .fadeup, #ktsCont .fadeup2 {
	transform: translateX(0%) translateY(20px);
	opacity: 0;
	transition: all 2s;
}
#ktsCont .fadeup.view, #ktsCont .fadeup2.view {
	transform: translateX(0%) translateY(0%);
	opacity: 1;
}
#ktsCont .ani_bar_01 {
	width: 808px;
	margin: 100px auto;
}
#ktsCont .ani_bar_01 div {
	width: 0%;
	height: 4px;
	background-color: #FFFFFF;
	transition: all 2s;
}
#ktsCont .ani_bar_01.view div {
	width: 100%;
}
@media screen and (max-width: 750px) {
	#ktsCont .ani_bar_01 {
		width: 100%;
		margin: 13vw auto;
	}
}
/**/
#ktsCont .res01_h2 {
	display: inline-block;
	width: 445px;
}
#ktsCont .res01_topTxt {
	display: inline-block;
	width: 578px;
	margin-top: 30px;
}
#ktsCont .res01_topCopy {
	display: inline-block;
	width: 538px;
	margin-top: 37px;
}
#ktsCont .res03_topCopy {
	display: inline-block;
	width: 577px;
	margin-top: 37px;
}
#ktsCont .res04_topCopy {
	display: inline-block;
	width: 577px;
	margin-top: 37px;
}
#ktsCont .res01_i01_slide_under {
	max-width: 460px;
	margin: 55px auto 0 auto;
	text-align: center;
}
#ktsCont .res02_i01_slide_under {
	max-width: 507px;
	margin: 55px auto 0 auto;
	text-align: center;
}
#ktsCont .res04_i01_slide_under {
	max-width: 454px;
	margin: 55px auto 0 auto;
	text-align: center;
}
#ktsCont .res01_i01_slide_under p {
	font-size: 14px;
	line-height: 1.5em;
	margin-top: 10px;
}
@media screen and (max-width: 750px) {
	#ktsCont .res01_h2 {
		width: 100%;
		max-width: 91.73333vw;
	}
	#ktsCont .res01_topTxt {
		/*width: 87vw;*/
		width: 100%;
		max-width: 93.33333vw;
		margin-top: 7.2vw;
	}
	#ktsCont .res01_topCopy {
		width: 100%;
		max-width: 93.33333vw;
		margin-top: 8.66666vw;
	}
	#ktsCont .res03_topCopy {
		width: 100%;
		max-width: 93.33333vw;
		margin-top: 8.66666vw;
	}
	#ktsCont .res04_topCopy {
		width: 100%;
		max-width: 93.33333vw;
		margin-top: 8.66666vw;
	}
	#ktsCont .res01_i01_slide_under {}
	#ktsCont .res01_i01_slide_under p {
		font-size: 2.42666vw;
		margin-top: 1.33333vw;
	}
}
/**/
#ktsCont .slide_wrap {
	max-width: 480px;
	margin: 25px auto 55px auto;
}
#ktsCont .slide_01 {}
#ktsCont .slide_01 img {
	width: 100%;
	height: auto;
}
/**/
#ktsCont .res_midTxt {
	line-height: 1.7em;
	margin-top: 35px;
}
#ktsCont .res_personality {
	margin: 30px auto 0 auto;
	padding: 25px 30px 30px 30px;
	border-radius: 20px;
	background-color: #FFFFFF;
}
#ktsCont .res_h3_01 {
	display: inline-block;
	width: 317px;
}
#ktsCont .res_person_ex {
	max-width: 550px;
	display: flex;
	justify-content: space-between;
	margin: 25px auto 0 auto;
}
#ktsCont .res_person_exL {
	max-width: 720px;
	display: flex;
	justify-content: space-between;
	margin: 25px auto 0 auto;
}
#ktsCont .res_person_box {
	background-image: url(../img/res_checkBox_01.svg);
	background-repeat: no-repeat;
	background-position: left 8px;
	background-size: 18px 14px;
	font-size: 18px;
	line-height: 1.7em;
	padding-left: 25px;
	text-align: left;
	text-align: justify;
	text-justify: inter-ideograph;
}
#ktsCont .res_person_txt {
	font-size: 18px;
	line-height: 1.7em;
	margin-top: 50px;
}
#ktsCont .res_voice {
	margin-top: 50px;
}
#ktsCont .res_h3_02 {
	display: inline-block;
	width: 163px;
}
#ktsCont .res_voice_img {
	width: 530px;
	margin: 35px auto 0 auto;
	position: relative;
}
#ktsCont .res_voice_img_ov {
	position: absolute;
	left: 0;
	top: 0;
}
#ktsCont .res_link {
	margin: 50px 0;
}
#ktsCont .res_link a {
	display: inline-block;
	font-size: 18px;
	line-height: 1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	padding: 15px 35px 15px 25px;
	text-decoration: none;
	transition: all 0.3s;
	border-radius: 26px;
	background-image: url(../img/res_linkArrow_01.svg);
	background-position: right 15px center;
	background-size: 9px 16px;
	background-repeat: no-repeat;
}
#ktsCont .res_link a.linkc01 {
	color: #FFFFFF;
	background-color: #2277B6;
}
#ktsCont .res_link a.linkc02 {
	color: #FFFFFF;
	background-color: #FFAA00;
}
#ktsCont .res_link a.linkc03 {
	color: #FFFFFF;
	background-color: #59B9E2;
}
#ktsCont .res_link a.linkc04 {
	color: #FFFFFF;
	background-color: #97C61D;
}
#ktsCont .res_link a.linkc05 {
	color: #FFFFFF;
	background-color: #F77D9B;
}
#ktsCont .res_link a.linkc06 {
	color: #FFFFFF;
	background-color: #65BDC8;
}
#ktsCont .linkAac {
	transition: all 0.3s;
}
@media screen and (min-width: 751px) {
	#ktsCont .res_link a:hover, #ktsCont .linkAac:hover {
		transform: scale(110%);
	}
}
#ktsCont .res_item {}
#ktsCont .res_h4 {
	display: inline;
	font-size: 24px;
	line-height: 1.5em;
	font-weight: bold;
}
#ktsCont .res01_item_01 {
	width: 480px;
	margin: 20px auto 0 auto;
}
#ktsCont .res01_item_01_inn {
	width: 636px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#ktsCont .res01_item_01_box {
	width: 45.283%;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .5);
}
@media screen and (max-width: 750px) {
	#ktsCont .res_midTxt {
		font-size: 3.73333vw;
		margin-top: 6vw;
		text-align: left;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	#ktsCont .res_personality {
		margin: 4vw auto 0 auto;
		padding: 3.33333vw 4vw 4vw 4vw;
		border-radius: 2.66666vw;
	}
	#ktsCont .res_h3_01 {
		width: 64.53333vw;
	}
	#ktsCont .res_person_ex {
		display: block;
		max-width: 53.33333vw;
		margin: 7.2vw auto 0 auto;
	}
	#ktsCont .res_person_exL {
		display: block;
		max-width: 70vw;
		margin: 7.2vw auto 0 auto;
	}
	#ktsCont .res_person_box {
		background-position: left 0.53333vw;
		background-size: 3.46666vw 2.69629vw;
		font-size: 3.73333vw;
		line-height: 1em;
		padding-left: 4vw;
		margin-top: 5vw;
	}
	#ktsCont .res_person_txt {
		font-size: 3.73333vw;
		text-align: left;
		text-align: justify;
		text-justify: inter-ideograph;
		margin-top: 10.6vw;
	}
	#ktsCont .res_voice {
		margin-top: 4.4vw;
	}
	#ktsCont .res_h3_02 {
		width: 33.45555vw;
	}
	#ktsCont .res_voice_img {
		width: 86vw;
		margin: 3.73333vw auto 0 auto;
	}
	#ktsCont .res_voice_img_ov {}
	#ktsCont .res_link {
		margin: 8vw 0 14vw 0;
	}
	#ktsCont .res_link a {
		font-size: 3.73333vw;
		padding: 3.6vw 7.33333vw 3.6vw 6vw;
		border-radius: 5.33333vw;
		background-position: right 2.66666vw center;
		background-size: 1.86666vw 3.2vw;
	}
	#ktsCont .res_item {}
	#ktsCont .res_h4 {
		font-size: 4.3vw;
	}
	#ktsCont .res01_item_01 {
		width: 83.2vw;
		margin: 5.33333vw auto 0 auto;
	}
	#ktsCont .res01_item_01_inn {
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	#ktsCont .res01_item_01_box {
		width: 59.52vw;
		margin: 6.66666vw auto 0 auto;
	}
}
#ktsCont .res_h3_03 {
	display: inline-block;
	width: 455px;
	margin-bottom: 70px;
}
#ktsCont .res04_h3_03 {
	display: inline-block;
	width: 516px;
	margin-bottom: 70px;
}
#ktsCont .res01_i02_slide_under {
	max-width: 470px;
	margin: 55px auto 0 auto;
	text-align: center;
}
#ktsCont .res04_i02_slide_under {
	max-width: 490px;
	margin: 55px auto 0 auto;
	text-align: center;
}
#ktsCont .res01_i02_slide_under p {
	font-size: 14px;
	line-height: 1.5em;
	margin-top: 10px;
}
#ktsCont .res_voice_under {
	margin: 60px 0 38px 0;
}
#ktsCont .res_search {
	margin-top: 45px;
}
#ktsCont .res_search_wrap {
	display: flex;
	justify-content: space-between;
}
#ktsCont .res_search_box {
	width: 324px;
	font-size: 16px;
	line-height: 1.5em;
}
#ktsCont .res_search_tti {
	margin-bottom: 10px;
}
#ktsCont .res_search_but {
	margin-bottom: 15px;
}
#ktsCont .res_search_12 {
	font-size: 12px;
}
@media screen and (max-width: 750px) {
	#ktsCont .res_h3_03 {
		width: 100%;
		max-width: 92vw;
		margin-bottom: 8vw;
	}
	#ktsCont .res04_h3_03 {
		width: 100%;
		max-width: 92vw;
		margin-bottom: 8vw;
	}
	#ktsCont .res01_i02_slide_under {}
	#ktsCont .res01_i02_slide_under p {
		font-size: 2.42666vw;
		margin-top: 1.33333vw;
	}
	#ktsCont .res_search {
		margin-top: 0;
	}
	#ktsCont .res_search_wrap {
		display: block;
	}
	#ktsCont .res_search_box {
		width: 66.93333vw;
		font-size: 3.2vw;
		margin: 6vw auto 0 auto;
	}
	#ktsCont .res_search_tti {
		margin-bottom: 1.86666vw;
	}
	#ktsCont .res_search_but {
		margin-bottom: 2vw;
	}
	#ktsCont .res_search_12 {
		font-size: 2.4vw;
	}
}
/**/
#ktsCont .res_h3_04 {
	display: inline-block;
	width: 397px;
}
#ktsCont .res_h3_04_h4 {
	margin-top: 40px;
}
#ktsCont .res_sns {
	width: 808px;
	margin: 45px auto 0 auto;
}
#ktsCont .howto {
	font-size: 18px;
	font-weight: bold;
}
#ktsCont .res_sns_flex {
	margin: 20px auto 0 auto;
	display: flex;
	padding-top: 30px;
}
#ktsCont .res_sns_box {
	width: 240px;
	border: 2px solid #0097D8;
	background-color: #FFFFFF;
	position: relative;
}
#ktsCont .res_sns_inn {
	padding: 45px 15px 15px 15px;
	text-align: justify;
	text-justify: inter-ideograph;
	position: relative;
	font-size: 16px;
	line-height: 1.5em;
}
#ktsCont .res_sns_step {
	width: 60px;
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
}
#ktsCont .res_sns_but {
	width: 220px;
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
}
#ktsCont .res_sns_but a {
	display: block;
	height: 48px;
	position: relative;
	border: 1px solid #4D4D4D;
	border-radius: 24px;
	color: #4D4D4D;
	text-decoration: none;
	font-size: 16px;
	text-align: left;
	line-height: 1.2em;
	background-color: #FFFFFF;
}
#ktsCont .res_sns_but a span {
	position: absolute;
	left: 55px;
	top: 50%;
	transform: translateY(-50%);
}
#ktsCont .res_sns_but a.twitter {
	margin-bottom: 10px;
	background-image: url(../img/res_step_tw.png);
	background-position: 20px center;
	background-size: 26px auto;
	background-repeat: no-repeat;
}
#ktsCont .res_sns_but a.insta {
	background-image: url(../img/res_step_in.png);
	background-position: 20px center;
	background-size: 26px auto;
	background-repeat: no-repeat;
}
#ktsCont .res_sns_arrow {
	width: 44px;
	background-image: url(../img/res_step_arrow.svg);
	background-position: center center;
	background-size: 38px auto;
	background-repeat: no-repeat;
}
#ktsCont .res_step_img_01 {
	margin-top: 15px;
}
@media screen and (max-width: 750px) {
	#ktsCont .res_h3_04 {
		width: 82vw;
	}
	#ktsCont .res_h3_04_h4 {
		margin-top: 5.33333vw;
	}
	#ktsCont .res_sns {
		width: 100%;
	}
	#ktsCont .howto {
		font-size: 4.26666vw;
	}
	#ktsCont .res_sns_flex {
		margin: 2.66666vw auto 0 auto;
		display: block;
		padding-top: 0px;
	}
	#ktsCont .res_sns_box {
		width: 100%;
		max-width: 56vw;
		margin: 6.93333vw auto 0 auto;
	}
	#ktsCont .res_sns_inn {
		padding: 10.26666vw 2vw 2vw 2vw;
		font-size: 3.73333vw;
		line-height: 1.5em;
	}
	#ktsCont .res_sns_step {
		width: 13.86666vw;
		top: -6.93333vw;
		left: 50%;
		transform: translateX(-50%);
	}
	#ktsCont .res_sns_but {
		width: 100%;
		padding: 2vw;
		position: static;
		transform: translateX(0%);
	}
	#ktsCont .res_sns_but a {
		font-size: 3.73333vw;
		line-height: 1em;
		height: 11.2vw;
		border-radius: 5.6vw;
	}
	#ktsCont .res_sns_but a span {
		left: 11.2vw;
	}
	#ktsCont .res_sns_but a.twitter {
		margin-bottom: 2.13333vw;
		background-position: 4vw center;
		background-size: 5.86666vw auto;
	}
	#ktsCont .res_sns_but a.insta {
		background-position: 4vw center;
		background-size: 5.86666vw auto;
	}
	#ktsCont .res_sns_arrow {
		width: 10vw;
		height: 9.2vw;
		background-image: url(../img/res_step_arrow_sp.svg);
		background-position: center center;
		background-size: 10vw 7.86666vw;
		background-repeat: no-repeat;
		margin: 0 auto 0 auto;
	}
	#ktsCont .res_step_img_01 {}
}
#ktsCont .kiyaku {
	max-width: 808px;
	height: 150px;
	overflow-y: scroll;
	background-color: #FFFFFF;
	margin: 35px auto 0 auto;
}
#ktsCont .kiyaku_inn {
	padding: 20px;
}
#ktsCont .kiyaku_inn h5 {
	display: inline;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#ktsCont .kiyaku_inn p {
	font-size: 14px;
	text-align: left;
	line-height: 1.7em;
	margin-top: 1em;
	text-align: justify;
	text-justify: inter-ideograph;
}
/**/
#ktsCont .res_h3_05 {
	display: inline-block;
	width: 420px;
	margin-bottom: 13px;
}
#ktsCont .res01_h3_05_inst {
	display: inline-block;
	width: 309px;
}
#ktsCont .study_txt {
	margin-top: 40px;
}
#ktsCont .study_link {
	width: 636px;
	margin: 50px auto 0 auto;
	display: flex;
	justify-content: space-between;
}
#ktsCont .study_box {
	width: 288px;
}
#ktsCont .study_box img {
	margin-top: 15px;
}
#ktsCont .study_box a {
	width: 220px;
	display: block;
	/*height: 48px;
	position: relative;
	border: 1px solid #4D4D4D;
	border-radius: 24px;
	color: #4D4D4D;
	text-decoration: none;
	font-size: 16px;
	text-align: left;
	line-height: 1.2em;
	background-color: #FFFFFF;
	margin: 15px auto 0 auto;*/
}
/*#ktsCont .study_box a span {
	position: absolute;
	left: 70px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(../img/res_inst_arrow.svg);
	background-position: right center;
	background-size: 9px auto;
	background-repeat: no-repeat;
	padding-right: 40px;
}
#ktsCont .study_box a.insta {
	background-image: url(../img/res_step_in.png);
	background-position: 20px center;
	background-size: 26px auto;
	background-repeat: no-repeat;
}*/
/**/
#ktsCont .more {
	margin-top: 80px;
}
#ktsCont .more a.result {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 1em;
	color: #FFFFFF;
	padding: 18px 40px 18px 20px;
	background-color: #FF8732;
	border: 3px solid #FFFFFF;
	border-radius: 33px;
	text-decoration: none;
	transition: all .3s;
	background-image: url(../img/ch_linkArrow_01.svg);
	background-position: right 20px center;
	background-repeat: no-repeat;
	background-size: 13px 22px;
}
@media screen and (max-width: 750px) {
	/*#ktsCont .more a.result {
		font-size: 5vw;
		padding: 2.4vw 8vw;
		border: 0.4vw solid #FFFFFF;
		border-radius: 4.4vw;
		background-position: right 3.33333vw center;
		background-size: 1.73333vw 2.93333vw;
	}*/
}
@media screen and (max-width: 750px) {
	#ktsCont .res_h3_05 {
		width: 85vw;
		margin-bottom: 2.6vw;
	}
	#ktsCont .res01_h3_05_inst {
		width: 90vw;
	}
	#ktsCont .study_txt {
		margin-top: 8vw;
	}
	#ktsCont .study_link {
		width: 100%;
		display: block;
	}
	#ktsCont .study_box {
		width: 59.46666vw;
		margin: 0 auto 50px auto;
	}
	/*#ktsCont .study_box img {
		margin-top: 15px;
	}*/
	#ktsCont .study_box a {
		width: 45.46666vw;
		display: block;
		/*height: 48px;
		position: relative;
		border: 1px solid #4D4D4D;
		border-radius: 24px;
		color: #4D4D4D;
		text-decoration: none;
		font-size: 16px;
		text-align: left;
		line-height: 1.2em;
		background-color: #FFFFFF;
		margin: 15px auto 0 auto;*/
	}
	/*#ktsCont .study_box a span {
		position: absolute;
		left: 70px;
		top: 50%;
		transform: translateY(-50%);
		background-image: url(../img/res_inst_arrow.svg);
		background-position: right center;
		background-size: 9px auto;
		background-repeat: no-repeat;
		padding-right: 40px;
	}
	#ktsCont .study_box a.insta {
		background-image: url(../img/res_step_in.png);
		background-position: 20px center;
		background-size: 26px auto;
		background-repeat: no-repeat;
	}*/
}
@media screen and (max-width: 320px) {
	/*#ktsCont .study_box a {
		width: 100%;
		display: block;
		height: 15vw;
		position: relative;
		border: 1px solid #4D4D4D;
		border-radius: 7.5vw;
		color: #4D4D4D;
		text-decoration: none;
		font-size: 5vw;
		text-align: left;
		line-height: 1.2em;
		background-color: #FFFFFF;
		margin: 4.6875vw auto 0 auto;
	}
	#ktsCont .study_box a span {
		position: absolute;
		left: 21.875vw;
		top: 50%;
		transform: translateY(-50%);
		background-image: url(../img/res_inst_arrow.svg);
		background-position: right center;
		background-size: 2.8125vw auto;
		background-repeat: no-repeat;
		padding-right: 12.5vw;
	}
	#ktsCont .study_box a.insta {
		background-image: url(../img/res_step_in.png);
		background-position: 6.25vw center;
		background-size: 8.125vw auto;
		background-repeat: no-repeat;
	}*/
}
#ktsCont .ch_result {
	width: 318px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 750px) {
	#ktsCont .ch_result {
		width: 68vw;
	}
}
#ktsCont .res_returnQ {
	width: 318px;
	margin-left: auto;
	margin-right: auto;
}
#ktsCont .res_insta {
	width: 220px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 750px) {
	#ktsCont .res_returnQ {
		width: 68vw;
	}
}

/*  マナビリンク
-----------------------------------*/
#stationery .wrapTop4, #ktsCont .wrapTop4 {
	/*width: 100%;*/
	margin-left: auto;
	margin-right: auto;
	padding: 40px 15px 40px 15px;
	box-sizing: border-box;
}
#stationery .wrapTop4 .sec_title h2, #ktsCont .wrapTop4 .sec_title h2 {
	font-weight: bold;
	font-size: 24px;
	line-height: 1.6em;
}
#stationery .bgC03, #ktsCont .bgC03 {
	background-color: #E5F5FB;
}
#stationery .line_center, #ktsCont .line_center {
	text-align: center;
}
#stationery .manabi_toha, #ktsCont .manabi_toha {
	max-width: 560px;
}
@media screen and (max-width: 750px) {
	#stationery .wrapTop4, #ktsCont .wrapTop4 {}
	#stationery .wrapTop4 .sec_title h2, #ktsCont .wrapTop4 .sec_title h2 {}
	#stationery .bgC03, #ktsCont .bgC03 {}
	#stationery .line_center, #ktsCont .line_center {}
	#stationery .manabi_toha, #ktsCont .manabi_toha {
		max-width: 399px;
		margin-bottom: 100px;
	}
}
#stationery .image_fit, #ktsCont .image_fit {
	width: 100%;
	height: auto;
}
#stationery .pc, #ktsCont .pc {
	display: block;
}
#stationery .sp, #ktsCont .sp {
	display: none;
}
@media screen and (max-width: 750px) {
	#stationery .sp, #ktsCont .sp {
		display: block;
	}
	#stationery .pc, #ktsCont .pc {
		display: none;
	}
}
#stationery .mg_top-20, #ktsCont .mg_top-20 {
	margin-top: 20px;
}
#stationery .mg_top-30, #ktsCont .mg_top-30 {
	margin-top: 30px;
}
#stationery .mg_top-40, #ktsCont .mg_top-40 {
	margin-top: 40px;
}
#stationery .obj_center, #ktsCont .obj_center {
	margin-left: auto;
	margin-right: auto;
}
#stationery .txt16-30, #ktsCont .txt16-30 {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	-moz-osx-font-smoothing: grayscale;
	/*color: #666666;*/
	font-size: 16px;
	line-height: 25.6px;
	;
}
#stationery .blink2, #ktsCont .blink2 {
	animation: flash2 1.5s linear infinite;
}
@keyframes flash2 {
	0%, 100% {
		opacity: 1;
	}
	49% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
}
/*-----------------------------------*/