@charset "UTF-8";
/* コンテンツ */


#mainimg {
    position: relative;
    box-sizing: border-box;
    background-color: #111;
}
#mainimg img {
    width: 100%;
}
#mainimg section {
    position: absolute;
    width: 30%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    z-index: 1;
}
#mainimg section ul li:nth-child(1) {
    width: 70%;
    margin: 0 auto;
}
#mainimg section ul li:nth-child(2) {
    width: 8%;
    margin: 3em auto;
}
#mainimg section ul li:nth-child(3) {
    width: 65%;
    margin: 0 auto;
}

@media screen and (min-width: 521px) {
.swiper-container1 .swiper-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.swiper-container1 .swiper-slide {
    width: 35% !important;
}
}

@media screen and (max-width: 520px) {
.swiper-container1 {
    overflow: hidden;
}
.swiper-container1 .swiper-slide {
    width: 100% !important;
}
#mainimg section {
    width: 100%;
    background-color: rgba(0,0,0,0.2);
}
#mainimg section ul {
    width: 70%;
}
}

.stitle {
    background-color: #111;
    color: #fff;
    font-size: 1.8em;
    line-height: 1;
    padding: 2em 0;
}
.tx1 {
    font-size: 1.4em;
    margin-bottom: 0.5em;
}
.tx2 span {
    font-size: 1.4em;
}
.tx2 ul li {
    text-indent:-1em;
	padding-left:1em;
    margin: 1em 0 0 1em;
}
.tx3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.tx3 section {
    width: 47%;
}
.tx3 section img {
    width: 100%;
}
.tx3 ul li {
    text-indent:-1em;
	padding-left:1em;
    margin-top: 1em;
}
.tx3 h3 {
    display: inline-block;
    border: 1px solid #111;
    line-height: 1;
    font-size: 1.16em;
    padding: 0.4em 1em;
}

.madori ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    line-height: 0;
}
.madori ul img {
    width: 100%;
}
.madori ul li:nth-child(1) {
    width: 20%;
}
.madori ul li:nth-child(2) {
    width: 4%;
}
.madori ul li:nth-child(3) {
    width: 33%;
}
.madori ul li:nth-child(4) {
    width: 33%;
}

.tx4 {
    line-height: 1.7;
}
.tx4 h3 {
    background-color: #b0adab;
    color: #fff;
    padding: 0.7em 1em;
    margin-bottom: 0.5em;
}
.tx4 p {
    font-size: 0.84em;
}

.tx5 ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tx5 ul li img {
    width: 200px;
    margin-right: 1em;
}
.bc_logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.5em;
}
.tx5 ul li:last-child a {
    display: inline-block;
    white-space: nowrap;
    border: 1px solid #111;
    color: #111;
    line-height: 1;
    padding: 1em 1.5em;
    transition: all 0.3s;
}
.tx5 ul li:last-child a:hover {
    opacity: 0.6;
}
.contact {
    text-align: center;
}
.contact a {
    display: inline-block;
    margin: auto;
    background-color: #111;
    color: #fff;
    font-size: 2em;
    line-height: 1;
    padding: 1em 3em;
    transition: all 0.3s;
}
.contact a:hover {
    opacity: 0.6;
}

@media screen and (max-width: 960px) {
.stitle {
    font-size: 1.4em;
    line-height: 1.7;
}
.tx1 {
    font-size: 1.32em;
}
.tx2 span {
    font-size: 1.32em;
}

.madori ul li:nth-child(1) {
    width: 100%;
}
.madori ul li:nth-child(1) img {
    width: 40%;
}
.madori ul li:nth-child(2) {
    width: 100%;
    margin: 2em auto;
}
.madori ul li:nth-child(2) img {
    width: 5%;
}
.madori ul li:nth-child(3) {
    width: 47%;
}
.madori ul li:nth-child(4) {
    width: 47%;
}

.tx5 ul {
    justify-content: space-around;
    flex-wrap: wrap;
    flex-direction: column;
}
.tx5 ul li img {
    max-width: 200px;
    width: 70%;
    margin-right: 0;
}
.bc_logo {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 0.5em;
}
.tx5 ul li:first-child {
    margin-bottom: 1em;
}

.contact a {
    font-size: 4vw;
    padding: 1em 3em;
}

}

@media screen and (max-width: 770px) {
.tx3 section {
    width: 100%;
}
.tx3 section:first-child {
    margin-bottom: 2em;
}
}

@media screen and (max-width: 520px) {
.madori ul li:nth-child(2) {
    margin: 1em auto;
}
.madori ul li:nth-child(3) {
    width: 48%;
}
.madori ul li:nth-child(4) {
    width: 48%;
}

.contact a {
    display: block;
    font-size: 5vw;
    padding: 1em 0;
}

}