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

/*下層共通*/
.second {
    background-image: url("../../images/sec_bg.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    padding-top: 165px;
    position: relative;
}

/*ぱんくず*/
.second ol.pancz{
    width: 1140px;
    position: absolute;
    right: 50%;
    top: 30px;
    transform: translateX(50%);
    text-align: right;
}

.second ol.pancz li {
    display: inline;
    font-size: 14px;
    line-height: 1em;
    color: #797979;
}

.second ol.pancz li a {
    color: #f35f0e;
}

.second ol.pancz li::after {
    content: ">";
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
}

.second ol.pancz li:last-child::after {
    content: "";
    display: none;
}

/*初めての方へ*/
#guide {
    padding-top: 120px;
    padding-bottom: 110px;
    background-image: url("../../images/bg03.jpg");
    background-position: center center;
    background-size: cover;
}

#guide ul {
    width: 805px;
    margin: 0 auto;
    padding-top: 75px;
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines:multiple;
    -moz-box-lines:multiple;
	-ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}

#guide ul li {
    margin-bottom: 50px;
    width: 375px;
}

#guide ul li a {
    width: 355px;
    height: 110px;
    margin: 0 auto;
    background-color: #252525;
    position: relative;
    transform: skewX(-10deg);
    text-decoration: none;
    display: table;
}

#guide ul li a:hover {
    opacity: .8;
}

#guide ul li a::after {
    content: "";
    width: 22px;
    height: 22px;
    background-image: url("../../../images/ico_yajirushi02.png");
    background-size: cover;
    position: absolute;
    right: 7px;
    bottom: 7px;
}

#guide ul li:nth-child(odd) {
    margin-right: 55px;
}

#guide ul li a p:first-child {
    display: table-cell;
    vertical-align: middle;
    background-color: #555;
    width: 42px;
    height: 110px;
    padding-left: 48px;
    font-size: 25px;
    color: #ffdf2f;
    font-weight: 500;
    position: relative;
}

#guide ul li a p:first-child span {
    display: block;
    transform: skewX(10deg);
}

#guide ul li a p:first-child::before {
    content: "Guide";
    font-size: 15px;
    font-weight: normal;
    position: absolute;
    left: 10px;
    top: 30px;
    transform: rotate(270deg);
}

#guide ul li a p:last-child {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    padding-left: 25px;
    transform: skewX(10deg);
}
.news_wrap{
    border: 1px solid #ccc;
    padding: 10px 4%;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 40px;
}
.news_wrap h3{
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;    
    padding-bottom: 10px;
	text-align: center;
}
.news_wrap p{
    font-size: 15px;
    line-height: 1.8;
    padding: 15px;  
}