@charset "utf-8";
/* CSS Document */
body{
background:url(../../img/h22.jpg) no-repeat top center fixed;background-size: 100%;}
@media screen and (max-width: 1300px) {
body{background:url(../../img/h23.jpg) center center / cover no-repeat fixed;}
}
@media screen and (max-width: 640px) {
body{background:url(../../img/h24.jpg)center center / cover no-repeat fixed;}
}
#main{
width:100%;
margin:2em auto 0;
}
h2{
display:block;
color:#fff6b7;
text-align:ce nter;
font-size:150%;
margin:3em auto 1em;
line-height:1.7;
position:relative;
max-width:720px;
}
h2 i{color:#faed00;}
h2 span{
display:inline-block;
font-size:200%;
line-height:1.3;
text-align:left;
padding-left:0.5em;
z-index:5;
position:relative
}
h2 img{
position:absolute;
width:498px;
height:auto;
top:-50px;
right:0;
z-index:0;
}
h2+ul{
text-align:center;
margin-left:-16em;
position:relative;
z-index:5;
}
h2+ul li{
display:inline-block;
color:#fff;
padding:0.5em 1em;
margin:0 0.2em;
font-size:120%;
font-weight:bold;
border-radius:10px;
border:2px solid #fff;
line-height:1;
background-color:#ff5b7e;
}
#maincopy{
color:#fff;
text-align:center;
font-weight:bold;
line-height:1.7;
padding:2.5em 0 3em;
position:relative;
z-index:5;
}
@media screen and (max-width: 640px) {
h2{
font-size:100%;
margin:4em auto 0.5em;
line-height:1.7;
width:90%;
text-align:center;
}
h2 span{
font-size:130%;
line-height:1.3;
text-align:center;
padding-left:0;
z-index:5;
position:relative
}
h2 span br:nth-of-type(2){display:none;}
h2 img{
position:relative;
width:100%;
height:auto;
margin:0 auto;
top:0;
right:0;
}
h2+ul{margin-left:0;}
h2+ul li{
font-size:90%;
padding:0.5em 0.7em;
margin:0 0.1em;
}
#maincopy{
width:85%;
margin:0 auto;
text-align:justify;
font-size:90%;
padding:1.5em 0 2em;

}
#maincopy br{display:none;}
}
#contents{
background:#fff;
padding:2em 0 0;
}
h3{
text-align:center;
font-size:140%;
}
h3 br{display:none;}
h3+p,h3+p+ul+p{
padding:10px 0 60px;
text-align:center;
}
h3+p+ul+p{padding:10px 0 0;}
h3+p img{
width:100%;
height:auto;
max-width:750px;
margin:0;
padding:0;
}
h3+p span{
display:block;
font-size:140%;
font-weight:bold;
color:#FF69BD;
margin-top:-5em;
}
h3+p img:nth-of-type(2),h3+p img:nth-of-type(3){display:none;}
@media screen and (max-width: 850px) {
#contents section{width:100%;}
h3+p{padding:10px 0;}
h3+p img{
width:90%;
height:auto;
margin:0 auto;
max-width:750px;
}
h3+p span{margin-top:-4em;}
}
@media screen and (max-width: 640px) {
h3{
text-align:center;
font-size:110%;
padding:0 0;
}
h3+p img:nth-of-type(2){display:inline;max-width: 640px;}
h3+p img:nth-of-type(1){display:none;}
h3+p span{margin-top:-3em;}
h3+p+ul+p{text-align:left;margin:0 5%;}
}
@media screen and (max-width: 450px) {
h3 br{display:inline;}
h3+p span{
margin-top:10px;
font-size:120%;
}
h3+p span br:nth-of-type(2){display:none;}
h3+p img:nth-of-type(2){display:none;}
h3+p img:nth-of-type(3){display:inline;}
}
#kaigo_contents{
max-width:900px;
margin:0 auto;
text-align:center;
displ ay:inline;
}
#kaigo_contents table{
width:48%;
display:inline-table;
text-align:left;
vertical-align:top;
max-width:450px;
}
#kaigo_contents table:nth-of-type(1){margin-right:1%;}
#kaigo_contents th {
white-space: nowrap;
vertical-align:middle;
text-align:center;
background:#46C98D;
color:#fff;
padding:0.5em;
}
#kaigo_contents td{
vertical-align:middle;
padding:0.5em;
background:#D3F2E0;
}
#kaigo_contents table:nth-of-type(1) td{padding:0.9em 0.5em;}
@media screen and (max-width: 640px) {
#kaigo_contents{width:100%;}
#kaigo_contents table{
width:90%;
display:table;
margin:0 auto;
text-align:center;
}
#kaigo_contents th {
display:block;
padding:1em 0;
}
#kaigo_contents td{
display:block;
padding:1em;
margin-bottom:0.7em;
}
#kaigo_contents table:nth-of-type(1) td{text-align:justify;}
#kaigo_contents table:nth-of-type(1){margin:0 auto;}
#kaigo_contents table:nth-of-type(2){margin:0 auto;}
}
#tel3{
padding:2em 0 0.3em;
color:#555;
max-width:880px;
margin:0 auto;
}
#tel3 br{display:inline;}
#tel3+p{
padding:0;
margin:0 auto 1em;
max-width:700px;
text-align:justify;
}
#tel3+p+dl{
text-align:center;
background-color:#FF69BD;
background-image:url(../../img/h9.png),url(../../img/h10.png);
background-repeat:no-repeat,no-repeat;
background-position:bottom 0% left 10%,bottom 0% right 10%;
color:#fff;
border-radius:10px;
padding:10px 0;
margin:0 auto 3em;
text-align:center;
max-width:900px;
}
@media screen and (max-width: 900px) {
#tel3{
padding:2em 1em 0.3em;
margin:0 auto;
}
#tel3+p{
padding:0;
margin:0 1.5em 1em;
max-width:880px;
text-align:justify;
}
#tel3+p+dl{
padding:10px 0;
margin:0 1em 2em;
text-align:center;
max-width:880px;
}
}
@media screen and (max-width: 640px) {
#tel3{
padding:1em 1em 0.3em;
text-align:left;
}
#tel3 br{display:none;}
#tel3+p{margin:0 1em 1em;}
}
#tel3+p+dl dt{
font-size:130%;
font-weight:bold;
color:#FF0;
padding-top:0.7em;
}
#tel3+p+dl dd:nth-of-type(1){
font-size:150%;
font-weight:bold;
}
#tel3+p+dl dd:nth-of-type(1) span{
font-size:60%;
font-weight:normal;
vertical-align:middle;
display:inline-block;
padding:0 0.3em;
border:1px solid #fff;
border-radius:7px;
}
#tel3+p+dl dd:nth-of-type(2){
font-size:220%;
font-weight:bold;
}
#tel3+p+dl dd:nth-of-type(2) span{
font-size:40%;
font-weight:normal;
vertical-align:middle;
}
#tel3+p+dl dd:nth-of-type(2) img {
vertical-align:middle;
padding:0 5px 7px 0;
}
#tel3+p+dl dd:nth-of-type(2) br{display:none;}
@media screen and (max-width: 640px) {
#tel3+p+dl{
width:90%;
margin:0 auto 2em;
background-image:none;
}
#tel3+p+dl i,#tel3+p+dl dd:nth-of-type(2) img {display:none;}
#tel3+p+dl dt{
font-size:100%;
padding-top:0.7em;
}
#tel3+p+dl dd:nth-of-type(1){font-size:130%;}
#tel3+p+dl dd:nth-of-type(2){
padding-top:0.3em;
line-height:1;
font-size:160%;
}
#tel3+p+dl dd:nth-of-type(2) span{font-size:60%;}
#tel3+p+dl dd:nth-of-type(2) br{display:inline;}
}
#memo{
margin:0 auto;
max-width:900px;
border-right:2px solid #bbb;
border-bottom:2px solid #ccc;
box-sizing: border-box;
background:url(../../img/h21.jpg);
}
#memo h3{
background:#46c98d;
color:#fff;
padding:0.5em 0;
}
#memo div{text-align:center;}
#memo dl{
width:42%;
display:inline-block;
vertical-align:top;
margin:1em;
padding-bottom:0.5em;
}
#memo dt{
font-size:150%;
font-weight:bold;
text-align:left;
}
#memo dd{text-align:justify;}
#memo dd span{
display:inline-block;
font-weight:bold;
color:#46c98d;
padding-top:1em;
}
#memo dd span:nth-of-type(1){padding-top:0;}
#memo dd img{
display:block;
margin:0 auto;
}
#memo h4{
text-align:center;
font-size:150%;
}
#memo li span{
border:1px solid #333;
border-radius:50%;
font-size:150%;
padding:0.8em;
}
#memo li img{
vertical-align:top;
padding-top:15px;
}
#memo  ul{
text-align:center;
display:inline-block;
}
#memo li dl{
width:58%;
display:inline-block;
margin:1em;
padding-bottom:0.5em;
}
#memo li dt{
font-size:130%;
padding-bottom:0.3em;
}
.ss{
font-weight:bold;
font-size:160%;
text-align:center;
background:#46c98d;
color:#fff;
padding:0.5em;
margin:0.5em auto;
text-align:center;
width:7em;
border-radius:10px;
}
@media screen and (max-width: 900px) {#memo{border-right:none;}}
@media screen and (max-width: 640px) {
#memo dl{
width:85%;
display:inline-block;
vertical-align:top;
marign:0 auto;
}
#memo dt{
font-size:120%;
font-weight:bold;
text-align:center;
padding-bottom:0.5em;
}
#memo dd{text-align:justify;}
#memo h4{font-size:120%;}
#memo li dl{width:85%;}
#memo li dt{text-align:center;}
#memo li img:nth-of-type(1){
display:block;
padding:15px 0 0;
width:45px;
height:auto;
margin:0 auto;
}
#memo li:nth-of-type(2) img,
#memo li:nth-of-type(4) img,
#memo li:nth-of-type(6) img,
#memo li:nth-of-type(8) img{
width:18px;
height:auto;
}
#memo li.ss2 img{
width:174px;
height:auto;
}
}
#plan{padding:2em 0;}
#plan h3{
font-sizer:110%;
color:#46c98d;
}
#plan table{
border-collapse: collapse;
width:900px;
margin:1em auto 0;
table-layout: fixed;
border:1px solid #333;
color:#000;
}
#plan table td,
#plan table th{
border-bottom:1px solid #333;
border-right:1px solid #333;
padding:1.5em;
}
#plan table th{vertical-align:middle;}
#plan table+p{
max-width:900px;
margin:0 auto;
padding:1em 0 0;
font-size:90%;
}
#plan table tr:nth-of-type(1) th:nth-of-type(2){
color:#fff;
background:#ce8bd6;
}
#plan table tr:nth-of-type(1) th:nth-of-type(3){
color:#fff;
background:#ff8859;
}
#plan table tr:nth-of-type(1) th:nth-of-type(4){
color:#fff;
background:#ff7fba;
}
#pr{background:#dfd8f2;}
#or{background:#ffdad3;}
#pi{background:#ffd2db;}
#plan table tr:nth-last-child(1) td,
#plan table tr:nth-last-child(1) th{border-bottom:none;}
#plan table tr td:nth-last-child(1),
#plan table tr:nth-of-type(1)  th:nth-last-child(1){border-right:none;}
#plan div{padding-bottom:2em;}
#plan h3+p{
text-align:center;
padding:0.5em 0 1em;
}
#plan ul{
background:url(../../img/h33.jpg) repeat;
max-width:900px;
margin:0 auto;
border-radius:10px;
line-height:2;
}
#plan li{
display:inline-block;
vertical-align:top;
padding:2em;
}
#plan li span{font-size:90%;}
#plan li:nth-of-type(2) span{
margin-left:-2em;
display:inline-block;
}
#kaisyu p br:nth-of-type(1),
#kaisyu p br:nth-of-type(3){display:none;}
@media screen and (max-width: 900px) {
#plan table{
width:90%;
font-size:90%;
}
#plan table+p{width:90%;}
#plan ul{
width:90%;
font-size:90%;
}
#plan li{padding:1em;}
#plan li img{
width:150px;
height:auto;
}
#kaisyu p br:nth-of-type(1),
#kaisyu p br:nth-of-type(3){display:inline;}
}
@media screen and (max-width: 640px) {
#plan table{
width:100%;
font-size:80%;
border:none;
border-top:1px solid #333;
border-bottom:1px solid #333;
}
#plan table td,
#plan table th{padding:0.3em;}
#plan li{
display:block;
padding:1em 0 0 1em;
}
#plan h3+p{
text-align:justify;
margin:0 1em;
}
#plan ul{padding:1em 0;}
#plan li{
padding:0 1em;
text-align:center;
}
#plan li img{
width:120px;
height:auto;
}
#plan li:nth-of-type(2) span{
margin-left:0em;
display:inline;
}
#plan li:nth-of-type(2) br:nth-of-type(1){display:none;}
#plan li:nth-of-type(2) span br:nth-of-type(1){display:inline;}
#kaisyu p br:nth-of-type(1),
#kaisyu p br:nth-of-type(3){display:none;}
#kaisyu li:nth-of-type(2) br:nth-of-type(1){display:inline;}
}
#trouble {
width:880px;
padding:1em 0;
margin:0 auto;
}
#trouble h3{width:100%;}
#trouble li{
padding:1em 20px 0 0;
display:inline-block;
}
#trouble li img{
width:200px;
height:auto;
}
#trouble ul li:nth-of-type(4),
#trouble ul li:nth-of-type(8){padding:1em 0 0 0;}
@media screen and (max-width: 900px) {
#trouble {
width:100%;
padding:1em 0;
margin:0 auto;
}
#trouble ul{
margin:0 auto;
width:640px;
display:block;
text-align:center;
}
#trouble li{
padding:1em 15px 0 0;
display:inline-block;
}
#trouble li img{
width:180px;
height:auto;
}
#trouble ul li:nth-of-type(3),
#trouble ul li:nth-of-type(6){padding:1em 0 0 0;}
}
@media screen and (max-width: 640px) {
#trouble {
width:100%;
padding:1em 0;
margin:0 auto;
}
#trouble ul{
margin:0 auto;
width:100%;
display:inline-block;
text-align:left;
}
#trouble li{
padding:0;
display:block;
}
#trouble li img{
width:200px;
height:auto;
margin:0 auto;
padding:1em 0 0;
display:block;
}
#trouble ul li:nth-of-type(4),
#trouble ul li:nth-of-type(8){padding:1em 0 0 0;}
}