@charset "UTF-8";
/* ============================================
 *
 * content_base_wrap.css
 *
============================================ */
body {
	font-family: 'Noto Sans JP Regular', 'Noto Sans JP', sans-serif !important;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	background-color: #fff;
	color: #2c2a29;
}
a {
	color: #5785c6;
}
a:hover,
a:focus,
a:active,
a.active {
	color: #2a8fbe;
	opacity: 0.7;
	text-decoration: underline;
}
/*------------------------------------------------------------
	content_base_wrap.css
------------------------------------------------------------*/
/* ============================================
 * contentBaseWrap
============================================ */
.contentBaseWrap {
	font-family: 'Noto Sans JP Regular', 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	background-color: #fff;
	color: #2c2a29;
}
/* ============================================
 * universal class
============================================ */
.red {
	color: #b91346;
}
.blueHIS {
	color: #0057b8;
}
.lightblue {
	color: #5785c6;
}
.bold {
	font-weight: 700;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.fontEN {
	font-family: Futura PT, sans-serif;
	font-weight: 400;
}
.blockquote {
	position: relative;
	padding: 50px 30px;
}
.blockquote:before,
.blockquote:after {
	position: absolute;
	display: block;
	width: 56px;
	height: 40px;
}
.blockquote:before {
	content: '';
	top: 0;
	left: 0;
	background-image: url(../../../asset/icon/icn_quote_begin.svg);
}
.blockquote:after {
	content: '';
	bottom: 0;
	right: 0;
	background-image: url(../../../asset/icon/icn_quote_end.svg);
}
/* ============================================
 * contentBaseWrap__heading
============================================ */
.contentBaseWrap__heading {
	margin: 40px auto;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	color: #0057b8;
	text-align: center;
}
.contentBaseWrap__heading__h1 h1 {
	font-size: 2.2rem;
}
.contentBaseWrap__heading__h2 h2 {
}
.contentBaseWrap__heading__h3 h3 {
}
.contentBaseWrap__heading__h4 h4 {
}
.contentBaseWrap__heading__h5 h5 {
}
.contentBaseWrap__heading__h6 h6 {
}
@media screen and (max-width:767px) {
}

/* ============================================
 * contentBaseWrap__headingDouble
============================================ */
.contentBaseWrap__headingDouble {
	position: relative;
	margin: 60px auto;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	color: #0057b8;
	text-align: center;
}
.contentBaseWrap__headingDouble__first {
	color: #2c2a29;
}
.contentBaseWrap__headingDouble__second {
	font-family: Futura PT, sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #0057b8;
}
.contentBaseWrap__headingDouble__second:before {
	content: '';
	display: block;
	width: 100px;
	height: 2px;
	position: relative;
	left: 50%;
	margin-left: -50px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #0057b8;
}

/* ============================================
 * contentBaseWrap__heading3
============================================ */
.contentBaseWrap__heading3 {
	position: relative;
	margin: 30px auto;
	padding: 10px 10px 10px 50px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2;
	color: #0057b8;
	border-bottom: 2px solid #0057b8;
}
.contentBaseWrap__heading3:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 60px 0 0 40px;
	border-color: transparent transparent transparent #0057b8;
	position: absolute;
	left: 0;
	bottom: 0;
}

/* ============================================
 * contentBaseWrap__heading4
============================================ */
.contentBaseWrap__heading4 {
	position: relative;
	margin: 20px auto;
	padding: 10px 10px 10px 30px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	background-color: #0057b8;
	color: #fff;
}
.contentBaseWrap__heading4:before {
	content: '';
	display: block;
	width: 10px;
	height: 100%;
	position: absolute;
	left: 10px;
	top: 0;
	background-color: #fff;
}

/* ============================================
 * contentBaseWrap__heading5
============================================ */
.contentBaseWrap__heading5 {
	margin: 20px auto;
	padding-bottom: 2px;
	border-bottom: 2px solid #0057b8;
}
.contentBaseWrap__heading5__txt {
	display: inline-block;
	padding: 10px 1em;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	background-color: #0057b8;
	color: #fff;
}
/* ============================================
 * contentBaseWrap__heading6
============================================ */
.contentBaseWrap__heading6 {
	margin: 20px auto;
	border-bottom: 1px solid #0057b8;
}
/* ============================================
 * contentBaseWrap__heading7
============================================ */
.contentBaseWrap__heading7 {
	clear: both;
	margin: 20px auto;
	padding: 4px 1%;
	text-align: center;
	line-height: 1.4;
	background-color: #e877e0;
	border-left: 40px solid #0057b8;
	border-right: 40px solid #0057b8;
	color: #fff;
}
.contentBaseWrap__heading7__txt {
	font-size: 24px;
}
@media screen and (max-width:767px) {
.contentBaseWrap__heading7 {
	border-left: 10px solid #0057b8;
	border-right: 10px solid #0057b8;
}
.contentBaseWrap__heading7__txt {
	font-size: 18px;
}
}

/* ============================================
 * contentBaseWrap__paragraph
============================================ */
.contentBaseWrap__paragraph {
	margin: 10px auto;
	color: #2c2a29;
}
.contentBaseWrap__paragraph__txt {
	color: #2c2a29;
}

/* ============================================
 * contentBaseWrap__tablePrice
============================================ */
.contentBaseWrap__tablePrice {
}
.contentBaseWrap__tablePrice__title {
	margin: auto;
	font-size: 18px;
	font-weight: bold;
	color: #0057b8;
}
.contentBaseWrap__tablePrice__title1 {
	font-size: 22px;
	font-weight: 700;
	color: #b91346;
	text-align: center;
}
.contentBaseWrap__tablePrice__title span {
	font-size: 147%;
}
.contentBaseWrap__tablePrice__remarks {
	margin: auto;
	font-size: 12px;
}
.contentBaseWrap__tablePrice__title1.red {
	margin: 20px auto 10px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	padding: 4px 0.4em;
	color: #fff;
	background-color: #b91346;
	text-align: center;
}
.contentBaseWrap__tablePrice__title1.blue {
	margin: 20px auto 10px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	padding: 4px 0.4em;
	color: #fff;
	background-color: #0057b8;
	text-align: center;
}
.contentBaseWrap__tablePrice__period1.red {
	margin: auto;
	font-size: 16px;
	font-weight: bold;
	color: #b91346;
}
.contentBaseWrap__tablePrice__period1.blue {
	margin: auto;
	font-size: 16px;
	font-weight: bold;
	color: #0057b8;

}
.contentBaseWrap__tablePrice__dl {
	margin: 4px auto;
	padding: 10px 0.4em;
	border-top: 1px solid #729dda;
	border-bottom: 1px solid #729dda;
	background-color: #f5faff;
}
.contentBaseWrap__tablePrice__dl.emphasis {
	margin: 4px auto;
	padding: 10px 0.4em;
	border-top: 1px solid #b91346;
	border-bottom: 1px solid #b91346;
	background-color: #fff0f4;
}
.contentBaseWrap__tablePrice__dl > dl {
	display: block;
	margin: auto;
	padding: 0;
}
.contentBaseWrap__tablePrice__dl > dl > dt {
	display: inline-block;
	margin: 4px auto;
	padding: 4px 1em;
	font-weight: bold;
	border-radius: 30px;
	background-color: #729dda;
	color: #fff;
}
.contentBaseWrap__tablePrice__dl > dl > dt.ttlRed {
	background-color: #b91346;
}
.contentBaseWrap__tablePrice__dl > dl > dt.ttlBlue {
	background-color: #0057b8;
}
.contentBaseWrap__tablePrice__dl > dl > dd {
	position: relative;
	display: block;
	margin: 2px auto;
	padding: 0 0 0 30px;
}
.contentBaseWrap__tablePrice__dl > dl > dd:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 8px;
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #0057b8;
}
.contentBaseWrap__tablePrice__dl > dl > dd span {
	font-weight: bold;
	color: #b91346;
}

.contentBaseWrap__tablePrice table {
	width: 100%;
	border-collapse: collapse;
	border: none !important;
	margin: auto;
}
.contentBaseWrap__tablePrice table th,
.contentBaseWrap__tablePrice table td {
	border: none !important;
	padding: 10px 2%;
}
.contentBaseWrap__tablePrice tr {
}
.contentBaseWrap__tablePrice thead th {
	text-align: center;
	vertical-align: middle;
	line-height: 1.0;
	font-size: 14px;
	font-weight: normal;
	background-color: #5785c6;
	color: #fff;
}
.contentBaseWrap__tablePrice thead th:nth-child(1) {
	width: 50%;
	font-size: 12px;
}
.contentBaseWrap__tablePrice thead th:nth-child(2) {
	width: 30%;
	font-size: 16px;
	border-left: 1px solid #729dda !important;
}
.contentBaseWrap__tablePrice thead th:nth-child(3) {
	width: 20%;
	font-size: 12px;
	border-left: 1px solid #729dda !important;
}
.contentBaseWrap__tablePrice tbody {
}
.contentBaseWrap__tablePrice tbody th,
.contentBaseWrap__tablePrice tbody td {
	vertical-align: middle;
	line-height: 1.2;
	background-color: #fff !important;
}
.contentBaseWrap__tablePrice tbody tr:nth-child(even) th,
.contentBaseWrap__tablePrice tbody tr:nth-child(even) td {
	vertical-align: middle;
	line-height: 1.2;
	background-color: #f5f5f5 !important;
}
.contentBaseWrap__tablePrice tbody tr:last-child th,
.contentBaseWrap__tablePrice tbody tr:last-child td {
	border-bottom: 2px solid #5785c6 !important;
}
.contentBaseWrap__tablePrice tbody th {
}
.contentBaseWrap__tablePrice tbody td {
	text-align: right;
}
.contentBaseWrap__tablePrice tbody th:nth-child(1) {
}
.contentBaseWrap__tablePrice tbody td:nth-child(2) {
	font-size: 22px;
	font-weight: 700;
	color: #b91346;
}
.contentBaseWrap__tablePrice tbody td:nth-child(3) {
	font-size: 16px;
}
@media screen and (max-width:767px) {
.contentBaseWrap__tablePrice tbody td:nth-child(2) {
	font-size: 18px;
}
.contentBaseWrap__tablePrice tbody td:nth-child(3) {
	font-size: 14px;
}
}

.contentBaseWrap__tablePrice .unit {
	display: inline-block;
	font-family: Futura PT, sans-serif;
	font-weight: 400;
	font-size: 12px;
	margin: auto 0.2em;
}
.contentBaseWrap__tablePrice .number {
	display: inline-block;
	font-family: Futura PT, sans-serif;
}
.contentBaseWrap__tablePrice .tag {
}
.contentBaseWrap__tablePrice .name {
}
.contentBaseWrap__tablePrice .scale {
	color: #0057b8;
}

/* ============================================
 * contentBaseWrap__tablePriceBenefit
============================================ */
.contentBaseWrap__tablePriceBenefit {
	border-bottom: 2px solid #5785c6;
}
.contentBaseWrap__tablePriceBenefit dl {
}
.contentBaseWrap__tablePriceBenefit dt {
	font-size: 22px;
	font-weight: 700;
	color: #b91346;
	text-align: center;
}
.contentBaseWrap__tablePriceBenefit dd {
	margin: 10px auto;
}
.contentBaseWrap__tablePriceBenefit dd .ttl {
	display: inline-block;
	margin: auto;
	padding: 4px 1em;
	font-weight: bold;
	border-radius: 30px;
	background-color: #0057b8;
	color: #fff
}
.contentBaseWrap__tablePriceBenefit .contentBaseWrap__ul {
	margin: auto;
}


/* ============================================
 * contentBaseWrap__table1box
============================================ */
.contentBaseWrap__table1box {
	margin: 20px auto;
}
.contentBaseWrap__table1box__title {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
	color: #0057b8;
	text-align: center;
}
.contentBaseWrap__table1box__remarks {
	font-size: 14px;
	text-align: right;
}
.contentBaseWrap__table1box table {
	border-collapse: collapse;
	margin: auto;
	font-size: 14px;
}
.contentBaseWrap__table1box thead {
}
.contentBaseWrap__table1box tbody {
}
.contentBaseWrap__table1box tr {
}
.contentBaseWrap__table1box th {
	border: none;
	width: 60%;
	text-align: left;
}
.contentBaseWrap__table1box td {
	border: none;
	width: 40%;
	text-align: right;
}
.contentBaseWrap__table1box th,
.contentBaseWrap__table1box td {
	padding: 10px 1em;
	border-bottom: 1px solid #fff;
	vertical-align: middle;
}
.contentBaseWrap__table1box thead th,
.contentBaseWrap__table1box thead td {
	background-color: #0057b8;
	color: #fff;
	font-weight: bold;
}
.contentBaseWrap__table1box tbody th,
.contentBaseWrap__table1box tbody td {
	font-weight: normal;
}
.contentBaseWrap__table1box tbody th {
	border-right: 2px solid #fff;
	background-color: #5785c6 !important;
	color: #fff;
}
.contentBaseWrap__table1box tbody td {
	background-color: #f5f5f5 !important;
	color: #2c2a29;
}
.contentBaseWrap__table1box .unit {
	font-family: Futura PT, sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.contentBaseWrap__table1box .number {
	font-family: Futura PT, sans-serif;
	font-size: 20px;
	font-weight: 400;
}

/* ============================================
 * contentBaseWrap__dl1box
============================================ */
.contentBaseWrap__dl1box {
	margin: 20px auto;
}
.contentBaseWrap__dl1box dl {
	margin: auto;
}
.contentBaseWrap__dl1box dt {
	padding: 10px 1em;
	margin: auto;
	background-color: #5785c6;
	color: #fff;
}
.contentBaseWrap__dl1box dd {
	padding: 10px 1em;
	margin: auto;
	background-color: #f5f5f5;
}

/* ============================================
 * contentBaseWrap__remarks1Box
============================================ */
.contentBaseWrap__remarks1Box {
	margin: 30px auto;
}
.contentBaseWrap__remarks1Box__title {
	padding: 4px 1em;
	border-bottom: 2px solid #b91346;
	font-size: 20px;
	color: #b91346;
}
.contentBaseWrap__remarks1Box__detail {
	margin: 10px auto;
	padding: 4px 1em;
}
.contentBaseWrap__remarks1Box__detail__p1 {
	
}
.contentBaseWrap__remarks1Box__detail__p2 {
	font-size: 14px;
	color: #b91346;
}
/* ============================================
 * contentBaseWrap__remarks2Box
============================================ */
.contentBaseWrap__remarks2Box {
	margin: 30px auto;
	padding: 10px 3%;
	background-color: #eff6ff;
}
.contentBaseWrap__remarks2Box__title {
	margin: 20px auto;
	padding-bottom: 2px;
	border-bottom: 2px solid #0057b8;
}
.contentBaseWrap__remarks2Box__title span {
	display: inline-block;
	padding: 10px 1em;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	background-color: #0057b8;
	color: #fff !important;
}
.contentBaseWrap__remarks2Box__detail {
	margin: 10px auto;
	padding: 4px 1em;
}
.contentBaseWrap__remarks2Box__detail__p1 {
	
}
.contentBaseWrap__remarks2Box__detail__p2 {
	font-size: 14px;
	color: #b91346;
}
.contentBaseWrap__remarks2Box__detail__p3 {
	font-size: 20px;
	color: #b91346;
}
.contentBaseWrap__remarks2Box__detail__p4 {
	font-size: 14px;
}

/* ============================================
 * contentBaseWrap__ul
============================================ */
.contentBaseWrap__ul {
	margin: 20px auto;
}
.contentBaseWrap__ul > ul {
	display: block;
	margin: auto;
	padding: 0;
}
.contentBaseWrap__ul > ul > li {
	position: relative;
	display: block;
	margin: 10px auto;
	padding: 0 0 0 30px;
}
.contentBaseWrap__ul > ul > li:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 8px;
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #0057b8;
}
.contentBaseWrap__ul.arrowRight > ul > li:before,
.contentBaseWrap__ul.arrowRight > ul > li:after {
	content: '';
	position: absolute;
	left: 10px;
	top: 8px;
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 0;
	transform: rotate(45deg);
}
.contentBaseWrap__ul.arrowRight > ul > li:before {
	width: 10px;
	height: 10px;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #0057b8;
}
.contentBaseWrap__ul.arrowRight > ul > li:after {
	width: 8px;
	height: 8px;
	margin-top: 1px;
	margin-left: -1px;
	background-color: #fff;
}
/* ============================================
 * contentBaseWrap__ol
============================================ */
.contentBaseWrap__ol {
	margin: 20px auto;
}
.contentBaseWrap__ol > ol {
	display: block;
	counter-reset: item;
	margin: auto;
	padding: 0;
}
.contentBaseWrap__ol > ol > li {
	position: relative;
	display: block;
	margin: 10px auto;
	padding: 8px 0 0 40px;
}
.contentBaseWrap__ol > ol > li:before {
	content: counter(item);
	counter-increment: item;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 30px;
	text-align: right;
	font-size: 26px;
	color: #0057b8;
}
.contentBaseWrap__ol.circle {
}
.contentBaseWrap__ol.circle > ol {
}
.contentBaseWrap__ol.circle > ol > li {
	padding: 3px 0 0 50px;
}
.contentBaseWrap__ol.circle > ol > li:before {
	left: 10px;
	top: 0;
	width: 30px;
	height: 30px;
	padding: 2px;
	text-align: center;
	font-size: 16px;
	border-radius: 100%;
	background-color: #0057b8;
	color: #fff;
}
.contentBaseWrap__ol.circle.upperAlpha > ol > li:before {
	content: counter(item, upper-alpha);
}
.contentBaseWrap__ol.circle.lowerAlpha > ol > li:before {
	content: counter(item, lower-alpha);
}
.contentBaseWrap__ol.circle.upperRoman > ol > li:before {
	content: counter(item, upper-roman);
}
.contentBaseWrap__ol.circle.lowerRoman > ol > li:before {
	content: counter(item, lower-roman);
}

/* ============================================
 * contentBaseWrap__button
============================================ */
.contentBaseWrap__button {
	margin: 20px auto;
	text-align: center;
}
.contentBaseWrap__button a {
	position: relative;
	display: inline-block;
	min-width: 60%;
	text-align: center;
	padding: 10px 1em;
	border: 1px solid #5785c6;
	border-radius: 40px;
	background-color: #5785c6;
	color: #fff;
}
.contentBaseWrap__button a:hover,
.contentBaseWrap__button a:focus,
.contentBaseWrap__button a:active {
	background-color: #fff;
	color: #5785c6;
}
.contentBaseWrap__button.arrowRight a:before,
.contentBaseWrap__button.arrowRight a:after {
	content: '';
	position: absolute;
	right: 6%;
	top: 50%;
	display: block;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
}
.contentBaseWrap__button.arrowRight a:before {
	width: 10px;
	height: 10px;
	margin-top: -5px;
	margin-right: 0px;
	background-color: #fff;
}
.contentBaseWrap__button.arrowRight a:after {
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-right: 4px;
	background-color: #5785c6;
}
.contentBaseWrap__button a:hover,
.contentBaseWrap__button a:focus,
.contentBaseWrap__button a:active {
	background-color: #fff;
	color: #5785c6;
}
.contentBaseWrap__button.arrowRight a:hover:before,
.contentBaseWrap__button.arrowRight a:focus:before,
.contentBaseWrap__button.arrowRight a:active:before {
	background-color: #5785c6;
}
.contentBaseWrap__button.arrowRight a:hover:after,
.contentBaseWrap__button.arrowRight a:focus:after,
.contentBaseWrap__button.arrowRight a:active:after {
	background-color: #fff;
}


/*------------------------------------------------------------
	boxTicket
------------------------------------------------------------*/
.boxTicket {
	margin: 20px auto;
	padding: 10px 3%;
	text-align: center;
	background-color: #f2f2f2;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.boxTicket.green {
	background-color: #e5fffb;
	border-right: 1px solid #8af8cf;
	border-bottom: 1px solid #8af8cf;
}
.boxTicket.pink {
	background-color: #fff5f6;
	border-right: 1px solid #ffc8cd;
	border-bottom: 1px solid #ffc8cd;
}
.boxTicket.yellow {
	background-color: #fff8e4;
	border-right: 1px solid #fde6a8;
	border-bottom: 1px solid #fde6a8;
}
.boxTicket__title {
	font-size: 114%;
	color: #0057b8;	
}
.boxTicket__price {
	color: #b91346;
}
.boxTicket__button {
}
.boxTicket__button a {
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 4px 2em;
	line-height:1.0;
	border: 1px solid #555;
	border-radius: 40px;
	background-color: #555;
	color: #fff;
}
.boxTicket__button a:hover,
.boxTicket__button a:focus,
.boxTicket__button a:active {
	background-color: #fff;
	color: #555;
}
.boxTicket__button a:before,
.boxTicket__button a:after {
	content: '';
	position: absolute;
	right: 6%;
	top: 50%;
	display: block;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
}
.boxTicket__button a:before {
	width: 10px;
	height: 10px;
	margin-top: -5px;
	margin-right: 0px;
	background-color: #fff;
}
.boxTicket__button a:after {
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-right: 4px;
	background-color: #555;
}
.boxTicket__button a:hover,
.boxTicket__button a:focus,
.boxTicket__button a:active {
	background-color: #fff;
	color: #555;
}
.boxTicket__button a:hover:before,
.boxTicket__button a:focus:before,
.boxTicket__button a:active:before {
	background-color: #555;
}
.boxTicket__button a:hover:after,
.boxTicket__button a:focus:after,
.boxTicket__button a:active:after {
	background-color: #fff;
}

.boxTicket.green .boxTicket__button a {
	border: 1px solid #1bc6a9;
	background-color: #1bc6a9;
}
.boxTicket.green .boxTicket__button a:hover,
.boxTicket.green .boxTicket__button a:focus,
.boxTicket.green .boxTicket__button a:active {
	background-color: #fff;
	color: #1bc6a9;
}
.boxTicket.green .boxTicket__button a:after,
.boxTicket.green .boxTicket__button a:hover:before,
.boxTicket.green .boxTicket__button a:focus:before,
.boxTicket.green .boxTicket__button a:active:before {
	background-color: #1bc6a9;
}
.boxTicket.green .boxTicket__button a:hover:after,
.boxTicket.green .boxTicket__button a:focus:after,
.boxTicket.green .boxTicket__button a:active:after {
	background-color: #fff;
}

.boxTicket.yellow .boxTicket__button a {
	border: 1px solid #ffa216;
	background-color: #ffa216;
}
.boxTicket.yellow .boxTicket__button a:hover,
.boxTicket.yellow .boxTicket__button a:focus,
.boxTicket.yellow .boxTicket__button a:active {
	background-color: #fff;
	color: #ffa216;
}
.boxTicket.yellow .boxTicket__button a:after,
.boxTicket.yellow .boxTicket__button a:hover:before,
.boxTicket.yellow .boxTicket__button a:focus:before,
.boxTicket.yellow .boxTicket__button a:active:before {
	background-color: #ffa216;
}
.boxTicket.yellow .boxTicket__button a:hover:after,
.boxTicket.yellow .boxTicket__button a:focus:after,
.boxTicket.yellow .boxTicket__button a:active:after {
	background-color: #fff;
}

.boxTicket.pink .boxTicket__button a {
	border: 1px solid #f95867;
	background-color: #f95867;
}
.boxTicket.pink .boxTicket__button a:hover,
.boxTicket.pink .boxTicket__button a:focus,
.boxTicket.pink .boxTicket__button a:active {
	background-color: #fff;
	color: #f95867;
}
.boxTicket.pink .boxTicket__button a:after,
.boxTicket.pink .boxTicket__button a:hover:before,
.boxTicket.pink .boxTicket__button a:focus:before,
.boxTicket.pink .boxTicket__button a:active:before {
	background-color: #f95867;
}
.boxTicket.pink .boxTicket__button a:hover:after,
.boxTicket.pink .boxTicket__button a:focus:after,
.boxTicket.pink .boxTicket__button a:active:after {
	background-color: #fff;
}

/* ============================================
 * contentBaseWrap__listButton
============================================ */
.contentBaseWrap__listButton {
	margin: 40px auto;
}
.contentBaseWrap__listButton ul {
	display: block;
	margin: auto;
	padding: 0;
}
.contentBaseWrap__listButton li {
	display: block;
	padding: 0;
	margin: 20px auto;
	text-align: center;
}
.contentBaseWrap__listButton a {
	position: relative;
	display: inline-block;
	min-width: 300px;
	text-align: center;
	padding: 10px 1em;
	border: 1px solid #5785c6;
	border-radius: 40px;
	background-color: #5785c6;
	color: #fff;
}
/* ============================================
 * contentBaseWrap__listBanner
============================================ */
.contentBaseWrap__listBanner {
	margin: 40px auto;
}
.contentBaseWrap__listBanner ul {
	display: block;
	margin: auto;
	padding: 0;
}
.contentBaseWrap__listBanner li {
	display: block;
	padding: 0;
	margin: 40px auto;
	text-align: center;
}
.contentBaseWrap__listBanner a {
}
.contentBaseWrap__listBanner img {
	max-width: 300px;
}
/* ============================================
 * contentBaseWrap__listAssociation
============================================ */
.contentBaseWrap__listAssociation {
	margin: 40px auto;
}
.contentBaseWrap__listAssociation ul {
	display: block;
	margin: auto;
	padding: 0;
}
.contentBaseWrap__listAssociation li {
	display: block;
	padding: 0;
	margin: 25px auto;
	font-weight: 700;
}
.contentBaseWrap__listAssociation__img {
	max-width: 300px;
}
.contentBaseWrap__listAssociation__img img {
	text-align: center;
	height: auto;
}


/* ============================================
 * contentBaseWrap__txtLead
============================================ */
.contentBaseWrap__txtLead {
	margin: 40px auto;
	font-size: 18px;
	font-weight: 700;
}

/* ============================================
 * contentBaseWrap__dl1table
============================================ */
.contentBaseWrap__dl1table {
	margin: 20px auto;
}
.contentBaseWrap__dl1table dl {
	margin: 10px auto;
}
.contentBaseWrap__dl1table dt {
	display: inline-block;
	min-width: 24%;
	vertical-align: top;
	padding: 6px 0.4em;
	text-align: center;
	background-color: #0057b8;
	color: #fff;
}
.contentBaseWrap__dl1table dd {
	display: inline-block;
	max-width: 75%;
	vertical-align: top;
	padding: 6px 0.4em;
	background-color: #fff;
	color: #2c2a29;
}
@media screen and (max-width:767px) {
.contentBaseWrap__dl1table dd {
	max-width: 100%;
}
}


/* ============================================
 * contentBaseWrap__itemCol3
============================================ */
.contentBaseWrap__itemCol3 {
	margin: 30px auto;	
}
.contentBaseWrap__itemCol3__titleEnglish {
	font-family: Futura PT, sans-serif;
	text-align: center;
	font-size: 30px;
	color: #0057b8;	
}
.contentBaseWrap__itemCol3__text {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #0057b8;	
}
.contentBaseWrap__itemCol3__icon {
	width: 180px;
	height: 180px;
	margin: 20px auto;
	padding: 42px 0;
	text-align: center;
	border-radius: 100%;
	background-color: #0057b8;
	background: linear-gradient(48deg, rgba(14,50,100,1) 0%, rgba(28,100,199,1) 100%);
	color: #fff;
	font-size: 60px;
}
.contentBaseWrap__itemCol3__iconSvg {
	margin: 20px auto;
	text-align: center;
}
.contentBaseWrap__itemCol3__iconSvg svg {
}



/* ============================================
 * menuPayment
============================================ */
.menuPayment {
	margin: 60px auto;
}
.menuPayment__category {
	margin: 20px auto;
}
.menuPayment__category dl {
	position: relative;
	padding: 30px 6%;
	border: 2px solid #0057b8;
	border-radius: 30px;
	text-align: center;
}
.menuPayment__category dt {
	position: relative;
	top: -44px;
	display: inline-block;
	padding: 0 1em;
	line-height: 1.2;
	font-size: 20px;
	font-weight: 700;
	background-color: #fff;
	color: #0057b8;
}
.menuPayment__category dd {
	display: block;
	margin: -30px auto auto;
	padding: 0;
	text-align: left;
}
.menuPayment__category dd ul {
	display: block;
	margin: auto;
	padding: 0;
}
.menuPayment__category dd li {
	display: inline-block;
	width: 49%;
	vertical-align: top;
	margin: 20px auto;
	padding: 0;
}
.menuPayment__category dd li a {
}
.menuPayment__category__item {
	text-align: center;
}
.menuPayment__category__item__text {
	margin: 10px auto;
	line-height: 1.2;
}
.menuPayment__category__item__icon {
}
.menuPayment__category__item__icon img {
}


/*------------------------------------------------------------
	boxItemShop
------------------------------------------------------------*/
.boxItemShop {
	margin: 20px auto;
	text-align: center;
	color: #2c2a29;
}
.boxItemShop__name {
	font-weight: bold;
}
.boxItemShop__number {
	margin: 6px auto;
}
.boxItemShop__number a {
	display: block;
	color: #0057b8;
}
.boxItemShop__number__num {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.0;
	font-family: Futura PT, sans-serif;
	font-size: 30px;
	font-weight: 700;
}
.boxItemShop__number__icn {
	display: inline-block;
	vertical-align: middle;
	margin: auto;
	text-align: center;
	line-height: 1.0;
	box-sizing: border-box;
	padding: 8px 0;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	background-color: #0057b8;
}
.boxItemShop__number__icn img {
	display: inline-block;
	width: 24px;
	height: auto;
}
.boxItemShop__hour {
	display: inline-block;
	padding: 2px 0.6em;
	border-radius: 100px;
	background-color: #0057b8;
	color: #fff;
}
.boxItemShop__hour__title {
	display: inline-block;
	font-size: 14px;
}
.boxItemShop__hour__time {
	display: inline-block;
	font-family: Futura PT, sans-serif;
	font-size: 18px;
}
.boxItemShop__hour__remarks {
	display: inline-block;
	font-size: 14px;
}
.boxItemShop__pin {
	margin-top: 20px;
}
.boxItemShop__pin a {
	display: block;
}
.boxItemShop__pin img {
	width: 60px;
	height: auto;
}




/*------------------------------------------------------------
	itemProductListBox
------------------------------------------------------------*/
.itemProductListBox {
	margin: 10px 3%;
	box-shadow: 4px 4px 0 #b9f1e1;
}
.itemProductListBox a {
	clear: both;
	display: block;
	color: #2c2a29;
}
.itemProductListBox a:hover,
.itemProductListBox a:focus,
.itemProductListBox a:active {
	color: #5785c6;
	background-color: #b9f1e1;
}
.itemProductListBox__boxCenter {
	text-align: center;
	margin: 8px 1%;
}
.itemProductListBox__boxLeft {
	text-align: left;
	margin: 8px 1%;
}
.itemProductListBox__boxRight {
	text-align: right;
	margin: 8px 1%;
}
.itemProductListBox__img {
	min-height: 200px;
	background-color: #b9f1e1;
}
.itemProductListBox__img img {
	width: 100%;
	height: auto;
}
.itemProductListBox__txt {
}
.itemProductListBox__slogan1 {
	font-size: 18px;
	line-height: 1.2;
}
.itemProductListBox__slogan2 {
	font-size: 14px;
	line-height: 1.2;
}
.itemProductListBox__benefit {
	margin: 6px auto;
	padding: 6px 2%;
	font-size: 14px;
	line-height: 1.4;
	background-color: #b91346;
	color: #fff;
}
.itemProductListBox__info {
	font-size: 20px;
}
.itemProductListBox__destination {
	display: inline-block;
	line-height: 1.2;
}
.itemProductListBox__duration {
	display: inline-block;
}
.itemProductListBox__departure {
	display: inline-block;
	margin: 4px;
	padding: 4px 1em;
	line-height: 1.0;
	font-size: 12px;
	border-radius: 30px;
	background-color: #0057b8;
	color: #fff;
}
.itemProductListBox__price {
	display: inline-block;
	margin: 4px auto;
	color: #b91346;
	text-align: right;
}
@media screen and (max-width:767px) {
}
.itemProductListBox .numL {
	display: inline-block;
	font-family: Futura PT, sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.0;
}
.itemProductListBox .numM {
	display: inline-block;
	font-family: Futura PT, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.0;
}
.itemProductListBox .numS {
	display: inline-block;
	font-family: Futura PT, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.0;
}
.itemProductListBox .numXS {
	display: inline-block;
	font-family: Futura PT, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.0;
}

/*------------------------------------------------------------
	itemProductListText
------------------------------------------------------------*/
.itemProductListText {
	clear: both;
	margin: 14px 1%;
	padding: 4px;
	box-shadow: 4px 4px 0 #b9f1e1;
}
.itemProductListText a {
	clear: both;
	display: block;
	color: #2c2a29;
}
.itemProductListText a:hover,
.itemProductListText a:focus,
.itemProductListText a:active {
	color: #5785c6;
	background-color: #b9f1e1;
}
.itemProductListText__box1 {
	float: left;
	width: 100px;
	margin-right: 4px;
}
.itemProductListText__box2 {
	float: left;
}
.itemProductListText__box3 {
	float: right;
}
.itemProductListText__img {
	min-height: 60px;
	background-color: #b9f1e1;
}
.itemProductListText__img img {
	width: 100%;
	height: auto;
}
@media screen and (max-width:767px) {
.itemProductListText__box1 {
	float: none;
	width: 100%;
	margin-right: auto;
	margin-bottom: 10px;
}
}
.itemProductListText__txt {
}
.itemProductListText__slogan1 {
	font-size: 20px;
	line-height: 1.2;
}
.itemProductListText__slogan2 {
	font-size: 16px;
	line-height: 1.2;
}
.itemProductListText__info {
	font-size: 20px;
}
.itemProductListText__destination {
	display: inline-block;
	line-height: 1.2;
}
.itemProductListText__duration {
	display: inline-block;
}
.itemProductListText__departure {
	display: inline-block;
	margin: 4px;
	padding: 4px 1em;
	line-height: 1.0;
	font-size: 12px;
	border-radius: 30px;
	background-color: #0057b8;
	color: #fff;
}
.itemProductListText__price {
	display: block;
	margin: 4px auto;
	color: #b91346;
	text-align: right;
}

.itemProductListText .numL {
	display: inline-block;
	font-family: Futura PT, sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.0;
}
.itemProductListText .numM {
	display: inline-block;
	font-family: Futura PT, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.0;
}
.itemProductListText .numS {
	display: inline-block;
	font-family: Futura PT, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.0;
}
.itemProductListText .numXS {
	display: inline-block;
	font-family: Futura PT, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.0;
}

/*------------------------------------------------------------
	styleBoxWhite
------------------------------------------------------------*/
.styleBoxWhite {
	padding: 20px 3%;
	border-radius: 10px;
	background-color: #fff;
}
/*------------------------------------------------------------
	styleItinerary
------------------------------------------------------------*/
.styleItinerary {
	margin: 20px auto;
}
.styleItinerary__title {
	padding: 4px 1em;
	text-align: center;
	font-size: 18px;
	background-color: #ebb434;
	color: #fff;
}
.styleItinerary__content {
	margin: 10px 3%;
}
.styleItinerary dl {
	margin: 10px auto;
}
.styleItinerary dt {
	display: inline-block;
	width: 6em;
	margin: auto 1em;
	box-sizing: border-box;
	padding: 4px 1em;
	line-height: 1.0;
	text-align: center;
	background-color: #0057b8;
	color: #fff;
	border-radius: 20px;
}
.styleItinerary dd {
	display: inline-block;
}
.styleItinerary__remarks {
	padding: 10px 3%;
	background-color: #eff6ff;
}
.styleItinerary__remarksttl {
	display: inline-block;
	padding: 6px 1em;
	font-size: 87%;
	background-color: #0057B8;
	color: #fff;
	
}
/*------------------------------------------------------------
	styleBenefit
------------------------------------------------------------*/
.styleBenefit {
	margin: 40px auto;
}
.styleBenefit__img {
	margin: 10px auto;
	text-align: center;
}
.styleBenefit__img img {
}
.styleBenefit__title {
	display: inline-block;
	margin: 6px auto;
	padding: 6px 1em;
	background-color: #0057b8;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.styleBenefit__content {
	margin: 6px auto;
	font-size: 14px;
}
/*------------------------------------------------------------
	styleGuidance
------------------------------------------------------------*/
.styleGuidance {
	font-size:14px
}
.styleGuidance dl {
}
.styleGuidance dt {
	padding: 6px 3%;
	background-color: #5785c6;
	color: #fff
}
.styleGuidance dd {
	padding: 10px 3%;
	background-color: #f5f5f5;
}

/*------------------------------------------------------------
    itemCourse
------------------------------------------------------------*/
.itemCourse {
	margin: 30px auto;
	border-right: 1px solid #00b8b8;
	border-bottom: 1px solid #00b8b8;
}
.itemCourse__title {
	padding: 10px 2%;
	line-height: 1.2;
	font-size: 127%;
	font-weight: bold;
	background-color: #0057b8;
	color: #fff;
}
.itemCourse__text {
    margin: 10px 1%;
	line-height: 1.4;
}
.itemCourse__text__ttl {
	display: inline-block;
	padding: 4px 1em;
	background-color: #b91346;
	color: #fff;
}
.itemCourse__text__ttl2 {
	display: inline-block;
	padding: 4px 1em;
	background-color: #5785c6;
	color: #fff;
}
.itemCourse__text__emphasis {
	color: #b91346;
}
.itemCourse__remarks {
    margin: 10px 2%;
    color: #7a7a7a;
    font-size: 87%;
}
.itemCourse__price {
    margin: 10px 2%;
	text-align: right;
	font-size: 127%;
	color: #b91346;
}
.itemCourse__text table th,
.itemCourse__text table td {
	padding: 2px;
}
/*------------------------------------------------------------
    wrapOverflowHorizontalScroll
------------------------------------------------------------*/
.wrapOverflowHorizontalScroll {
	width: 100%;
	overflow-x: scroll;
}
.wrapOverflowHorizontalScroll > table {
	min-width: 700px;
}

/*------------------------------------------------------------
    tableCoursePrice1
------------------------------------------------------------*/
.tableCoursePrice1 {
    padding: 4px 2%;
	font-size: 87%;
	line-height: 1.2;
    background-color: #eff6fd;
}
/*------------------------------------------------------------
    btnCoursePrice2
------------------------------------------------------------*/
.btnCoursePrice2 {
    display: inline-block;
    position: relative;
    padding: 8px 1em 8px 40px;
    border-radius: 8px;
    background-color: #1877F2;
    color: #fff;
    cursor: pointer;
}
.btnCoursePrice2:before,
.btnCoursePrice2:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    background-color: #fff;
}
.btnCoursePrice2:before {
    width: 20px;
    height: 6px;
    margin-top: -3px;
    margin-left: 13px;
}
.btnCoursePrice2:after {
    width: 6px;
    height: 20px;
    margin-top: -10px;
    margin-left: 20px;
}
.btnCoursePrice2:hover,
.btnCoursePrice2:focus {
    opacity: 0.7;
}
.btnCoursePrice2.open {
    display: inline-block;
    border-radius: 8px 8px 0 0;
}
.btnCoursePrice2.open:after {
    display: none;
}
/*------------------------------------------------------------
    tableCoursePrice2
    tableCoursePrice3
------------------------------------------------------------*/
.tableCoursePrice3,
.tableCoursePrice2 {
    margin: auto;
}
.tableCoursePrice3 table,
.tableCoursePrice2 table {
    width: 100%;
    margin: auto;
    border-collapse: collapse;
    border: none;
}
.tableCoursePrice3 tbody,
.tableCoursePrice2 tbody,
.tableCoursePrice3 thead,
.tableCoursePrice2 thead,
.tableCoursePrice3 tr,
.tableCoursePrice2 tr,
.tableCoursePrice3 th,
.tableCoursePrice2 th,
.tableCoursePrice3 td,
.tableCoursePrice2 td {
    border: none !important;
}
.tableCoursePrice3 th,
.tableCoursePrice3 td {
    line-height: 1.0;
    padding: 10px 1%;
    vertical-align: middle;
}
.tableCoursePrice2 th,
.tableCoursePrice2 td {
    line-height: 1.0;
    padding: 6px 1%;
    vertical-align: middle;
}
.tableCoursePrice2 th {
    width: 70%;
}
.tableCoursePrice2 td {
    width: 30%;
}
.tableCoursePrice3 th {
    width: 60%;
}
.tableCoursePrice3 td {
    width: 20%;
}
.tableCoursePrice3 thead th,
.tableCoursePrice3 thead td,
.tableCoursePrice2 thead th,
.tableCoursePrice2 thead td {
    background-color: #0057b8 !important;
    color: #fff !important;
}
.tableCoursePrice3 tbody th {
    border-top: 1px solid #fff !important;
    background-color: #5785c6 !important;
    color: #fff !important;
    font-weight: normal;
}
.tableCoursePrice3 tbody td,
.tableCoursePrice2 tbody th,
.tableCoursePrice2 tbody td {
    border-top: 1px solid #fff !important;
    background-color: #f5f5f5 !important;
    color: #2c2a29 !important;
}
.tableCoursePrice2 tbody tr:nth-child(even) th,
.tableCoursePrice2 tbody tr:nth-child(even) td {
    background-color: #f0f0f0 !important;
}
.tableCoursePrice3 thead td {
    text-align: center;
}
.tableCoursePrice3 tbody td {
    text-align: right;
    color: #b91346 !important;
    font-weight: bold;
}
.tableCoursePrice2 body td,
.tableCoursePrice2 tbody td {
    text-align: right;
}




/*------------------------------------------------------------
    priceNum
------------------------------------------------------------*/

.priceUnit {
	font-family: Futura PT;
	font-size: 12px;
    text-align: left;
}
.priceNumS {
	font-family: Futura PT;
	font-size: 14px;
}
.priceNumM {
	font-family: Futura PT;
	font-size: 16px;
}
.priceNumL {
	font-family: Futura PT;
	font-size: 18px;
}
.priceNumXL {
	font-family: Futura PT;
	font-size: 20px;
}
.priceNumPercent87 {
	font-family: Futura PT;
	font-size: 87%;
}
.priceNumPercent176 {
	font-family: Futura PT;
	font-size: 176%;
}
/*------------------------------------------------------------
    styleIconText
------------------------------------------------------------*/
.styleIconText01 {
	display: inline-block;
	padding: 4px 0.5em;
	text-align: center;
	line-height: 1.0;
	font-size: 74%;
	border-radius: 20px;
	background-color: #2c2a29;
	color: #fff;
}
.styleIconText01.clrYellow {
	background-color: #ebb434;
}
.styleIconText01.clrRed {
	background-color: #b91346;
}
.styleIconText01.clrBlue {
	background-color: #0057b8;
}

/* ============================================
 *
 * styleForm
 *
============================================ */
.styleForm {
}
.styleForm dl {
	margin: 10px auto;
}
.styleForm__date {
}
.styleForm__date input[type=date] {
	width: 30%;
}


/* ============================================
 *
 * tablepressWrap
 *
============================================ */
.tablepressWrap {
	margin: 20px auto;
	overflow-x: scroll;
}
.tablepressWrapInner {
	min-width: 900px;
}
.tablepressWrapInner table {
	width: 100%;
}
.tablepressWrapInner table th {
	padding: 2px 1% !important;
}

/* ============================================
 *
 * clearfix
 *
============================================ */
/* pie-clearfix Generated by compass 1.0.3 (Polaris) */
.clearfix1 {
	*zoom: 1;
}
.clearfix1:after {
	content: "";
	display: table;
	clear: both;
}
/* legacy-pie-clearfix Generated by compass 1.0.3 (Polaris) */
.clearfix2 {
	*zoom: 1;
}
.clearfix2:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
/* clearfix Generated by compass 1.0.3 (Polaris) */

.clearfix3 {
	overflow: hidden;
	*zoom: 1;
}
