body/* keyvisual
-------------------------------------------------- */
.keyvisualTop {
	opacity: 0;
}
.keyvisualVideo {
	height: 100vh;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	background-color: #000000;
	background-image: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.keyvisualVideo:after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	background: url("/shared/global/images/bg_kv_over.png");
	top: 0;
	left: 0;
}
.keyvisualVideo video {
    display: none;
}

.keyvisualVideo .keyvisual__txt {
	position: relative;
	z-index: 1;
}

.keyvisualVideo .keyvisual__txt .keyvisual__title {
	color: #ffffff;
	font-family: "Times New Roman", serif;
	font-size: 29px;
}

.keyvisualVideo .scrolldown {
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	padding: 15px 0;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	width: 48px;
}

.keyvisualVideo .scrolldown img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 768px) {
	.keyvisualVideo {
		margin-top: -102px;
		padding-top: 102px;
		background-image: none;
	}
	.keyvisualVideo .keyvisual__txt .keyvisual__title {
		/* margin-top: -102px; */
		font-size: 50px;
	}
	.keyvisualVideo .scrolldown {
		/* margin-bottom: 102px; */
		width: 56px;
	}
	.keyvisualVideo video {
		display: block;
	    padding-top: 102px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: auto;
	    height: auto;
	    min-width: 100%;
	    min-height: 100%;
	    -webkit-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	}
}

@media screen and (min-width: 1024px) {
	.keyvisualVideo .keyvisual__txt .keyvisual__title {
		font-size: 92px;
	}	
}

.importantBlock {
	overflow: hidden;
}
/*p.importantNotices {
	padding: 11px 20px 9px;
	margin: 0 0 1px;
	font-size: 14px;
	font-size: 1.4rem;
	background: #eeeeee;
	line-height: 1.5;
}*/
p.importantNotices {
	width: 100%;
    padding: 11px 0 9px;
    margin: 0 0 1px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: #c13240;
    font-weight: bold;
	font-family:  Helvetica, Arial, sans-serif;
}
p.importantNotices a {
	color: #fff;
}
@media screen and (max-width: 959px) {
	.importantBlock a.colorRed:link,.importantBlock a.colorRed:visited {
		color: #c3303c;
	}
}
.noticeHidden {
	height: 0;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.noticeNone {
	opacity: 0;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.strongType_1 {
	font-weight: bold;
}

/* section
-------------------------------------------------- */
.sectionTitle {
	text-align: center;
	font-family: "Times New Roman", serif;
	font-weight: normal;
	font-size: 26px;
	padding: 20px 0 10px 0px;
}

.sectionTitle span {
	display: block;
}

.sectionTitle span img {
	width: 35px;
}

.section1 .sectionTitle {
	color: #5a529a;
}
.section2 .sectionTitle {
	color: #b73b50;
}
.section3 .sectionTitle {
	color: #a88e00;
}
.section4 .sectionTitle {
	color: #589f91;
}

.section4 p {
	margin-bottom: 30px;
}

.section2 .btn {
	margin-bottom: 20px;
}

.section2 .btn__list,
.section4 .btn__list {
	margin-bottom: 35px;
}

.section5 {
	padding-bottom: 35px;
}

@media screen and (min-width: 960px) {
	.sectionTitle {
		font-size: 52px;
		padding: 55px 0 95px;
	}
	.section2 .sectionTitle {
		padding-top: 75px;
		padding-bottom: 45px;
	}
	.sectionTitle span img {
		width: 70px;
	}
	.section2 .btn {
		margin-bottom: 0;
	}
	.section2 .btn__list,
	.section4 .btn__list {
		margin-bottom: 70px;
	}

	.section3 .sectionTitle {
		padding-bottom: 45px;
	}

	.section4 .sectionTitle {
		padding-bottom: 10px;
	}

	.section5 {
		padding: 30px 0 70px;
	}

	.section5 .sectionTitle span img {
		width: 74px;
	}

	.section5 .sectionTitle {
		padding-bottom: 10px;
	}

	.section4 p {
		margin-bottom: 50px;
	}

	.section5 p {
		text-align: center;
		margin-bottom: 50px;
	}

	.btn__linkArrow:hover:before {
		background: url(/shared/global/images/arrow_middle_btn_1.png) left top no-repeat;
		width: 8px;
	}

	.section2 .btn__linkArrow:hover {
		background-color: #c3303c;
		color: #ffffff;
	}

	.section3 .btn__linkArrow:hover {
		background-color: #c3303c;
		color: #ffffff;
	}

	.section4 .btn__linkArrow:hover {
		background-color: #589f91;
		border-color: #589f91;
		color: #ffffff;
	}
}

/* twoColumns
-------------------------------------------------- */
.twoColumns {
	margin-bottom: 20px;
}
.twoColumns .column {
	background-color: #ffffff;
	border-radius: 4px;
	margin-bottom: 40px;
	line-height: 1.5;
}

.twoColumns .column .image img {
	width: 100%;
	height: auto;
	border-radius: 4px 4px 0 0;
}

.twoColumns .column .body,
.twoColumns .column .body2 {
	padding: 10px;
}

.twoColumns .column .body {
	padding: 29px 10px 25px;
}

.twoColumns .column .body p {
	font-size: 12px;
	margin-bottom: 25px;
}

.twoColumns .column .body2 {
	border-top: 3px solid #eeeeee;
}

.twoColumns .column .body2 p {
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}

.twoColumns .column .body .link {
	text-align: center;
	margin-bottom: 0;
}

.twoColumns .column .body .link a {
	font-weight: bold;
	display: inline-block;
	padding-left: 12px;
	background: url("/shared/global/images/icon_arrow1.png") left center no-repeat;
	background-size: 6px 10px;
}

.twoColumns .column .body .link a:hover {
	text-decoration: none;
}

.twoColumns .column .name {
	text-align: center;
	margin-bottom: 29px;
}

.twoColumns .column .name img {
	width: auto;
	height: 46px;
}

.twoColumns .column .title {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 13px;
	text-align: center;
	text-transform: uppercase;
}

.twoColumns .column .body2 ul {
	margin-bottom: 0;
}

.twoColumns .column .body2 ul li a {
	display: table;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #cccccc;
	margin-bottom: 10px;
	font-weight: bold;
	color: #000000;
	padding: 10px 15px;
	font-size: 12px;
	background: url("/shared/global/images/icon_arrow2.png") right 15px center no-repeat;
	background-size: 6px 10px;
}

.twoColumns .column .body2 ul li a:hover {
	text-decoration: none;
	color: #c3303c;
	background-image: url("/shared/global/images/icon_arrow2h.png");
}
.twoColumns .column .body2 ul.comingsoon li a {
	border: 1px solid #e7e7e7;
	background: none;
}
.twoColumns .column .body2 ul.comingsoon li a:hover {
	text-decoration: none;
	color: inherit;
}

.twoColumns .column .body2 ul li:last-child a {
	margin-bottom: 0;
}

.twoColumns .column .body2 p.helper,
.twoColumns .column .body2 ul li a span.helper {
	color: #aaaaaa;
	font-size: 10px;
	display: block;
	font-weight: normal;
}

.twoColumns .column .body2 ul + p {
	font-size: 12px;
	margin:1em 1em 0 1em;
	font-weight:normal;
	text-align: left;
}
.twoColumns .column .body2 ul + p.en {
	padding:0 0 0 1em;
	text-indent: -0.5em;
}
.twoColumns .column .body2 ul + p.noen {
	padding:0 0 0 1em;
	text-indent: -1em;
}
.twoColumns .column .body2 ul li a .col:first-child span {
	display: block;
	color: #ffffff;
	background: #c3303c;
	border-radius: 20px;
	text-align: center;
	padding: 1px;
	font-weight: normal;
}

.twoColumns .column .body2 ul li a .col:first-child span.color1 {
	background-color: #d16290;
}
.twoColumns .column .body2 ul li a .col:first-child span.color2 {
	background-color: #50b9cc;
}
.twoColumns .column .body2 ul li a .col:first-child span.color3 {
	background-color: #6b922c;
}
.twoColumns .column .body2 ul li a .col:first-child span.color4 {
	background-color: #c94613;
}
.twoColumns .column .body2 ul li a .col:first-child span.color5 {
	background-color: #5f59ba;
}
.twoColumns .column .body2 ul li a .col:first-child span.color6 {
	background-color: #cb8241;
}
.twoColumns .column .body2 ul li a .col:first-child span.color7 {
	background-color: #888888;
}
.twoColumns .column .body2 ul li a .col:first-child span.color8 {
	background-color: #9d43b3;	
}
.twoColumns .column .body2 ul li a .col:first-child span.color9 {
	background-color: #bd9d00;	
}

.twoColumns .column .body2 ul li a .col {
	display: table-cell;
	vertical-align: middle;
}

.twoColumns .column .body2 ul li a .col:first-child {
	width: 70px;
	padding-right: 7px;
}

.twoColumns .column .body2 ul li a .col:last-child {
	padding-right: 15px;
}

@media screen and (min-width: 960px) {
	.twoColumns {
		overflow: hidden;
		margin-bottom: 60px;	
	}

	.twoColumns .column {
		float: left;
		width: 48%;
		margin-bottom: 60px;
	}
	.twoColumns .column:nth-child(2n) {
		float: right;
	}

	.twoColumns .column .body,
	.twoColumns .column .body2 {
		padding: 30px;
	}

	.twoColumns .column .body {
		padding-bottom: 20px;
	}

	.twoColumns .column .body p {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.twoColumns .column .body2 {
		border-top-width: 1px;
	}

	.twoColumns .column .name {
		margin-bottom: 15px;
	}

	.twoColumns .column .name img {
		height: 51px;
	}

	.twoColumns .column .title {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.twoColumns .column .body .link a {
		background-size: 8px 12px;
		padding-left: 16px;
		font-size: 16px;
	}

	.twoColumns .column .body2 p {
		font-size: 20px;
	}

	.twoColumns .column .body2 ul li a {
		font-size: 16px;
		margin-bottom: 0;
		padding: 15px 13px;
		background-size: 8px 12px;
		border: 0;
		border-radius: 0;
	}
	.twoColumns .column .body2 ul {
		border: 1px solid #cccccc;
		border-radius: 4px;
		border-bottom-width: 0;
	}
	.twoColumns .column .body2 ul.comingsoon {
		border: 1px solid #e7e7e7;
	}
	.twoColumns .column .body2 ul li a {
		border-bottom: 1px solid #cccccc;
	}
	.twoColumns .column .body2 ul li:last-child a {
		border-radius: 4px;
	}

	.twoColumns .column .body2 p.helper,
	.twoColumns .column .body2 ul li a span.helper {
		font-size: 14px;
		display: inline-block;
	}

	.twoColumns .column .body2 p.helper {
		display: block;
	}

	.twoColumns .column .body2 ul li a .col:first-child {
		width: 93px;
		padding-right: 11px;
	}

	.twoColumns .column .body2 ul li a span {
		font-size: 14px;
	}
	.twoColumns .column .body2 ul.comingsoon {
		background-color:#e7e7e7;
	}
	
	.twoColumns .column .body2 ul li.comingsoon {
		background-color:#e7e7e7;
	}

	.twoColumns .column .body2 ul.comingsoon li a span {
		color:#666666;
	}
	
	.twoColumns .column .body2 ul li.comingsoon a span {
		color:#666666;
	}

}

@media screen and (min-width: 1200px) {
	.twoColumns .column {
		width: 470px;
	}
}

@media screen and (max-width: 959px) {
    .twoColumns .column .body,
    .twoColumns .column .body2 {
        height: auto !important;
    }
	.twoColumns .column .body2 ul + p {
		margin:1em 0.5em 1em 0.5em;
	}
}


/* area
-------------------------------------------------- */
.area {
	background-color: #eeeeee;
	padding: 10px;
	line-height: 1.5;
	border-radius: 4px;
	margin-bottom: 30px;
}

.area ul {
	margin-bottom: 0;
	border-radius: 4px;
	overflow: hidden;
	background: #ffffff;
}

.area ul li a {
	display: table;
	width: 100%;
	background: url("/shared/global/images/icon_arrow2.png") right 10px center no-repeat;
	background-size: 8px 15px;
	color: #333333;
}

.area ul li {
	border-bottom: 2px solid #eeeeee;
}

.area ul li:last-child {
	border-bottom-width: 0;
}

.area ul li a .col {
	display: table-cell;
	vertical-align: middle;
}

.area ul li a .colEnd {
	padding: 0 20px 0 13px;
}

.area ul li a .col:first-child {
	width: 80px;
}

.area ul li a .col:first-child .image {
	width: 80px;
	height: 80px;
}
.area ul li a .col:first-child .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
}

.area ul li a:hover {
	text-decoration: none;
}

.area ul li a:hover .name {
	color: #c3303c;
}

.area ul li a .name {
	font-weight: bold;
	color: #333333;
	font-size: 13px;
	margin: 0;
}

.area ul li a p {
	margin-bottom: 0;
}

.area .title {
	font-size: 19px;
	text-align: center;
	margin: 15px 0 20px;
}

.area .title span {
	background: #c3303c;
	color: #ffffff;
	display: inline-block;
	padding: 2px 26px;
	border-radius: 20px;
}

.area .title span.color1 {
	background-color: #50b9cc;
}
.area .title span.color2 {
	background-color: #d16290;
}
.area .title span.color3 {
	background-color: #6b922c;
}
.area .title span.color4 {
	background-color: #c94613;
}
.area .title span.color5 {
	background-color: #5f59ba;
}
.area .title span.color6 {
	background-color: #cb8241;
}
.area .title span.color7 {
	background-color: #9d43b3;
}
.area .title span.color8 {
	background-color: #0050aa;
}

@media screen and (min-width: 960px) {
	.area {
		background-color: #eeeeee;
		padding: 40px;
		margin-bottom: 60px;
	}
	.area ul li a {
		background-size: 12px 22px;
		background-position: right 20px center;
	}
	.area ul li a .col:first-child {
		width: 205px;
	}
	.area ul li a .col:first-child .image {
		width: auto;
		height: auto;
	}
	.area ul li a .col:first-child .image img {
		height: 118px;
	}

	.area ul li a .name {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.area ul li a .colEnd {
		padding: 0 30px;
	}

	.area .title {
		font-size: 34px;
		margin: 0 0 40px;
	}

	.area .title span {
		padding: 3px 15px;
		border-radius: 30px;
		min-width: 216px;
	}
}

.btn-alt {
	text-align: center;
}

.btn-alt span {
	margin: 0 auto;
}

.btn-alt .btn__linkArrow {
	border: solid 1px #c3303c;
	text-decoration: none;
	color: #b73b50;
	background: url("/shared/global/images/icon_arrow1.png") right 10px center no-repeat;
	background-size: 6px 9px;
}

@media screen and (min-width: 960px) {
	.btn-alt span {
		margin: 0;
	}

	.btn-alt .btn__linkArrow {
		background: none!important;
	}

	.btn-alt .btn__linkArrow:before {
		background-position: left bottom;
	}

	.btn-alt .btn__linkArrow:hover:before {
		background-position: top left;
	}

	.btn-alt .btn__linkArrow:hover {
		border-color: #000000;
		color: #000000;
	}

	.btn__linkArrow:hover {
		border-color: #c3303c;
	}

}

.about {
	border-radius: 4px;
	background-color: #ffffff;
	margin-bottom: 60px;
}

.about .image {
	width: 100%;
	height: 107px;
}

.about .image img {
	border-radius: 4px 4px 0 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
}

.about .body {
	padding: 10px;
}

.about .hidden {
	display: none;
}

.about .title {
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 25px;
	line-height: 1.5;
	margin-top: 15px;
}

.about .readmore {
	position: relative;
	text-align: center;
	overflow: hidden;
	padding: 10px;
	background: url("/shared/global/images/grad.png") top center;
	padding-top: 125px;
	margin-top: -170px;
}

.about .readmore a {
	color: #000000;
	border: 1px solid #ccc;
	display: block;
	border-radius: 4px;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 10px;
	background-color: #ffffff;
	background-image: url("/shared/global/images/icon_arrow5.png");
	background-position: right 15px center;
	background-repeat: no-repeat;
	background-size: 10px 6px;
	width: 100%;
}

.about .readmore a:hover {
	cursor: pointer;
	text-decoration: none;
}

.about .readmore.active {
	background-image: none;
	padding-top: 0;
	margin-top: 0;
}

.about .readmore.active a {
	background-image: url("/shared/global/images/icon_arrow6.png");
}

.about .body.active {
	height: auto!important;
}

@media screen and (min-width: 960px) {
	.about {
		margin-bottom: 120px;
	}

	.about .body {
		padding: 60px;
	}

	.about .image {
		height: 214px;
	}

	.about .readmore {
		padding-bottom: 60px;
		padding-top: 130px;
		margin-top: -170px;
	}

	.about .readmore a {
		font-size: 16px;
		max-width: 310px;
		margin: 0 auto;
		padding: 13px 10px;
		background-image: none!important;
	}
	/*
	.about .readmore a:hover {
		cursor: pointer;
		color: #a88e00;
		border-color: #a88e00;
	}*/
	.about .readmore a:hover {
		background-color: #a88e00;
		color: #ffffff;
		border-color: #a88e00;
	}

	.about .readmore a span {
		display: inline-block;
		padding-left: 25px;
		background-image: url("/shared/global/images/icon_arrow5.png");
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 13px 8px;
	}

	.about .readmore.active a span {
		background-image: url("/shared/global/images/icon_arrow6.png");
	}
	
	.about .readmore a:hover span {
		background-image: url("/shared/global/images/icon_arrow3.png");
	}

	.about .readmore.active a:hover span {
		background-image: url("/shared/global/images/icon_arrow4.png");
	}

	.about .title {
		font-size: 34px;
	}
}


.image-center {
	text-align: center;
	margin-bottom: 30px;
}

.image-center img {
	max-width: 100%;
}


@media screen and (min-width: 960px) {
	.about .image {
		height: auto;
	}

	.image-center {
		margin-bottom: 60px;
	}
}

.learnmore-hidden {
	display: none;
}

.learnmore {
	position: relative;
	text-align: center;
	overflow: hidden;
	padding: 10px;
}

.learnmore a {
	color: #a88e00;
	border: 1px solid #a88e00;
	display: block;
	border-radius: 4px;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 10px;
	background-color: #ffffff;
	background-image: url("/shared/global/images/icon_arrow3.png");
	background-position: right 15px center;
	background-repeat: no-repeat;
	background-size: 10px 6px;
	width: 100%;
}

.learnmore a:hover {
	cursor: pointer;
	text-decoration: none;
}

.learnmore.active {
	background-image: none;
}

.learnmore.active a {
	background-image: url("/shared/global/images/icon_arrow4.png");
}

.learnmore-alt a {
	color: #000;
	border-color: #ccc;
	background-image: url("/shared/global/images/icon_arrow5.png");
}

.learnmore-alt.active a {
	background-image: url("/shared/global/images/icon_arrow6.png");	
}

@media screen and (min-width: 960px) {
	.learnmore a {
		font-size: 16px;
		max-width: 310px;
		margin: 0 auto;
		padding: 13px 10px;
		background-image: none!important;
	}

	.learnmore a:hover {
		cursor: pointer;
		color: #000000;
		border-color: #000000;
	}

	.learnmore a span {
		display: inline-block;
		padding-left: 25px;
		background-image: url("/shared/global/images/icon_arrow3.png");
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 13px 8px;
	}
	.learnmore-alt a span {
		background-image: url("/shared/global/images/icon_arrow10.png");
	}

	.learnmore.active a span {
		background-image: url("/shared/global/images/icon_arrow4.png");
	}

	.learnmore a:hover span {
		background-image: url("/shared/global/images/icon_arrow5.png");
	}

	.learnmore.active a:hover span {
		background-image: url("/shared/global/images/icon_arrow6.png");
	}

	.learnmore-alt a span {
		background-image: url("/shared/global/images/icon_arrow5.png");
	}
	.learnmore-alt.active a span {
		background-image: url("/shared/global/images/icon_arrow6.png");
	}
	.learnmore-alt a:hover {
		color: #c3303c;
		border-color: #c3303c;
	}
	.learnmore-alt a:hover span {
		background-image: url("/shared/global/images/icon_arrow10.png");		
	}
	.learnmore-alt.active a:hover span {
		background-image: url("/shared/global/images/icon_arrow9.png");
	}
}