@charset "UTF-8";

/*--▼アイキャッチ--*/
.ec-index {
position: relative;
z-index:1;
width:100%;
margin:0 auto 30px auto;
padding:0;
background:#e6e6e6;
/*border-top:4px  solid #cc0066;*/ /*--test--*/
}

/*--ec-inのあった場所--*/
.ec-in {
position:absolute;
z-index:2;
width:100%;
max-width:1200px;
height:100%;
margin: 0 auto;
top:50%;
left: 50%;
-ms-transform: translate(-50%,-50%);/*ベンダプレフィクス*/
-webkit-transform: translate(-50%,-50%);/*ベンダプレフィクス*/
transform: translate(-50%,-50%);/*センタ寄せの修正*/
border-left:1px solid #cc0066;
border-right:1px solid #cc0066;
}

/*--titleとtext--*/
.ec-ttl-box {
position: absolute;
z-index:22;
width:84%;
max-width:1200px;
padding:20px 10%;
left: 50%;
top:50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background:rgba(255,255,255, 0.4);
}
/*--下のinfo--*/
.ec-info {
position:absolute;
z-index:23;
right:10px;
bottom:-10px;
padding:4px;
background:#000;
border:2px solid #fff;
color:#fff;
display:inline;
text-shadow:none;
}
/*--logo--*/
.ec-logo img{
width:40%;
margin:0 auto 15px auto;/*--logoからtextへの距離--*/
}
@media only screen and (max-width:769px) {
.ec-logo img{
width:66%;
margin:0 auto 10px auto; /*--logoからtextへの距離--*/
}
}
/*--h1--*/
.ec-ttl-box h1{font-size:1.1em;}
@media only screen and (max-width:769px) {
.ec-ttl-box h1{font-size:1.0em;}
}
@media only screen and (max-width:640px) {
h1 .ec-ttl-box {font-size:0.9em;}
}
h1:before {background:none;}

/*--▼ec-swiper--*/
.ec-swiper-container {/*z-index:2;*/}
.ec-prettyprint {border: none; background: #000; color: #697d86; /*z-index:2;*/}
.ec-swiper-container .ec-swiper-slide img {
width:100%;
height: 360px;
object-fit: cover; /*トリミング*/
object-position: 50% 50%; /*位置-横×縦*/
margin:0;
/*z-index:2;*/
/*height: auto;*/
}
@media only screen and (max-width:640px) {
.ec-swiper-container .ec-swiper-slide img {
height: 360px;
object-position: 50% 50%; /*位置-横×縦*/
}
}
/*--▼480以下--*/
@media only screen and (max-width:480px) {
.ec-swiper-container .ec-swiper-slide img {height: 400px;}
}
/*--ec-swiper--*/




/*--trim-box--*/
.trim-1px-white {
width:94%;
max-width:1200px;
margin:10px auto 10px auto;
border:2px solid #fff;
padding:10px 14px 0 14px;
background:rgba(255,255,255,0.7); /*背景透過*/
}
@media only screen and (max-width:641px) {
.trim-1px-white {border:1px solid #fff;}
}

/*--index背景w100%共通--*/
.bg-100per-01, .bg-100per-02 {
background-attachment: fixed;
background-size: auto 60%;
background-repeat: no-repeat;
background-color:#e9e7da;
overflow:hidden;
padding:0px 0;
color:#777;
}
@media only screen and (max-width:769px) {
.bg-100per-01, .bg-100per-02, .bg-100per-03 {
background-size: 100% auto;
background-size: cover;
background-position: right -50px;
}
}

/*--bg-01--*/
.bg-100per-01 {
background-image: url("img/bg-index-01.png");
background-position: right -30px bottom;
}
/*--bg-02--*/
.bg-100per-02 {
background-image: url("img/bg-index-02.png");
background-position: left bottom;
}

/*--prof画像--*/
.column2-40 img {width:80%; height:auto;}
@media only screen and (max-width:641px) {
.column2-40 img {width:66%; height:auto; margin-bottom:15px;}
}