@charset "utf-8";

/* top-index
------------------------------------------------------------*/

#top-index {
height: 80vw;
background-image: url("../images/index/top_bg_sp.jpg");
background-position: center left;
background-repeat: no-repeat;
background-size: cover;
position: relative; /* for box-shadow */
z-index: 1; /* for box-shadow */
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
#top-index {
height: 600px;
background-image: url("../images/index/top_bg_pc.jpg");
}
}

#top-index + section { /* for box-shadow */
box-shadow: 0 -1px 2px #d4d4d4;
position: relative;
z-index: 2;
}

.top-index-inner {
height: 100%;
position: relative;
}

#top-index h1 {
color: #00488c;
font-size: 6.4vw;
display: inline-block;
position: absolute;
top: 12%;
left: 3%;
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
#top-index h1 {
font-size: 3rem;
top: 50%;
left: 40px;
margin: -1.5em 0 0 0;
}
}

#top-index h1 span {
display: block;
}

#top-index .line-1 {
transition-delay: 0.4s;
}

#top-index .line-2 {
transition-delay: 1.2s;
}

#top-index img {
position: absolute;
right: 60px;
bottom: 0;
}

/* End top-index */


/* index-phil
------------------------------------------------------------*/


#index-phil {
background-image: url("../images/index/index_phil_bg_sp.jpg");
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
#index-phil {
background-image: url("../images/index/index_phil_bg_pc.jpg");
}
}

@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
#index-phil p {
text-align: center;
}
}

/* End index-phil */


/* index-mission
------------------------------------------------------------*/

@media only screen and (max-width: 1024px) { /* 1024px以下で適用、PC以外用CSS */
#index-mission .img {
padding-top: 2em;
text-align: center;
}
}

/* End index-mission */


/* index-cfio
------------------------------------------------------------*/

#index-cfio {
background-image: url("../images/cfio/cfio_introduction_bg_sp.jpg");
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
#index-cfio {
background-image: url("../images/index/index_cfio_bg_pc.jpg");
background-position: center center;
}
}

@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
#index-cfio p {
text-align: center;
}
}

/* End index-cfio */


/* index-column
------------------------------------------------------------*/

/* column-list は post.css */

/* End index-column */


/* index-news
------------------------------------------------------------*/

/* news-list は post.css */

/* End index-news */