@charset "UTF-8";

/* vi
-----------------------------------------------------*/
#vi_top {
	background:#fbf1e8;
	padding:28px 0 35px;
	position:relative;
}

#vi_top div {
	display:block;
	margin:0 auto;
	padding-top:501px;
	width:1080px;
}

#vi_top:before {
	background:url(/lib/img/cmn/img_leaf_01.png) no-repeat;
	background-size:78px 71px;
	content:"";
	height:71px;
	left:0;
	position:absolute;
	top:10px;
	width:78px;
	z-index:2;
}

@media only screen and (max-width:767px) {

#vi_top {
	padding:10px 15px 15px;
}

#vi_top div {
	margin:0;
	padding-top:46.4%;
	width:100%;
}

#vi_top:before {
	background:url(/lib/img/cmn/img_leaf_01.png) no-repeat;
	background-size:36px 33px;
	height:33px;
	top:15px;
	width:36px;
}

}

/* cmn
-----------------------------------------------------*/
.sec_message h2,
.sec_easyacccess h2,
.sec_prevention h2,
.sec_guide h2 {
	color:#3c3311;
	font-size:3.4rem;
	font-weight:500;
	letter-spacing:.05em;
	line-height:1.4;
}

.sec_message h2 span,
.sec_easyacccess h2 span,
.sec_prevention h2 span {
	color:#ed7482;
}

#contents h2 span.latin {
	color:#b9ab79;
	display:block;
}

@media only screen and (max-width:767px) {

.sec_message h2,
.sec_easyacccess h2,
.sec_prevention h2,
.sec_guide h2 {
	font-size:3.7vw;
}

}

/* message
-----------------------------------------------------*/
.sec_message {
	background:url(/lib/img/cmn/bg_wave_01.gif) center top no-repeat;
	background-size:contain;
	padding:90px 0 35px;
	position:relative;
}

.sec_message:before {
	background:url(/lib/img/cmn/img_leaf_02.png) no-repeat;
	content:"";
	height:202px;
	left:0;
	position:absolute;
	top:10px;
	width:204px;
}

.sec_message:after {
	background:url(/lib/img/cmn/img_leaf_10.png) no-repeat;
	content:"";
	height:164px;
	position:absolute;
	right:0;
	top:-15px;
	width:134px;
}

.sec_message h2 {
	margin-bottom:1.2em;
	position:relative;
	text-align:center;
}

.sec_message h2:before {
	background:url(/lib/img/cmn/img_leaf_09.png) no-repeat;
	content:"";
	height:76px;
	left:128px;
	position:absolute;
	top:0;
	width:78px;
}

.sec_message .inner {
	overflow:hidden;
	position:relative;
}

.sec_message p {
	margin-bottom:1em;
}

.sec_message .fig {
	position:absolute;
	right:0;
	top:0;
	width:256px;
}

.sec_message .fl_l {
	float:left;
	width:780px;
}

.sec_message p.btn01 {
	font-size:1.8rem;
	text-align:right;
}

@media only screen and (max-width:767px) {

.sec_message {
	padding:29px 0 17px;
}

.sec_message:before {
	background:url(/lib/img/cmn/img_leaf_02_sp.png) no-repeat;
	background-size:56px 47px;
	height:47px;
	top:0;
	width:56px;
}

.sec_message:after {
	background:url(/lib/img/cmn/img_leaf_10.png) no-repeat;
	background-size:34px 42px;
	height:42px;
	top:-5px;
	width:34px;
}

.sec_message .tbltit h2 {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	width:62vw;
}

.sec_message h2:before {
	display:none;
}

.sec_message .tbltit {
	display:table;
	margin-bottom:1em;
}

.sec_message .fig {
	display:table-cell;
	position:static;
	right:auto;
	top:auto;
	vertical-align:middle;
	width:28vw;
}

.sec_message .fl_l {
	float:none;
	width:auto;
}

.sec_message p.btn01 {
	font-size:2.8vw;
}

}

/* easyacccess
-----------------------------------------------------*/
.sec_easyacccess {
	background:#f1f8f7 url(/lib/img/cmn/bg_wave_02.gif) center top no-repeat;
	background-size:contain;
	padding:120px 0 20px;
	position:relative;
}

.sec_easyacccess:before {
	background:url(/lib/img/cmn/img_leaf_03.png) no-repeat;
	content:"";
	height:156px;
	left:0;
	position:absolute;
	top:-6px;
	width:210px;
	z-index:2;
}

.sec_easyacccess:after {
	background:url(/lib/img/cmn/img_leaf_04.png) no-repeat;
	content:"";
	height:116px;
	position:absolute;
	right:0;
	top:0;
	width:154px;
	z-index:2;
}

.sec_easyacccess .inner {
	position:relative;
}

.sec_easyacccess h2 {
	margin:0 0 1.2em 300px;
}

.sec_easyacccess .inner {
	min-height:276px;
	overflow:hidden;
}

.sec_easyacccess .fig {
	left:0;
	position:absolute;
	top:20px;
	width:256px;
}

.sec_easyacccess p {
	float:right;
	width:780px;
}

@media only screen and (max-width:767px) {

.sec_easyacccess {
	padding:35px 0 20px;
}

.sec_easyacccess:before {
	background:url(/lib/img/cmn/img_leaf_03.png) no-repeat;
	background-size:70px 52px;
	height:52px;
	top:-6px;
	width:70px;
}

.sec_easyacccess:after {
	background:url(/lib/img/cmn/img_leaf_04.png) no-repeat;
	background-size:49px 37px;
	height:37px;
	width:49px;
}

.sec_easyacccess .inner {
	min-height:0;
}

.sec_easyacccess .tbltit {
	display:table;
	margin-bottom:10px;
}

.sec_easyacccess .tbltit h2 {
	box-sizing:border-box;
	display:table-cell;
	padding-left:1em;
	vertical-align:middle;
}

.sec_easyacccess .fig {
	display:table-cell;
	position:static;
	top:auto;
	vertical-align:middle;
	width:28vw;
}

.sec_easyacccess p {
	float:none;
	width:auto;
}

}


/* prevention
-----------------------------------------------------*/
.sec_prevention {
	background:url(/lib/img/cmn/bg_wave_03.gif) center top no-repeat;
	background-size:contain;
	padding:100px 0 25px;
	position:relative;
}

.sec_prevention:before {
	background:url(/lib/img/cmn/img_leaf_05.png) no-repeat;
	content:"";
	height:98px;
	left:28px;
	position:absolute;
	top:60px;
	width:150px;
	z-index:2;
}

.sec_prevention:after {
	background:url(/lib/img/cmn/img_leaf_06.png) no-repeat;
	content:"";
	height:172px;
	position:absolute;
	right:0;
	top:-24px;
	width:214px;
	z-index:2;
}

.sec_prevention h2 {
	margin-bottom:1.2em;
	text-align:center;
}

.sec_prevention .inner {
	position:relative;
}

.sec_prevention p {
	margin:0 275px 1.8em 0;
}

.sec_prevention .fig {
	position:absolute;
	right:0;
	top:20px;
	width:256px;
}

@media only screen and (max-width:767px) {

.sec_prevention {
	padding:28px 0 15px;
}

.sec_prevention:before {
	background:url(/lib/img/cmn/img_leaf_05.png) no-repeat;
	background-size:46px 30px;
	height:30px;
	left:15px;
	top:18px;
	width:46px;
}

.sec_prevention:after {
	background:url(/lib/img/cmn/img_leaf_06.png) no-repeat;
	background-size:62px 50px;
	height:50px;
	top:-19px;
	width:62px;
}

.sec_prevention .tbltit {
	display:table;
	margin-bottom:10px;
	width:100%;
}

.sec_prevention h2 {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	width:62.5vw;
}

.sec_prevention .fig {
	position:static;
	right:auto;
	text-align:right;
	top:auto;
	vertical-align:middle;
	width:28vw;
}

.sec_prevention p {
	margin:0 0 1.8em 0;
}

}


/* guide
-----------------------------------------------------*/
.sec_guide {
	background:#e7e1d4 url(/lib/img/top/bg_guide_top.gif) center top no-repeat;
	background-size:contain;
	padding:45px 0 10px;
}

.sec_guide .bg_leaf {
	background:url(/lib/img/top/bg_guide_leaf.png) center top repeat;
}

.sec_guide h2 {
	margin-bottom:.6em;
	padding-top:60px;
	text-align:center;
}

.sec_guide h2 span {
	font-size:2.2rem;
	padding-top:1.2em;
	position:relative;
}

.sec_guide h2 span:before {
	background:#b9ab79;
	content:"";
	display:block;
	height:1px;
	left:50%;
	margin-left:-1.5em;
	position:absolute;
	top:10px;
	width:3em;
}

.sec_guide p {
	margin-bottom:2.4em;
}

.sec_guide ul {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

.sec_guide ul li {
	margin-bottom:40px;
	width:250px;
 position: relative;
}

.sec_guide ul li dt {
	border-radius:8px;
	color:#fff;
	font-size:1.8rem;
	margin-bottom:-35px;
	padding:1px;
	position:relative;
	text-align:center;
	z-index:2;
}

.sec_guide ul li dt > span {
	border-radius:8px;
	box-sizing:border-box;
	display:block;
	padding:1em .2em;
}

.sec_guide ul li dt::before {
	bottom:-27px;
	content:"";
	height:28px;
	left:38px;
	position:absolute;
	width:32px;
}

.sec_guide ul li dt > span > span {
	display:block;
	font-size:2rem;
	font-weight:500;
	margin-top:.2em;
	padding-top:.2em;
	position:relative;
}

.sec_guide ul li dt > span > span:before {
	background:#fff;
	content:"";
	height:1px;
	left:50%;
	margin-left:-1.5em;
	position:absolute;
	top:0;
	width:3em;
}

.sec_guide ul li.gmenu01 dt::before {	background:url(/lib/img/top/bg_cmt_01.png) no-repeat;}
.sec_guide ul li.gmenu02 dt::before {	background:url(/lib/img/top/bg_cmt_02.png) no-repeat;}
.sec_guide ul li.gmenu03 dt::before {	background:url(/lib/img/top/bg_cmt_03.png) no-repeat;}
.sec_guide ul li.gmenu04 dt::before {	background:url(/lib/img/top/bg_cmt_04.png) no-repeat;}
.sec_guide ul li.gmenu05 dt::before {	background:url(/lib/img/top/bg_cmt_05.png) no-repeat;}
.sec_guide ul li.gmenu06 dt::before {	background:url(/lib/img/top/bg_cmt_06.png) no-repeat;}
.sec_guide ul li.gmenu07 dt::before {	background:url(/lib/img/top/bg_cmt_07.png) no-repeat;}
.sec_guide ul li.gmenu08 dt::before {	background:url(/lib/img/top/bg_cmt_08.png) no-repeat;}

.sec_guide ul li.gmenu01 dt {	background:url(/lib/img/cmn/bg_dither_01.gif) repeat;}
.sec_guide ul li.gmenu02 dt {	background:url(/lib/img/cmn/bg_dither_02.gif) repeat;}
.sec_guide ul li.gmenu03 dt {	background:url(/lib/img/cmn/bg_dither_03.gif) repeat;}
.sec_guide ul li.gmenu04 dt {	background:url(/lib/img/cmn/bg_dither_04.gif) repeat;}
.sec_guide ul li.gmenu05 dt {	background:url(/lib/img/cmn/bg_dither_05.gif) repeat;}
.sec_guide ul li.gmenu06 dt {	background:url(/lib/img/cmn/bg_dither_06.gif) repeat;}
.sec_guide ul li.gmenu07 dt {	background:url(/lib/img/cmn/bg_dither_07.gif) repeat;}
.sec_guide ul li.gmenu08 dt {	background:url(/lib/img/cmn/bg_dither_08.gif) repeat;}

.sec_guide ul li.gmenu01 dt > span {	background:#7da68f;}
.sec_guide ul li.gmenu02 dt > span {	background:#7da1a6;}
.sec_guide ul li.gmenu03 dt > span {	background:#a17da6;}
.sec_guide ul li.gmenu04 dt > span {	background:#c56f90;}
.sec_guide ul li.gmenu05 dt > span {	background:#9f8b78;}
.sec_guide ul li.gmenu06 dt > span {	background:#a5a169;}
.sec_guide ul li.gmenu07 dt > span {	background:#d3894d;}
.sec_guide ul li.gmenu08 dt > span {	background:#b85646;}


.sec_guide ul li .stop {
 background: rgba(1,1,1,0.40);
 position: absolute;
 top: -10px;
 bottom: -10px;
 left: -10px;
 right: -10px;
 z-index: 2;
}

.sec_guide ul li .stop p {
 color: #FFF;
 line-height: 1.2;
 font-weight: bold;
 font-size: 20px;
 text-align: center;
 width: 90%;
 position: absolute;
 left: 5%;
 top: 50%;
 transform: translateY(-50%);
}

@media only screen and (max-width:767px) {

.sec_guide {
	padding:20px 0 10px;
}

.sec_guide .bg_leaf {
	background:url(/lib/img/top/bg_guide_leaf.png) center top repeat;
	background-size:380px 134px;
}

.sec_guide h2 {
	padding-top:10px;
}

.sec_guide h2 span {
	font-size:3.1vw;
	padding-top:1.6em;
}

.sec_guide p {
	margin-bottom:1.8em;
	text-align:center;
}

.sec_guide ul li {
	margin-bottom:15px;
	width:47%;
}

.sec_guide ul li dt {
	border-radius:4px;
	font-size:3.1vw;
	margin-bottom:-18px;
}

.sec_guide ul li dt > span {
	border-radius:4px;
	padding:.8em .2em;
}

.sec_guide ul li dt::before {
	bottom:-27px;
	height:14px;
	left:19px;
	width:16px;
}

.sec_guide ul li dt > span > span {
	font-size:3.4vw;
}

.sec_guide ul li dt::before {
	bottom:-13px;
	content:"";
	height:14px;
	left:19px;
	position:absolute;
	width:16px;
}

.sec_guide ul li.gmenu01 dt::before {	background:url(/lib/img/top/bg_cmt_01.png) no-repeat;	background-size:16px 14px;}
.sec_guide ul li.gmenu02 dt::before {	background:url(/lib/img/top/bg_cmt_02.png) no-repeat;	background-size:16px 14px;}
.sec_guide ul li.gmenu03 dt::before {	background:url(/lib/img/top/bg_cmt_03.png) no-repeat;	background-size:16px 14px;}
.sec_guide ul li.gmenu04 dt::before {	background:url(/lib/img/top/bg_cmt_04.png) no-repeat;	background-size:16px 14px;}
.sec_guide ul li.gmenu05 dt::before {	background:url(/lib/img/top/bg_cmt_05.png) no-repeat;	background-size:16px 14px;}
.sec_guide ul li.gmenu06 dt::before {	background:url(/lib/img/top/bg_cmt_06.png) no-repeat;	background-size:16px 14px;}
.sec_guide ul li.gmenu07 dt::before {	background:url(/lib/img/top/bg_cmt_07.png) no-repeat;	background-size:16px 14px;}
.sec_guide ul li.gmenu08 dt::before {	background:url(/lib/img/top/bg_cmt_08.png) no-repeat;	background-size:16px 14px;}

}


/* info
-----------------------------------------------------*/
.top_info {
	background:url(/lib/img/top/bg_guide_btm.gif) center top no-repeat;
	background-size:contain;
	padding-top:110px;
}

.top_info .inner {
	overflow:hidden;
}

.top_info .sec_news {
	float:left;
	width:520px;
}

.top_info .sec_time {
	float:right;
	width:520px;
}

.top_info h2 {
	font-size:2.6rem;
	font-weight:500;
	margin-bottom:.6em;
	text-align:center;
}

.top_info h2 span {
	margin-top:.2em;
	padding-top:.2em;
	position:relative;
}

.top_info h2 span:before {
	background:#b9ab79;
	content:"";
	height:1px;
	left:50%;
	margin-left:-3em;
	position:absolute;
	top:0;
	width:6em;
}

.top_info .scroll {
	border:1px solid #6e684f;
	box-sizing:border-box;
	padding:1.5em;
}

.top_info .scroll ul {
	overflow-y:scroll;
	padding-right:.5em;
	height:280px;
}

.top_info .scroll li {
	margin-bottom:1em;
}

.top_info .scroll li dt {
	color:#ed7482;
	font-weight:500;
	margin-bottom:.2em;
}

.top_info .scroll ul::-webkit-scrollbar-track {	background:#faf8f3;}
.top_info .scroll ul::-webkit-scrollbar-thumb {	background:#a19c92;}

.top_info .scroll li a {
	text-decoration: underline;
	color: #0033FF;
}

.top_info .scroll li a:hover {
	text-decoration: none;
	color: #333;
}

.top_info .sec_time table {
	border-bottom:1px solid #3c3311;
	border-right:1px solid #3c3311;
	border-top:1px solid #3c3311;
	margin-bottom:1em;
	width:100%;
}

.top_info .sec_time table thead th {
	background:#faf8f3;
	font-weight:400;
	padding:.3em .2em;
	text-align:center;
}

.top_info .sec_time table thead th:first-child {
	background:#3c3311;
	width:25%;
}

.top_info .sec_time table tbody th {
	background:#3c3311;
	border-top:1px solid #fff;
	color:#fff;
	font-weight:400;
	padding:.3em .1em .3em .6em;
	text-align:left;
}

.top_info .sec_time table tbody td {
	color:#ed7482;
	text-align:center;
}

.top_info .sec_time dl dt,
.top_info .sec_time dl dd {
	font-size:1.4rem;
	line-height:1.7;
}

@media only screen and (max-width:767px) {

.top_info {
	padding-top:25px;
}

.top_info .sec_news {
	margin-bottom:24px;
}

.top_info .sec_news,
.top_info .sec_time {
	float:none;
	width:auto;
}

.top_info h2 {
	font-size:3.7vw;
	margin-bottom:.6em;
}

.top_info h2 span {
	font-size:3.1vw;
}

.top_info .scroll ul {
	height:160px;
}

.top_info .sec_time dl dt,
.top_info .sec_time dl dd {
	font-size:2.8vw;
}

}


/* bnr
-----------------------------------------------------*/
#top_bnr {
	margin:0 auto 80px;
	overflow:hidden;
	padding-top:46px;
	width:1080px;
}

#top_bnr li {
	float:left;
	line-height:1;
	width:520px;
}

#top_bnr li:first-child {
	margin-right:40px;
}

@media only screen and (max-width:767px) {

#top_bnr {
	margin:0 15px 22px;
	padding-top:18px;
	width:auto;
}

#top_bnr li {
	float:none;
	margin-bottom:1em;
	width:auto;
}

#top_bnr li:first-child {
	margin-right:0;
}

}


/* link
-----------------------------------------------------*/
.sec_link {
	margin-bottom:120px;
}

.sec_link h2 {
	font-size:2.6rem;
	font-weight:500;
	margin-bottom:.8em;
	text-align:center;
}

.sec_link h2 span {
	margin-top:.2em;
	padding-top:.2em;
	position:relative;
}

.sec_link h2 span:before {
	background:#b9ab79;
	content:"";
	height:1px;
	left:50%;
	margin-left:-3em;
	position:absolute;
	top:0;
	width:6em;
}

.sec_link ul {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

.sec_link ul li {
	line-height:1;
	margin-bottom:20px;
	width:340px;
}

/* liが5つの時のみ */
.sec_link ul::after{
 content:"";
 display:block;
 width:340px;
}

@media only screen and (max-width:767px) {

.sec_link {
	margin-bottom:30px;
}

.sec_link h2 {
	font-size:3.7vw;
}

.sec_link h2 span {
	font-size:3.1vw;
}

.sec_link ul li {
	margin-bottom:5px;
	width:49%;
}

.sec_link ul::after{
 display:none;
}

}