/*

Editor	: C.I.
Version	: 1.0
Since	: 2019-12-25

 */
#indexTtlWrap figure,
#indexTtlWrap ul{
margin-top:0;
}
#indexTtlWrap figure{
position:relative;
}
#indexTtlWrap figure figcaption{
position:absolute;
left:0;
top:50%;
margin-top:-2em;
z-index: 3;
background-color:#fff;
padding:1em;
font-size:1.5em;
opacity: 0.8; filter: alpha(opacity=80); 
}
@media only screen and (max-width: 767px){
    #indexTtlWrap figure figcaption{
    margin-top:-1.5em;
    font-size:1.2em;
    }
}

/* indexNews */
.indexNews{width:90%;margin:0 auto;}
.indexNews .indexNewsTtl{
float:left;
width:14%;
}
.indexNews .indexNewsTtl h2{
font-size:1.3em;
margin-top:0;
}
.indexNews ul{
margin-top:0;
}
.indexNews ul.linkList{
margin-top:1em;
}

.indexNews .newsLists,
.indexNews .newsLists li{
border:none;
}
.indexNews .newsLists li{padding:5px 0;}
.indexNews .listsWrap{
float:right;
width:82%;
border-left:solid 1px #707070;
padding-left:1em;
}

.indexNews:after{
content:'';
visibility: hidden;
display: block;
height:0;
line-height:1;
clear:both;
}
@media only screen and (max-width: 767px){
    .indexNews .listsWrap,
    .indexNews .indexNewsTtl{
    float:none;
    width:auto
    }
    .indexNews .inCon{padding:0 !important;}
    .indexNews h2{margin-top:0 !important;}
    .indexNews .newsLists{
    border-left:none;
    padding-left:0;
    margin-top:0;
    }
}

/* indexGreeting */
#indexGreeting{
width:90%;
margin-left:auto;
margin-right:auto;
}
@media only screen and (max-width: 767px){
    #indexGreeting{
    width:100%;
    }
    #indexGreeting img{width:60%;}
    #indexGreeting figure{text-align:center;}
}

/* indexPhilosophy */
.indexPhilosophy .columG3{width:90%;margin:3em auto;}
.indexPhilosophy .col2{padding-top:3em;}
.indexPhilosophy .imgL figure{float:left;margin-left:0;}
.indexPhilosophy .imgL .col2{float:right;}

@media only screen and (max-width: 767px){
    .indexPhilosophy .col2{padding-top:0;}
    .indexPhilosophy .imgL figure,
    .indexPhilosophy .imgL .col2{float:none;}
}


/* profile
-------------------------------------------*/
.profileWrap .col1{margin-top:2.5em;}
.profileWrap{
border-top:solid 2px #707070;
border-bottom:solid 2px #707070;
padding-bottom:2em;
}
.profileWrap .col1{
float:left;
margin-left:0;
}
.profileWrap .col3{
float:right;
}
@media only screen and (max-width: 767px){
    .profileWrap .col1,
    .profileWrap .col3{float:none;}
}

/* contact
-------------------------------------------*/
#accessMap .col #map iframe{
margin-top:2em;
}