@charset "Shift_JIS";

/* CSS�����ݒ� */
h1{
	background:none;
	margin:8px 0 8px 0;
}


.shuryo {
	width: 950px;
    margin:20px auto;
    background: #d5d6d8;
    overflow: hidden;
    text-align: center;
    padding: 30px;
    font-size: 24px;
    color: #ff0000;
    font-weight: bold;
}

.pcnone{
	display:none;
}

#wrapInner{
	width:100%!important;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

#wrapInner ul {
list-style: none;
}

#inner950{
	width:950px;
	margin:0 auto;
	display:block;	
}

.inner950{
position: relative;
	width:950px;
	margin:0 auto;
	color: #414b50;
}

#title {
position: relative;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	height: 719px;
	background-position: 50% 50%;
	overflow: hidden;
}
#title h2 {
position: absolute;
top: 100px;
left: 50%;
padding: 0px;
margin: 0px 0px 0px -362px;
}
.kikan {
background-color: #fa5f64;
font-size: 38px;
line-height: 38px;
font-weight: bold;
color: #fff;
text-align: center;
padding: 7px 0px;
margin: 0px;
}
.kikan span {
display: inline-block;
background-color: #fff;
color: #fa5f64;
font-size: 30px;
padding: 0px 10px;
margin-right: 10px;
}
.kikan font {
font-size: 28px;
}




#gaiyo {
	background-color: #ffeeea;
	padding: 0px  0px 100px 0px;
	background-image: url(../images/bg_gaiyo.png);
	background-repeat: no-repeat;
}
#gaiyo h3 {
text-align: center;
	padding: 0px;
	margin: 0px auto 40px auto;
}
.img_gaiyo {
text-align: center;
padding: 0px;
margin: 0px 0px 50px 0px;
}
.txt_gaiyo1 {
font-size: 30px;
font-weight: bold;
text-align: center;
padding: 0px;
margin: 0px 0px 30px 0px;
}
.txt_gaiyo2 {
font-size: 30px;
font-weight: bold;
text-align: center;
padding: 0px;
margin: 0px 0px 0px 0px;
}
.big {
font-size: 38px;
}
.txt_gaiyo3  {
font-size: 14px;
font-weight: normal;
text-align: center;
padding: 0px;
margin: 0px 0px 40px 0px;
}
#gaiyo strong {
color: #fa8796;
}
#gaiyo ul {
display: flex;
justify-content:space-between;
padding: 0px;
margin: 0px;
}
#gaiyo li {
padding: 0px;
margin: 0px;
}


#keihin {
padding: 0px 0px 0px 0px;
}
#keihin h3 {
text-align: center;
	padding: 0px;
	margin: 0px auto 0px auto;
}
.img_keihin1 {
text-align: center;
padding: 0px;
margin: 0px 0px 50px 0px;
}
.kiyaku {
	width: 400px;
	background-color: #d61337;
	border-radius: 60px;
	margin: 0px auto 0px auto;
}
.kiyaku a {
display: block;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: #fff;
text-align: center;
text-decoration: none;
padding: 13px 0px 7px 0px;
margin: 0px;
}
.kiyaku a span {
font-size: 14px;
font-weight: normal;
}
.kiyaku:hover {
opacity: 0.7;
}



#wester {
	padding: 250px 0px 80px 0px;
	background-image: url(../images/bg_wester.png);
	background-repeat: no-repeat;
}
.txt_wester1 {
font-size: 30px;
font-weight: bold;
text-align: center;
padding: 0px;
margin: 0px 0px 30px 0px;
}
.apli {
width: 640px;
margin: 0px auto;
}
.img_wester1 {
float: left;
width: 170px;
padding: 0px;
margin: 0px 0px 20px 0px;
}
.apli dl {
float: right;
width: 415px;
padding: 20px 0px 0px 0px;
margin: 0px 0px 20px 0px;
}
.apli dt {
font-size: 25px;
font-weight: bold;
text-align: center;
padding: 0px;
margin: 0px 0px 25px 0px;
}
.apli dd {
float: left;
width: 207px;
padding: 0px;
margin: 0px;
}
.apli dd:last-child {
text-align: right;
}
.txt_wester2 {
clear: both;
font-size: 16px;
text-align: center;
padding: 0px;
margin: 0px;
}




#spot {
padding: 0px 0px 80px 0px;
}
#spot h3 {
text-align: center;
padding: 0px;
margin: 0px 0px 50px 0px;
}
.naviM01 {
display: flex;
justify-content:center;
gap: 0px 80px;
padding: 0px;
margin: 0px 0px 20px 0px;
}
.naviM01 li {
	width: 112px;
	height: 139px;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/tab_spot.png);
	background-repeat: no-repeat;
}
.naviM01 li span {
display: block;
padding-top: 65px;
}
.reki {
padding-top: 50px !important;
}
.naviM01 li.select01 {
background-image: url(../images/tab_spot_on.png);
color: #fff;
}
.naviM01 li.select01 span {
padding-top: 70px;
}
.naviM01 li.select01 span.reki {
padding-top: 55px !important;
}
.contents01 {
background-color: #ffffff;
border: 3px solid #fa8796;
border-radius: 30px;
padding: 20px;
}
.contents01 div {
padding: 0px 0px 20px 0px;
margin: 0px 0px 20px 0px;
border-bottom: 2px solid #d61337;
overflow: hidden;
}
.contents01 div:last-child {
padding: 0px;
margin: 0px;
border: none;
}
.contents01 div p {
float: left;
width: 280px;
padding: 0px;
margin: 0px;
}
.contents01 div dl {
float: right;
width: 605px;
padding: 0px;
margin: 0px;
}
.contents01 div dt {
font-size: 30px;
font-weight: bold;
color: #fa8796;
padding: 0px;
margin: 0px 0px 5px 0px;
}
.contents01 div dd {
font-size: 17px;
line-height: 1.3;
padding: 0px;
margin: 0px 0px 15px 0px;
}
.contents01 div dd:last-child {
font-size: 18px;
line-height: 1.4;
margin: 0px;
}
.contents01 div dd span {
display:  inline-block;
padding-left:5em;
text-indent:-5em;
}
.kyuen {
padding-left:4em !important;
text-indent:-4em !important;
}
.jusho {
padding-left:3em !important;
text-indent:-3em !important;
}

#sanka {
background-color: #ffeeea;
	padding: 0px 0px 80px 0px;
}
#sanka h3 {
text-align: center;
	padding: 0px;
	margin: 0px auto 0px auto;
}
.step1 {
position: relative;
background-color: #fff;
border: 3px solid #fa8796;
border-radius: 30px;
padding: 50px 0px 30px 0px;
margin-bottom: 70px;
}
.step1 h4 {
position: absolute;
left: -25px;
top: -25px;
padding: 0px;
margin: 0px;
}
.txt_step1 {
font-size: 20px;
font-weight: bold;
text-align: center;
padding: 0px;
margin: 0px 0px 25px 0px;
}
.txt_step1 strong {
font-size: 25px;
color: #fa8796;
}
.step1 ul {
width: 620px;
display: flex;
justify-content:space-between;
align-items:center;
padding: 0px;
margin: 0px auto 15px;
}
.step1 li {
padding: 0px;
margin: 0px;
}
.text_campaign {
	width: 650px;
	margin: 0 auto !important;
	text-indent: -1em;
	margin-left: 1em;
	font-size: 16px;
	font-weight: normal;
}

.step2 {
position: relative;
background-color: #fff;
border: 3px solid #fa8796;
border-radius: 30px;
padding: 50px 30px 30px 30px;
margin-bottom: 10px;
}
.step2 h4 {
position: absolute;
left: -25px;
top: -25px;
padding: 0px;
margin: 0px;
}
.txt_step2_1 {
font-size: 20px;
font-weight: bold;
text-align: center;
padding: 0px;
margin: 0px 0px 25px 0px;
}
.txt_step2_1 strong {
font-size: 25px;
color: #fa8796;
}
.step2 ul {
display: flex;
justify-content:space-between;
padding: 0px;
margin: 0px 0px 15px 0px;
}
.step2 li:nth-child(odd) {
width: 170px;
padding: 0px;
margin: 0px;
}
.step2 ul p {
font-size: 20px;
line-height: 24px;
height: 150px;
padding: 0px;
margin: 0px;
}
.step2 li div {
height: 325px;
}
.step2 li span {
display: block;
text-align: center;
font-size: 16px;
margin-top: 10px;
}
.step2 li:nth-child(even) {
text-align: center;
padding: 280px 0px 0px 0px;
margin: 0px;
}
.txt_step2_2 {
font-size: 14px;
text-align: center;
padding: 0px;
margin: 0px;
}

.step3 {
position: relative;
display: flex;
align-items:center;
justify-content:space-around;
background-color: #fff;
border: 3px solid #fa8796;
border-radius: 30px;
padding: 20px 0px 20px 0px;
margin-bottom: 10px;
}
.step3 h4 {
position: absolute;
left: -25px;
top: -25px;
padding: 0px;
margin: 0px;
}
.txt_step3 {
font-size: 20px;
font-weight: bold;
text-align: center;
padding: 0px;
margin: 0px 0px 25px 0px;
}
.txt_step3 strong {
font-size: 25px;
color: #fa8796;
}
.txt_step3 span {
display: block;
margin-top: 20px;
font-size: 18px;
}
.img_step3 {
padding: 0px;
margin: 0px;
}

.txt_sanka1 {
font-size: 14px;
text-align: right;
padding: 0px;
margin: 0px 0px 40px 0px;
}
.txt_sanka2 {
font-size: 30px;
font-weight: bold;
text-align: center;
color: #fa5f64;
padding: 0px;
margin: 0px 0px 0px 0px;
}




#attention {
padding: 50px 0px;
}
#attention h3 {
font-size: 24px;
text-align: center;
padding: 0px;
margin: 0px 0px 20px 0px;
}
#attention h3 span {
font-size: 16px;
}
#attention p {
font-size: 16px;
padding: 0px;
margin: 0px 0px 0px 0px;
}
#attention p strong {
font-size: 20px;
}
#attention p span {
display:  inline-block;
padding-left:1em;
text-indent:-1em;
}

.toiawase {
width: 950px;
text-align: center;
font-size: 18px;
line-height: 1.4;
font-weight: bold;
border: 2px solid #000;
padding: 10px;
margin: 0px auto;
}
.toiawase strong {
display: inline-block;
font-size: 22px;
margin-bottom: 10px;
}