@charset "utf-8";

/*---------------------------------------------------------

    common

---------------------------------------------------------*/

.sub_page h1 span {
	font-size: 9.07vw;
	letter-spacing: 0.03rem;
}


/*---------------------------------------------------------

    group

---------------------------------------------------------*/

#group {
	margin-bottom: 12vw;
}

#group dl {
	width: 88vw;
	background: #fff;
	border: 0.1rem #dcdcdc solid;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 7.2vw;
	padding: 4.94vw;
	box-sizing: border-box;
}

#group dt {
	margin-bottom: 3.6vw;
}

#group dt img {
	width: 78.14vw;
	vertical-align: top;
}

#group dd h3 {
	border-left-width: 1.07vw;
	border-left-style: solid;
	letter-spacing: 0.1rem;
	margin-bottom: 2.1vw;
	padding-left: 1.5vw;
}

#group dd .txt {
	line-height: 1.8;
	margin-bottom: 2.1vw;
	padding-bottom: 2.1vw;
}

#group dd li {
	font-size: 3.74vw;
}

#group dd li + li {
	margin-top: 0.6vw;
}

#group dd li:last-child {
	margin-bottom: 5.4vw;
}

#group dd li:last-child a {
	text-decoration: underline;
}

#group dd li .zmdi {
	color: #00a9d4;
	margin-left: 0.3rem;
}

#group dd .link_detail {
	text-align: right;
}

#group .offer_service {
    text-align: center;
    border: 0.1rem #bebebe solid;
    margin-bottom: 4.2vw;
}

#group .offer_service figcaption {
    font-weight: 700;
    background: #f5f5f5;
    border-bottom: 0.1rem #bebebe solid;
    padding: 2.7vw;
}

#group .offer_service ul {
    font-size: 0;
}

#group dd .offer_service li {
    display: inline-block;
    width: 38.3vw;
    margin-top: 0;
    padding: 2.4vw 0;
}

#group .offer_service li:nth-child(n+3) {
	border-top: 0.1rem #bebebe dotted;
}

#group .offer_service li:nth-child(odd) {
    border-right: 0.1rem #bebebe dotted;
}

#group dd .offer_service li:last-child {
    margin-bottom: 0;
}

#group dd .offer_service li.none {
	color: rgba(33,33,33,0.1);
}

#group dd .offer_service ul li {
	font-size: 3.47vw;
}




@media screen and (min-width: 480px) {

/*---------------------------------------------------------

    common

---------------------------------------------------------*/

.sub_page h1 span {
	font-size: 5.1vw;
}


/*---------------------------------------------------------

    group

---------------------------------------------------------*/

#group dd li {
    font-size: 2.1vw;
}

#group dd .offer_service ul li {
	font-size: 1.95vw;
}




}


@media screen and (min-width: 768px) {

/*---------------------------------------------------------

    common

---------------------------------------------------------*/




/*---------------------------------------------------------

    group

---------------------------------------------------------*/

#group .offer_service figcaption {
	padding: 1.5rem;
}



}


@media screen and (min-width: 1080px) {

/*---------------------------------------------------------

    common

---------------------------------------------------------*/

.sub_page h1 span {
	font-size: 4.5rem;
}



/*---------------------------------------------------------

    group

---------------------------------------------------------*/

#group {
	margin-bottom: 9rem;
}

#group dl {
	width: auto;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 4.5rem;
	padding: 2.9rem;
	position: relative;
}

#group dt {
	float: left;
}

#group dt img {
	width: 368px;
}

#group dd {
	margin-left: 42rem;
}

#group dd h3 {
	font-size: 2.2rem;
	border-left-width: 0.6rem;
	letter-spacing: 0.1rem;
	margin-bottom: 2.4rem;
	padding-left: 1.2rem;
}

#group dd .txt {
	font-size: 1.6rem;
	line-height: 2;
	margin-bottom: 3.6rem;
	padding-bottom: 0;
}

#group dd li,
#group dd .offer_service ul li {
	font-size: 1.5rem;
}

#group dd li + li {
	margin-top: 0.9rem;
}

#group dd li:last-child {
	margin-bottom: 0;
}

#group dd .btn_detail {
	position: absolute;
	top: 35rem;
	left: 8.1rem;
}

#group dd .btn_detail a {
	min-width: 24rem;
}

#group .offer_service {
	margin-bottom: 3.6rem;
	overflow: hidden;
}

#group .offer_service figcaption {
	font-size: 1.6rem;
	border-bottom: none;
	padding: 0;
	width: 23.34%;
	height: 9.4rem;
	line-height: 9.4rem;
	border-right: 0.1rem #bebebe solid;
    float: left;
    box-sizing: border-box;
}

#group .offer_service ul {
    width: 76.66%;
    float: right;
}

#group dd .offer_service li {
	width: 30.4%;
	padding: 1.25rem 0;
    box-sizing: border-box;
}

#group .offer_service li:nth-child(odd) {
    border-right: none;
}

#group .offer_service li:nth-child(n+3) {
    border-top: none;
}

#group dd .offer_service li:nth-child(3n+2) {
    border-right: 0.1rem #bebebe dotted;
    border-left: 0.1rem #bebebe dotted;
}

#group .offer_service li:nth-child(3),
#group .offer_service li:nth-child(6) {
    width: 39.2%;
}

#group .offer_service li:nth-child(n+4) {
    border-top: 0.1rem #bebebe dotted;
}


}