@charset "UTF-8";
/*******************************

sustainableCss

*******************************/
.bg-wh{
	padding-top: 100px;
}
/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px) {
	.bg-wh{
		padding-top: 50px;
	}
}

/*-----------------------------
contents-list
-----------------------------*/
.contents-link li.current {
    background: url(../../img/link06.jpg) center center no-repeat;
    background-size: cover;
}

/*-----------------------------
section
-----------------------------*/
section h4 {
    font-size: 165%;
    letter-spacing: .05em;
    text-align: left;
    margin-bottom: 25px;
}

section h4:before {
    content: "\f111";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #afbfa4;
}

section .flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

section figure {
    margin: 0;
}

section .txt-wrap {
    width: 50%;
}

section .txt-wrap100 {
    width: 100%;
}

section .txt-wrap p,
section .txt-wrap100 p {
    margin-bottom: 25px;
}

.img-wrap img {
    width: 100%;
}

/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px) {
    section .txt-wrap {
        width: 100%;
        margin-bottom: 50px;
    }
}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px) {
    section {}

    section .txt-wrap {
        margin-bottom: 30px;
    }
}

/*-----------------------------
sec01
-----------------------------*/
.sec01 {
    margin-bottom: 100px;
}

.sec01 section {
    padding: 60px 0;
}

.sec01 figure {
    width: 45%;
    text-align: right;
}

.sec01-01,
.sec01-03 {
    background: #f0f0ee;
}

/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px) {
    .sec01 figure {
        width: 100%;
        text-align: center!important;
    }
}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px) {
    .sec01 {
        margin-bottom: 50px;
    }
    .sec01 section {
        padding: 30px 0;
    }
}

/*-----------------------------
sec02
-----------------------------*/
.sec02 .txt-wrap100 {
    max-width: 820px;
    margin-right: auto;
    margin-left: auto;
}

.sec02 figure {
    margin-bottom: 80px;
}

.sec02 ul {
    max-width: 820px;
    margin: 60px auto;
}

.sec02 ul li {
    width: 19%;
}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px) {
    .sec02 figure {
        margin-bottom: 50px;
    }

    .sec02 ul {
        margin: 50px auto;
    }

    .sec02 ul:after {
        content: "";
        display: block;
        width: 30%;
    }

    .sec02 ul li {
        width: 30%;
        margin-bottom: 20px;
    }
}