/* CSS Document */
body {
	min-width: 1272px;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../common/font-fira/eot/FiraSans-Hair.eot');
    src: url('../common/font-fira/eot/FiraSans-Hair.eot') format('embedded-opentype'),
         url('../common/font-fira/woff2/FiraSans-Hair.woff2') format('woff2'),
         url('../common/font-fira/woff/FiraSans-Hair.woff') format('woff'),
         url('../common/font-fira/ttf/FiraSans-Hair.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../common/font-fira/eot/FiraSans-Regular.eot');
    src: url('../common/font-fira/eot/FiraSans-Regular.eot') format('embedded-opentype'),
         url('../common/font-fira/woff2/FiraSans-Regular.woff2') format('woff2'),
         url('../common/font-fira/woff/FiraSans-Regular.woff') format('woff'),
         url('../common/font-fira/ttf/FiraSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/**/
.swiper-container {
	width: 1200px!important;
	margin: 0 auto;
}
.swiper-slide img {
	width: 100%;
	box-sizing: border-box;
}
.swiper-button-next {
    background-image: url(../img/index/swiper_arrow_right.png)!important;
}
.swiper-button-prev {
    background-image: url(../img/index/swiper_arrow_left.png)!important;
}
@media print, screen and (max-width: 750px){
.swiper-container {
	width: 100%!important;
}
}
/*main-img-top*/

.main-img-top {
	text-align: center;
	width: 100%;
	padding-bottom: 120px;
	background-image: url(../img/index/mainimg-back.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}

.main-img-top img {
	height: 585px;
	width: 1200px;
	border: 16px solid #F2F2F2;
}


/*contents01*/

.contents01 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.contents01 h3 {
	font-size: 35px;
	font-weight: normal;
	color: #000;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 50px;
}

.contents01 p {
	font-size: 14px;
	letter-spacing: 0.1em;
	color: #4D4D4D;
	width: 820px;
}


/*contents02*/
.contents02 {
	text-align: center;
	width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #B3B3B3;
}
    .contents02-box01 {
        background-color: #F9F9F9;
        padding: 95px 0 80px;
    }
    .contents02-box01 h3 {
        padding: 60px 0 30px;
        background: url(../img/index/mdiashi01.png) no-repeat center top;
    }
    .contents02-box01 p {
    }
        .contents02-box01 p a {
            transition: all .3s ease;
        }
        .contents02-box01 p a:hover {
            opacity: .75;
        }

/*contents03*/
.contents03 {
	width: 100%;
	padding-top: 80px;
}

.contents03-box {
	width: 1272px;
    padding-bottom: 13px;
}
    .contents03-box .box {
        width: 390px;
        height: 320px;
        padding-bottom: 10px;
        vertical-align: top;
        display: inline-block;
        float: left;
        margin-right: 17px;
        margin-left: 17px;
        margin-bottom: 60px;
    }
        .contents03-box .box > div {
            display: table;
            width: 390px;
            height: 286px;
        }
            .contents03-box .box > div a {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }
            .contents03-box .box > div img {
                max-width: 390px;
                max-height: 286px;
            }
        .contents03-box .box h4 {
            font-family: 'Fira Sans';
            font-weight: 100;
            font-size: 20px;
            line-height: 1em;
            padding-top: 12px;
            padding-bottom: 5px;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #B3B3B3;
        }
            .contents03-box .box h4 span {
                font-family: 'Fira Sans';
                font-weight: 400;
                font-size: 12px;
                line-height: 1em;
                vertical-align: top;
                display: inline-block;
                padding-left: 10px;
                margin-top: 4px;
            }
        .contents03-box .box h5 {
            font-family: 'Fira Sans';
            font-weight: 100;
            font-size: 16px;
            line-height: 1em;
            padding-top: 8px;
        }
            .contents03-box .box h5 span {
                font-family: 'Fira Sans';
                font-weight: 400;
                font-size: 10px;
                line-height: 1em;
                vertical-align: top;
                display: inline-block;
                margin-top: 7px;
                display: block;
            }
        .contents03-box .box a:hover {
            opacity:0.5;
        }
    .contents03 .btn-more {
        margin-bottom: 54px;
    }

.btn-more {
	width: 100%;
	margin-bottom: 90px;
	background: url(../img/index/more-back.png) no-repeat center top;
	height: 19px;
}
    .btn-more p {
        width: 1240px;
        margin-right: auto;
        margin-left: auto;
        text-align: right;
    }
        .btn-more p a:hover {
            opacity: .75;
        }

/*contents04*/
.contents04 {
	width: 100%;
}
	.contents04 h3 {
		padding: 138px 0 70px;
		font-family: 'Fira Sans';
		font-weight: 100;
		font-size: 40px;
		background: #F9F9F9 url(../img/index/midashi02.png) no-repeat center 85px;
		text-align: center;
	}
    .contents04 .box {
    }
        .contents04 .box h4 {
            font-family: 'Fira Sans';
            font-weight: 100;
            font-size: 38px;
            text-align: center;
            padding: 28px 0 3px;
            border-bottom: 1px solid #b3b3b3;
        }
        .contents04 .box .inner {
			padding-bottom: 35px;
            width: 790px;
            margin: 0 auto;
		}
			.contents04 .box .inner .row {
				margin-top: 60px;
			}
			.contents04 .box .inner .row:first-child {
				margin-top: 35px;
			}
    .contents04 .box01  {
    }
        .contents04 .box01 .inner {
        }
            .contents04 .box01 .inner .row {
            }
                .contents04 .box01 .inner .row .detail {
                    float: left;
                    width: 539px;
                    border-right: 1px solid #b2b2b2;
                }
                    .contents04 .box01 .inner .row .detail .left {
                        float: left;
                        width: 50px;
                        height: 60px;
                        display: inline-table;
                    }
                        .contents04 .box01 .inner .row .detail .left a {
                            display: table-cell;
                            text-align: center;
                            vertical-align: middle;
                        }
                        .contents04 .box01 .inner .row .detail .left a:hover {
                            opacity: .75;
                        }
                            .contents04 .box01 .inner .row .detail .left a img {
                                vertical-align: top;
                                max-height: 60px;
                                max-width: 50px;
                            }
                    .contents04 .box01 .inner .row .detail .right {
                        float: right;
                        width: 450px;
                        margin-right: 20px; 
                    }
                        .contents04 .box01 .inner .row .detail .right h5 {
                            font-size: 12px;
                            font-weight: normal;
                            color: #000;
                            line-height: 1.4;
                            margin-bottom: 10px;
                        }
                            .contents04 .box01 .inner .row .detail .right h5 span {
                                font-size: 14px;
                                line-height: 1;
                                letter-spacing: 0.4em;
                                vertical-align: top;
                                display: inline-block;
                                padding-left: 15px;
                            }
                        .contents04 .box01 .inner .row .detail .right p {
                            font-size: 12px;
                            color: #4D4D4D;
                            line-height: 1.5em;
                        }
                .contents04 .box01 .inner .row .detail2 {
                    float: left;
                    width: 250px;
                    text-align: center;
                }
                    .contents04 .box01 .inner .row .detail2 .name {
                        font-family: 'Fira Sans';
                        font-weight: 100;
                        font-size: 30px;
                        line-height: 1.3;
                    }
                    .contents04 .box01 .inner .row .detail2 .name_ja {
                        font-size: 24px;
                        color: #999;
                        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
                    }
                    .contents04 .box01 .inner .row .detail2 a {
                        line-height: 1em;
                        font-size: 12px;
                        text-decoration: none;
                        width: 130px;
                        border: 1px solid #b3b3b3;
                        display: inline-block;
                        padding: 7px 0  5px;
                        text-align: center;
                        color: #4d4d4d;
                        transition: all .3s ease;
                    }
                    .contents04 .box01 .inner .row .detail2 a:hover {
                        color: #FFF;
                        background-color: #4d4d4d;
                        border: 1px solid #4d4d4d;
                    }
    .contents04 .box02  {
        border-top: 1px solid #b3b3b3;
    }
        .contents04 .box02 h4 {
            padding: 0;
        }
        .contents04 .box02 .inner {
        }
            .contents04 .box02 .inner .row {
            }
                .contents04 .box02 .inner .row .left {
                    float: left;
                    width: 50px;
                    height: 60px;
                }
                    .contents04 .box02 .inner .row .left a {
                        display: table-cell;
                        text-align: center;
                        vertical-align: middle;
                    }
                    .contents04 .box02 .inner .row .left a:hover {
                        opacity: .75;
                    }
                        .contents04 .box02 .inner .row .left a img {
                            vertical-align: top;
                            max-height: 60px;
                            max-width: 50px;
                        }
                .contents04 .box02 .inner .row .right {
                    float: right;
                    width: 710px;
                }
                    .contents04 .box02 .inner .row .right h5 {
                        font-size: 12px;
                        font-weight: normal;
                        color: #000;
                        line-height: 1.4;
                        margin-bottom: 10px;
                    }
                        .contents04 .box02 .inner .row .right h5 span {
                            font-size: 14px;
                            line-height: 1;
                            letter-spacing: 0.4em;
                            vertical-align: top;
                            display: inline-block;
                            padding-left: 15px;
                        }
                    .contents04 .box02 .inner .row .right p {
                        font-size: 12px;
                        color: #4D4D4D;
                        line-height: 1.5em;
                    }
    .contents04 .btn-more {
        margin-bottom: 70px;
    }


.logo{
	margin:auto auto 50px;
	display:block;
}