@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {
.rinenTxt {
font-size: 1.6em;
line-height: 2em;
text-align: center;
padding-bottom: 40px;
}

.rinenTxt span {
background: linear-gradient(transparent 60%, #ffff66 60%);
padding: 0 5px;
}

.comTit03 {
font-size: 1.5em;
color: #0085c9;
margin-bottom: 30px;
padding-bottom: 25px;
}

.photoList {
width: 100%;
margin: 0 auto 40px;
}

.photoList li {
width: 30%;
float: left;
margin: 0 5% 0 0;
}

.photoList li a {
transition: 0.3s ease-in-out;
}

.photoList li a:hover {
opacity: 0.6;
}

.photoList li img {
border-radius: 50%;
margin-bottom: 10px;
}

.photoList li:nth-child(3n) {
margin-right: 0px;
}

.photoList li h5 {
text-align: center;
margin-bottom: 5px;
color: #0085c9;
font-size: 1.1em;
}

.mapTit {
width: 250px;
float: left;
}

.mapBox {
width: 800px;
float: right;
}

.mapB {
margin-bottom: 60px;
}

.preBox {
margin-bottom: 50px;
}

.preTit {
width: 300px;
float: left;
}

.preTxt {
width: 750px;
float: right;
}

.preImg {
width: 30%;
float: left;
}

.preName {
font-size: 1em;
text-align: center;
margin-bottom: 15px;
}

.preImg img {
border-radius: 50%;
}

.preCome {
width: 65%;
float: right;
}

.preTit2 {
width: 100%;
}

.preTxt2 {
width: 100%;
}

.preH1 {
font-size: 1.4em;
text-align: center;
line-height: 1em;
margin-bottom: 10px;
font-weight: bold;
}

.preH2 {
font-size: 1.1em;
text-align: center;
margin-bottom: 60px;
}

.preH2 span {
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff66 60%) repeat scroll 0 0;
padding: 0 5px;
}


}


/*----------------------------------------------------*/


/*sp*/
@media only screen and (max-width: 768px) {
.rinenTxt {
font-size: 1.4em;
line-height: 1.8em;
text-align: center;
padding-bottom: 20px;
}

.rinenTxt span {
background: linear-gradient(transparent 60%, #ffff66 60%);
padding: 0 5px;
}

.comTit03 {
font-size: 1.4em;
color: #0085c9;
margin-bottom: 15px;
padding-bottom: 10px;
}

.photoList {
width: 100%;
margin: 0 auto 40px;
}

.photoList li {
width: 100%;
float: none;
margin: 0 0 20px 0;
}

.photoList li a {
transition: 0.3s ease-in-out;
}

.photoList li a:hover {
opacity: 0.6;
}

.photoList li img {
border-radius: 50%;
margin-bottom: 10px;
}

.photoList li:nth-child(2n) {
margin-right: 0px;
}

.photoList li h5 {
text-align: center;
margin-bottom: 5px;
color: #0085c9;
font-size: 1.1em;
}

.mapTit {
width: 100%;
float: none;
}

.mapBox {
width: 100%;
float: none;
}

.mapB {
margin-bottom: 40px;
}

.preBox {
margin-bottom: 30px;
}

.preTit {
width: 100%;
float: none;
}

.preTxt {
width: 100%;
float: none;
}

.preImg {
width: 100%;
float: none;
margin-bottom: 10px;
}

.preName {
font-size: 0.9em;
text-align: center;
margin-bottom: 15px;
}

.preImg img {
border-radius: 50%;
}

.preCome {
width: 100%;
float: none;
}

.preTit2 {
width: 100%;
}

.preTxt2 {
width: 100%;
}

.preH1 {
font-size: 1.3em;
text-align: center;
margin-bottom: 15px;
font-weight: bold;
}

.preH2 {
font-size: 1.1em;
text-align: center;
margin-bottom: 20px;
}

.preH2 span {
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff66 60%) repeat scroll 0 0;
padding: 0 5px;
}



}