body{
background-image: url(../image/background.jpg);
background-repeat: repeat-x;
background-position: 0 700px;
}

#topbg{
width: 100%;
height: 700px;
background-image: url(../image/catch.jpg);
background-position: bottom right;
background-repeat: no-repeat;
background-size: cover;
animation: large 10s ease 0s 1 forwards;
-webkit-animation: large 10s ease 0s 1 forwards;
}

#catch{
min-width: 690px;
width: 100%;
min-height: 700px;
margin-left: 170px;
position: relative;
padding-top: 120px;
margin-top: -700px;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
#catch{margin-top: -600px; min-height: 700px;}
}

#catch em{
font-family: "Rounded Mplus 1c","ƒ�ƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS Pro W3",
 "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN";
display: block;
line-height: 2.0em;
letter-spacing: 0.2em;
font-weight: 500;
font-style: normal;
color: #fff;
font-size: 28pt;
animation: fadeIn 4s ease 0s 1 normal;
-webkit-animation: fadeIn 4s ease 0s 1 normal;
 writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
left:50%;
transform:translate(-50%, 0%);
position: absolute;
}

@media screen and (max-device-width: 1024px) {
#catch em{
margin-top:100px;
}
}


/*ƒwƒbƒ_�[‚æ‚艺*/
h3{
font-family: "Rounded Mplus 1c","ƒ�ƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS Pro W3",
 "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN";
font-weight: 600;
font-size: 20pt;
color: #EB6EA5;
text-align: center;
margin-bottom: 30px;
letter-spacing: 0.1em;
}

h3:after{
border-bottom: 3px solid #EB6EA5;
display: block;
margin: 0 auto;
padding-top: 30px;
width: 30px;
content: "";
}

section#copy{
clear: both;
width: 100%;
border-top: 40px solid #f9f0ee;
background-color: #f9f0ee;
margin-top: -40px;
position: relative;
z-index: 2;
padding-top: 60px;
padding-left: 340px;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
section#copy{border-top: 0;}
}

section#copy h3{
line-height: 1.5em;
}

/* ƒiƒr ƒ^ƒuƒŒƒbƒg‰¡ˆÈŠO�iPC) */
@media screen and (min-width:1025px){
section#copy h3{
line-height: 1.0em;
}
section#copy h3 br{
display: none;
}
}

section#copy article{
min-width: 700px;
width: 100%;
}

section#copy article p:first-of-type{
text-align: center;
line-height: 1.8em;
font-size: 12pt;
}

section#copy article p:first-of-type span{
font-weight: bold;
}

section#copy article p a , section#news article p#toList a{
font-family: "Rounded Mplus 1c","ƒ�ƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS Pro W3",
 "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN";
display: block;
border: solid 3px #eb6ea5;
font-weight: 600;
color: #eb6ea5;
padding: 15px;
width: 600px;
border-radius: 10px;
margin: 0 auto;
font-size: 13pt;
text-align: center;
-webkit-transition:0.3s;
-moz-transition:0.3s;
 transition:0.3s;
}

section#copy article p a:hover , section#news article p#toList a:hover{
background-color: #eb6ea5;
color: #fff;
}

ul.picture3{
border-top: 60px solid #f9f0ee;
border-bottom: 100px solid #f9f0ee;
}

section#news{
padding-top: 100px;
padding-left: 340px;
padding-bottom: 100px;
}

section#news article{
min-width: 700px;
width: 100%;
min-height: 200px;
}

section#access{
padding-top: 100px;
padding-left: 340px;
background-color: #f9f0ee;
position: relative;
}

section#access article#map{
position: relative;
padding-bottom: 50%;
height: 0;
overflow: hidden;
}

section#access h3{
min-width: 700px;
width: 100%;
}

section#access iframe{
position:absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
margin-top: 100px;
}

section#access article{
min-width: 700px;
}

section#access ul{
position: relative;
top:-100px;
width: 100%;
margin: 0 auto;
display: table;
table-layout: fixed;
border-collapse: separate;
border-spacing: 40px 0;
}

section#access ul li {
list-style-type: none;
display:table-cell;
}

section#access ul li img{
display:block;
position: relative;
z-index: 3;
margin: 0 auto;
}

section#access ul li p{
	background-color: #fff;
	padding: 40px 0 35px 0;
	text-align: center;
	width: 100%;
	min-height: 110px;
	position: relative;
	line-height: 1.8em;
	font-size: 11pt;
	z-index: 2;
	margin-top: -25px;
}

section#careplan{
padding-bottom: 100px;
padding-left: 340px;
padding-top: 100px;
}

section#careplan article{
min-width: 700px;
width: 100%;
}

section#careplan article ul{
display: table;
table-layout: fixed;
width: 100%;
min-height: 400px;
}

section#careplan article ul li{
display: table-cell;
vertical-align: middle;
min-width: 450px;
min-height: 300px;
}

section#careplan article ul li img{
display: block;
width: 100%;
height: auto;
min-width: 450px;
min-height: 300px;
}

section#careplan article ul li:last-child{
background-color: #f9f0ee;
position: relative;
z-index: 2;
padding: 0 30px;
}

section#careplan h3{
font-size: 13pt;
}

section#careplan p{
text-align: center;
line-height: 1.8em;
font-size: 11pt;
}

section#careplan p a{
font-family: "Rounded Mplus 1c","ƒ�ƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS Pro W3",
 "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN";
display: block;
border: solid 3px #eb6ea5;
font-weight: 600;
color: #eb6ea5;
padding: 10px;
width: 80%;
border-radius: 10px;
margin: 0 auto;
font-size: 13pt;
text-align: center;
-webkit-transition:0.3s;
-moz-transition:0.3s;
 transition:0.3s;
}

section#careplan p a:hover{
background-color: #eb6ea5;
color: #fff;
}

section#careplan p a span{
display: none;
}

section#careplan p br{
display: none;
}

/* ƒiƒr ƒ^ƒuƒŒƒbƒg‰¡ˆÈŠO�iPC) */
@media screen and (min-width:1025px){
section#careplan article ul li:last-child{
padding: 0 0;
}
section#careplan h3{
font-size: 16pt;
}
section#careplan p a span{
display: inline;
}
section#careplan p br{
display: block;
}
}


/* ‚¨’m‚点CMS */
span.catName{
background-color: #F9F0EE;
text-align: center;
width: 130px;
padding: 5px 0;
border-radius: 7px;
display: inline-block;
font-size: 10pt;
}

span.newMark{
margin-left: 5px;
color: #b80101;
}

span.up_ymd{
margin-left: 15px;
margin-right: 10px;
}

span.up_ymd:after{
content: "|";
display: inline;
color: #aaa;
margin-left: 15px;
}

ul#newsList{
width: 100%;
margin-bottom: 40px;
border-right: 40px #fff solid;
}

ul#newsList li a{
transition-property: none;
}

ul#newsList li{
font-size: 12pt;
padding: 20px 15px;
list-style-type: none;
-webkit-transition:0.3s;
-moz-transition:0.3s;
 transition:0.3s;
}

ul#newsList li:last-child{
border-bottom: 0;
}

ul#newsList li:hover{
cursor: pointer;
background-color: #F9F0EE;
}

ul#newsList li:hover span.catName{
background-color: #fff;
}