/*
GAJYA HOIKUEN
SECOND PAGES
layout2.css


/*----------------------------------------------
 BASE
------------------------------------------------*/

/* ---　base  ------------*/ 
#outline, #idea, #care, #program, #around, #mailform{
width: 100%;
margin-top:113px; /* 83px＋ */
margin-left: auto;
margin-right:auto; 
padding-bottom:30px;
padding:0 0 0 0;
color:#734953;
letter-spacing:0.08em;
text-align:center;
background:url(../img/outline/leaf_back.png);
background-position:bottom;
background-repeat:no-repeat;
background-size:100%;
}

.intro{
max-width: 750px !important;
margin:0 auto 10px;
padding:0 10px 0 15px!important;
line-height: 160%;
text-align:left;
}

/* MOBILE */
@media screen and (max-width:1023px) {
.intro{
max-width: 98%;
padding:0 6px 0 7px;
}
}

/*----------------------------------------------
 OUTLINE
------------------------------------------------*/

#outline img{
height:auto;
}

#outline p{
text-align: left;
}

.gaiyo1{
padding-right:20px;
max-width: 1000px;
}
.gaiyo2{
margin-top:-10px;
}

/* MOBILE */
@media screen and (max-width:1023px) {
#outline{
padding:0 1rem;
}
.gaiyo1{
padding-right:0px !important;
}
.gaiyo2{
margin:0 !important;
}
}


/* POINT */
.point{
padding:34px 35px 34px 65px;
margin:15px auto;
max-width: 1000px;
background-color: #EDE6D2;
}
.point li{
padding: 10px 0;
}


/* CAPA */
.capa{
max-width: 700px;
margin:15px auto;
}

.capa table td{
font-size:1.6rem;
padding:20px 10px;
text-align:center;
border-right: 1px solid #C49678;
}


/* ACCESS */
.access{
max-width: 880px;
margin:40px auto 0;
padding:0 3px 80px;
text-align:center;
}

.google-map{
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;/*比率*/
margin-top:15px;
}
.google-map iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*-------------------------------------------------------
 IDEA
---------------------------------------------------------*/

/*  理念 */
.rinen{
padding:34px 35px 50px;
margin:15px auto;
max-width: 800px;
height:auto;
background-image:url(../img/idea/bluesky1.jpg);
background-position:bottom;
}

.idea-copy{
width: 100%;
font-size:2.3rem;
}

.idea-copy li{
margin:0 40px 0;
padding:10px 10px 10px;
line-height: 1.4;
}


/* MOBILE */
@media (max-width: 767px) {
.rinen{
padding:34px 15px 35px;
margin:15px 15px;
}
.idea-copy{
font-size:2.0rem;
}

.idea-copy li{
margin:0 0 0 20px;
padding:10px 10px 10px;
line-height: 1.4;
}
}


/* 方針 */
.houshin{
padding:40px 60px 60px;
margin:15px auto 50px;
max-width: 800px;
height:auto;
text-align:left;
background-image:url(../img/idea/bluesky2.jpg);
background-position:bottom;
}

.houshin-copy{
padding:5px 0;
width: 100%;
font-size:2.0rem;
}

.houshin-copy dt{
margin:0 5px 0;
padding:10px 10px 10px;
line-height: 1.4;
}
.houshin-copy dd{
margin:0 5px 0;
padding:5px 10px 20px;
line-height: 1.4;
}

.houshin p{
font-size:1.9rem;
margin:0 10px 0;
line-height: 1.6;
}


/* MOBILE */
@media (max-width: 767px) {
.houshin{
padding:40px 30px 60px;
margin:15px 15px;
}

.houshin-copy{
padding:5px 0;
width: 100%;
font-size:1.9rem;
}

.houshin-copy dt{
margin:0 5px 0;
padding:10px 0px 10px;
line-height: 1.4;
}
.houshin-copy dd{
margin:0 5px 0;
padding:5px 0px 20px;
line-height: 1.4;
}

.houshin p{
font-size:1.9rem;
margin:0 0px 0;
line-height: 1.6;
}
}


/* 思い */
.thought{
max-width: 840px;
padding:30px 40px 40px;
margin:-10px auto 50px;
line-height: 1.6;
height:auto;
text-align:left;
background:#fff;
border: 1px solid #C49678;
border-radius:16px;
}

.akabana{
float:left;
margin:0 20px 20px 0;
}

/* MOBILE */
@media (max-width: 767px) {
.thought{
padding:20px 20px 20px;
}
}

/*-------------------------------------------------------
　CARE
---------------------------------------------------------*/

/* TAGET */
.target{
width: 95%;
margin:20px 10px 40px;
padding:20px 18px 15px;
text-align:left;
border:2px solid #49C5FF;
background:#FFFFFF;
border-radius:16px;
}

.target p{
font-size:1.7rem;
line-height:160%;
}

/* MOBILE */
@media (max-width: 767px) {
.target{
width: 98%;
margin:20px 4px 10px ;
padding:20px 18px 15px 20px;
}
}


/* CARE */
.careline{
width: 96%;
margin:20px 10px 10px;
padding:15px 15px;
text-align:center;
border:2px solid #FF70A4;
background:#FFFFFF;
border-radius:16px;
}

.careline li{
padding: 8px 0 0px;
}


/* MOBILE */
@media (max-width: 767px) {
.careline{
width: 98%;
margin:20px 4px 10px;
padding:13px 20px 20px 18px;
}
.careline li{
font-size:1.5rem;
padding: 0;
}
}


/* FEE */

.fee{
max-width: 700px;
margin:0px auto 70px;
}

.fee table td{
font-size:1.6rem;
padding:20px 10px;
text-align:center;
border-right: 1px solid #C49678;
}

/* MOBILE */
@media (max-width: 767px) {
.fee{
padding: 0 17px 0 15px;
}
}


/*----------------------------------------------
 PROGRAM
------------------------------------------------*/

.proline{
width: 100%;
margin:0px 0 30px;
padding:0;
text-align:center;
background:#FFFFFF;
}


/* EVENT */

.event{
max-width: 800px;
margin:0px auto 70px;
}

.event table td{
font-size:1.6rem;
padding:20px 10px;
text-align:center;
border-right: 1px solid #C49678;
}

/* MOBILE */
@media (max-width: 767px) {
.event{
padding: 0 17px 0 15px;
}
.event table td{
font-size:1.5rem;
}
}


/*----------------------------------------------
 AROUND
------------------------------------------------*/
.gallery{
width: 100%;
}