@charset "utf-8";

/* ==================================================
Required to CMS-8341
================================================== */
.container {
	margin: 0 auto;
	width: 1200px;
}
.miryoku_cnt #tmp_pankuzu {
	padding: 15px 0 21px;
}
#tmp_contents h1 {
    font-size: 242.8%;
	margin:0 0 1em;
    padding: 0 0 32px;
    border-bottom: 4px solid #1a58ab;
    line-height: 1.4;
	clear:both; /* Do not edit */
}
#tmp_contents h2 {
    background: #cee9fa url("/shared/templates/free_re/images/h1_bg.png") right top no-repeat;
    border-left: 3px solid #1a58ab;
    font-size: 200%;
    padding: 16px 10px 12px 25px;
	margin:1.7em 0 0.9em;
	clear:both; /* Do not edit */
}
#tmp_contents h2.faq_question {
    background: url("/shared/templates/free_re/images/h1_bg.png") right top no-repeat,url("/shared/templates/free_re/images/faq_ttl_q_icon.png") 19px 0.5em no-repeat;
    background-color: #feeae6;
    border-left: none;
    padding-left: 78px;
}
#tmp_contents h2.faq_answer {
    background: url("/shared/templates/free_re/images/h1_bg.png") right top no-repeat,url("/shared/templates/free_re/images/faq_ttl_a_icon.png") 19px 0.5em no-repeat;
    background-color: #e6f1fe ;
    border-left: none;
    padding-left: 78px;
}
#tmp_contents h3 {
    border-bottom: 4px solid #e4ecef;
    position: relative;
    font-size: 185.7%;
    padding: 0 0 6px;
	margin:1.5em 0 0.9em;
	clear:both; /* Do not edit */
}
#tmp_contents h3:after {
    content: "";
    display: block;
    width: 30px;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: -4px;
    background: #1a59ab;
    background: -moz-linear-gradient(left, #1a59ab 0%, #5ad2fa 100%);
    background: -webkit-linear-gradient(left, #1a59ab 0%,#5ad2fa 100%);
    background: linear-gradient(to right, #1a59ab 0%,#5ad2fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a59ab', endColorstr='#5ad2fa',GradientType=1 );
}
#tmp_contents h4 {
    font-size: 157.1%;
    border-left: 4px solid #1a58ab;
	margin:1.5em 0 1.2em;
    line-height: 1;
    padding: 5px 0 0 13px;
	clear:both; /* Do not edit */
}
#tmp_contents h5 {
    font-size: 142.8%;
	margin:1.5em 0 0.8em;
	clear:both; /* Do not edit */
}
#tmp_contents h6 {
    font-size: 128.5%;
	margin:1.5em 0 0.8em;
	clear:both; /* Do not edit */
}
#tmp_contents table {
	word-break: break-all;
}
#tmp_contents p {
    font-size: 114.2%;
	margin:0 0 1.8em 0; /* Do not edit */
}
#tmp_contents ul {
	margin:0 0 1em 3.2em; /* Do not edit */
    list-style: none;
}
#tmp_contents ol {
	margin:0 0 1em 3.2em; /* Do not edit */
	list-style-image:none; /* Do not edit */
}
#tmp_contents ul li,
#tmp_contents ol li {
	margin:0 0 0.5em; /* Do not edit */
    font-size: 128.5%;
}
#tmp_contents ul li,
#tmp_contents ol ul li {
    position: relative;
    padding-left: 18px;
}
#tmp_contents ul li:before,
#tmp_contents ol ul li:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #195aac;
    border-radius: 10px;
    position: absolute;
    top: 0.5em;
    left: 0;
}
#tmp_contents ol li,
#tmp_contents ul.noicon li {
    padding-left: 0;
}
#tmp_contents ol li:before,
#tmp_contents ul.noicon li:before {
    display: none;
}

#tmp_contents ul ul,
#tmp_contents ul ol,
#tmp_contents ol ul,
#tmp_contents ol ol {
	margin:0.3em 0 0 1.5em; /* Do not edit */
}
#tmp_contents ul ul li,
#tmp_contents ul ol li,
#tmp_contents ol ul li,
#tmp_contents ol ol li {
    font-size: 100%;
}
#tmp_contents hr {
	height:1px; /* Do not edit */
	color:#CCCCCC; /* Do not edit */
	background-color:#CCCCCC; /* Do not edit */
	border:none; /* Do not edit */
	clear:both; /* Do not edit */
}
/* ==================================================
parts
================================================== */
/* img_cap
================================================== */
table.img_cap {
	margin:0 0 0.3em;
	border-collapse:collapse;
	border-spacing:0;
}
table.img_cap td {
	padding:0;
}
div.img_cap {
	margin:0 0 0.3em;
}
div.img_cap img {
	margin:0 !important;
}
/* outline
================================================== */
#tmp_contents .outline {
	margin:0 0 0.8em; /* Do not edit */
	border:2px solid #ae0036;
	clear:both; /* Do not edit */
}
#tmp_contents .outline p {
    margin: 0 0 0.7em;
}
#tmp_contents table.outline {
	width:100%; /* Do not edit */
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
}
#tmp_contents table.outline td {
	padding:17px 18px 0;
	color:inherit;
	background-color:#FFFFFF;
}
#tmp_contents div.outline {
	padding:17px 18px 0;
	color:inherit;
	background-color:#FFFFFF;
}
#tmp_contents .outline ul {
	margin-left:24px; /* Do not edit */
}
#tmp_contents .outline ol {
	margin-left:24px; /* Do not edit */
}
#tmp_contents .outline ul ul,
#tmp_contents .outline ul ol,
#tmp_contents .outline ol ul,
#tmp_contents .outline ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}
/* box_btn
================================================== */
#tmp_contents ul.box_btn {
	margin:0 0 0.8em; /* Do not edit */
	padding:0;
	list-style:none;
	list-style-image:none;
}
#tmp_contents ul.box_btn li {
	margin:0 0 19px 0;
	padding:16px 18px;
	color:inherit;
	border:1px solid #1877f2;
    font-weight: bold;
    box-shadow: 0 4px 8px 4px rgba(7,105,162,0.15);
}
#tmp_contents ul.box_btn li:before {
    display: none;
}
#tmp_contents ul.box_btn li a {
    display: block;
	padding:16px 34px 16px 18px;
    margin: -16px -18px;
    background: url("/shared/site_re/images/icon/blue_arrow.png") calc(100% - 13px) center no-repeat;
    text-decoration: none;
    color: inherit;
}
/* box_info
================================================== */
#tmp_contents .box_info {
	margin:0 0 2.85em; /* Do not edit */
	border:1px solid #1a59ab;
	clear:both; /* Do not edit */
}
#tmp_contents table.box_info {
	width:100%; /* Do not edit */
	border-spacing:0; /* Do not edit */
}
#tmp_contents .box_info .box_info_ttl {
	padding:16px 19px 11px;
	color:inherit;
	font-weight:bold;
	border-bottom:4px solid #cee9f9;
    position: relative;
}
#tmp_contents .box_info .box_info_ttl:before {
    content: "";
    display: block;
    width: 30px;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: -4px;
    background: #1a59ab;
    background: -moz-linear-gradient(left, #1a59ab 0%, #5ad2fa 100%);
    background: -webkit-linear-gradient(left, #1a59ab 0%,#5ad2fa 100%);
    background: linear-gradient(to right, #1a59ab 0%,#5ad2fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a59ab', endColorstr='#5ad2fa',GradientType=1 );
}
#tmp_contents table.box_info .box_info_ttl:before {
    width: 31px;
    left: -1px;
}
#tmp_contents .box_info .box_info_ttl p {
    font-size: 157.1%;
	margin-bottom:0; /* Do not edit */
}
#tmp_contents .box_info .box_info_cnt {
	padding:19px 10px 4px;
}
#tmp_contents .box_info ul {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:9px; /* Do not edit */
}
#tmp_contents .box_info ol {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:9px; /* Do not edit */
}
#tmp_contents .box_info ul ul,
#tmp_contents .box_info ul ol,
#tmp_contents .box_info ol ul,
#tmp_contents .box_info ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}
/* box_link
================================================== */
#tmp_contents .box_link {
	margin:0 0 0.8em; /* Do not edit */
	border:1px solid #1a59ab;
	clear:both; /* Do not edit */
}
#tmp_contents table.box_link {
	width:100%; /* Do not edit */
	border-spacing:0; /* Do not edit */
}
#tmp_contents .box_link .box_link_ttl {
	padding:16px 19px 11px;
	color:inherit;
	font-weight:bold;
	border-bottom:4px solid #cee9f9;
    position: relative;
}
#tmp_contents .box_link .box_link_ttl:before {
    content: "";
    display: block;
    width: 30px;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: -4px;
    background: #1a59ab;
    background: -moz-linear-gradient(left, #1a59ab 0%, #5ad2fa 100%);
    background: -webkit-linear-gradient(left, #1a59ab 0%,#5ad2fa 100%);
    background: linear-gradient(to right, #1a59ab 0%,#5ad2fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a59ab', endColorstr='#5ad2fa',GradientType=1 );
}
#tmp_contents table.box_link .box_link_ttl:before {
    width: 31px;
    left: -1px;
}
#tmp_contents .box_link .box_link_ttl p {
	margin-bottom:0; /* Do not edit */
    font-size: 157.1%;
}
#tmp_contents .box_link .box_link_cnt {
	padding:19px 10px 6px;
}
#tmp_contents .box_link ul {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:9px; /* Do not edit */
}
#tmp_contents .box_link ol {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_link ul ul,
#tmp_contents .box_link ul ol,
#tmp_contents .box_link ol ul,
#tmp_contents .box_link ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}
/* box_menu
================================================== */
#tmp_contents .box_menu {
	margin:0 0 0.8em; /* Do not edit */
	border:1px solid #1877f2;
	clear:both; /* Do not edit */
}
#tmp_contents table.box_menu {
	width:100%; /* Do not edit */
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
}
#tmp_contents table.box_menu td {
	padding:15px 18px 13px;
}
#tmp_contents table.box_menu td.box_menu_cnt {
	padding:19px 16px 8px;
}
#tmp_contents div.box_menu {
	padding:0;
    box-shadow: 0 4px 8px 4px rgba(7,105,162,0.15);
}
#tmp_contents .box_menu .box_menu_ttl {
	border-bottom:1px solid #1877f2;
    font-weight: bold;
}
#tmp_contents div.box_menu .box_menu_ttl {
    padding: 15px 18px 13px;
}
#tmp_contents .box_menu h2 {
	margin:0 0 0.8em;
	padding:0;
	color:inherit;
	font-size:100%;
	background:none;
	border:none;
}
#tmp_contents .box_menu .box_menu_ttl p {
    margin-bottom: 0;
}
#tmp_contents .box_menu .box_menu_ttl a {
    display: block;
    color: inherit;
    text-decoration: none;
    padding: 15px 36px 13px 18px;
    margin: -15px -18px -13px;
    background: url("/shared/site_re/images/icon/blue_arrow.png") calc(100% - 14px) center no-repeat;
}
#tmp_contents div.box_menu .box_menu_cnt {
    padding: 19px 16px 8px;
}
#tmp_contents .box_menu .box_menu_cnt p {
    margin-bottom: 0.8em;
}
#tmp_contents .box_menu ul {
	margin-bottom:0; /* Do not edit */
	margin-left:3px; /* Do not edit */
}
#tmp_contents .box_menu ol {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_menu ul ul,
#tmp_contents .box_menu ul ol,
#tmp_contents .box_menu ol ul,
#tmp_contents .box_menu ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}

/* box_faq
================================================== */
#tmp_contents .box_faq {
	margin:0 0 40px; /* Do not edit */
	border:1px solid #1a59ab;
	clear:both; /* Do not edit */
}
#tmp_contents table.box_faq {
	width:100%; /* Do not edit */
	border-spacing:0; /* Do not edit */
}
#tmp_contents .box_faq .box_faq_ttl {
	padding:16px 19px 11px;
	color:inherit;
	font-weight:bold;
	border-bottom:4px solid #cee9f9;
    position: relative;
}
#tmp_contents .box_faq .box_faq_ttl:before {
    content: "";
    display: block;
    width: 30px;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: -4px;
    background: #1a59ab;
    background: -moz-linear-gradient(left, #1a59ab 0%, #5ad2fa 100%);
    background: -webkit-linear-gradient(left, #1a59ab 0%,#5ad2fa 100%);
    background: linear-gradient(to right, #1a59ab 0%,#5ad2fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a59ab', endColorstr='#5ad2fa',GradientType=1 );
}
#tmp_contents table.box_faq .box_faq_ttl:before {
    width: 31px;
    left: -1px;
}
#tmp_contents .box_faq .box_faq_ttl p {
	margin-bottom:0; /* Do not edit */
    font-size: 157.1%;
}
#tmp_contents .box_faq .box_faq_cnt {
	padding:19px 10px 6px;
}
#tmp_contents .box_faq ul {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:9px; /* Do not edit */
}
#tmp_contents .box_faq ol {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_faq ul ul,
#tmp_contents .box_faq ul ol,
#tmp_contents .box_faq ol ul,
#tmp_contents .box_faq ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}

/* datatable
   enquete_table
================================================== */
#tmp_contents table.datatable,
#tmp_contents table.enquete_table {
	margin:0 0 40px; /* Do not edit */
	color:inherit;
	background-color:#FFFFFF;
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
	border:1px solid #cdcfde;
	word-break: break-all;
}
#tmp_contents table.datatable th,
#tmp_contents table.enquete_table th {
    font-size: 128.5%;
	padding:15px 8px 12px;
	color:inherit;
	background-color:#cee9f9;
	border:1px solid #cdcfde;
}
#tmp_contents table.datatable td,
#tmp_contents table.enquete_table td {
    font-size: 128.5%;
	padding:15px 8px 12px;
	border:1px solid #cdcfde;
}
#tmp_contents table.datatable caption,
#tmp_contents table.enquete_table caption {
    font-size: 128.5%;
	padding:0 0 0.5em; /* Do not edit */
	font-weight:bold; /* Do not edit */
	text-align:left; /* Do not edit */
}
#tmp_contents table.datatable p {
	margin:0; /* Do not edit */
}
#tmp_contents table.datatable ul,
#tmp_contents table.datatable ol,
#tmp_contents table.enquete_table ul,
#tmp_contents table.enquete_table ol {
	margin:0.2em 0 0 24px; /* Do not edit */
}
#tmp_contents table.datatable ul ul,
#tmp_contents table.datatable ul ol,
#tmp_contents table.datatable ol ul,
#tmp_contents table.datatable ol ol,
#tmp_contents table.enquete_table ul ul,
#tmp_contents table.enquete_table ul ol,
#tmp_contents table.enquete_table ol ul,
#tmp_contents table.enquete_table ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}
#tmp_contents table.enquete_table {
	width:100%; /* Do not edit */
}
#tmp_contents table.enquete_table th {
	width:20%; /* Do not edit */
}
#tmp_contents table.enquete_table .nes,
#tmp_contents table.enquete_table .memo {
	color:#ae0036; /* base.css > Styles > .text_red */
	font-weight:normal; /* Do not edit */
	background-color:transparent; /* Do not edit */
}
/* form_btn */
#tmp_contents .enquete_button {
	margin:15px 0; /* Do not edit */
	text-align:center; /* Do not edit */
}
/* bgcolor */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* Setting by CMS sheets */
#tmp_contents table.datatable table th.bg_red {
	color:inherit;
	background-color:#feecec; /* shared.cssのbg_redと同じ値を設定 */
}
#tmp_contents table.datatable table th.bg_yellow {
	color:inherit;
	background-color:#fff9d5; /* shared.cssのbg_yellowと同じ値を設定 */
}
#tmp_contents table.datatable table th.bg_blue {
	color:inherit;
	background-color:#e7f5ff; /* shared.cssのbg_blueと同じ値を設定 */
}
#tmp_contents table.datatable table th.bg_green {
	color:inherit;
	background-color:#e6f8ea; /* shared.cssのbg_greenと同じ値を設定 */
}
#tmp_contents table.datatable table th.bg_gray {
	color:inherit;
	background-color:#f1f1f1; /* shared.cssのbg_grayと同じ値を設定 */
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* nest-datatable
================================================== */
#tmp_contents table.datatable table,
#tmp_contents table.enquete_table table {
	border:none; /* Do not edit */
}
#tmp_contents table.datatable table th,
#tmp_contents table.enquete_table table th {
	color:inherit; /* Do not edit */
	background-color:transparent; /* Do not edit */
	border:none; /* Do not edit */
}
#tmp_contents table.datatable table td,
#tmp_contents table.enquete_table table td {
	border:none; /* Do not edit */
}
#tmp_contents table.datatable table.datatable {
	border:1px solid #AABBCC; /* = table.datatable */
}
#tmp_contents table.datatable table.datatable th {
	color:inherit; /* Do not edit */
	background-color:#DDEEFF; /* = table.datatable th */
	border:1px solid #AABBCC; /* = table.datatable th */
}
#tmp_contents table.datatable table.datatable td {
	border:1px solid #AABBCC; /* = table.datatable td */
}
/* ==================================================
main_visual
================================================== */
.column_cnt #tmp_main_visual {
    text-align: center;
    margin: 0 0 117px;
    width: 100%;
    height: calc(100vh - 121px);
    min-height: 640px;
    padding: 94px 0;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    position: relative;
	z-index:1;
	background-color:#000;
	color:#fff;
}
#tmp_main_visual.active #tmp_miryoku_ttl {
	display:none;
}
#tmp_miryoku_ttl {
	width:470px;
	margin:0 auto;
}
#tmp_miryoku_ttl h1 {
	background:url(/shared/templates/miryoku_re/images/miryoku_top_ttl.png) no-repeat 0 0;
	margin:0 0 37px;
}
#tmp_miryoku_ttl h1,
#tmp_miryoku_ttl h1 span {
	width:470px;
	height:120px;
}
#tmp_miryoku_ttl h1 span {
	overflow:hidden;
	text-indent:-9999px;
	white-space:nowrap;
	text-align:left;
}
#tmp_miryoku_ttl .caption {
	text-align:center;
	font-size:128.6%;
	font-weight:bold;
	line-height:2;
	text-shadow:
		#000 2px 0px,  #000 -2px 0px,
		#000 0px -2px, #000 0px 2px,
		#000 2px 2px , #000 -2px 2px,
		#000 2px -2px, #000 -2px -2px,
		#000 1px 2px,  #000 -1px 2px,
		#000 1px -2px, #000 -1px -2px,
		#000 2px 1px,  #000 -2px 1px,
		#000 2px -1px, #000 -2px -1px;
}

.column_cnt #tmp_main_visual .scroll_btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0 0 40px;
}
.column_cnt #tmp_main_visual .scroll_btn img {
	width:60px;
	height:15px;
}
.column_cnt #tmp_main_visual .scroll_btn a {
    display: inline-block;
    position: relative;
}
.column_cnt #tmp_main_visual .scroll_btn a:after {
    content: "";
    display: block;
    width: 1px;
    height: 28px;
    background-color: #FFFFFF;
    position: absolute;
    top: calc(100% + 11px);
    left: 0;
    right: 0;
    margin: auto;
}
.column_cnt #tmp_contents h1 {
    border: none;
    padding: 0;
    margin: 38px 25px;
	top: 0;
}
#tmp_yt_control {
    position: absolute;
    bottom: 20px;
    right: 0;
    background-color: rgba(255,255,255,0.8);
    display: flex;
    list-style: none;
    padding: 13px 26px 10px 13px;
    overflow: hidden;
}
#tmp_yt_control li {
    margin: 0 0 0 15px;
}
#tmp_yt_control .pause_btn {
    display: block;
    width: 9px;
    height: 13px;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
    margin: 0 16px 0 0;
}
#tmp_yt_control .pause_btn.on {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #000000;
    margin-right: 15px;
}
#tmp_yt_control .mute_btn {
    display: block;
    background: url("/shared/templates/miryoku_re/images/volume_icon.png") left top no-repeat;
    width: 19px;
    height: 16px;
    margin: 0 12px 0 0;
}
#tmp_yt_control .mute_btn:hover,
#tmp_yt_control .mute_btn:focus,
#tmp_yt_control .mute_btn.on {
    background-image: url("/shared/templates/miryoku_re/images/volume_icon_on.png");
}
#tmp_yt_control li:nth-child(n+3) a {
    display: block;
    padding: 0 0 0 17px;
    background: url("/shared/templates/miryoku_re/images/link_arrow.png") left center no-repeat;
    color: #222222;
    font-size: 85.7%;
    text-decoration: none;
}
#tmp_yt_control li:nth-child(n+3) a:hover {
    color: #1a59ab;
}
#tmp_yt_control .mute_btn span,
#tmp_yt_control .pause_btn span {
    position: relative;
    z-index: -2;
}
.column_cnt #tmp_main_visual .start_btn {
    position: relative;
    z-index: 1;
	min-height:51px;
}
.column_cnt #tmp_main_visual .start_btn a {
	display:none;
}
#tmp_contents #tmp_idx_slide #tmp_idx_ttl2 {
	position: absolute;
    top: 190px;
    z-index: 5;
	height: 206px;
	right:calc(50% - 600px);
}
#tmp_contents #tmp_idx_slide #tmp_idx_ttl2_sp {
	display: none;
}
.column_cnt #tmp_contents .wrap_slide {
    position: relative;
}
.column_cnt #tmp_contents .wrap_slide_inner {
    position: relative;
    padding: 0 0 60px 80px;
}
#tmp_wrap_slide1::before {
	content:"";
	position:absolute;
	z-index:-1;
	top:-117px;
	right:0;
	background:url(/shared/templates/miryoku_re/images/top_bg1.png) no-repeat;
	width:840px;
	height:360px;
}
#tmp_wrap_slide2::before {
	content:"";
	position:absolute;
	z-index:-1;
	top:-127px;
	left:0;
	background:url(/shared/templates/miryoku_re/images/top_bg2.png) no-repeat;
	width:330px;
	height:610px;
}
#tmp_wrap_slide3::before {
	content:"";
	position:absolute;
	z-index:-1;
	right:0;
	bottom:0;
	background:url(/shared/templates/miryoku_re/images/top_bg3.png) no-repeat;
	width:660px;
	height:570px;
}
.column_cnt #tmp_contents .wrap_slide .slide_cnt .slick_btn {
    position: absolute;
    bottom: -32px;
    right: 0;
}
.column_cnt #tmp_contents .wrap_slide .slide_cnt p {
    margin: 0;
    width: 480px;
}
.no_javascript #tmp_contents .wrap_slide .slide_cnt {
	height:380px;
	overflow-x:auto;
}
.no_javascript #tmp_contents .wrap_slide .slide_cnt p {
	float:left;
	width:33.3%;
	padding:0 5px;
	margin:0 0 10px;
}
.no_javascript #tmp_contents .wrap_slide .slide_cnt p img {
	max-width:100%;
	height:auto;
}
.no_javascript #tmp_contents .wrap_slide .slide_cnt p:nth-child(3n + 1) {
	clear:both;
}
.column_cnt #tmp_contents .wrap_slide .slide_cnt p img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
.column_cnt #tmp_contents .wrap_slide .cnt_ttl {
    margin: 0;
    position: absolute;
	top: 0;
    left: 13px;
	width:18px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	white-space:nowrap;
	text-align:left;
}
.column_cnt #tmp_contents #tmp_wrap_slide1 .cnt_ttl {
	background:url(/shared/templates/miryoku_re/images/cnt_ttl_sightseeng.png) no-repeat;
	height:232px;
}
.column_cnt #tmp_contents #tmp_wrap_slide2 .cnt_ttl {
	background:url(/shared/templates/miryoku_re/images/cnt_ttl_food.png) no-repeat;
	height:180px;
}
.column_cnt #tmp_contents #tmp_wrap_slide3 .cnt_ttl {
	background:url(/shared/templates/miryoku_re/images/cnt_ttl_industry.png) no-repeat;
	height:204px;
}
.no_javascript #tmp_contents .wrap_slide .cnt_cnt p {
	float:left;
	width:33.3%;
	padding:0 10px;
}
.column_cnt #tmp_contents .wrap_slide .slide_ttl {
    position: relative;
    margin: -130px 0 18px;
	max-width:800px;
}
.column_cnt #tmp_contents .wrap_slide .slide_ttl p {
	font-size:128.6%;
	font-weight:bold;
	margin:0 0 10px;
}
.column_cnt #tmp_contents .wrap_slide .slide_ttl p span {
    display: inline-block;
	text-align:center;
	min-width:110px;
    background: rgb(209,255,248); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(209,255,248,1) 0%, rgba(242,255,203,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(209,255,248,1) 0%,rgba(242,255,203,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(209,255,248,1) 0%,rgba(242,255,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1fff8', endColorstr='#f2ffcb',GradientType=1 ); /* IE6-9 */
}
.column_cnt #tmp_contents .wrap_slide .slide_ttl h2 {
    line-height: 1.2;
	font-size:228.6%;
    border: none;
    background: none;
    margin:0;
    padding:0;
}
.column_cnt #tmp_contents .wrap_slide .slide_ttl h2 span {
    display: inline-block;
    padding: 10px 15px 10px 0;
    background-color: #ffffff;
}
.column_cnt #tmp_contents .wrap_slide .slide_main {
	display:table;
	width:100%;
	margin:0 0 100px;
}
.column_cnt #tmp_contents .wrap_slide .slide_text {
	display:table-cell;
	vertical-align:top;
	width:690px;
	line-height:2.25;
}
.column_cnt #tmp_contents .wrap_slide .more_link {
	display:table-cell;
	vertical-align:bottom;
	width:510px;
	text-align:right;
}
.column_cnt #tmp_contents ul li:before {
    display: none;
}
.wrap_slide .slide_cnt .slick-list {
	margin-right:-354px;
}
.slide_cnt .slick-slide {
    padding: 0 12px 0 0;
}
.slick_btn {
    text-align: right;
}
.slick_btn .buttons,
.slick_btn .slick-dots {
    display: inline-block;
    vertical-align: middle;
}
.column_cnt #tmp_contents .wrap_slide .slick_btn p {
    margin: 0;
}
.column_cnt #tmp_contents .wrap_slide .slick_btn .slick-dots {
    margin: 0;
}
.column_cnt #tmp_contents .wrap_slide .slick_btn .slick-dots li {
    padding: 0;
    margin: 0 11px 0 0;
}
.more_link {
    text-align: right;
}
.more_link a {
    display: inline-block;
    padding: 0 0 7px 31px;
    background: url("/shared/site_miryoku_re/images/icon/blue_arrow.png") left 0.5em no-repeat;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid #4e9ad0;
    font-size: 87.5%;
    font-weight: bold;
}
.more_link a:hover {
	color:#1a59ab;
}
#tmp_check_cnt {
    background-color: #e7f0f3;
    padding: 84px 0 63px;
}
#tmp_contents #tmp_link_cnt {
    background: url("/shared/templates/miryoku_re/images/foot_bg.png") center bottom repeat-x;
    padding: 83px 0 102px;
}
#tmp_contents #tmp_check_cnt h2,
#tmp_contents #tmp_link_cnt h2,
#tmp_contents .miryoku_link h2 {
    border: none;
    background-color: transparent;
    background: none;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 21px 0 calc(50% - 600px);
    padding: 0 0 0 27px;
    font-size: 314.2%;
    font-weight: normal;
}
#tmp_contents .miryoku_link h2 {
margin: 0 21px 68px calc(50% - 600px);
}
#tmp_contents #tmp_check_cnt h2 span,
#tmp_contents #tmp_link_cnt h2 span,
#tmp_contents .miryoku_link h2 span {
    color: #13427e;
}
#tmp_contents #tmp_check_cnt h2:before,
#tmp_contents #tmp_link_cnt h2:before,
#tmp_contents .miryoku_link h2:before {
    content: "";
    display: block;
    width: 4px;
    height: 0.9em;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4d9ad0+0,0c539d+100 */
    background: rgb(77,154,208); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(77,154,208,1) 0%, rgba(12,83,157,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(77,154,208,1) 0%,rgba(12,83,157,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(77,154,208,1) 0%,rgba(12,83,157,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d9ad0', endColorstr='#0c539d',GradientType=0 ); /* IE6-9 */
    position: absolute;
    left: 0;
    top: 0.3em;
}
#tmp_contents #tmp_check_cnt h2 + p,
#tmp_contents #tmp_link_cnt h2 + p {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0 0;
}
#tmp_contents #tmp_check_cnt ul,
#tmp_contents #tmp_link_cnt ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 42px auto 0;
}
#tmp_contents #tmp_link_cnt ul {
    margin: 49px auto 0;
}
#tmp_contents #tmp_check_cnt ul li {
    width: 397px;
    padding: 0;
    margin: 0 4px 50px 0;
}
#tmp_contents #tmp_link_cnt ul li {
    width: 384px;
    padding: 0;
    margin: 0 24px 56px 0;
}
#tmp_contents #tmp_check_cnt ul li:nth-child(3n),
#tmp_contents #tmp_link_cnt ul li:nth-child(3n) {
    margin-right: 0;
}
#tmp_contents #tmp_check_cnt ul li a,
#tmp_contents #tmp_link_cnt ul li a {
    color: inherit;
    text-decoration: none;
}

#tmp_contents #tmp_check_cnt ul li img,
#tmp_contents #tmp_link_cnt ul li img {
    max-width: 100%;
    height: auto;
}

#tmp_contents #tmp_check_cnt span.detail_img,
#tmp_contents #tmp_link_cnt span.detail_img {
	position: relative;
	display: block;
    line-height: 0;
}
#tmp_contents #tmp_link_cnt .link_area:hover span.detail_img:after,
#tmp_contents #tmp_check_cnt .link_area:hover span.detail_img:after {
    content: "";
    display: block;
    width:100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efefef+0,f5fa5f+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(239,239,239,0) 0%, rgba(245,250,95,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(239,239,239,0) 0%,rgba(245,250,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(239,239,239,0) 0%,rgba(245,250,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefef', endColorstr='#f5fa5f',GradientType=0 ); /* IE6-9 */
    position: absolute;
	top: 0;
    left: 0;
	z-index:1;
    opacity: 0.6;
}
#tmp_contents #tmp_check_cnt ul li a {
    display: block;
    padding: 0 0 0 25px;
    background: url("/shared/site_miryoku_re/images/icon/blue_arrow.png") left center no-repeat;
    margin: 18px 0 0;
    font-weight: bold;
}
#tmp_contents #tmp_link_cnt ul li a {
    display: block;
    padding: 0 20px 0 0;
    background: url("/shared/site_miryoku_re/images/icon/link_icon.png") right 0.4em no-repeat;
    font-weight: bold;
    margin: 30px 0 0;
}
#tmp_contents #tmp_link_cnt ul li:hover a,
#tmp_contents #tmp_link_cnt ul li a:focus,
#tmp_contents #tmp_check_cnt ul li:hover a,
#tmp_contents #tmp_check_cnt ul li a:focus {
	color:#1a59ab;
}
#tmp_idx_slide {
    position: relative;
    margin: 0 0 100px;
}
#tmp_idx_slide h1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    padding: 0;
    margin: 0;
}
.no_javascript #tmp_idx_slide_cnt {
	height:600px;
	overflow-x:auto;
}
.no_javascript #tmp_idx_slide_cnt .slide_box img {
	max-width:100%;
	height:auto;
}
#tmp_contents #tmp_idx_slide_cnt .slick_btn p,
#tmp_contents #tmp_idx_slide_cnt .slick-dots {
    margin: 0;
}
#tmp_contents #tmp_idx_slide_cnt .slick-dots li {
    margin: 0 14px 1px 0;
    padding: 0;
}
#tmp_contents #tmp_idx_slide_cnt .slick-dots li a {
    width: 12px;
    height: 12px;
}
#tmp_idx_slide_cnt .slick_btn {
    position: absolute;
    bottom: 26px;
    left: calc(50% - 600px);
    background-color: #FFFFFF;
    padding: 10px 5px 7px 19px;
    width: 238px;
    text-align: left;
}
#tmp_idx_slide_cnt .slick_btn .buttons {
    margin-right: 9px;
}
#tmp_idx_slide_cnt .slick_btn .buttons .js-stop a:before {
    width: 9px;
    height: 13px;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
}
#tmp_idx_slide .slide_box {
    position: relative;
}
#tmp_idx_slide .slide_box p {
    margin: 0;
}
#tmp_idx_slide .slide_box .slide_img {
    line-height: 0;
}
#tmp_idx_slide .slide_box .slide_img img {
    max-width: inherit;
    height: 620px;
    width: 100%;
    object-fit: cover;
}
#tmp_idx_slide .slide_box .slide_ttl {
    position: absolute;
    background-color: #FFFFFF;
    bottom: 26px;
    left: calc(50% - 364px);
    font-size: 142.8%;
    padding: 6px 19px 2px 7px;
    line-height: 1.6;
    border-radius: 0 3px 3px 0;
}
#tmp_idx_slide .slide_box .slide_ttl a {
	color:#000000;
}
#tmp_idx_slide .prev a,
#tmp_idx_slide .next a {
    top: auto;
    background: #FFFFFF url("/shared/site_miryoku_re/images/icon/blue_arrow.png") center no-repeat;
    border-radius: 0;
}
#tmp_idx_slide .prev a {
    transform: rotate(180deg);
}

#tmp_idx_slide .prev a:before,
#tmp_idx_slide .next a:before,
#tmp_idx_slide .prev a:after,
#tmp_idx_slide .next a:after {
    display: none;
}
#tmp_idx_slide .prev a span,
#tmp_idx_slide .next a span {
    display: none;
}
#tmp_idx_slide .prev a {
    bottom: 24px;
    left: calc(50% - 600px);
    height: 44px;
    width: 48px;
    background-position: 7px center;
}
#tmp_idx_slide .next a {
    bottom: 24px;
    left: calc(50% - 513px);
    right: auto;
    height: 44px;
    width: 48px;
    background-position: 7px center;
}
#tmp_idx_slide .slick-slide {
    line-height: 0;
}
#tmp_idx_slide .slick-counter {
    background-color: #FFFFFF;
    position: absolute;
    bottom: 24px;
    width: 48px;
    height: 44px;
    left: calc(50% - 554px);
    color: #13427e;
    padding: 6px 3px 0 7px;
}
#tmp_idx_slide .slick-counter .current {
    font-size: 20px;
    font-weight: bold;
}
#tmp_idx_slide .slick-counter .total {
    font-weight: bold;
    font-size: 16px;
    margin-left: -5px;
}
#tmp_contents .wrap_miryoku_cnt {
    overflow: hidden;
}
#tmp_contents .miryoku_cnt {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto 40px;
    position: relative;
}
#tmp_contents .miryoku_cnt:after {
    content: "";
    display: block;
    width: 648px;
    height: 490px;
    background: url("/shared/templates/miryoku_re/images/bg01.png") left top no-repeat;
    position: absolute;
    z-index: -1;
}

#tmp_contents .miryoku_cnt:after {
    bottom: 194px;
    right: -226px;
}
#tmp_contents .miryoku_cnt_ttl {
    width: 300px;
}
#tmp_contents .miryoku_cnt_ttl h2 {
    margin:-10px 0 46px 0px;
    background: none;
    border-left: none;
    padding: 0;
    font-size: 342.8%;
    letter-spacing: 2px;
	position: relative;
}
#tmp_contents .miryoku_cnt_ttl h2 span {
font-size: 50%;
display: block;
line-height: 0.2;
margin-top: 35px;
}
#tmp_contents .miryoku_cnt_ttl p {
    line-height: 1.7;
    font-size: 128.5%;
    padding: 1px 0 0 4px;
    margin: 0 0 38px;
}
#tmp_contents .miryoku_cnt_ttl h2:after {
	width: 300px;
	height: 60px;
	content: "";
    display: block;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1fff8+0,f2ffcb+100 */
    background: rgb(209,255,248); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(209,255,248,1) 0%, rgba(242,255,203,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(209,255,248,1) 0%,rgba(242,255,203,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(209,255,248,1) 0%,rgba(242,255,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
	*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1fff8', endColorstr='#f2ffcb',GradientType=1 ); /* IE6-9 */
	position: absolute;
    left: 0;
	bottom: -20px;
    z-index: -1;
}
#tmp_contents .miryoku_cnt_ttl ul {
    margin: 0;
}
#tmp_contents .miryoku_cnt_ttl ul li {
    padding: 0;
    margin: 0 0 14px;
}
#tmp_contents .miryoku_cnt_ttl ul li a {
    display: block;
    padding: 11px 36px 10px 30px;
    border-bottom:1px solid #0f57a0;
    background:url("/shared/site_miryoku_re/images/icon/blue_arrow.png") left center no-repeat;
    color: inherit;
    text-decoration: none;
    font-weight: bold;
}
#tmp_miryokuarea_link .miryoku_list_top .miryoku_list_link a:hover {
	background-color: #1a59ab;
	color: #FFFFFF;
}
#tmp_contents .miryoku_cnt_list .more_btn a:hover,
#tmp_contents .miryoku_cnt_list .link_area a:hover,
#tmp_contents .miryoku_cnt_ttl ul li a:hover {
	color:#1a59ab;
}
#tmp_contents .miryoku_cnt_list {
    display: flex;
    flex-wrap: wrap;
    width: 830px;
    position: relative;
}
#tmp_contents .miryoku_cnt_list .link_area {
    width: 400px;
    font-size: 128.5%;
    margin: 0 0 45px 15px;
}
#tmp_contents .miryoku_cnt_list .link_area:nth-child(n + 7) {
    display: none;
}
.no_javascript #tmp_contents .miryoku_cnt_list .link_area:nth-child(n + 7) {
    display: block;
}
#tmp_contents .miryoku_cnt_list .link_area p {
    margin: 0;
}
#tmp_contents .miryoku_cnt_list .link_area a {
    display: block;
    color: inherit;
    text-decoration: none;
    font-size: 90%;
    font-weight: bold;
    padding: 13px 10px 3px 30px;
	background: url("/shared/site_miryoku_re/images/icon/blue_arrow.png") left 19px no-repeat;
    line-height: 1.3;
}
#tmp_contents .miryoku_cnt_list .more_btn {
    text-align: center;
    width: 100%;
    padding: 180px 0 60px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,ffffff+50&0+0,1+50 */
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(255,255,255,1) 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(255,255,255,1) 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(255,255,255,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    z-index: 1;
}
#tmp_contents .miryoku_cnt_list .more_btn a {
    display: inline-block;
    color: inherit;
    padding: 9px 40px 10px 3px;
    text-decoration: none;
    position: relative;
	border-bottom: 1px solid #246db1;
}
#tmp_contents .miryoku_cnt_list .more_btn a:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 1px solid #246db1;
    border-bottom: 1px solid #246db1;
    position: absolute;
	top: -8px;
	bottom: 0px;
	right: 7px;
    margin: auto;
    transform: rotate(45deg);
}
#tmp_contents .miryoku_link {
    width: 1200px;
    margin: 0 auto 145px;
}
#tmp_contents .miryoku_link .miryoku_box {
    display: flex;
    flex-wrap: wrap;
}
#tmp_contents .miryoku_link .miryoku_box .link_img img {
	width:280px;
	height:auto;
}
/*
#tmp_contents .miryoku_link h2 {
    background: url("/shared/templates/miryoku_re/images/tri_icon.png") 9px 0 no-repeat;
    border: none;
    padding: 10px 0 0;
    font-size: 285.7%;
    letter-spacing: 4px;
    margin-bottom: 50px;
}
#tmp_contents .miryoku_link h2 span {
    color: #13427e;
}
*/
#tmp_contents .miryoku_link .miryoku_box .link_area {
    width: 280px;
	margin: 0 26px 20px 0;
}
#tmp_contents .miryoku_link .miryoku_box .link_area img {
	width: 280px;
}
#tmp_contents .miryoku_link .link_area:nth-child(4n) {
    margin-right: 0;
}
#tmp_contents .miryoku_link .link_area p {
    margin: 0;
    font-size: 114.2%;
    font-weight: bold;
}
#tmp_contents .miryoku_link .link_area a {
    display: block;
    color: inherit;
    text-decoration: none;
    padding: 10px 8px 8px 25px;
    letter-spacing: 0.5px;
    line-height: 1.8;
    background: url(/shared/site_miryoku_re/images/icon/blue_arrow.png) left 18px no-repeat;
    overflow-wrap: anywhere;
}
#tmp_contents .miryoku_link .link_area a:hover {
	color:#1a59ab;
}
#tmp_contents .miryoku_link .miryoku_box .link_box {
    position: relative;
    width: 280px;
    margin: 0 26px 24px 0;
    box-shadow: 0 4px 14px 4px rgba(7,105,162,0.15);
}
#tmp_contents .miryoku_link .miryoku_box .link_box:nth-child(4n) {
    margin-right: 0;
}
#tmp_contents .miryoku_link .miryoku_box .link_box p {
    margin: 0;
}
#tmp_contents .miryoku_link .miryoku_box .link_box img {
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    margin: auto;
}
#tmp_contents .miryoku_link .miryoku_box .link_box a {
    display: block;
    padding: 138px 32px 12px 24px;
    letter-spacing: 0.75px;
    background: url("/shared/site_miryoku_re/images/icon/link_icon.png") calc(100% - 13px) calc(100% - 14px) no-repeat;
    color: inherit;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    z-index: 1;
    line-height: 1.8;
}
#tmp_contents .miryoku_link .miryoku_box .link_box a:hover {
	color:#1a59ab;
}
#tmp_contents .wrap_miryoku_cnt_list img {
	max-width: 400px;
	height: auto;
	position: relative;
	display: block;
	z-index: 1;
}
#tmp_contents .miryoku_link .miryoku_box .link_area img {
	position: relative;
	display: block;
	z-index: 1;
}
#tmp_contents .miryoku_link .miryoku_box .link_area img:after,
#tmp_contents .wrap_miryoku_cnt_list img:after {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1fff8+0,f2ffcb+100 */
    background: rgb(209,255,248); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(209,255,248,1) 0%, rgba(242,255,203,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(209,255,248,1) 0%,rgba(242,255,203,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(209,255,248,1) 0%,rgba(242,255,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
	*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1fff8', endColorstr='#f2ffcb',GradientType=1 ); /* IE6-9 */
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
#tmp_contents .miryoku_link .miryoku_box .link_box:hover {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1fff8+0,f2ffcb+100 */
    background: rgb(209,255,248); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(209,255,248,1) 0%, rgba(242,255,203,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(209,255,248,1) 0%,rgba(242,255,203,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(209,255,248,1) 0%,rgba(242,255,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
	*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1fff8', endColorstr='#f2ffcb',GradientType=1 ); /* IE6-9 */
}
#tmp_contents .miryoku_link .miryoku_box .link_area img:hover,
#tmp_contents .wrap_miryoku_cnt_list img:hover {
	opacity: 0.8;
}
/*右ナビ*/
.rnavi_ttl,
#tmp_lnavi_ttl {
    background-color: #cee9f9;
    border-bottom: 2px solid #1a58ab;
}
.rnavi_ttl p,
#tmp_lnavi_ttl p {
    padding: 22px 16px 17px 16px;
    font-size: 142.8%;
    font-weight: bold;
}
.rnavi_ttl p a,
#tmp_lnavi_ttl p a  {
    display: block;
    color: inherit;
    text-decoration: none;
    padding: 22px 38px 17px 16px;
    margin: -22px -16px -17px -16px;
    background: url("/shared/site_re/images/icon/blue_arrow.png") calc(100% - 14px) calc(22px + 0.5em) no-repeat;
}
.rnavi_cnt ul,
#tmp_lnavi_cnt ul{
    border-top: 1px solid #f0f0f0;
    list-style: none;
}
.rnavi_cnt ul li,
#tmp_lnavi_cnt ul li {
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    padding: 12px 10px 13px 42px;
    font-size: 114.2%;
}
.rnavi_cnt ul li:before,
#tmp_lnavi_cnt ul li:before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #195aac;
    border-radius: 10px;
    position: absolute;
    top: calc(12px + 0.4em);
    left: 20px;
}
.rnavi_cnt ul li a,
#tmp_lnavi_cnt ul li a {
    display: block;
    color: inherit;
    text-decoration: none;
    padding: 12px 10px 13px 42px;
    margin: -12px -10px -13px -42px;
}
.rnavi_cnt ul li a:hover,
.rnavi_cnt ul li.active a,
#tmp_lnavi_cnt ul li.active a,
#tmp_lnavi_cnt ul li a:hover {
    background-color: #e1f0fa;
}
#tmp_wrap_miryokuarea_link {
    background: url(/shared/templates/miryoku_re/images/foot_bg.png) center bottom repeat-x;
    background-size: contain;
}
#tmp_miryokuarea_link {
    width: 1200px;
    margin: 0 auto;
    background: url("/shared/templates/miryoku_re/images/pc_bg.png") left top no-repeat;
    padding: 43px 29px 114px 0;
    display: flex;
}
#tmp_contents #tmp_miryokuarea_link h2 {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}
#tmp_miryokuarea_link h2 span {
    position: relative;
    z-index: -1;
}
#tmp_miryokuarea_link .miryoku_list_top {
    position: relative;
}
#tmp_miryokuarea_link .miryoku_list_top .miryoku_list_link {
    position: absolute;
    top: 104px;
    left: 0;
    padding: 0;
    font-weight: normal;
}
#tmp_miryokuarea_link .miryoku_list_top .miryoku_list_link a {
    display: block;
    padding: 7px 32px 6px 11px;
    font-size: 88.8%;
    text-decoration: none;
    color: #222222;
    width: 160px;
    background: url("/shared/site_re/images/icon/blue_arrow.png") calc(100% - 10px) center no-repeat;
}
#tmp_miryokuarea_link #tmp_link_area {
    width: 900px;
    margin: 0;
    display: flex;
    position: relative;
    z-index: 1;
}
#tmp_miryokuarea_link #tmp_link_area .link_box {
    position: relative;
    width: 300px;
}
#tmp_miryokuarea_link #tmp_link_area .link_box img {
    max-width: 100%;
    height: auto;
	position: relative;
	display: block;
	z-index: 1;
}
#tmp_miryokuarea_link #tmp_link_area .link_box img:after {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1fff8+0,f2ffcb+100 */
    background: rgb(209,255,248); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(209,255,248,1) 0%, rgba(242,255,203,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(209,255,248,1) 0%,rgba(242,255,203,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(209,255,248,1) 0%,rgba(242,255,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
	*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1fff8', endColorstr='#f2ffcb',GradientType=1 ); /* IE6-9 */
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
#tmp_miryokuarea_link #tmp_link_area .link_box img:hover {
	opacity: 0.8;
}
#tmp_miryokuarea_link #tmp_link_area .miryoku_ttl {
    position: absolute;
    bottom: -7px;
    left: 0;
	z-index:1;
}
#tmp_miryokuarea_link #tmp_link_area .miryoku_ttl p {
}
#tmp_miryokuarea_link #tmp_link_area .miryoku_ttl p a {
    display: inline-block;
    background-color: #FFFFFF;
    font-size: 125%;
    font-weight: bold;
    color: inherit;
    text-decoration: none;
    padding: 8px 18px 2px 12px;
}
#tmp_miryokuarea_link #tmp_link_area .link_box:hover .miryoku_ttl p a,
#tmp_miryokuarea_link #tmp_link_area .link_box .miryoku_ttl p a:focus {
    background-color: #1a59be;
    color: #FFFFFF;
}
#tmp_miryokuarea_link .miryoku_list_link,
#tmp_miryokuarea_link #tmp_link_area .miryoku_ttl .cate_ttl {
    display: inline-block;
    font-size: 128.5%;
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1fff8+0,f2ffcb+100 */
    background: rgb(209,255,248); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(209,255,248,1) 0%, rgba(242,255,203,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(209,255,248,1) 0%,rgba(242,255,203,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(209,255,248,1) 0%,rgba(242,255,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1fff8', endColorstr='#f2ffcb',GradientType=1 ); /* IE6-9 */
    margin: 0 0 10px;
    padding: 4px 11px 1px;
    line-height: 1.2;
}
#tmp_miryokuarea_link #tmp_link_area .miryoku_ttl .cate_ttl span {
    font-size: 92.8%;
    font-style: italic;
    font-weight: normal;
    letter-spacing: -0.25px;
    display: inline-block;
    padding: 0 24px 2px 18px;
    background: url("/shared/site_re/images/icon/blue_arrow_s.png") right 0.2em no-repeat;
    font-family: Century Gothic, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
#tmp_miryokuarea_link #tmp_link_area .miryoku_list_link {
    text-align: center;
}
#tmp_miryokuarea_link #tmp_link_area .miryoku_list_link a {
    display: inline-block;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1fff8+0,f2ffcb+100 */
    background: rgb(209,255,248); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(209,255,248,1) 0%, rgba(242,255,203,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(209,255,248,1) 0%,rgba(242,255,203,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(209,255,248,1) 0%,rgba(242,255,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1fff8', endColorstr='#f2ffcb',GradientType=1 ); /* IE6-9 */
    font-size: 114.2%;
    color: inherit;
    text-decoration: none;
    position: relative;
    padding: 9px 34px 7px 22px;
    box-shadow: 0 4px 15px 2px rgba(7,105,162,0.15);
}
#tmp_miryokuarea_link #tmp_link_area .miryoku_list_link a:hover,
#tmp_miryokuarea_link #tmp_link_area .miryoku_list_link a:focus {
    background: #d3efff;
}
#tmp_miryokuarea_link #tmp_link_area .miryoku_list_link a:after {
    content: "";
    display: block;
    width: 18px;
    height: 10px;
    background: url("/shared/site_re/images/icon/blue_arrow.png") top left no-repeat;
    position: absolute;
    right: 11px;
    top: calc(8px + 0.5em);
}
.no_javascript #tmp_main_visual .start_btn,
.no_javascript #tmp_main_visual .scroll_btn,
.no_javascript #tmp_yt_control {
	display:none !important;
}
.no_javascript .wrap_slide .slide_ttl {
	margin-top:0 !important;
}
/*-----------------------------------------------------
slick
-----------------------------------------------------*/
/* Slider */
.slick-loading .slick-list {
    background: #555555;
}
/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev {
    left: -25px;
}
[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}
.slick-next {
    right: -25px;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}
/* Dots */
.slick-dots {
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 12px 0 0;
    padding: 0;
    cursor: pointer;
    overflow:hidden;
}
.slick-dots li a {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    cursor: pointer;
    color: transparent;
    background-color: #FFFFFF;
    border: 1px solid #1b59ac;
    border-radius: 50px;
}
.slick-dots li.slick-active a {
    background-color: #1b59ac;
}
.slick-dots li a:hover:before,
.slick-dots li a:focus:before {
    opacity: 1;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    &:focus {
        outline: none;
    }
    &.dragging {
        cursor: pointer;
        cursor: hand;
    }
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    &:before,
    &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
    .slick-loading & {
        visibility: hidden;
    }
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    [dir="rtl"] & {
        float: right;
    }
    img {
        display: block;
    }
    &.slick-loading img {
        display: none;
    }
    display: none;
    &.dragging img {
        pointer-events: none;
    }
    .slick-initialized & {
        display: block;
    }
    .slick-loading & {
        visibility: hidden;
    }
    .slick-vertical & {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-slide img {
	max-width: 100%;
	max-height: 100%;
}
.slide {
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 40vh;
    background-color: #555555;
    color: #FFFFFF;
    text-align: center;
}
.prev a,
.next a {
    display: block;
    position: absolute;
    top: -55px;
    bottom: 0;
    width: 25px;
    height: 25px;
    margin: auto;
    z-index: 1000;
    cursor: pointer;
    background-color: #1b59ac;
    overflow: hidden;
    border-radius: 100px;
}

.prev a {
    left: 4px;
}
.next a {
    right: 4px;
}
.prev a:before,
.next a:before,
.prev a:after,
.next a:after {
    content: "";
    display: block;
    background-color: #FFFFFF;
    position: absolute;
    width: 10px;
    height: 2px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.prev a:before,
.next a:after {
    transform: rotate(45deg);
}
.prev a:after,
.next a:before{
    transform: rotate(-45deg);
}
.prev a:before {
    top: 6px;
    left: -2px;
}
.prev a:after {
    top: -6px;
    left: -2px;
}
.next a:before {
    top: 6px;
    right: -2px;
}
.next a:after {
    top: -6px;
    right: -2px;
}
.prev span,
.next span {
    position: relative;
    display: block;
    z-index: -1;
    text-indent: -9999px;
}
.slick_btn .buttons,
.slick_btn .slick-dots {
    display: inline-block;
    vertical-align: middle;
}
.slick_btn .buttons {
    margin-right: 5px;
}

.js-play {
    display: none;
}
.slick_btn .buttons {
	width:13px;
	margin-right:12px;
}
.slick_btn .buttons a {
    color: inherit;
    text-decoration: none;
    font-weight: bold;
    display: block;
    position: relative;
    font-size: 85.7%;
    text-transform: uppercase;
	width:13px;
	height:13px;
}
.slick_btn .buttons span {
	z-index: -1;
	position: relative;
	overflow: hidden;
	text-indent: -9999px;
	display: inline-block;
}
.slick_btn .buttons .js-stop a:before,
.slick_btn .buttons .js-play a:before {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    bottom: 0;
    left: 5px;
    margin: auto;
}
.slick_btn .buttons .js-stop a:before {
    width: 8px;
    height: 8px;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
}
.slick_btn .buttons .js-play a:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #000000;
}
/*youtube*/
#yt_player {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
}
#yt_player iframe {
    min-width: 100%;
    min-height: 682px;
    width: auto;
    height: calc(100vh - 190px);
}
#tmp_yt_player_sp {
	display:none;
}
/* ==================================================
accessibility style change:color
================================================== */
.color_blue #tmp_wrapper .used_bg_img span,
.color_yellow #tmp_wrapper .used_bg_img span,
.color_black #tmp_wrapper .used_bg_img span {
	z-index: 1 !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	text-indent: 0 !important;
	white-space: normal !important;
}
.color_blue #tmp_main_visual,
.color_yellow #tmp_main_visual,
.color_black #tmp_main_visual {
	border-top:2px solid;
	border-bottom:2px solid;
}
.color_blue #tmp_wrapper #yt_player *,
.color_yellow #tmp_wrapper #yt_player *,
.color_black #tmp_wrapper #yt_player * {
	background-color:transparent !important;
}
.color_blue #tmp_yt_control,
.color_yellow #tmp_yt_control,
.color_black #tmp_yt_control,
.color_blue .column_cnt #tmp_contents .wrap_slide .slide_ttl p span,
.color_yellow .column_cnt #tmp_contents .wrap_slide .slide_ttl p span,
.color_black .column_cnt #tmp_contents .wrap_slide .slide_ttl p span {
	border:1px solid;
}
.color_blue #tmp_yt_control li a,
.color_yellow #tmp_yt_control li a,
.color_black #tmp_yt_control li a {
	width: auto !important;
	height: auto !important;
	padding:2px !important;
	border:1px solid !important;
	margin:0 !important;
}
.color_blue #tmp_wrapper .slick-dots li.slick-active a,
.color_black #tmp_wrapper .slick-dots li.slick-active a {
	background-color:#FFFF00 !important;
}
.color_yellow #tmp_wrapper .slick-dots li.slick-active a {
	background-color:#000 !important;
}
.color_blue #tmp_wrapper .slick_btn .buttons .js-play a::before,
.color_black #tmp_wrapper .slick_btn .buttons .js-play a::before {
	border-color:transparent transparent transparent #FFFF00 !important;
}
.color_yellow #tmp_wrapper .slick_btn .buttons .js-play a::before {
	border-color:transparent transparent transparent #000000 !important;
}
.color_blue #tmp_wrapper .slick_btn .buttons .js-stop a::before,
.color_black #tmp_wrapper .slick_btn .buttons .js-stop a::before {
    border-left: 3px solid #FFFF00 !important;
    border-right: 3px solid #FFFF00 !important;
}
.color_yellow #tmp_wrapper .slick_btn .buttons .js-stop a::before {
    border-left: 3px solid #000000 !important;
    border-right: 3px solid #000000 !important;
}
.color_blue #tmp_miryoku_ttl .caption,
.color_black #tmp_miryoku_ttl .caption,
.color_yellow #tmp_miryoku_ttl .caption {
	box-shadow:none !important;
}
/* ==================================================
clearfix
================================================== */
/* for modern browser */
#tmp_contents div.outline:after,
#tmp_contents div.box_info:after,
#tmp_contents div.box_info_ttl:after,
#tmp_contents div.box_info_cnt:after,
#tmp_contents div.box_link:after,
#tmp_contents div.box_link_ttl:after,
#tmp_contents div.box_link_cnt:after,
#tmp_contents div.box_menu:after,
#tmp_contents div.box_menu_ttl:after,
#tmp_contents div.box_menu_cnt:after,
#tmp_contents .box_photo:after,
#tmp_map:after,
#tmp_contents #tmp_facilities_btn:after,
#tmp_contents #tmp_facilities_btn ul:after,
#tmp_event_cal_tab:after,
#tmp_event_cal_tab ul:after,
#tmp_event_cal_refine:after,
#tmp_event_cal_refine_ttl:after,
#tmp_event_cal_refine_cnt:after,
#tmp_event_cal_refine_cnt dl:after,
#tmp_event_cal_refine_cnt dd:after,
#tmp_event_cal_refine_cnt dd ul:after,
#tmp_event_main:after,
#tmp_contents .event_col3:after,
#tmp_lnavi_event_cal:after,
#tmp_lnavi_event_cal_ttl:after,
#tmp_lnavi_event_cal_cnt:after,
#tmp_lnavi_event_cal .cal_navi:after,
.container:after {
	content: ""; /* Do not edit */
	display: table; /* Do not edit */
	clear: both; /* Do not edit */
}
/* ==================================================
print
================================================== */
@media print {
body {
	background:#FFFFFF !important;
}
#tmp_wrapper {
	width:100% !important;
    background: none;
}
#tmp_header {
	margin-bottom:10px !important;
	padding-bottom:10px !important;
	color:#000000 !important;
	background:#FFFFFF !important;
}
#tmp_hlogo {
    position: relative;
    width: 190px;
}
.format_free #tmp_wrap_main {
    background: none !important;
}
#tmp_footer {
	margin-top:10px !important;
	padding-top:10px !important;
	color:#000000 !important;
	background:#FFFFFF !important;
	border-top:1px solid #000000 !important;
}
#tmp_means,
.gnavi,
.wrap_col_lft_navi,
.wrap_col_rgt_navi,
.pnavi,
.fnavi,
.fnavi2,
.plugin,
#tmp_social_plugins,
#tmp_inquiry_cnt .inquiry_btn,
#tmp_feedback,
#tmp_pankuzu {
	display:none !important;
}
.wrap_col_nm,
.column_lnavi .wrap_col_main,
.column_rnavi .wrap_col_main {
	float:none !important;
}
body,
#tmp_pankuzu {
	background:none !important;
}
.wrap_col_nm,
.wrap_col_nm2,
.col_main {
	margin:0 !important;
	padding:0 !important;
}
#tmp_contents .box_gmap {
	margin:0;
	padding:170px 0 0 0;
	position:relative;
	top:-170px;
	page-break-before:always;
}
.copyright {
	text-align:left !important;
}
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:"."; /* Do not edit */
	height:1px; /* Do not edit */

}
}