header {
    z-index: 999;
}

.bg_color1 {
    background-color: #2b3c4d;
}

.txt_color1 {
    color: #2b3c4d;
}

.bg_color3 {
    background-color: #c2996c;
}

.hvr_txt_color3:hover {
    color: #c2996c;
}



#cms_6-c .circle {
    display: none;
}

#cms_6-c .cate_box{
margin-bottom:50px;
}

#cms_6-c .arrow {
    bottom: -45px;
    height: 40px;
}

.svg_box, .svg_box2{
display:none !important;
}

.swiper-container {
    display: none;
}

#main_img {
     height: auto;
    max-height: 100%;
 z-index: 99;
}

.ila{
width:50%;
}

#intro {
    z-index: 0;
}

#main_img .box_img{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}



.fadein, .ila{
     opacity: 0;
     transform: translateY(20px);
     transition: 1.5s;
     transition-property: opacity,transform
}

.fadein.fadetrans, .abc{
     opacity: 1;
     transform: none
}


#intro_txt h2 span{
    color: #a67c52;
    font-weight: bold;
}

#intro_txt p{
    width: 100%;
    max-width: 700px;
}

.awe{
width: 100%;
    max-width: 400px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 50px;
}

.shadow {
    box-shadow: 0 5px 10px rgba(0,0,0,0);
}


#contents .box figure{
position:relative;
z-index:1;
}

#contents .box:nth-child(even) figure:before {
    content: "";
    position: absolute;
    background-color:#2b3c4d;
    width: 50%;
    height: 50%;
       top: -10px;
    left: -10px;
    padding: 10px 20px;
    z-index: -1;
}

#contents .box:nth-child(odd) figure:before {
    content: "";
    position: absolute;
    background-color:#2b3c4d;
    width:50%;
    height: 50%;
    top: -10px;
    right: -10px;
    padding: 10px 20px;
    z-index: -1;
    color: white;
    text-align: center;
}


.eye{
       display: block;
    max-width: 35px;
    margin: 0 auto;
    margin-bottom: 0px;
}

#contents h3{
font-weight:bold;
}

#contents .box:nth-of-type(1){
    background-image: url(./Dup/img/1.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 25%;
}

#contents .box:nth-of-type(2){
    background-image: url(./Dup/img/2.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 25%;
}

#contents .box:nth-of-type(3){
    background-image: url(./Dup/img/3.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 25%;
}

#intro, #info_title_box {
    background-attachment: fixed;
}

/* Edge */
@supports (-ms-ime-align: auto) {
#intro,#info_title_box{background-position: center!important;background-repeat: no-repeat!important;background-attachment: fixed!important;}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

#contents .box h3{
border-bottom: 1px solid;
}

#main_img {
       margin-top: 70px;
}

#contents .box:nth-of-type(1) {
    background-position: top right;
    background-size: 25%;
}

#contents .box:nth-of-type(2){
    background-position: top right;
    background-size: 25%;
}

#contents .box:nth-of-type(3){
     background-position: top right;
    background-size: 25%;
}

.awe {
        max-width: 300px;
    
}

}