@charset "utf-8";
/* access css */

.sec_price,
.sec_worktime {
margin-bottom: 100px;
}

@media all and (max-width : 767px ){
.sec_price,
.sec_worktime {
margin-bottom: 50px;
}
}

.con_title {
font-size: 2.2rem;
font-weight: 400;
letter-spacing: 0.4em;
line-height: 100%;
padding-bottom: 50px;
display: block;
text-align: center;
margin-bottom: 50px;
position: relative;
}
.con_title::after {
content: "";
display: block;
background: #C14911;
width: 15px;
height: 1px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.list_title {
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.2em;
line-height: 100%;
margin-bottom: 20px;
}
.list_subtitle {
font-size: 1.5rem;
margin-bottom: 20px;
}
.list_subtitle a {
text-decoration: underline;
color: #8E7742;
}
.list_subtitle a:hover {
text-decoration: none;
}

@media all and (max-width : 767px ){
.page_navi {
margin-bottom: 40px;
}
.con_title {
font-size: 1.8rem;
letter-spacing: 0.2em;
padding-bottom: 30px;
margin-bottom: 30px;
}
.con_title::after {
width: 10px;
height: 1px;
}
.list_title {
font-size: 1.6rem;
letter-spacing: 0.2em;
margin-bottom: 15px;
}
.list_subtitle {
font-size: 1.3rem;
margin-bottom: 15px;
}
}

/*-------------------------------------------------
テーブル
-------------------------------------------------*/

.price_table {
width: 100%;
font-size: 1.6rem;
border-collapse: collapse;
border-top: solid 1px #DEDEDE;
border-left: solid 1px #DEDEDE;
margin-bottom: 80px;
}

@media all and (max-width : 1024px ){
.price_table {
font-size: 1.5rem;
}
}

@media all and (max-width : 1024px ){
.price_table {
font-size: 1.4rem;
}
}

.bedrock {
margin-bottom: 10px;
}
.price_table th {
font-weight: 400;
letter-spacing: 0.2em;
background-image: url("../img/faq/faq_bg.jpg");
background-repeat: repeat-x;
background-position: left top;
width: 30.61%;
padding: 15px 10px 15px 40px;
text-align: left;
border-right: solid 1px #DEDEDE;
border-bottom: solid 1px #DEDEDE;
vertical-align: middle;
}
.price_table td {
width: 69.39%;
padding: 15px 10px 15px 40px;
border-right: solid 1px #DEDEDE;
border-bottom: solid 1px #DEDEDE;
letter-spacing: 0.1em;
vertical-align: middle;
}
.cation_txt {
font-size: #CC3300;
font-size: 1.4rem;
margin-bottom: 80px;
letter-spacing: 0.2em;
}
.cation_title {
font-size: 1.6rem;
font-weight: 600;
color: #CC3300;
letter-spacing: 0.2em;
margin-bottom: 15px;
}
.cation_box {
width: 100%;
background-image: url("../img/faq/faq_bg.jpg");
background-repeat: repeat;
background-position: left top;
padding: 30px 20px 20px 30px;
border: solid 1px #DEDEDE;
}
.cation_box ul li {
padding-left: 20px;
background-image: url("../img/common/icon_nakaguro.svg");
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 10px;
}

@media all and (max-width : 820px ){
.cation_box ul li {
font-size: 1.4rem;
}
}

@media all and (max-width : 767px ){
.price_table {
width: 100%;
font-size: 1.4rem;
margin-bottom: 40px;
}
.price_table th {
font-weight: 500;
letter-spacing: 0.15em;
width: 100%;
padding: 15px 10px 15px 20px;
display: block;
}
.price_table td {
width: 100%;
padding: 15px 10px 15px 20px;
display: block;
}
.cation_title {
font-size: 1.3rem;
letter-spacing: 0.15em;
margin-bottom: 10px;
}
.cation_box {
padding: 15px 10px 10px 15px;
}
.cation_box ul li {
font-size: 1.2rem;
background-position: left 0;
}
}




/*-------------------------------------------------
アクセスマップ
-------------------------------------------------*/

.con_subtitle {
font-size: 1.2rem;
font-weight: 500;
display: block;
letter-spacing: 0.4em;
text-align: center;
line-height: 100%;
margin-bottom: 10px;
}
.sec_access .map_wrap {
padding: 2px;
border: solid 1px #ddd;
background: #fff;
margin-bottom: 20px;
}
.sec_access .map {
height: 0;
overflow: hidden;
padding-bottom: 45.63%;
position: relative;
}
.map iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

.access_box {
display: flex;
align-items: center;
font-size: 1.5rem;
letter-spacing: 0.2em;
border-bottom: solid 1px #DADADA;
}

@media all and (max-width : 820px ){
.access_box {
font-size: 1.4rem;
letter-spacing: 0.15em;
}
}

.access_box dt {
padding: 30px 30px;
width: 20.41%;
}
.access_box dd {
padding: 30px 20px 30px 0;
width: 79.39%;
}
.access_box dd a {
text-decoration: underline;
letter-spacing: 0.1em;
}
.access_box dd span {
font-size: 1.3rem;
letter-spacing: 0.1em;
}
.access_method {
display: flex;
align-items: center;
margin-bottom: 20px;
border: solid 1px #E5E5E5;
}
.access_method dt {
padding: 30px 20px 30px 20px;
background: #A29A74;
width: 32.65%;
color: #fff;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.2em;
}

@media all and (max-width : 1024px ){
.access_method dt {
font-size: 1.5rem;
letter-spacing: 0.15em;
}
}

.access_method dd {
padding: 15px 10px 5px 20px;
width: 67.35%;
font-size: 1.4rem;
letter-spacing: 0.1em;
}

@media all and (max-width : 820px ){
.access_method dt {
font-size: 1.4rem;
letter-spacing: 0.1em;
padding: 45px 10px 45px 15px;
}
.access_method dd {
font-size: 1.3rem;
padding: 10px 10px 5px 10px;
}
}

.access_method dd ul li {
padding-left: 20px;
background-image: url("../img/common/icon_nakaguro.svg");
background-repeat: no-repeat;
background-position: left 0px;
margin-bottom: 8px;
}
.access_method dd ul li a {
text-decoration: underline;
color: #8E7742;
}
.access_method dd ul li a:hover {
text-decoration: none;
}

@media all and (max-width : 767px ){
.con_subtitle {
font-size: 1.0rem;
letter-spacing: 0.2em;
}
.sec_access .map_wrap {
margin-bottom: 10px;
}
.access_box {
display: flex;
flex-direction: column;
align-items: flex-start;
font-size: 1.4rem;
letter-spacing: 0.15em;
}
.access_box dt {
padding: 20px 10px 0;
width: 100%;
}
.access_box dd {
padding: 10px 10px 20px 10px;
width: 100%;
}
.access_box dd span {
font-size: 1.2rem;
}
.access_method {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 20px;
border: solid 1px #E5E5E5;
}
.access_method dt {
padding: 15px 20px 15px 15px;
width: 100%;
font-size: 1.4rem;
letter-spacing: 0.1em;
}
.access_method dd {
padding: 15px 10px 5px 10px;
width: 100%;
font-size: 1.2rem;
letter-spacing: 0.1em;
}
}