@charset "utf-8";

/* ===================================================================
css information

File Name  : layout.css
Author     : 
Style Info : top
=================================================================== */

.top .fixed-head .head-text-1 { text-align:left; }

@media screen and (max-width:800px){ 
.top .fixed-head .head-text-1 { text-align:center; }
}

/*********************************************************************

#section-1

*********************************************************************/

#section-1 { background:#fff; }

/* 前後の調整 */
#section-1 { z-index:9; }

/*********************************************************************

#section-2 - ※PC

*********************************************************************/

#section-2 { background:#faebe0; text-align:center; }
#section-2 .title-1 { font-size:20px; margin:0 0 15px 0; }
#section-2 .title-2 { font-size:22px; letter-spacing:0.06em; }
#section-2 .text-1 { margin:48px 0 0 0; }
#section-2 .text-1 p { font-size:14px; line-height:255%; letter-spacing:0.06em; }

/* .sec-inner */
#section-2 .sec-inner { opacity:0; visibility:hidden;
-moz-transform: translateY(30px);
-webkit-transform: translateY(30px);
-o-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px); 
}
#section-2.fp-completely .sec-inner { opacity:1; visibility:visible;
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px); 
}
#section-2.fp-completely .sec-inner {
-webkit-transition: opacity 1.0s ease 0.2s, visibility 1.0s ease 0.2s, -webkit-transform 1.0s ease 0.2s;
-moz-transition: opacity 1.0s ease 0.2s, visibility 1.0s ease 0.2s, -moz-transform 1.0s ease 0.2s;
-ms-transition: opacity 1.0s ease 0.2s, visibility 1.0s ease 0.2s, -ms-transform 1.0s ease 0.2s;
-o-transition: opacity 1.0s ease 0.2s, visibility 1.0s ease 0.2s, -o-transform 1.0s ease 0.2s;
transition: opacity 1.0s ease 0.2s, visibility 1.0s ease 0.2s, transform 1.0s ease 0.2s; 
}

/* 前後の調整 */
#section-2 { z-index:9; }

/*********************************************************************

#section-2 - ※SP

*********************************************************************/

@media screen and (max-width:800px){ 
#section-2 .title-1 { font-size:16px; margin:0 0 8px 0; }
#section-2 .title-2 { font-size:16px; letter-spacing:0.04em; line-height:150%; }
#section-2 .text-1 { margin:25px 0 0 0; padding:0 15px; }
#section-2 .text-1 br { display:none; }
#section-2 .text-1 p { font-size:12px; line-height:160%; letter-spacing:0; }
#section-2 .text-1 p.paragraph-2 { margin:8px 0 0 0; }
#section-2 .text-1 span { display:inline-block; vertical-align:top; }

/* .sec-inner */
#section-2 .sec-inner { padding:0;
-moz-transform: translateY(20px);
-webkit-transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px); 
}
#section-2.fp-completely .sec-inner {
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px); 
}
}

/* iPhone5 & iPhoneSE */
@media screen and (max-width:350px){ 
#section-2 .title-1 { font-size:14px; margin:0 0 7px 0; }
#section-2 .title-2 { font-size:14px; }
#section-2 .text-1 { margin:20px 0 0 0; }
#section-2 .text-1 p { font-size:11px; }
#section-2 .text-1 p.paragraph-2 { margin:7px 0 0 0; }
}

/*********************************************************************

#section-3, #section-4 - shiho

*********************************************************************/

#section-3 { background:#fff; }
#section-3 .fixed-cover-img,
#section-4 .fixed-cover-img { background-position:center top; }

/*********************************************************************

#section-6, #section-7 - asami kiyokawa

*********************************************************************/

#section-6 { background:#fff; }
#section-6 .fixed-cover-img,
#section-7 .fixed-cover-img { background-position:center top; }

/*********************************************************************

#section-8, #section-9 - mayumi sada

*********************************************************************/

#section-8 { background:#fff; }
#section-8 .fixed-cover-img,
#section-9 .fixed-cover-img { background-position:center top; }

/*********************************************************************

#section-5 ※PC

*********************************************************************/

#section-5 .item-img-1 { background-size:209px; }

/*********************************************************************

#section-5 ※SP

*********************************************************************/

@media screen and (max-width:800px){ 
#section-5 .item-img-1 { background-position:center -6px; background-size:80px auto; }
}

/* iPhone5 & iPhoneSE */
@media screen and (max-width:350px){ 
#section-5 .item-img-1 { background-size:64px auto; }
}