@charset "utf-8";


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

    service

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

#service .container {
    position: relative;
}

#service #main .service_list {
    border: 1px solid #DCDCDC;
}

#service #main .service_list + .service_list {
    margin-top: 8.75vw;
}

#service #main .service_list .service_title {
    background: #00A9D4;
    text-align: center;
    color: #fff;
    font-size: 4.27vw;
    line-height: 10vw;
    font-weight: 600;
}

#service #main .service_list .service_title span {
    font-size: 3vw;
    display: inline-block;
    margin-right: 1.25vw;
    font-weight: 600;
    color: inherit;
}

#service #main .service_list .service_contents {
    padding: 5vw;
}

#service #main .service_list .service_contents .service_contents_headline > figure {
    margin-bottom: 3.5vw;
}

#service #main .service_list .service_contents .service_contents_headline > p {
    line-height: 1.875;
}

#service #main .service_list .service_contents .service_contents_headline > ul {
    overflow: hidden;
    margin-top: 5vw;
}

#service #main .service_list .service_contents .service_contents_headline > ul > li {
    width: 32.4%;
    margin-left: 1.4%;
    float: left;
}

#service #main .service_list .service_contents .service_contents_headline > ul > li:first-of-type {
    margin-left: 0;
}

#service #main .service_list .service_contents .service_contents_main {
    margin-top: 5vw;
    padding-top: 4vw;
    border-top: 1px solid #DCDCDC;
}

#service #main .service_list .service_contents .sc_main_title01 {
    color: #00A9D4;
    font-weight: 600;
    font-size: 4.27vw;
    margin-bottom: 3vw;
}

#service #main .service_list .service_contents .sc_main_title02 {
    font-size: 3.74vw;
    font-weight: 600;
}

#service #main .service_list .service_contents .sc_main_list {
    margin-top: 5vw;
    margin-bottom: 5vw;
    overflow: hidden;
    counter-reset: sc_main_list;
}

#service #main .service_list .service_contents .sc_main_list li {
    counter-increment: sc_main_list;
    margin-top: 3.75vw;
}

#service #main .service_list .service_contents .sc_main_list li:first-of-type {
    margin-top: 0;
}

#service #main .service_list .service_contents .sc_main_list li h4:before {
    content: "（"counter(sc_main_list)"）";
    display: inline-block;
    float: left;
    position: relative;
    margin-left: -1.5em;
}

#service #main .service_list .service_contents .sc_main_list li h4 {
    margin-bottom: 1.25vw;
    padding-left: 1.5em;
    position: relative;
}

#service #main .service_list .service_contents .sc_main_list li h4 span {
    color: #00A9D4;
    font-size: 3.2vw;
}

#service #main .service_list .service_contents .sc_main_list li p {
    line-height: 1.714;
}

#service #main .service_list .service_contents .anno_ol {
    color: #00A9D4;
    font-size: 3.2vw;
    counter-reset: anno_ol;
}

#service #main .service_list .service_contents .anno_ol > li {
    counter-increment: anno_ol;
    padding-left: 2em;
    position: relative;
}

#service #main .service_list .service_contents .anno_ol > li:before {
    content: "※"counter(anno_ol);
    float: left;
    display: inline-block;
    margin-left: -2em;
}

#service #main .service_list .service_contents .anno_ol > li + li {
    margin-top: 1.25vw;
}

#service #main .service_list:nth-of-type(2) .service_contents .sc_main_title02,
#service #main .service_list:last-of-type .service_contents .sc_main_title02 {
    text-align: center;
    margin-bottom: 3.75vw;
}

#service #main .service_list .service_contents .sc_main_box {
    overflow: hidden;
}

#service #main .service_list .service_contents .sc_main_box figure {
    text-align: center;
    margin-bottom: 5vw;
}

#service #main .service_list .service_contents .dot_list li {
    padding-left: 1em;
    position: relative;
}

#service #main .service_list .service_contents .dot_list li:before {
    content: "・";
    position: relative;
    float: left;
    margin-left: -1em;
}

#service #main .service_list .service_contents .dot_list li + li {
    margin-top: 1.25vw;
}

#service #main .anno {
    margin-top: 3vw;
}

#service #main .anno p {
    color: #646464;
    line-height: 1.714;
}

#service #main .outline {
	margin-bottom: 7.2vw;
}

#service #main .outline li {
	border-bottom: 0.1rem #dcdcdc solid;
}

#service #main .outline li:first-child {
	border-top: 0.1rem #dcdcdc solid;
}

#service #main .outline dl {
	display: table;
}

#service #main .outline dt,
#service #main .outline dd {
	display: table-cell;
	padding: 2.4vw;
	box-sizing: border-box;
}

#service #main .outline dt {
	width: 30vw;
	font-weight: 600;
	background: #f5f5f5;
}

#service #main .outline + h3 + p {
	margin-bottom: 2.1vw;
}

#service #main .rent_list {
	width: 100%;
	border-top: 0.1rem #dcdcdc solid;
	margin-bottom: 3.3vw;
}

#service #main .rent_list th,
#service #main .rent_list td {
	padding: 2.4vw;
	border-bottom: 0.1rem #dcdcdc solid;
	box-sizing: border-box;
}

#service #main .rent_list th {
	width: 24vw;
	font-weight: 600;
	background: #f5f5f5;
}

#service #main .rent_list th.index,
#service #main .rent_list td {
	text-align: center;
	border-left: 0.1rem #dcdcdc solid;
}

#service #main .public_area figcaption {
	font-weight: 600;
}

#service #main .public_area li {
    display: inline-block;
    margin-right: 3vw;
    padding: 0 1.5vw;
}

#service #main .public_area li + li {
	margin-top: 1.2vw;
}

#service #main .offer_service {
	text-align: center;
    border-top: 0.1rem #DCDCDC solid;
    padding: 5.4vw 0;
}

#service #main .offer_service figcaption {
	font-size: 3.74vw;
    font-weight: 700;
    margin-bottom: 4.8vw;
}

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

#service #main .offer_service li {
	display: inline-block;
	width: 33vw;
}

#service #main .offer_service li:nth-child(n+3) {
	margin-top: 2.4vw;
}

#service #main .offer_service .link_detail a {
    color: #333;
    font-size: 3.74vw;
}







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

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

    common

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




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

    service

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

#service #main .service_list .service_title {
	font-size: 2.4vw;
    line-height: 7.2vw;
}

#service #main .service_list .service_title span {
	font-size: 1.8vw;
}

#service #main .service_list .service_contents .sc_main_title01 {
	font-size: 2.4vw;
    margin-bottom: 1.2vw;
}

#service #main .service_list .service_contents .sc_main_title02 {
	font-size: 1.95vw;
}

#service #main .service_list .service_contents .sc_main_list ul {
	font-size: 0;
}

#service #main .service_list .service_contents .sc_main_list li {
	margin-top: 0;
	display: inline-block;
	width: 44.7%;
	vertical-align: top;
	margin-bottom: 3.75vw;
}

#service #main .service_list .service_contents .sc_main_list li:nth-child(even) {
	margin-left: 9.6%;
}

#service #main .service_list .service_contents .sc_main_list li h4 {
	margin-bottom: 0.3vw;
	padding-left: 1em;
}

#service #main .service_list .service_contents .sc_main_list li h4 span {
	font-size: 1.8vw;
}

#service #main .service_list .service_contents .anno_ol {
	font-size: 1.8vw;
}

#service #main .service_list .service_contents .dot_list {
	font-size: 1.8vw;
}

#service #main .outline dt,
#service #main .outline dd,
#service #main .rent_list th,
#service #main .rent_list td,
#service #main .public_area {
	font-size: 1.8vw;
}

#service #main .offer_service figcaption {
	font-size: 2.1vw;
	margin-bottom: 3.6vw;
}

#service #main .offer_service li {
	width: auto;
    margin: 0 2.1vw;
}

#service #main .offer_service li:nth-child(n+3) {
	margin-top: 0;
}

#service #main .offer_service .link_detail a {
	font-size: 1.95vw;
}


}


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


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

    service

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

#service #main {
	margin-right: auto;
	margin-left: auto;
}

#service #main .service_list .service_contents .sc_main_box figure {
	margin-bottom: 0;
    width: 230px;
    float: left;
}

#service #main .service_list .service_contents .sc_main_box .sc_main_box_text {
    margin-left: 246px;
}

}




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


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

    service

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


#service .container > #main p,
#service .container > #side {
    font-size: 1.6rem;
}

#service #main {
	margin-right: 0;
	margin-left: 0;
}

#service #main .service_list + .service_list {
    margin-top: 72px;
}

#service #main .service_list .service_title {
    font-size: 2.4rem;
    line-height: 50px;
}

#service #main .service_list .service_title span {
    font-size: 16px;
    margin-right: 5px;
}

#service #main .service_list .service_contents {
    padding: 40px;
}

#service #main .service_list .service_contents .service_contents_headline > figure {
    margin-bottom: 27px;
}

#service #main .service_list .service_contents .service_contents_headline > p {
    line-height: 1.875;
}

#service #main .service_list .service_contents .service_contents_headline > ul {
    margin-top: 44px;
}

#service #main .service_list .service_contents .service_contents_main {
    margin-top: 30px;
    padding-top: 28px;
}

#service #main .service_list .service_contents .sc_main_title01 {
    font-size: 2rem;
    margin-bottom: 12px;
}

#service #main .service_list .service_contents .sc_main_title02 {
    font-size: 1.8rem;
}

#service #main .service_list .service_contents .sc_main_list {
    margin-top: 30px;
    margin-bottom: 20px;
}

#service #main .service_list .service_contents .sc_main_list li {
	margin-bottom: 2.1rem;
}

#service #main .service_list .service_contents .sc_main_list li h4 {
    margin-bottom: 10px;
}

#service #main .service_list .service_contents .sc_main_list li h4 span {
    font-size: 1.4rem;
}

#service #main .service_list .service_contents .sc_main_list li p {
    font-size: 1.4rem;
}

#service #main .service_list .service_contents .anno_ol {
    font-size: 1.4rem;
}

#service #main .service_list .service_contents .anno_ol > li {
    counter-increment: anno_ol;
    padding-left: 2em;
    position: relative;
}

#service #main .service_list .service_contents .anno_ol > li + li {
    margin-top: 5px;
}

#service #main .service_list:nth-of-type(2) .service_contents .sc_main_title02,
#service #main .service_list:last-of-type .service_contents .sc_main_title02 {
    margin-bottom: 24px;
}

#service #main .service_list .service_contents .dot_list {
    font-size: 1.4rem;
}

#service #main .service_list .service_contents .dot_list li + li {
    margin-top: 5px;
}

#service #main .anno {
    margin-top: 20px;
}

#service #main .anno p {
    font-size: 1.4rem;
}

#service #main .outline dt,
#service #main .outline dd,
#service #main .rent_list th,
#service #main .rent_list td,
#service #main .public_area {
	font-size: 1.4rem;
}

#service #main .outline {
    width: 80%;
    margin: 0 auto 6rem;
}

#service #main .outline dt,
#service #main .outline dd {
	padding: 2.1rem;
}

#service #main .outline dt {
	width: 21rem;
}

#service #main .outline + h3 + p {
	width: 80%;
	font-size: 1.4rem;
    margin: 0 auto 1.5rem;
}

#service #main .rent_list {
	width: 80%;
	margin: 0 auto 3rem;
}

#service #main .rent_list th,
#service #main .rent_list td {
	padding: 2.1rem;
}

#service #main .rent_list th {
	width: 21rem;
}

#service #main .public_area {
	width: 80%;
	margin: 0 auto;
}

#service #main .public_area li {
	margin-right: 1.5rem;
	padding: 0 1.2rem;

}

#service #main .offer_service {
	padding: 3.6rem 0 4.8rem;
}

#service #main .offer_service figcaption {
	font-size: 1.8rem;
    margin-bottom: 3.3rem;
}

#service #main .offer_service li {
	font-size: 1.6rem;
	margin: 0 1.5rem;
}

#service #main .offer_service .link_detail a {
	font-size: 1.6rem;
}

}