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

/* common */
#toppage section.inner {
    margin: 100px auto;
}

/* about */
#toppage #about {
    margin-top: 80px;
}
#toppage #about .inner {
    display: flex;
    justify-content: space-between;
	align-items: center;
}
#toppage #about h1 {
	font-size: 32px;
}
#toppage #about h1 small {
	font-size: 20px;
}
#toppage #about p {
	margin: 0 0 30px 0;
}
#toppage #about p:last-child {
	margin: 0;
}
#toppage #about .inner .img-box {
    width: 55%;
}
#toppage #about .inner .text-box {
    width: 40%;
}
#toppage #about .btn_line {
    margin-top: 50px;
}

/* review */
#toppage #review .iframe {
position: relative;
overflow: hidden;
height: 300px;
border: 1px solid #85BFD6;
margin: 15px 0 0 0;
}
#toppage #review .iframe iframe {
position: absolute;
top: 0;
width: 100%;
height: 780px;
border: 0;
padding: 0;
margin: -300px 0 0 0;
}
#toppage #review h2,
#toppage #review p {
text-align: center;
}

/* news */
#toppage #news .day {
	color: #6DABC4;
	font-size: 12px;
	margin-top: 10px !important;
} 
#toppage #news .news-list {
	margin-bottom: 30px;
    max-height: 30vh;
    overflow: scroll;
}
#toppage #news .news-list li {
	border-top: 1px solid #eee;
	padding: 20px 0;
}
#toppage #news .news-list li:last-child {
	border-bottom: 1px solid #eee;
}
#toppage #news .news-list li p {
	margin: 0;
}

/* instagram */
#toppage #instagram ul#instafeed {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
}
#toppage #instagram ul#instafeed li {
    width: 25%;
    padding: 10px;
    margin: 0;
}
#toppage #instagram ul#instafeed li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 280px;
    height: 280px;
    background: #EFEFEF;
}